@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
        
    :root {
         --primary-font-template: "Poppins";
         --primary-font-style: "Sans-Serif";
         --secondary-font-template: "Barlow";
         --secondary-font-style: "Sans-Serif";
         --tertiary-font-template: "$tertiaryFont";
         --tertiary-font-style: "$tertiaryStyle";
         --body-bg-template: #fff;
         --body-bg-relative-template: oklch(from var(--body-bg-template) calc(l * .95) c h);
         --body-text-template: #000;
         --primary-template: #1b365d;
         --primary-relative-template: oklch(from var(--primary-template) calc(l * .75) c h);
         --secondary-template: #632121;
         --secondary-relative-template: oklch(from var(--secondary-template) calc(l * 1.25) c h);
         --accent-template: #C5B358;
         --footer-template: #632121;
         --image-overlay-template: #000;
                               }
    
    /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */
 html:has(.template-dark-mode) {
     --primary-relative-template: oklch(from var(--primary-template) calc(l * 1.25) c h);
     --body-bg-relative-template: oklch(from var(--body-bg-template) calc(l * 1.25) c h);
     --secondary-relative-template: oklch(from var(--secondary-template) calc(l * .75) c h);
     --image-overlay-template: #fff;
     --opacity-template: .6;
}
/* ========================================================= General ============================================================ */
 body {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 16px;
     line-height: 27px;
     font-weight: 400;
     color: var(--primary-relative-template);
     background-color: var(--body-bg-template);
     overflow-x: hidden;
}
 html {
     font-family: var(--primary-font-template), var(--primary-font-style);
}
 html, body {
     width: 100%;
     height: 100%;
}
/* ================= Link style ==================== */
 a {
     color: var(--primary-template);
}
 a, a > * {
     outline: none;
     cursor: pointer;
     text-decoration: none;
}
 a:focus, a:hover {
     color: #313131;
     outline: none;
     text-decoration: none;
}
/* ================= Transition elements ==================== */
 a, .navbar a, .form-control {
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
/* ========================================================= Typography ============================================================ */
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-weight: 600;
    /* font-weight: 400;
     */
     margin: 0 0 20px;
}
 h1 {
     font-size: 48px;
     font-weight: 700;
     color: var(--body-bg-template);
     letter-spacing: -1px;
}
 @media (min-width: 480px) and (max-width: 767px) {
     h1 {
         font-size: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     h1 {
         font-size: 34px;
    }
}
 h2 {
     font-size: 36px;
     line-height: 42px;
     font-weight: 600;
     color: var(--primary-template);
}
 @media (min-width: 480px) and (max-width: 767px) {
     h2 {
         font-size: 30px;
         line-height: 35px;
    }
}
 @media only screen and (max-width: 479px) {
     h2 {
         font-size: 25px;
         line-height: 30px;
    }
}
 h3 {
     font-size: 26px;
     line-height: 30px;
     color: var(--primary-template);
}
 @media only screen and (max-width: 479px) {
     h3 {
         font-size: 20px;
    }
}
 h4 {
     font-size: 25px;
}
 h5 {
     font-size: 14px;
}
 h6 {
     font-size: 12px;
}
 p img {
     margin: 0;
}
 p {
     font-family: var(--secondary-font-template), var(--secondary-font-style);
     font-weight: 400;
     margin: 0 0 15px;
     line-height: 27px;
}
 hr {
     margin: 0;
}
 ul {
     margin: 0;
     padding: 0;
}
 ul li {
     margin: 0;
     padding: 0;
     list-style: none;
}
/* ========================================================= Button STYLE ============================================================ */
 .btn {
    /* font-family: var(--primary-font-template), var(--primary-font-style);
     */
     font-size: 20px;
     line-height: 26px;
}
 .btn.active, .btn:active {
     box-shadow: none;
}
 button, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
     outline: none;
}
 .btn {
    /*@include transition(.5s);
     */
}
 .btn-default {
     font-size: 20px;
     color: var(--primary-template);
     background-color: var(--body-bg-template);
     border: 2px solid var(--primary-template);
     border-radius: 0;
     padding: 8px 22px;
}
 .btn-default:hover {
     border: 0;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .btn-default:hover, .btn-default.focus, .btn-default:focus, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-primary {
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     border-color: transparent;
}
 .btn-primary {
     position: relative;
     font-size: 20px;
     font-weight: 400;
     border: 0;
     padding: 10px 45px;
     border-radius: 6px;
     z-index: 5;
     overflow: hidden;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media screen and (max-width: 480px) {
     .btn-primary {
         font-size: 16px;
         padding: 8px 25px;
    }
}
 @media screen and (max-width: 480px) {
     .btn-link {
         font-size: 16px;
         padding: 8px 25px;
    }
}
/* ========================================================= Color Presets For Class ============================================================ */
 .facebook-bg {
     background-color: #106ed2;
}
 .twitter-bg {
     background-color: #3ad0fb;
}
 .linkedin-bg {
     background-color: #1379bb;
}
/* ========================================================= Global Classes ============================================================ */
 .no-margin {
     margin: 0;
}
 .no-padding {
     padding: 0;
}
 .section-padding {
     padding: 115px 0;
}
 @media only screen and (max-width: 991px) {
     .section-padding {
         padding: 90px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .section-padding {
         padding: 60px 0;
    }
}
 .inline-block {
     display: inline-block;
}
 .ml-30 {
     margin-left: 30px;
}
 .mr-30 {
     margin-right: 30px;
}
/* ========================================================= FORM STYLE ============================================================ */
 .form-control:focus {
     box-shadow: none;
}
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
     background-color: transparent;
     background-image: none;
     color: var(--body-bg-template);
}
 input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
     outline: none;
     margin: 0;
     max-width: 100%;
     -webkit-border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
     -o-border-radius: 0px 0px 0px 0px;
     -ms-border-radius: 0px 0px 0px 0px;
     -khtml-border-radius: 0px 0px 0px 0px;
     border-radius: 0px 0px 0px 0px;
}
/* ========================================================= Light-Box STYLE ============================================================ */
 .poptrox-popup {
     background: transparent !important;
}
 .poptrox-popup .caption, .poptrox-popup .closer, .poptrox-popup .nav-next, .poptrox-popup .nav-previous {
     display: none !important;
}
/* ========================================================= Pagination STYLE ============================================================ */
 .pagination-wrapper {
     margin-top: 80px;
}
 @media only screen and (max-width: 991px) {
     .pagination-wrapper {
         margin-top: 0;
    }
}
 @media only screen and (max-width: 767px) {
     .pagination-wrapper {
         margin-top: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .pagination-wrapper {
         margin-top: 0;
    }
}
 .pagination-wrapper .pagination li.active > a {
     color: var(--body-bg-template);
     border-color: var(--primary-template);
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .pagination-wrapper .pagination li.active > a:hover, .pagination-wrapper .pagination li.active > a:focus, .pagination-wrapper .pagination li.active > a:active {
     background-color: var(--primary-template);
}
 .pagination-wrapper .pagination li a {
     width: 40px;
     height: 40px;
     line-height: 25px;
     font-weight: 700;
     color: #000000;
     border-radius: 0;
     background-color: transparent;
     margin: 0 4px;
}
 @media only screen and (max-width: 479px) {
     .pagination-wrapper .pagination li a {
         width: 30px;
         height: 30px;
         line-height: 15px;
         font-size: 12px;
         margin: 0 2px 5px;
    }
}
 .pagination-wrapper .pagination > li > a:focus, .pagination-wrapper .pagination > li > a:hover, .pagination-wrapper .pagination > li > span:focus, .pagination-wrapper .pagination > li > span:hover {
     background-color: transparent;
}
/* ========================================================= Box Layout STYLE ============================================================ */
 .boxLayout, .box-layout {
     margin: 0 auto;
     background: url(../images/pattern.jpg) no-repeat center top;
     background-size: cover;
     background-attachment: fixed;
}
 @media only screen and (min-width: 1200px) {
     .boxLayout, .box-layout {
         width: 1200px;
    }
}
 .boxLayout section, .boxLayout header, .box-layout section, .box-layout header {
     background-color: var(--body-bg-template);
}
 .boxLayout .box-nav, .box-layout .box-nav {
     position: relative;
}
 .boxLayout .box-nav .navbar, .box-layout .box-nav .navbar {
     left: 0;
     background-color: var(--body-bg-template);
}
 .boxLayout .box-nav .navbar::before, .box-layout .box-nav .navbar::before {
     width: 350px;
}
 .boxLayout .box-nav .navbar .navbar-header .navbar-brand img, .box-layout .box-nav .navbar .navbar-header .navbar-brand img {
     padding: 22px 25px;
}
 .boxLayout .box-nav .navbar .navbar-collapse .navbar-nav, .box-layout .box-nav .navbar .navbar-collapse .navbar-nav {
     margin-right: 45px;
}
 .boxLayout .navbar.sticky, .box-layout .navbar.sticky {
     width: 1200px;
     margin: 0 auto;
}
 .boxLayout .slider-section .tp-banner-container, .box-layout .slider-section .tp-banner-container {
     left: 0 !important;
     right: 0 !important;
     width: 100% !important;
     margin: 0 auto;
}
 .boxLayout .slider-section .tparrows.tp-leftarrow, .box-layout .slider-section .tparrows.tp-leftarrow {
     left: 0 !important;
}
 .boxLayout .slider-section .tparrows.tp-rightarrow, .box-layout .slider-section .tparrows.tp-rightarrow {
     right: 0 !important;
}
 .boxLayout .searching-section, .box-layout .searching-section {
     overflow: hidden;
}
 .boxLayout .searching-section .caption .caption-two, .box-layout .searching-section .caption .caption-two {
     right: -10%;
}
 .boxLayout .searching-section .caption .caption-two img, .box-layout .searching-section .caption .caption-two img {
     width: 75%;
}
 .boxLayout .subscribe-section, .box-layout .subscribe-section {
     overflow: hidden;
}
 .boxLayout .optimized-section .content-wrapper, .box-layout .optimized-section .content-wrapper {
     padding: 80px 80px 0 30px;
}
 @media only screen and (max-width: 991px) {
     .boxLayout .optimized-section .content-wrapper, .box-layout .optimized-section .content-wrapper {
         padding: 80px 15px 60px;
    }
}
/* ========================================================= Section-Title STYLE ============================================================ */
 .header-title {
     background: url(../images/sub/bg.jpg) no-repeat center top;
     background-size: cover;
     padding: 310px 0 75px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-title {
         padding: 250px 0 50px;
    }
}
 @media only screen and (max-width: 991px) {
     .header-title {
         padding: 140px 0 50px;
    }
}
 @media only screen and (max-width: 479px) {
     .header-title {
         padding: 120px 0 30px;
    }
}
 .header-title .title {
     font-size: 48px;
     font-weight: 700;
     line-height: 42px;
     color: var(--body-bg-template);
     margin-bottom: 10px;
}
 @media only screen and (max-width: 991px) {
     .header-title .title {
         font-size: 35px;
         line-height: 35px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .header-title .title {
         font-size: 30px;
         line-height: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .header-title .title {
         font-size: 25px;
         line-height: 30px;
         margin-bottom: 0;
    }
}
 .header-title .sub-title {
     color: var(--body-bg-template);
}
/* ========================================================= Page-Title STYLE ============================================================ */
 .page-title {
     background-color: #dfdbce;
     padding: 18px 0;
}
 .page-title h4 {
     font-size: 18px;
     font-weight: 600;
     color: var(--primary-template);
     margin: 0;
}
 .page-title h4 span {
     color: #8e8b81;
}
/* ========================================================= Sub-Page-STYLE ============================================================ */
 .sub-page .header-section .navbar {
     background-color: var(--body-bg-template);
}
 .sub-page .header-section .navbar.sticky {
     background-color: var(--body-bg-template);
}
 .sub-page .header-section .navbar .navbar-collapse .navbar-nav li a, .sub-page .header-section .navbar .navbar-collapse .navbar-nav li .search-view {
     color: var(--primary-relative-template);
}
/* ========================================================= Header STYLE ============================================================ */
 @media only screen and (max-width: 991px) {
     .header-section {
         display: inline-block;
    }
}
 .header-section .top-bar {
     padding: 16px 0;
    /* background-color: #162232;
     */
    /* 04283A;
     */
     background-image: var(--header-bg-image, unset);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .header-section .top-bar .container {
     width: 100%;
}
 .header-section .top-bar .header-left-bar .contact-wrapper li {
     font-size: 16px;
     display: inline-block;
     color: var(--body-bg-template);
     margin-right: 25px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-section .top-bar .header-left-bar .contact-wrapper li {
         font-size: 15px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .header-section .top-bar .header-left-bar .contact-wrapper li {
         font-size: 15px;
    }
}
 @media only screen and (max-width: 767px) {
     .header-section .top-bar .header-left-bar .contact-wrapper li {
         font-size: 15px;
    }
}
 .header-section .top-bar .header-left-bar .contact-wrapper li:last-child {
     margin-right: 0;
}
 .header-section .top-bar .header-left-bar .contact-wrapper li i {
     color: var(--body-bg-template);
}
 .header-section .top-bar .header-right-bar .country {
     padding-right: 30px;
     margin-right: 25px;
     border-right: 2px solid #27374c;
}
 .header-section .top-bar .header-right-bar .country .dropdown-select {
     text-transform: uppercase;
     color: var(--body-bg-template);
     background-color: transparent;
     border: 0;
}
 .header-section .top-bar .header-right-bar .country .dropdown-select option {
     background-color: var(--primary-template);
}
 .header-section .top-bar .header-right-bar .social-icon {
     line-height: 10px;
     vertical-align: sub;
     padding-right: 20px;
     margin-right: 25px;
     border-right: 2px solid #27374c;
}
 .header-section .top-bar .header-right-bar .social-icon li {
     display: inline-block;
     margin: 0 5px;
     vertical-align: text-top;
}
 .header-section .top-bar .header-right-bar .social-icon li a {
     color: var(--body-bg-template);
}
 .header-section .top-bar .header-right-bar .social-icon li a:hover {
     color: var(--primary-template);
}
 .header-section .top-bar .header-right-bar .social-icon li a i {
     font-size: 18px;
}
 .header-section .top-bar .header-right-bar .add-links {
     line-height: 10px;
     vertical-align: sub;
     padding-right: 20px;
     margin-right: 25px;
     border-right: 2px solid #27374c;
}
 .header-section .top-bar .header-right-bar .add-links li {
     display: inline-block;
     margin: 0 5px;
     vertical-align: text-top;
}
 .header-section .top-bar .header-right-bar .add-links li a {
     color: var(--body-bg-template);
}
 .header-section .top-bar .header-right-bar .add-links li a:hover {
     color: var(--primary-template);
}
 .header-section .top-bar .header-right-bar .add-links li a i {
     font-size: 18px;
}
 .header-section .top-bar .header-right-bar .access li {
     display: inline-block;
     padding: 0 2px;
}
/* .header-section .top-bar .header-right-bar .access li a {
     color: var(--body-bg-template);
}
 */
 .header-section .top-bar .header-right-bar .access li a:hover {
     color: var(--primary-template);
}
 .header-section .top-bar .header-right-bar .access li i {
     color: var(--body-bg-template);
}
 .header-section .top-bar .header-right-bar .access li.active #search-modeal {
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
     z-index: 1000;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal {
     background: var(--body-bg-template);
     opacity: 0;
     visibility: hidden;
     position: absolute;
     width: 60%;
     right: 0;
     border-radius: 8px;
     z-index: 999;
     transform: translateY(50px);
     -webkit-transition: 1s;
     -khtml-transition: 1s;
     -moz-transition: 1s;
     -ms-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box {
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
     display: block;
     text-align: center;
     padding: 5px 0;
     border-radius: 8px 8px 0 0;
     cursor: pointer;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box a {
     color: var(--body-bg-template);
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .logout-box i {
     font-size: 14px;
     color: var(--body-bg-template);
     border-radius: 50%;
     width: 25px;
     height: 25px;
     line-height: 25px;
     background-color: transparent;
     float: right;
     margin-right: 15px;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar {
     padding: 15px;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .chatSearchBar {
     width: 100%;
     padding: 5px 20px;
     color: #a9a9a9;
     background-color: transparent;
     border: 2px solid var(--body-bg-relative-template);
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .form-control {
     width: 100%;
     padding: 18px 20px;
     color: #a9a9a9;
     background-color: transparent;
     border: 2px solid var(--body-bg-relative-template);
     margin-top: 10px;
     box-shadow: none;
}
 .header-section .top-bar .header-right-bar .access li #search-modeal .search-bar .subscribeBtn {
     font-size: 16px;
     padding: 4px 35px;
     border-radius: 5px;
}
 .header-section .navbar {
     position: absolute;
     width: 100%;
     border-radius: 0;
     border: 0;
     margin: 0;
     min-height: auto;
     background-color: transparent;
     z-index: 998;
}
/* .header-section .navbar::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     background: url(../images/logo-bg.jpg) no-repeat;
     width: 660px;
     height: 90px;
     z-index: 1;
}
 */
/* @media (min-width: 1500px) and (max-width: 1800px) {
     .header-section .navbar::before {
         width: 460px;
    }
}
 @media (min-width: 1200px) and (max-width: 1499px) {
     .header-section .navbar::before {
         width: 360px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-section .navbar::before {
         width: 260px;
    }
}
 */
 .header-section .navbar .navbar-header {
     position: relative;
     z-index: 5;
}
 .header-section .navbar .navbar-header .navbar-brand {
     padding: 0;
     margin: 0;
}
 .header-section .navbar .navbar-header .navbar-brand img {
     padding: 10px 0;
}
 .header-section .navbar.sticky {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     background-color: #000;
     box-shadow: 0 0 20px 0px rgba(64, 64, 64, 0.16);
     padding: 0;
     z-index: 998;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .header-section .navbar.sticky {
         margin-top: -88px;
    }
}
 .header-section .navbar.sticky .navbar-header .navbar-brand img {
     padding: 10px 0;
}
 .header-section .navbar.sticky .navbar-collapse .navbar-nav li:hover .dropdown {
     z-index: 9;
}
 .header-section .navbar.sticky .navbar-collapse .navbar-nav li .dropdown {
     z-index: -1;
}
 .header-section .navbar.sticky .navbar-collapse .navbar-nav li .search-view {
    /* display: none;
     */
}
 .header-section .navbar .navbar-collapse {
     padding: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li {
     position: relative;
     font-size: 16px;
     text-transform: uppercase;
     margin-right: 28px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-section .navbar .navbar-collapse .navbar-nav li {
         margin-right: 25px;
    }
}
 .header-section .navbar .navbar-collapse .navbar-nav li:last-child {
     margin-right: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li a, .header-section .navbar .navbar-collapse .navbar-nav li .search-view {
     color: var(--body-bg-template);
     padding: 0;
     line-height: 88px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li a:hover, .header-section .navbar .navbar-collapse .navbar-nav li .search-view:hover {
     color: var(--primary-template);
     background-color: transparent;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .search-view {
     cursor: pointer;
}
 .header-section .navbar .navbar-collapse .navbar-nav li.active a {
     color: var(--primary-template);
     background-color: transparent;
}
 .header-section .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu {
     top: 88px;
     visibility: visible;
     opacity: 1;
     z-index: 1;
     transform: translateY(0%);
     transition-delay: 0s, 0s, 0.3s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu {
     top: 88px;
     left: -50px;
     min-width: 200px;
     background-color: var(--body-bg-template);
     padding: 10px 0;
     display: block;
     visibility: hidden;
     opacity: 0;
     border: 0;
     transform: translateY(-2em);
     z-index: -1;
     transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li {
     font-size: 14px;
     border-bottom: 1px solid rgba(97, 109, 126, 0.12);
     margin: 0 25px;
     padding: 0 5px;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li.active a {
     color: var(--secondary-template) !important;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:last-child {
     border-bottom: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {
     color: #616d7e !important;
     line-height: 45px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a:hover {
     color: var(--secondary-template) !important;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li:hover .sub-dropdown {
     opacity: 1;
     right: -136%;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu .sub-dropdown {
     position: absolute;
     top: 0;
     right: -120%;
     width: 180px;
     background-color: var(--body-bg-template);
     opacity: 0;
     padding: 10px 0;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
     position: absolute;
     top: 88px;
     width: 700px;
     left: -400px;
     background-color: var(--body-bg-template);
     opacity: 0;
     visibility: hidden;
     padding: 40px 20px 40px 40px;
     visibility: hidden;
     display: flex;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     transform: translateY(-2em);
     z-index: -1;
     transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
 @media (min-width: 1500px) and (max-width: 2100px) {
     .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
         width: 1000px;
         left: -500px;
    }
}
 @media only screen and (max-width: 1499px) {
     .header-section .navbar .navbar-collapse .navbar-nav li .megamenu {
         padding: 20px;
         left: -344px;
    }
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel {
     margin-bottom: 40px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators {
     width: 100%;
     left: -40px;
     right: 0;
     margin: 0 auto;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu #menu-carousel .carousel-indicators li {
     width: 20px;
     height: 7px;
     border: 1px solid var(--body-bg-template);
     margin: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li {
     flex: 1;
     border-right: 1px solid rgba(97, 109, 126, 0.12);
     padding: 0;
     margin: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:last-child {
     border-right: 0;
}
 @media only screen and (max-width: 1499px) {
     .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li:first-child {
         display: none;
    }
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content {
     padding-top: 5px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content h4 {
     font-size: 17px;
     text-transform: capitalize;
     color: var(--primary-template);
     margin-bottom: 5px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .number, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .content .message {
     font-size: 14px;
     line-height: 20px;
     text-transform: capitalize;
     display: block;
     color: #676767;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {
     position: relative;
     top: 0;
     width: auto;
     padding: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
     border-right: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown {
     background-color: var(--body-bg-template);
     padding: 10px 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
     font-size: 16px;
     border-bottom: 1px solid rgba(97, 109, 126, 0.12);
     margin: 0 25px;
     padding: 0 5px;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 @media only screen and (max-width: 1499px) {
     .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li {
         margin: 0 10px;
    }
}
 @media only screen and (max-width: 1499px) {
     .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:first-child {
         display: inherit;
    }
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li.active a {
     color: var(--primary-template);
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:last-child {
     border-bottom: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a {
     color: #616d7e;
     line-height: 45px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li a:hover {
     color: var(--primary-template);
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown li:hover .sub-dropdown {
     opacity: 1;
     right: -170%;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li .dropdown .sub-dropdown {
     position: absolute;
     top: 0;
     right: -120%;
     width: 180px;
     background-color: #222;
     opacity: 0;
     padding: 10px 0;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-indicators {
     bottom: -35px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item {
     transition-property: opacity;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .item, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {
     opacity: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next.left, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev.right {
     opacity: 1;
}
 .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .next, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .prev, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.left, .header-section .navbar .navbar-collapse .navbar-nav li .megamenu li #menu-carousel .carousel-inner .active.right {
     left: 0;
     transform: translate3d(0, 0, 0);
}
 .header-section .navbar .navbar-collapse .navbar-nav li:hover .megamenu {
     opacity: 1;
     visibility: visible;
     top: 88px;
     z-index: 1;
     transform: translateY(0%);
     transition-delay: 0s, 0s, 0.3s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar {
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     visibility: hidden;
     opacity: 0;
     z-index: 99;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar.active {
     visibility: visible;
     opacity: .95;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar.active .form-bar .form-group {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .close-bar {
     margin-right: 60px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .close-bar i {
     color: var(--body-bg-template);
     font-size: 22px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar {
     position: relative;
     width: 50%;
     top: 50%;
     margin: -50px auto;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group {
     margin: 0;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
     -ms-transform: scale(0.5);
     -o-transform: scale(0.5);
     transform: scale(0.5);
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group .form-control {
     font-size: 32px;
     color: var(--body-bg-template);
     background-color: transparent;
     border: 0;
     border-bottom: 3px solid var(--body-bg-template);
     box-shadow: none;
     height: auto;
     padding: 0;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar input[placeholder], .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar [placeholder], .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar *[placeholder] {
     color: var(--body-bg-template) !important;
}
/* ========================================================= Slider STYLE ============================================================ */
 .slider-section .large-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 60px;
     font-weight: 600;
     line-height: 72px;
     color: var(--body-bg-template);
}
 .slider-section .small-text {
     font-size: 18px;
     line-height: 30px;
     color: var(--body-bg-template);
}
 .slider-section .medium-text {
     font-size: 24px;
     color: var(--body-bg-template);
     line-height: 30px;
}
 .slider-section .link-button .btn {
     border-radius: 0;
}
 .slider-section .link-button .btn.btn-primary {
     font-size: 18px;
     font-weight: 700;
     color: var(--body-bg-template);
     padding: 12px 30px;
     border-radius: 0;
     margin-right: 10px;
}
 .slider-section .link-button .btn.btn-primary:hover {
     color: var(--primary-relative-template);
}
 .slider-section .link-button .btn.btn-default {
     font-size: 18px;
     font-weight: 700;
     color: var(--primary-relative-template);
     border: 0;
     padding: 12px 30px;
}
 .slider-section .link-button .btn.btn-default:hover {
     color: var(--body-bg-template);
}
/* ========================================================= Panaroma STYLE ============================================================ */
 .panorama-section .panorama-view {
     width: 100% !important;
}
/* ========================================================= Video STYLE ============================================================ */
 .video-section {
     position: relative;
     height: 100vh;
     overflow: hidden;
     transition: 1s;
}
 @media only screen and (max-width: 991px) {
     .video-section {
         height: auto;
    }
}
 .video-section::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(0, 0, 0, 0.75);
}
 @media only screen and (max-width: 991px) {
     .video-section::before {
         height: 99%;
    }
}
 @media only screen and (max-width: 767px) {
     .video-section::before {
         height: 98%;
    }
}
 @media only screen and (max-width: 479px) {
     .video-section::before {
         height: 97%;
    }
}
 .video-section video {
     width: 100%;
}
/* ========================================================= About-Section STYLE ============================================================ */
 .about-section .section-title {
     margin-bottom: 50px;
}
 @media only screen and (max-width: 991px) {
     .about-section .about-wrapper {
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .about-section .about-wrapper {
         margin-bottom: 30px;
    }
}
 .about-section .about-wrapper .caption img {
     width: 100%;
}
 .about-section .about-wrapper .wrapper-content h4 {
     font-size: 24px;
     font-weight: 700;
     color: var(--primary-relative-template);
     margin: 25px 0 10px;
}
 @media only screen and (max-width: 767px) {
     .about-section .about-wrapper .wrapper-content h4 {
         font-size: 20px;
         margin: 20px 0 5px;
    }
}
/*.about-section .about-wrapper .wrapper-content p {
     */
    /* color: var(--primary-relative-template);
}
 */
/*.about-section .about-wrapper .wrapper-content .btn {
     */
    /* font-weight: 400;
     */
    /* margin-top: 22px;
     */
    /* padding: 5px 28px;
}
 */
/* .about-section .about-wrapper .wrapper-content .btn:hover {
     */
    /* padding: 7px 30px;
}
 */
/* .about-section .about-wrapper .wrapper-content .btn:hover a {
     */
    /* color: var(--body-bg-template);
}
 */
/*@media only screen and (max-width: 767px) {
     */
    /* .about-section .about-wrapper .wrapper-content .btn {
         */
        /* font-size: 14px;
         */
        /* margin-top: 5px;
         */
        /* padding: 3px 20px;
    }
     */
    /* .about-section .about-wrapper .wrapper-content .btn:hover {
         */
        /* padding: 5px 22px;
    }
}
 */
/* ========================================================= About-us-Section STYLE ============================================================ */
 .about-us-section .section-container {
     margin-top: 115px;
}
 @media only screen and (max-width: 991px) {
     .about-us-section .section-container {
         margin-top: 70px;
    }
}
 @media only screen and (max-width: 767px) {
     .about-us-section .section-container {
         margin-top: 40px;
    }
}
 .about-us-section .section-container .section-wrapper {
     margin-bottom: 70px;
}
 @media only screen and (max-width: 991px) {
     .about-us-section .section-container .section-wrapper {
         margin-bottom: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .about-us-section .section-container .section-wrapper {
         margin-bottom: 25px;
    }
}
 .about-us-section .section-container .section-wrapper .icon i {
     font-size: 25px;
     color: var(--body-bg-template);
     width: 65px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     margin-top: 7px;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media only screen and (max-width: 479px) {
     .about-us-section .section-container .section-wrapper .icon i {
         font-size: 22px;
         width: 55px;
         height: 50px;
         line-height: 50px;
    }
}
 .about-us-section .section-container .section-wrapper .content-bar {
     margin-left: 85px;
}
 @media only screen and (max-width: 479px) {
     .about-us-section .section-container .section-wrapper .content-bar {
         margin-left: 70px;
    }
}
 .about-us-section .section-container .section-wrapper .content-bar h4 {
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     margin-bottom: 3px;
}
 @media only screen and (max-width: 767px) {
     .about-us-section .section-container .section-wrapper .content-bar h4 {
         font-size: 20px;
         margin-bottom: 0px;
    }
}
 .about-us-section .section-container .section-wrapper .content-bar h4 a {
     color: var(--primary-relative-template);
}
 .about-us-section .section-container .section-wrapper .content-bar h4 a:hover {
     color: var(--primary-template);
}
 .about-us-section .section-container .section-wrapper .content-bar p {
     color: var(--primary-relative-template);
}
 .about-us-section .section-container .counting-section {
     margin-top: 45px;
}
 @media only screen and (max-width: 991px) {
     .about-us-section .section-container .counting-section {
         margin-top: 15px;
    }
}
 .about-us-section .section-container .counting-section .counting-pusher {
     display: flex;
}
 @media only screen and (max-width: 350px) {
     .about-us-section .section-container .counting-section .counting-pusher {
         display: inherit;
    }
}
 .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper {
     flex: 1;
     margin: 0 5px;
}
 .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper .count-description {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 48px;
     font-weight: 700;
     line-height: 55px;
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper .count-description {
         font-size: 35px;
         line-height: 45px;
    }
}
 @media only screen and (max-width: 767px) {
     .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper .count-description {
         font-size: 30px;
    }
}
 .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper p {
    /*font-size: 18px;
     */
     font-size: 1.5em;
     line-height: 30px;
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper p {
         font-size: 16px;
         line-height: 24px;
    }
}
 @media only screen and (max-width: 479px) {
     .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper p {
         font-size: 14px;
         line-height: 20px;
    }
}
/* ========================================================= Course-Section STYLE ============================================================ */
 .course-section {
     background: url(../images/course-bg.jpg) no-repeat center top;
     background-attachment: fixed;
     background-size: cover;
}
 .course-section .course-left-bar h3 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     line-height: 27px;
     letter-spacing: 1px;
     color: var(--body-bg-template);
}
 .course-section .course-left-bar .subscribeForm .courseSearchBar {
     width: 85%;
     color: #81868c;
     border: 2px solid var(--primary-template);
     padding: 15px 25px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .course-section .course-left-bar .subscribeForm .courseSearchBar {
         width: 80%;
    }
}
 @media only screen and (max-width: 991px) {
     .course-section .course-left-bar .subscribeForm .courseSearchBar {
         width: 100%;
    }
}
 @media only screen and (max-width: 767px) {
     .course-section .course-left-bar .subscribeForm .courseSearchBar {
         padding: 10px 25px;
    }
}
 .course-section .course-left-bar .subscribeForm .subscribeBtn {
     border-radius: 0;
     padding: 17px 30px;
}
 @media only screen and (max-width: 991px) {
     .course-section .course-left-bar .subscribeForm .subscribeBtn {
         padding: 17px 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .course-section .course-left-bar .subscribeForm .subscribeBtn {
         padding: 10px 40px;
    }
}
 @media only screen and (max-width: 991px) {
     .course-section .course-left-bar .subscribeForm .search {
         float: none !important;
         margin-top: 10px;
    }
}
 .course-section .course-left-bar .contact {
     margin-top: 55px;
}
 @media only screen and (max-width: 991px) {
     .course-section .course-left-bar .contact {
         margin-top: 30px;
    }
}
 .course-section .course-left-bar .contact h4 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 20px;
     color: var(--body-bg-template);
     margin-bottom: 10px;
}
 @media only screen and (max-width: 767px) {
     .course-section .course-left-bar .contact h4 {
         font-size: 18px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-section .course-left-bar .contact h4 {
         font-size: 16px;
    }
}
 .course-section .course-left-bar .contact h5 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     color: var(--body-bg-template);
}
 @media only screen and (max-width: 767px) {
     .course-section .course-left-bar .contact h5 {
         font-size: 25px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-section .course-left-bar .contact h5 {
         font-size: 20px;
    }
}
 .course-section .course-left-bar .button .btn {
     padding: 14px 35px;
}
 .course-section .course-left-bar .button .btn:hover {
     padding: 16px 37px;
}
 .course-section .course-left-bar .button .btn:hover a {
     color: var(--body-bg-template);
}
 @media only screen and (max-width: 767px) {
     .course-section .course-left-bar .button .btn {
         font-size: 15px;
         padding: 8px 25px;
    }
     .course-section .course-left-bar .button .btn:hover {
         padding: 10px 27px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-section .course-left-bar .button .btn {
         font-size: 13px;
         padding: 6px 20px;
    }
     .course-section .course-left-bar .button .btn:hover {
         padding: 8px 22px;
    }
}
 @media only screen and (max-width: 991px) {
     .course-section .course-right-bar {
         margin: 30px 0 0;
    }
}
 .course-section .course-right-bar .panel-default {
     border: 0;
     margin-top: 5px;
     border-radius: 0;
}
 .course-section .course-right-bar .panel-default .panel-heading {
     position: relative;
     font-size: 18px;
     background-color: #2b5899;
     border: 0;
     border-radius: 0;
     padding: 0;
}
 @media only screen and (max-width: 479px) {
     .course-section .course-right-bar .panel-default .panel-heading {
         line-height: 25px;
    }
}
 .course-section .course-right-bar .panel-default .panel-heading::before {
     content: "\f067";
     position: absolute;
     font-family: "fontAwesome";
     top: 12px;
     right: 33px;
     width: 10px;
     height: 10px;
     font-size: 15px;
     color: var(--primary-relative-template);
     z-index: 1;
}
 @media only screen and (max-width: 479px) {
     .course-section .course-right-bar .panel-default .panel-heading::before {
         top: 10px;
    }
}
 .course-section .course-right-bar .panel-default .panel-heading a {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     display: block;
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     border-radius: 0;
     padding: 15px 20px;
}
 .course-section .course-right-bar .panel-default .panel-heading a.collapsed {
     color: var(--primary-relative-template);
     background-color: var(--body-bg-template);
}
 @media only screen and (max-width: 767px) {
     .course-section .course-right-bar .panel-default .panel-heading a {
         font-size: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-section .course-right-bar .panel-default .panel-heading a {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 350px) {
     .course-section .course-right-bar .panel-default .panel-heading a {
         padding-right: 60px;
    }
}
 .course-section .course-right-bar .panel-default .panel-collapse {
     position: relative;
}
 .course-section .course-right-bar .panel-default .panel-collapse::before {
     content: "\f068";
     position: absolute;
     font-family: "fontAwesome";
     top: -40px;
     right: 25px;
     width: 20px;
     height: 20px;
     font-size: 15px;
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     z-index: 2;
}
 @media only screen and (max-width: 300px) {
     .course-section .course-right-bar .panel-default .panel-collapse::before {
         top: -55px;
    }
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body {
     border: 0;
     padding: 25px 40px;
}
 @media only screen and (max-width: 479px) {
     .course-section .course-right-bar .panel-default .panel-collapse .panel-body {
         padding: 15px;
    }
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper {
     display: flex;
}
 @media only screen and (max-width: 479px) {
     .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper {
         display: inherit;
    }
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper li {
     font-size: 16px;
     font-weight: 700;
     line-height: 32px;
     color: #666666;
     flex: 1;
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper li a {
     color: var(--primary-relative-template);
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper li a:hover {
     color: var(--primary-template);
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper li i {
     font-size: 16px;
     color: var(--primary-template);
}
/* ========================================================= Subject-Section STYLE ============================================================ */
 .subject-section .section-title h2 {
     position: relative;
     font-size: 36px;
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 @media only screen and (max-width: 991px) {
     .subject-section .section-title h2 {
         font-size: 30px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .subject-section .section-title h2 {
         font-size: 25px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .section-title h2 {
         display: block;
         margin-bottom: 5px;
    }
}
 .subject-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-relative-template);
}
 @media only screen and (max-width: 991px) {
     .subject-section .section-title h2::before {
         height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .section-title h2::before {
         display: none;
    }
}
 .subject-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     color: var(--primary-template);
     vertical-align: super;
     padding-left: 30px;
}
 @media only screen and (max-width: 767px) {
     .subject-section .section-title .small-text {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .section-title .small-text {
         padding-left: 0;
    }
}
 .subject-section .subject-carousel .item {
     padding: 10px;
}
 .subject-section .subject-carousel .item .subject-wrapper {
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover {
     box-shadow: 0 0 20px #999;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption::before {
     opacity: .8;
     visibility: visible;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption .hover-show .hover {
     transform: scale(1);
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption .hover-show .border-one::before {
     width: calc(100% - 50px);
     visibility: visible;
     opacity: 1;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption .hover-show .border-one::after {
     width: calc(100% - 50px);
     left: 25px;
     visibility: visible;
     opacity: 1;
     transition-delay: .9s;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption .hover-show .border-two::before {
     height: calc(100% - 50px);
     top: 25px;
     visibility: visible;
     opacity: 1;
     transition-delay: 1.5s;
}
 .subject-section .subject-carousel .item .subject-wrapper:hover .caption .hover-show .border-two::after {
     height: calc(100% - 50px);
     visibility: visible;
     opacity: 1;
     transition-delay: .5s;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption {
     position: relative;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .subject-section .subject-carousel .item .subject-wrapper .caption img {
     width: 100%;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     text-align: center;
     margin-top: -20px;
     z-index: 5;
     transform: scale(0);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover a {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     color: var(--body-bg-template);
     z-index: 5;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover a:hover {
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover {
         margin-top: -10px;
    }
     .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover a {
         font-size: 18px;
    }
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .border-one::before {
     content: "";
     position: absolute;
     left: 25px;
     top: 25px;
     width: 0;
     height: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .border-one::after {
     content: "";
     position: absolute;
     left: 92.5%;
     bottom: 25px;
     width: 0;
     height: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .border-two::before {
     content: "";
     position: absolute;
     left: 25px;
     top: 87.5%;
     height: 0;
     width: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .border-two::after {
     content: "";
     position: absolute;
     right: 25px;
     top: 25px;
     height: 0;
     width: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content {
     padding: 40px 40px 20px;
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content {
         padding: 30px 30px 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content {
         padding: 20px;
    }
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 {
     position: relative;
     font-size: 26px;
     font-weight: 700;
     line-height: 36px;
     display: inline-block;
     margin-bottom: 16px;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a {
     color: var(--primary-relative-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a:hover {
     color: var(--primary-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3::before {
     content: "";
     position: absolute;
     top: 56px;
     right: 23px;
     width: 80px;
     height: 1px;
     background: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 {
         font-size: 22px;
         line-height: 30px;
    }
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3::before {
         top: 46px;
         right: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 {
         font-size: 18px;
         line-height: 25px;
    }
     .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3::before {
         top: 38px;
         right: 12px;
         width: 60px;
    }
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content p {
     color: var(--primary-relative-template);
     border-bottom: 1px solid #ededed;
     padding-bottom: 35px;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author {
     display: inline-block;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author .author-caption img {
     border-radius: 50%;
     margin-top: 5px;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author .content {
     margin-left: 40px;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author .content h5 {
     font-size: 18px;
     color: var(--primary-relative-template);
     margin-bottom: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author .content .date {
     font-size: 14px;
     color: #667380;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .cost h5 {
     font-size: 18px;
     color: var(--primary-relative-template);
     margin-bottom: 0;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .cost .small {
     font-size: 14px;
     color: #6dc823;
}
 .subject-section .subject-carousel .owl-dots {
     margin-top: 70px !important;
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-carousel .owl-dots {
         margin-top: 50px !important;
    }
}
 @media only screen and (max-width: 767px) {
     .subject-section .subject-carousel .owl-dots {
         margin-top: 30px !important;
    }
}
 .subject-section .subject-carousel .owl-dots .owl-dot.active span {
     background-color: var(--body-bg-template);
     border: 2px solid var(--primary-template);
}
 .subject-section .subject-carousel .owl-dots .owl-dot span {
     width: 12px;
     height: 12px;
     background-color: var(--primary-template);
}
 .subject-section .subject-filter {
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-filter {
         margin-bottom: 30px;
    }
}
 .subject-section .subject-filter:hover {
     box-shadow: 0 0 20px #999;
}
 .subject-section .subject-filter:hover .caption::before {
     opacity: .8;
     visibility: visible;
}
 .subject-section .subject-filter:hover .caption .hover-show .hover {
     transform: scale(1);
}
 .subject-section .subject-filter:hover .caption .hover-show .border-one::before {
     width: calc(100% - 50px);
     visibility: visible;
     opacity: 1;
}
 .subject-section .subject-filter:hover .caption .hover-show .border-one::after {
     width: calc(100% - 50px);
     left: 25px;
     visibility: visible;
     opacity: 1;
     transition-delay: .9s;
}
 .subject-section .subject-filter:hover .caption .hover-show .border-two::before {
     height: calc(100% - 50px);
     top: 25px;
     visibility: visible;
     opacity: 1;
     transition-delay: 1.5s;
}
 .subject-section .subject-filter:hover .caption .hover-show .border-two::after {
     height: calc(100% - 50px);
     visibility: visible;
     opacity: 1;
     transition-delay: .5s;
}
 .subject-section .subject-filter .caption {
     position: relative;
}
 .subject-section .subject-filter .caption::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .subject-section .subject-filter .caption img {
     width: 100%;
}
 .subject-section .subject-filter .caption .hover-show .hover {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     text-align: center;
     margin-top: -20px;
     z-index: 5;
     transform: scale(0);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .subject-section .subject-filter .caption .hover-show .hover a {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     color: var(--body-bg-template);
     z-index: 5;
}
 .subject-section .subject-filter .caption .hover-show .hover a:hover {
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .subject-section .subject-filter .caption .hover-show .hover {
         margin-top: -10px;
    }
     .subject-section .subject-filter .caption .hover-show .hover a {
         font-size: 18px;
    }
}
 .subject-section .subject-filter .caption .hover-show .border-one::before {
     content: "";
     position: absolute;
     left: 25px;
     top: 25px;
     width: 0;
     height: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-filter .caption .hover-show .border-one::after {
     content: "";
     position: absolute;
     left: 92.5%;
     bottom: 25px;
     width: 0;
     height: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-filter .caption .hover-show .border-two::before {
     content: "";
     position: absolute;
     left: 25px;
     top: 87.5%;
     height: 0;
     width: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-filter .caption .hover-show .border-two::after {
     content: "";
     position: absolute;
     right: 25px;
     top: 25px;
     height: 0;
     width: 1px;
     background-color: var(--body-bg-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     z-index: 5;
     visibility: hidden;
     opacity: 0;
}
 .subject-section .subject-filter .wrapper-content {
     padding: 40px 40px 20px;
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-filter .wrapper-content {
         padding: 30px 30px 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .subject-filter .wrapper-content {
         padding: 20px;
    }
}
 .subject-section .subject-filter .wrapper-content h3 {
     position: relative;
     font-size: 26px;
     font-weight: 700;
     line-height: 36px;
     display: inline-block;
     margin-bottom: 16px;
}
 .subject-section .subject-filter .wrapper-content h3 a {
     color: var(--primary-relative-template);
}
 .subject-section .subject-filter .wrapper-content h3 a:hover {
     color: var(--primary-template);
}
 .subject-section .subject-filter .wrapper-content h3::before {
     content: "";
     position: absolute;
     top: 56px;
     right: 23px;
     width: 80px;
     height: 1px;
     background: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .subject-section .subject-filter .wrapper-content h3 {
         font-size: 22px;
         line-height: 30px;
    }
     .subject-section .subject-filter .wrapper-content h3::before {
         top: 46px;
         right: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .subject-section .subject-filter .wrapper-content h3 {
         font-size: 18px;
         line-height: 25px;
    }
     .subject-section .subject-filter .wrapper-content h3::before {
         top: 38px;
         right: 12px;
         width: 60px;
    }
}
 .subject-section .subject-filter .wrapper-content p {
     color: var(--primary-relative-template);
     border-bottom: 1px solid #ededed;
     padding-bottom: 35px;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author {
     display: inline-block;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author .author-caption img {
     border-radius: 50%;
     margin-top: 5px;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author .content {
     margin-left: 40px;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author .content h5 {
     font-size: 18px;
     color: var(--primary-relative-template);
     margin-bottom: 0;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author .content .date {
     font-size: 14px;
     color: #667380;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .cost h5 {
     font-size: 18px;
     color: var(--primary-relative-template);
     margin-bottom: 0;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .cost .small {
     font-size: 14px;
     color: #6dc823;
}
 @media only screen and (max-width: 479px) {
     .subject-section .filter {
         margin-top: 15px;
    }
}
 .subject-section .break {
     padding: 35px 0;
}
 @media only screen and (max-width: 991px) {
     .subject-section .break {
         display: none;
    }
}
/* ========================================================= Course-Filter STYLE ============================================================ */
 .course-filter .filter-wrapper {
     margin-top: 55px;
     display: inline-block;
}
 .course-filter .filter-wrapper li {
     font-size: 18px;
     line-height: 30px;
     color: var(--primary-relative-template);
     display: inline-block;
     margin-right: 20px;
}
 @media only screen and (max-width: 991px) {
     .course-filter .filter-wrapper li {
         font-size: 16px;
         line-height: 27px;
         margin-right: 10px;
         margin-bottom: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-filter .filter-wrapper li {
         font-size: 14px;
         line-height: 25px;
         margin-right: 5px;
    }
}
 .course-filter .filter-wrapper li .selector {
     font-size: 16px;
     line-height: 27px;
     margin-left: 15px;
     color: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .course-filter .filter-wrapper li .selector {
         font-size: 15px;
    }
}
 @media only screen and (max-width: 479px) {
     .course-filter .filter-wrapper li .selector {
         font-size: 13px;
         margin-left: 5px;
    }
}
 .course-filter .filter-wrapper li .selector .dropdown-select {
     border: 1px solid #e4e4e4;
     padding: 7px 15px;
}
 @media only screen and (max-width: 479px) {
     .course-filter .filter-wrapper li .selector .dropdown-select {
         padding: 5px 12px;
    }
}
 .course-filter .view-style {
     border: 1px solid #e4e4e4;
     padding: 5px 15px;
     display: inline-block;
     margin-top: 55px;
}
 @media only screen and (max-width: 991px) {
     .course-filter .view-style {
         float: none !important;
         margin-top: 20px;
    }
}
 .course-filter .view-style li {
     display: inline-block;
     margin-right: 20px;
}
 .course-filter .view-style li:last-child {
     margin-right: 0;
}
/* ========================================================= Event-Section STYLE ============================================================ */
 .event-section {
     background: url(../images/event-bg.jpg) no-repeat center top;
     background-size: cover;
}
 @media only screen and (max-width: 479px) {
     .event-section .section-title {
         margin-bottom: 20px;
    }
}
 .event-section .section-title h2 {
     position: relative;
     font-size: 36px;
     color: var(--body-bg-template);
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 @media only screen and (max-width: 991px) {
     .event-section .section-title h2 {
         font-size: 30px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-section .section-title h2 {
         font-size: 25px;
         padding-right: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .section-title h2 {
         display: block;
         margin-bottom: 5px;
    }
}
 .event-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-template);
}
 @media only screen and (max-width: 991px) {
     .event-section .section-title h2::before {
         height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .section-title h2::before {
         display: none;
    }
}
 .event-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     vertical-align: super;
     padding-left: 30px;
}
 .event-section .section-title .small-text a {
     color: var(--body-bg-template);
}
 .event-section .section-title .small-text a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .event-section .section-title .small-text {
         font-size: 16px;
         padding-left: 20px;
         vertical-align: text-bottom;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .section-title .small-text {
         padding-left: 0;
    }
}
 .event-section .event-wrapper {
     background: var(--body-bg-template);
     padding: 30px 30px 48px;
     margin-bottom: 30px;
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper {
         padding: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .event-wrapper {
         padding: 15px;
    }
}
 .event-section .event-wrapper .date {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 42px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--primary-template);
     border: 2px solid var(--primary-template);
     padding: 20px 25px;
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper .date {
         font-size: 30px;
         padding: 10px 12px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .event-wrapper .date {
         float: none !important;
         display: inline-block;
    }
}
 .event-section .event-wrapper .date .month {
     font-size: 18px;
     line-height: 32px;
     color: #9298a0;
     display: block;
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper .date .month {
         font-size: 14px;
         line-height: 18px;
    }
}
 .event-section .event-wrapper .wrapper-content {
     margin-left: 118px;
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper .wrapper-content {
         margin-left: 80px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .event-wrapper .wrapper-content {
         margin-left: 0;
    }
}
 .event-section .event-wrapper .wrapper-content h4 {
     font-size: 24px;
     line-height: 30px;
     margin-top: -7px;
     margin-bottom: 4px;
}
 .event-section .event-wrapper .wrapper-content h4 a {
     color: var(--primary-relative-template);
}
 .event-section .event-wrapper .wrapper-content h4 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper .wrapper-content h4 {
         font-size: 20px;
         line-height: 22px;
         margin-top: -3px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-section .event-wrapper .wrapper-content h4 {
         margin-top: 15px;
    }
}
 .event-section .event-wrapper .wrapper-content .small-text {
     font-size: 14px;
     color: #9298a0;
}
 .event-section .event-wrapper .wrapper-content .small-text.time {
     margin-right: 15px;
}
 .event-section .event-wrapper .wrapper-content .small-text i {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .event-section .event-wrapper .wrapper-content .small-text {
         font-size: 13px;
    }
}
/* ========================================================= Latest-Event-Section STYLE ============================================================ */
 .latest-event-section {
     background: url(../images/latest-event.jpg) no-repeat center top;
     background-size: cover;
}
 @media only screen and (max-width: 479px) {
     .latest-event-section .section-title {
         margin-bottom: 20px;
    }
}
 .latest-event-section .section-title h2 {
     position: relative;
     font-size: 36px;
     color: var(--body-bg-template);
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 @media only screen and (max-width: 991px) {
     .latest-event-section .section-title h2 {
         font-size: 30px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .latest-event-section .section-title h2 {
         font-size: 25px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section .section-title h2 {
         display: block;
         margin-bottom: 5px;
    }
}
 .latest-event-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-template);
}
 @media only screen and (max-width: 991px) {
     .latest-event-section .section-title h2::before {
         height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section .section-title h2::before {
         display: none;
    }
}
 .latest-event-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     vertical-align: super;
     padding-left: 30px;
}
 .latest-event-section .section-title .small-text a {
     color: var(--body-bg-template);
}
 .latest-event-section .section-title .small-text a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .latest-event-section .section-title .small-text {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767px) {
     .latest-event-section .section-title .small-text {
         padding-left: 0;
    }
}
 .latest-event-section #event-carousel .event-wrapper {
     background: url(../images/l-event.jpg) no-repeat;
     background-position: -90% 0;
     background-size: cover;
     min-height: 400px;
}
 @media only screen and (max-width: 1199px) {
     .latest-event-section #event-carousel .event-wrapper {
         background: var(--body-bg-template);
    }
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .event-wrapper {
         margin-bottom: 50px;
         min-height: auto;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container {
     background: var(--body-bg-template);
     padding: 30px 30px 48px;
     display: inline-block;
     width: 62%;
     min-height: 400px;
}
 @media only screen and (max-width: 1199px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container {
         width: 100%;
    }
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container {
         min-height: auto;
    }
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container {
         padding: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container {
         padding: 25px 15px 35px;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .date {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--primary-template);
     border: 2px solid var(--primary-template);
     padding: 12px 16px;
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .date {
         font-size: 25px;
         padding: 10px 12px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .date {
         float: none !important;
         display: inline-block;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .date .month {
     font-size: 13px;
     line-height: 15px;
     color: #9298a0;
     display: block;
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .date .month {
         font-size: 11px;
         line-height: 18px;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content {
     margin-left: 95px;
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content {
         margin-left: 80px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content {
         margin-left: 0;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 {
     font-size: 36px;
     line-height: 42px;
     margin-top: -7px;
     margin-bottom: 4px;
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 a {
     color: var(--primary-relative-template);
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 {
         font-size: 30px;
         line-height: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 {
         font-size: 20px;
         line-height: 22px;
         margin-top: -3px;
    }
}
 @media only screen and (max-width: 479px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content h4 {
         margin-top: 15px;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content .small-text {
     font-size: 14px;
     color: #9298a0;
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content .small-text.time {
     margin-right: 15px;
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content .small-text i {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content .small-text {
         font-size: 13px;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content p {
     color: var(--primary-relative-template);
     border-top: 1px solid #dcdcdc;
     padding: 15px 0;
     margin-top: 15px;
}
 @media only screen and (max-width: 479px) {
     .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content p {
         font-size: 15px;
    }
}
 .latest-event-section #event-carousel .event-wrapper .wrapper-container .wrapper-content .btn {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     padding: 7px 19px;
     border-radius: 0;
}
 .latest-event-section #event-carousel .carousel-control.left, .latest-event-section #event-carousel .carousel-control.right {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background-image: none;
     opacity: 1;
     text-shadow: none;
     background-color: var(--body-bg-template);
     top: 50%;
     margin-top: -25px;
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .carousel-control.left, .latest-event-section #event-carousel .carousel-control.right {
         top: auto;
         bottom: -20px;
         left: 0;
         right: 0;
         margin: 0 auto;
    }
}
 .latest-event-section #event-carousel .carousel-control.left {
     left: -95px;
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .carousel-control.left {
         left: -60px;
    }
}
 .latest-event-section #event-carousel .carousel-control.right {
     right: -95px;
}
 @media only screen and (max-width: 991px) {
     .latest-event-section #event-carousel .carousel-control.right {
         right: -60px;
    }
}
/* ========================================================= Register-Event-Section STYLE ============================================================ */
 @media only screen and (max-width: 479px) {
     .register-event-section .section-title {
         margin-bottom: 20px;
    }
}
 .register-event-section .section-title h2 {
     position: relative;
     font-size: 36px;
     color: var(--primary-relative-template);
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 @media only screen and (max-width: 991px) {
     .register-event-section .section-title h2 {
         font-size: 30px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .register-event-section .section-title h2 {
         font-size: 25px;
    }
}
 @media only screen and (max-width: 479px) {
     .register-event-section .section-title h2 {
         display: block;
         margin-bottom: 5px;
    }
}
 .register-event-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-relative-template);
}
 @media only screen and (max-width: 991px) {
     .register-event-section .section-title h2::before {
         height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .register-event-section .section-title h2::before {
         display: none;
    }
}
 .register-event-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     color: var(--primary-template);
     vertical-align: super;
     padding-left: 30px;
}
 @media only screen and (max-width: 767px) {
     .register-event-section .section-title .small-text {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767px) {
     .register-event-section .section-title .small-text {
         padding-left: 0;
    }
}
 .register-event-section .event-left-bar .caption img {
     width: 100%;
}
 .register-event-section .event-left-bar h3 {
     font-size: 30px;
     font-weight: 700;
     line-height: 36px;
     color: var(--primary-relative-template);
     margin: 22px 0 10px;
}
 @media only screen and (max-width: 767px) {
     .register-event-section .event-left-bar h3 {
         font-size: 25px;
         margin: 10px 0 5px;
    }
}
 @media only screen and (max-width: 479px) {
     .register-event-section .event-left-bar h3 {
         font-size: 22px;
         margin: 10px 0 0;
    }
}
 .register-event-section .event-left-bar .post li {
     color: #666666;
     display: inline-block;
     margin-right: 20px;
}
 .register-event-section .event-left-bar .post li:last-child {
     margin-right: 0;
}
 @media only screen and (max-width: 479px) {
     .register-event-section .event-left-bar .post li {
         font-size: 14px;
    }
}
 .register-event-section .event-left-bar .btn {
     font-size: 18px;
     padding: 13px 40px;
     border-radius: 0;
     margin-top: 25px;
}
 .register-event-section .event-left-bar .btn:hover {
     background: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .register-event-section .event-left-bar .btn {
         font-size: 16px;
         padding: 7px 15px;
         margin-top: 15px;
    }
}
 @media only screen and (max-width: 479px) {
     .register-event-section .event-left-bar .btn {
         font-size: 14px;
         padding: 5px 12px;
    }
}
 @media only screen and (max-width: 991px) {
     .register-event-section .event-right-bar {
         margin-top: 50px;
    }
}
 .register-event-section .event-right-bar .media-content {
     margin: 0 0 40px 30px;
}
 @media only screen and (max-width: 991px) {
     .register-event-section .event-right-bar .media-content {
         margin: 20px 0 30px 0;
    }
}
 .register-event-section .event-right-bar .media-content .date {
     font-size: 26px;
     color: var(--primary-template);
     border: 2px solid var(--primary-template);
     padding: 5px 10px;
     margin-top: 6px;
}
 .register-event-section .event-right-bar .media-content .date small {
     font-size: 14px;
     line-height: 15px;
     display: block;
}
 .register-event-section .event-right-bar .media-content .media-wrapper {
     margin: -6px 0 0 70px;
}
 .register-event-section .event-right-bar .media-content .media-wrapper h3 {
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     margin-bottom: 8px;
}
 .register-event-section .event-right-bar .media-content .media-wrapper h3 a {
     color: #06223e;
}
 .register-event-section .event-right-bar .media-content .media-wrapper h3 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .register-event-section .event-right-bar .media-content .media-wrapper h3 {
         font-size: 22px;
    }
}
 @media only screen and (max-width: 479px) {
     .register-event-section .event-right-bar .media-content .media-wrapper h3 {
         font-size: 18px;
         line-height: 25px;
         margin-bottom: 5px;
    }
}
 .register-event-section .event-right-bar .media-content .media-wrapper .post li {
     color: #666666;
     display: inline-block;
     margin-right: 20px;
}
 .register-event-section .event-right-bar .media-content .media-wrapper .post li:last-child {
     margin-right: 0;
}
 @media only screen and (max-width: 479px) {
     .register-event-section .event-right-bar .media-content .media-wrapper .post li {
         font-size: 14px;
    }
}
/* ========================================================= Event-List-Section STYLE ============================================================ */
 .event-list-section .event-wrapper {
     background: url(../images/l-event.jpg) no-repeat;
     background-position: -90% 0;
     background-size: cover;
     min-height: 400px;
     margin-bottom: 50px;
}
 .event-list-section .event-wrapper:last-child {
     margin-bottom: 0;
}
 @media only screen and (max-width: 1199px) {
     .event-list-section .event-wrapper {
         margin-bottom: 0;
         background: var(--body-bg-template);
    }
}
 @media only screen and (max-width: 991px) {
     .event-list-section .event-wrapper {
         margin-bottom: 0;
         min-height: auto;
    }
}
 .event-list-section .event-wrapper .wrapper-container {
     background: var(--body-bg-template);
     padding: 30px 30px 48px;
     display: inline-block;
     width: 62%;
     min-height: 400px;
}
 @media only screen and (max-width: 1199px) {
     .event-list-section .event-wrapper .wrapper-container {
         width: 100%;
    }
}
 @media only screen and (max-width: 991px) {
     .event-list-section .event-wrapper .wrapper-container {
         min-height: auto;
    }
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container {
         padding: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-list-section .event-wrapper .wrapper-container {
         padding: 25px 15px 35px;
    }
}
 .event-list-section .event-wrapper .wrapper-container .date {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--primary-template);
     border: 2px solid var(--primary-template);
     padding: 12px 16px;
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container .date {
         font-size: 25px;
         padding: 10px 12px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-list-section .event-wrapper .wrapper-container .date {
         float: none !important;
         display: inline-block;
    }
}
 .event-list-section .event-wrapper .wrapper-container .date .month {
     font-size: 13px;
     line-height: 15px;
     color: #9298a0;
     display: block;
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container .date .month {
         font-size: 11px;
         line-height: 18px;
    }
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content {
     margin-left: 95px;
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content {
         margin-left: 80px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content {
         margin-left: 0;
    }
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 {
     font-size: 36px;
     line-height: 42px;
     margin-top: -7px;
     margin-bottom: 4px;
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 a {
     color: var(--primary-relative-template);
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 {
         font-size: 30px;
         line-height: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 {
         font-size: 20px;
         line-height: 22px;
         margin-top: -3px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content h4 {
         margin-top: 15px;
    }
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content .small-text {
     font-size: 14px;
     color: #9298a0;
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content .small-text.time {
     margin-right: 15px;
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content .small-text i {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content .small-text {
         font-size: 13px;
    }
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content p {
     color: var(--primary-relative-template);
     border-top: 1px solid #dcdcdc;
     padding: 15px 0;
     margin-top: 15px;
}
 @media only screen and (max-width: 479px) {
     .event-list-section .event-wrapper .wrapper-container .wrapper-content p {
         font-size: 15px;
    }
}
 .event-list-section .event-wrapper .wrapper-container .wrapper-content .btn {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     padding: 7px 19px;
     border-radius: 0;
}
/* ========================================================= Event-Grid-Section STYLE ============================================================ */
 .event-grid-section .first-row {
     margin-bottom: 70px;
}
 @media only screen and (max-width: 991px) {
     .event-grid-section .first-row {
         margin-bottom: 0;
    }
}
 .event-grid-section .grid-wrapper {
     position: relative;
}
 @media only screen and (max-width: 991px) {
     .event-grid-section .grid-wrapper {
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper {
         margin-bottom: 30px;
    }
}
 .event-grid-section .grid-wrapper .caption img {
     width: 100%;
}
 .event-grid-section .grid-wrapper .caption .date {
     position: absolute;
     top: 0;
     right: 0;
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--body-bg-template);
     padding: 12px 16px;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .caption .date {
         font-size: 25px;
         padding: 10px 12px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-grid-section .grid-wrapper .caption .date {
         float: none !important;
         display: inline-block;
    }
}
 .event-grid-section .grid-wrapper .caption .date small {
     font-size: 13px;
     line-height: 15px;
     color: var(--body-bg-template);
     display: block;
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .caption .date small {
         font-size: 11px;
         line-height: 18px;
    }
}
 .event-grid-section .grid-wrapper .grid-content {
     border-bottom: 1px solid #dcdcdc;
     padding-bottom: 18px;
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .grid-content {
         padding-bottom: 12px;
    }
}
 .event-grid-section .grid-wrapper .grid-content h3 {
     font-size: 30px;
     line-height: 42px;
     margin-bottom: 10px;
}
 .event-grid-section .grid-wrapper .grid-content h3 a {
     color: var(--primary-relative-template);
}
 .event-grid-section .grid-wrapper .grid-content h3 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .event-grid-section .grid-wrapper .grid-content h3 {
         font-size: 25px;
         line-height: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .grid-content h3 {
         margin-bottom: 0;
    }
}
 @media only screen and (max-width: 479px) {
     .event-grid-section .grid-wrapper .grid-content h3 {
         font-size: 20px;
         line-height: 30px;
    }
}
 .event-grid-section .grid-wrapper .grid-content .small-text {
     font-size: 14px;
     color: #9298a0;
}
 .event-grid-section .grid-wrapper .grid-content .small-text.time {
     margin-right: 15px;
}
 .event-grid-section .grid-wrapper .grid-content .small-text i {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .grid-content .small-text {
         font-size: 13px;
    }
}
 .event-grid-section .grid-wrapper .btn {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     padding: 7px 19px;
     border-radius: 0;
     margin-top: 38px;
}
 @media only screen and (max-width: 767px) {
     .event-grid-section .grid-wrapper .btn {
         font-size: 15px;
         padding: 5px 15px;
         margin-top: 20px;
    }
}
/* ========================================================= Event-Single-Section STYLE ============================================================ */
 .event-single-section .event-left-bar .date {
     font-size: 26px;
     font-weight: 700;
     text-transform: uppercase;
     color: var(--body-bg-template);
     padding: 12px 25px;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .event-single-section .event-left-bar .date i {
     padding-right: 5px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .date {
         font-size: 20px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-single-section .event-left-bar .date {
         font-size: 14px;
         padding: 10px 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar .date {
         font-size: 10px;
         padding: 10px 15px;
    }
}
 .event-single-section .event-left-bar #single-event-carousel {
     margin-top: 12px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar #single-event-carousel {
         margin-top: 10px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-single-section .event-left-bar #single-event-carousel {
         margin-top: 6px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar #single-event-carousel {
         margin-top: 3px;
    }
}
 .event-single-section .event-left-bar #single-event-carousel .carousel-indicators li {
     width: 15px;
     height: 15px;
     border: 0;
     background-color: var(--body-bg-template);
}
 .event-single-section .event-left-bar #single-event-carousel .carousel-indicators li.active {
     background-color: var(--primary-template);
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar #single-event-carousel .carousel-indicators li {
         width: 12px;
         height: 12px;
    }
}
 .event-single-section .event-left-bar .event-content {
     margin-right: 85px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .event-left-bar .event-content {
         margin-right: 0;
    }
}
 .event-single-section .event-left-bar .event-content h3 {
     font-size: 30px;
     font-weight: 700;
     line-height: 35px;
     margin: 40px 0 15px;
}
 .event-single-section .event-left-bar .event-content h3 a {
     color: #123a54;
}
 .event-single-section .event-left-bar .event-content h3 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .event-content h3 {
         font-size: 25px;
         margin: 20px 0 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar .event-content h3 {
         font-size: 20px;
         line-height: 25px;
    }
}
 .event-single-section .event-left-bar .event-content p {
     color: #6a7f8d;
     margin-bottom: 25px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .event-content p {
         margin-bottom: 15px;
    }
}
 .event-single-section .event-left-bar .event-content .post {
     margin: 45px 0 25px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .event-content .post {
         margin: 30px 0;
    }
}
 .event-single-section .event-left-bar .event-content .post li {
     font-size: 18px;
     line-height: 30px;
     color: #123a54;
     display: inline-block;
     margin-right: 15px;
}
 .event-single-section .event-left-bar .event-content .post li:last-child {
     margin-right: 0;
}
 .event-single-section .event-left-bar .event-content .post li i {
     font-size: 25px;
     color: var(--primary-template);
     margin-right: 5px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .event-content .post li {
         font-size: 16px;
    }
     .event-single-section .event-left-bar .event-content .post li i {
         font-size: 20px;
    }
}
 .event-single-section .event-left-bar .location #googleMap {
     width: 100%;
     height: 250px;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .location #googleMap {
         margin-bottom: 25px;
    }
}
 .event-single-section .event-left-bar .location .btn {
     font-size: 18px;
     text-transform: uppercase;
     border-radius: 0;
     padding: 10px 30px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .event-left-bar .location .btn {
         font-size: 16px;
         padding: 8px 25px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar .location .btn {
         font-size: 14px;
         padding: 7px 22px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar .location .addlinks {
         float: none !important;
         margin-top: 15px;
    }
     .event-single-section .event-left-bar .location .social-icon {
         float: none !important;
         margin-top: 15px;
    }
}
 .event-single-section .event-left-bar .location .social-icon li {
     font-size: 18px;
     line-height: 30px;
     text-transform: uppercase;
     color: #123a54;
     display: inline-block;
     margin-right: 10px;
}
 .event-single-section .event-left-bar .location .social-icon li:last-child {
     margin-right: 0;
}
 .event-single-section .event-left-bar .location .social-icon li.facebook i {
     color: #0073dd;
}
 .event-single-section .event-left-bar .location .social-icon li.twitter i {
     color: #00bff3;
}
 .event-single-section .event-left-bar .location .social-icon li.google-plus i {
     color: #e5303b;
}
 .event-single-section .event-left-bar .location .social-icon li.linkedin i {
     color: #2980b9;
}
 .event-single-section .event-left-bar .location .social-icon li i {
     font-size: 22px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .event-left-bar .location .social-icon li {
         font-size: 18px;
    }
     .event-single-section .event-left-bar .location .social-icon li i {
         font-size: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .event-left-bar .location .social-icon li {
         font-size: 16px;
    }
     .event-single-section .event-left-bar .location .social-icon li i {
         font-size: 18px;
    }
}
 @media (max-width: 1199px) {
     .event-single-section .news-right-bar {
         margin: 0 !important;
    }
}
 @media only screen and (max-width: 991px) {
     .event-single-section .news-right-bar .widget-search {
         margin: 50px 0 0;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .news-right-bar .widget-search {
         margin: 30px 0 0;
    }
}
 .event-single-section .news-right-bar .widget-search .form-control {
     color: #999999;
     height: 40px;
     border: 1px solid #c8c8c8;
     background: transparent;
}
 .event-single-section .news-right-bar .widget-category, .event-single-section .news-right-bar .widget-archive {
     margin: 50px 0;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-category, .event-single-section .news-right-bar .widget-archive {
         margin: 30px 0;
    }
}
 .event-single-section .news-right-bar .widget-category h4, .event-single-section .news-right-bar .widget-archive h4 {
     font-size: 24px;
     font-weight: 600;
     color: #000000;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-category h4, .event-single-section .news-right-bar .widget-archive h4 {
         font-size: 20px;
         margin-bottom: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .news-right-bar .widget-category h4, .event-single-section .news-right-bar .widget-archive h4 {
         margin: 0 0 10px;
    }
}
 .event-single-section .news-right-bar .widget-category ul li, .event-single-section .news-right-bar .widget-archive ul li {
     font-size: 16px;
     font-weight: 700;
     line-height: 40px;
     border-bottom: 1px solid rgba(199, 197, 197, 0.38);
     padding: 5px 0;
}
 @media only screen and (max-width: 479px) {
     .event-single-section .news-right-bar .widget-category ul li, .event-single-section .news-right-bar .widget-archive ul li {
         font-size: 14px;
         line-height: 30px;
    }
}
 .event-single-section .news-right-bar .widget-category ul li:last-child, .event-single-section .news-right-bar .widget-archive ul li:last-child {
     border-bottom: none;
}
 .event-single-section .news-right-bar .widget-category ul li a, .event-single-section .news-right-bar .widget-archive ul li a {
     color: #31363b;
}
 .event-single-section .news-right-bar .widget-category ul li a:hover, .event-single-section .news-right-bar .widget-archive ul li a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-post {
     margin-bottom: 75px;
     margin-top: 50px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .news-right-bar .widget-post {
         margin: 30px 0 80px;
    }
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-post {
         margin-bottom: 20px 0 55px;
    }
}
 .event-single-section .news-right-bar .widget-post h4 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     text-transform: uppercase;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-post h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .event-single-section .news-right-bar .widget-post ul li {
     margin-bottom: 25px;
}
 @media only screen and (max-width: 991px) {
     .event-single-section .news-right-bar .widget-post ul li {
         margin-bottom: 50px;
    }
}
 .event-single-section .news-right-bar .widget-post ul li .thumb {
     margin-right: 20px;
}
 .event-single-section .news-right-bar .widget-post ul li .thumb img {
     width: 70px;
     height: 100px;
}
 .event-single-section .news-right-bar .widget-post ul li .post-desk {
     padding: 8px 0;
}
 .event-single-section .news-right-bar .widget-post ul li .post-desk h5 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 16px;
     font-weight: 500;
     line-height: 20px;
     margin: 0;
}
 .event-single-section .news-right-bar .widget-post ul li .post-desk h5 a {
     color: #000000;
}
 .event-single-section .news-right-bar .widget-post ul li .post-desk h5 a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-post ul li .post-desk .date {
     font-size: 12px;
     font-weight: 700;
     color: #999999;
}
 .event-single-section .news-right-bar .widget-tag h4 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     text-transform: uppercase;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-tag h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .event-single-section .news-right-bar .widget-tag ul li {
     font-family: var(--primary-font-template), var(--primary-font-style);
     display: inline-block;
     font-weight: 700;
     line-height: 26px;
     margin-right: 7px;
}
 .event-single-section .news-right-bar .widget-tag ul li a {
     color: #555555;
}
 .event-single-section .news-right-bar .widget-tag ul li a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(1) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(3) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(5) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(7) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(8) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(9) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(11) a {
     font-size: 14px;
     color: #555555;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(1) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(3) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(5) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(7) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(8) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(9) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(11) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(2) a {
     color: #212121;
     font-size: 24px;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(2) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(4) a {
     color: #888888;
     font-size: 20px;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(4) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(6) a, .event-single-section .news-right-bar .widget-tag ul li:nth-child(13) a {
     color: #555555;
     font-size: 18px;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(6) a:hover, .event-single-section .news-right-bar .widget-tag ul li:nth-child(13) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(10) a {
     color: #888888;
     font-size: 22px;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(10) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(12) a {
     color: #212121;
     font-size: 24px;
}
 .event-single-section .news-right-bar .widget-tag ul li:nth-child(12) a:hover {
     color: var(--primary-template);
}
 .event-single-section .news-right-bar .widget-photo-gram {
     margin-top: 75px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-photo-gram {
         margin-top: 50px;
    }
}
 @media only screen and (max-width: 479px) {
     .event-single-section .news-right-bar .widget-photo-gram {
         margin-top: 30px;
    }
}
 .event-single-section .news-right-bar .widget-photo-gram h4 {
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .event-single-section .news-right-bar .widget-photo-gram h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .event-single-section .news-right-bar .widget-photo-gram .instagram {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     overflow: hidden;
     margin: 0 auto;
}
 .event-single-section .news-right-bar .widget-photo-gram .instagram .image {
     background-image: 100%;
     background-position: center center;
     width: 73px;
     height: 73px;
     margin: 2px;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     -webkit-transition: 1s;
     -khtml-transition: 1s;
     -moz-transition: 1s;
     -ms-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
}
 .event-single-section .news-right-bar .widget-photo-gram .instagram .image:hover {
     background-image: 110%;
}
 .event-single-section .news-right-bar .widget-photo-gram .instagram .image .caption {
     display: none;
}
/* ========================================================= Blog-Section STYLE ============================================================ */
 .blog-section .section-title h2 {
     position: relative;
     font-size: 36px;
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 @media only screen and (max-width: 991px) {
     .blog-section .section-title h2 {
         font-size: 30px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .blog-section .section-title h2 {
         font-size: 25px;
         padding-right: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .section-title h2 {
         display: block;
         margin-bottom: 5px;
    }
}
 .blog-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-relative-template);
}
 @media only screen and (max-width: 991px) {
     .blog-section .section-title h2::before {
         height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .section-title h2::before {
         display: none;
    }
}
 .blog-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     color: var(--primary-template);
     vertical-align: super;
     padding-left: 30px;
}
 @media only screen and (max-width: 767px) {
     .blog-section .section-title .small-text {
         font-size: 16px;
         padding-left: 20px;
         vertical-align: text-bottom;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .section-title .small-text {
         padding-left: 0;
    }
}
 @media only screen and (max-width: 991px) {
     .blog-section .blog-left-bar {
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-left-bar {
         margin-bottom: 30px;
    }
}
 .blog-section .blog-left-bar .caption img {
     width: 100%;
}
 .blog-section .blog-left-bar .content-bar h3 {
     font-size: 24px;
     line-height: 30px;
     margin: 27px 0 10px;
}
 .blog-section .blog-left-bar .content-bar h3 a {
     color: var(--primary-relative-template);
}
 .blog-section .blog-left-bar .content-bar h3 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-left-bar .content-bar h3 {
         font-size: 22px;
         line-height: 25px;
         margin: 15px 0 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-left-bar .content-bar h3 {
         font-size: 18px;
         margin-bottom: 5px;
    }
}
 .blog-section .blog-left-bar .content-bar .post li {
     display: inline-block;
     margin-right: 30px;
     color: #616971;
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-left-bar .content-bar .post li {
         font-size: 14px;
    }
}
 .blog-section .blog-left-bar .content-bar .post li a {
     color: #616971;
}
 .blog-section .blog-left-bar .content-bar .post li a:hover {
     color: var(--primary-template);
}
 .blog-section .blog-left-bar .content-bar p {
     color: var(--primary-relative-template);
     margin: 17px 0 25px;
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-left-bar .content-bar p {
         margin: 12px 0 15px;
    }
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-left-bar .content-bar p {
         font-size: 15px;
         line-height: 22px;
    }
}
 .blog-section .blog-left-bar .content-bar .link {
     font-size: 18px;
     color: var(--primary-relative-template);
}
 .blog-section .blog-left-bar .content-bar .link:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-left-bar .content-bar .link {
         font-size: 16px;
    }
}
 .blog-section .blog-middle-bar {
     margin-right: 50px;
}
 @media only screen and (max-width: 1199px) {
     .blog-section .blog-middle-bar {
         margin-right: 0;
    }
}
 .blog-section .blog-middle-bar .media:last-child .media-content {
     border: 0;
     margin-bottom: 0;
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-middle-bar .media .media-left {
         float: none !important;
    }
}
 .blog-section .blog-middle-bar .media .media-content {
     border-bottom: 1px solid #dfe0de;
     padding-bottom: 28px;
     margin-bottom: 28px;
     margin-left: 145px;
}
 @media only screen and (max-width: 991px) {
     .blog-section .blog-middle-bar .media .media-content {
         margin-left: 135px;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-middle-bar .media .media-content {
         margin: 10px 0;
         padding-bottom: 15px;
    }
}
 .blog-section .blog-middle-bar .media .media-content h3 {
     font-size: 24px;
     line-height: 30px;
     margin: -7px 0 15px;
}
 .blog-section .blog-middle-bar .media .media-content h3 a {
     color: var(--primary-relative-template);
}
 .blog-section .blog-middle-bar .media .media-content h3 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-middle-bar .media .media-content h3 {
         font-size: 22px;
         line-height: 25px;
         margin: 0 0 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-middle-bar .media .media-content h3 {
         font-size: 18px;
         margin-bottom: 5px;
    }
}
 .blog-section .blog-middle-bar .media .media-content .post li {
     display: inline-block;
     margin-right: 25px;
     color: #616971;
}
 .blog-section .blog-middle-bar .media .media-content .post li:last-child {
     margin-right: 0;
}
 @media only screen and (max-width: 479px) {
     .blog-section .blog-middle-bar .media .media-content .post li {
         font-size: 14px;
    }
}
 .blog-section .blog-middle-bar .media .media-content .post li a {
     color: #616971;
}
 .blog-section .blog-middle-bar .media .media-content .post li a:hover {
     color: var(--primary-template);
}
 .blog-section .blog-right-bar {
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
     padding: 60px 35px;
}
 @media only screen and (max-width: 991px) {
     .blog-section .blog-right-bar {
         margin-top: 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-right-bar {
         margin-top: 30px;
    }
}
 @media only screen and (max-width: 399px) {
     .blog-section .blog-right-bar {
         padding: 60px 20px;
    }
}
 .blog-section .blog-right-bar h3 {
     font-size: 30px;
     color: var(--body-bg-template);
     margin: 10px 0 0;
}
 @media only screen and (max-width: 767px) {
     .blog-section .blog-right-bar h3 {
         font-size: 25px;
    }
}
 .blog-section .blog-right-bar .small {
     color: var(--body-bg-template);
}
 .blog-section .blog-right-bar .subscribeForm {
     margin-top: 25px;
}
 .blog-section .blog-right-bar .subscribeForm .blogSearchBar {
     width: 100%;
     border: 0;
     color: #b4b9be;
     padding: 7px 20px;
}
 .blog-section .blog-right-bar .subscribeForm .subscribeBtn {
     width: 100%;
     font-size: 18px;
     color: var(--body-bg-template);
     background-color: transparent;
     border: 2px solid var(--body-bg-template);
     padding: 6px 22px;
     margin-top: 10px;
}
 @media only screen and (max-width: 991px) {
     .blog-section .no-padding {
         padding: 0 15px;
    }
}
/* ========================================================= App-Section STYLE ============================================================ */
 .app-section {
     background: url(../images/app-bg.jpg) no-repeat center top;
     background-attachment: fixed;
     background-size: cover;
     padding: 150px 0;
}
 @media only screen and (max-width: 991px) {
     .app-section {
         padding: 120px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .app-section {
         padding: 100px 0;
    }
}
 @media only screen and (max-width: 479px) {
     .app-section {
         padding: 70px 0;
    }
}
 .app-section.overlay {
     position: relative;
}
 .app-section.overlay::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     opacity: .8;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .app-section.overlay h2 {
     position: relative;
}
 .app-section.overlay .sub-title {
     position: relative;
}
 .app-section h2 {
     font-size: 42px;
     line-height: 60px;
     color: var(--body-bg-template);
     margin-bottom: 0;
}
 @media only screen and (max-width: 991px) {
     .app-section h2 {
         font-size: 35px;
         line-height: 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .app-section h2 {
         font-size: 25px;
         line-height: 35px;
         margin-bottom: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .app-section h2 {
         font-size: 22px;
         line-height: 30px;
    }
}
 .app-section .sub-title {
     font-size: 24px;
     color: var(--body-bg-template);
     display: block;
     line-height: 115px;
}
 @media only screen and (max-width: 767px) {
     .app-section .sub-title {
         font-size: 18px;
         line-height: 30px;
         padding-bottom: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .app-section .sub-title {
         font-size: 16px;
         padding-bottom: 20px;
    }
}
 .app-section .caption {
     margin: 0 10px;
}
 @media only screen and (max-width: 991px) {
     .app-section .caption img {
         width: 250px;
    }
}
 @media only screen and (max-width: 767px) {
     .app-section .caption {
         margin: 0;
    }
     .app-section .caption img {
         width: 200px;
         margin: 5px 0;
    }
}
 @media only screen and (max-width: 479px) {
     .app-section .caption img {
         width: 150px;
    }
}
/* ========================================================= Comment-Section STYLE ============================================================ */
 .comment-section {
     padding-top: 100px;
}
 @media only screen and (max-width: 991px) {
     .comment-section {
         padding: 70px 0;
    }
}
 .comment-section .caption img {
     max-width: 100%;
}
 @media only screen and (max-width: 991px) {
     .comment-section .caption {
         text-align: center;
         display: block;
    }
}
 .comment-section .wrapper-content {
     margin-top: 70px;
}
 @media only screen and (max-width: 991px) {
     .comment-section .wrapper-content {
         margin-top: 20px;
    }
}
 .comment-section .wrapper-content .quote {
     margin-left: -20px;
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content .quote {
         margin-left: 0;
    }
}
 .comment-section .wrapper-content p {
     font-size: 30px;
     line-height: 48px;
     color: var(--primary-relative-template);
     margin-top: 8px;
}
 @media only screen and (max-width: 991px) {
     .comment-section .wrapper-content p {
         font-size: 25px;
         line-height: 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content p {
         font-size: 20px;
         line-height: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .comment-section .wrapper-content p {
         font-size: 18px;
         line-height: 27px;
    }
}
 .comment-section .wrapper-content h5 {
     font-size: 30px;
     font-weight: 700;
     color: var(--primary-relative-template);
     margin: 60px 0 0;
}
 @media only screen and (max-width: 991px) {
     .comment-section .wrapper-content h5 {
         font-size: 25px;
         margin: 30px 0 0;
    }
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content h5 {
         font-size: 20px;
         margin: 20px 0 0;
    }
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content h5 {
         font-size: 18px;
    }
}
 .comment-section .wrapper-content .title {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-style: italic;
     line-height: 30px;
     color: #85888d;
}
 @media only screen and (max-width: 991px) {
     .comment-section .wrapper-content .title {
         font-size: 16px;
         line-height: 27px;
    }
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content .title {
         font-size: 14px;
         line-height: 24px;
    }
}
 @media only screen and (max-width: 767px) {
     .comment-section .wrapper-content .title {
         font-size: 12px;
         vertical-align: super;
    }
}
/* ========================================================= Department-Section STYLE ============================================================ */
 .department-section .section-content {
     margin-right: 50px;
}
 @media only screen and (max-width: 991px) {
     .department-section .section-content {
         margin: 0 0 40px;
    }
}
 .department-section .section-content h3 {
     font-size: 36px;
     font-weight: 700;
     line-height: 72px;
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 991px) {
     .department-section .section-content h3 {
         font-size: 30px;
         line-height: 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .department-section .section-content h3 {
         line-height: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .department-section .section-content h3 {
         font-size: 25px;
         margin-bottom: 8px;
    }
}
 .department-section .section-content p {
     word-break: break-all;
     margin-bottom: 25px;
}
 @media only screen and (max-width: 991px) {
     .department-section .section-content p {
         margin-bottom: 15px;
    }
}
 .department-section #department-carousel img {
     width: 100%;
}
 .department-section #department-carousel .carousel-control.left, .department-section #department-carousel .carousel-control.right {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-image: none;
     opacity: 1;
     text-shadow: none;
     color: var(--primary-template);
     background-color: var(--body-bg-template);
     top: 50%;
     margin-top: -20px;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .department-section #department-carousel .carousel-control.left:hover, .department-section #department-carousel .carousel-control.right:hover {
     color: var(--body-bg-template);
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
/* ========================================================= Faculty-Section STYLE ============================================================ */
 .faculty-section {
     background-color: #eef3f7;
}
 .faculty-section .faculty-container {
     background-color: var(--body-bg-template);
     margin-bottom: 30px;
     box-shadow: 0 0 25px var(--body-bg-relative-template);
}
 .faculty-section .faculty-container:last-child {
     margin-bottom: 0;
}
 .faculty-section .faculty-container .caption img {
     width: 100%;
     height: 165px;
}
 @media only screen and (max-width: 767px) {
     .faculty-section .faculty-container .caption img {
         height: 220px;
    }
}
 @media only screen and (max-width: 479px) {
     .faculty-section .faculty-container .caption img {
         height: 200px;
    }
}
 .faculty-section .faculty-container .title h3 {
     font-size: 30px;
     font-weight: 700;
     line-height: 36px;
     color: var(--primary-relative-template);
     margin: 45px 0 45px 25px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .faculty-section .faculty-container .title h3 {
         margin: 45px 0 45px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .faculty-section .faculty-container .title h3 {
         font-size: 25px;
         margin: 15px 0 10px 15px;
    }
}
 @media only screen and (max-width: 479px) {
     .faculty-section .faculty-container .title h3 {
         font-size: 22px;
         margin: 10px 0 10px 15px;
    }
}
 .faculty-section .faculty-container .content-wrapper {
     display: flex;
     padding: 35px 0;
     margin: 0 30px 0 50px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .faculty-section .faculty-container .content-wrapper {
         margin: 0 30px 0 0;
    }
}
 @media only screen and (max-width: 991px) {
     .faculty-section .faculty-container .content-wrapper {
         border-top: 1px solid var(--body-bg-relative-template);
         padding: 15px 0 25px;
         margin: 30px 15px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .faculty-section .faculty-container .content-wrapper {
         border-top: 0;
         padding: 0px 0 25px;
         margin: 0 15px 0;
    }
}
 @media only screen and (max-width: 479px) {
     .faculty-section .faculty-container .content-wrapper {
         display: inherit;
    }
}
 .faculty-section .faculty-container .content-wrapper li {
     font-size: 16px;
     font-weight: 700;
     line-height: 32px;
     color: #666666;
     flex: 1;
}
 .faculty-section .faculty-container .content-wrapper li a {
     color: var(--primary-relative-template);
}
 .faculty-section .faculty-container .content-wrapper li a:hover {
     color: var(--primary-template);
}
 .faculty-section .faculty-container .content-wrapper li i {
     font-size: 16px;
     color: var(--primary-template);
}
/* ========================================================= History-Section STYLE ============================================================ */
 @media only screen and (max-width: 991px) {
     .history-section .history-wrapper {
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .history-section .history-wrapper {
         margin-bottom: 30px;
    }
}
 .history-section .history-wrapper h3 {
     font-size: 36px;
     font-weight: 700;
     line-height: 72px;
     color: var(--primary-relative-template);
     margin-bottom: 10px;
}
 @media only screen and (max-width: 991px) {
     .history-section .history-wrapper h3 {
         font-size: 30px;
         line-height: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .history-section .history-wrapper h3 {
         font-size: 25px;
         line-height: 30px;
    }
}
 .history-section .history-wrapper h4 {
     font-size: 20px;
     font-weight: 700;
     line-height: 27px;
     color: var(--primary-relative-template);
     margin: 25px 0 10px;
}
 .history-section .caption {
     position: relative;
    /*background: url(../images/history.jpg) no-repeat;
     */
     background-size: cover;
     min-height: 450px;
}
 @media only screen and (max-width: 767px) {
     .history-section .caption {
         min-height: 350px;
    }
}
 @media only screen and (max-width: 479px) {
     .history-section .caption {
         min-height: 300px;
    }
}
 .history-section .caption i {
     position: absolute;
     top: 50%;
     font-size: 40px;
     color: var(--body-bg-template);
     margin-top: -18px;
}
/* ========================================================= Periodic-Section STYLE ============================================================ */
 .periodic-section {
     background: url(../images/period-bg.jpg) no-repeat center top;
     background-size: cover;
     padding: 80px 0;
}
 .periodic-section .tab-content {
     background-color: var(--body-bg-template);
     padding: 65px;
     border: 4px solid var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content {
         padding: 25px;
    }
}
 .periodic-section .tab-content .tab-pane .caption img {
     width: 100%;
     margin-bottom: 40px;
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .caption img {
         margin-bottom: 10px;
    }
}
 .periodic-section .tab-content .tab-pane .caption .time {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 42px;
     font-weight: 700;
     line-height: 27px;
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .caption .time {
         font-size: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .periodic-section .tab-content .tab-pane .caption .time {
         font-size: 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .caption {
         text-align: left;
    }
}
 .periodic-section .tab-content .tab-pane .wrapper-content {
     border-left: 1px solid #d2d6db;
     padding: 0 0 20px 40px;
     margin-left: 22px;
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .wrapper-content {
         border-left: 0;
         margin-left: 0;
         padding: 0;
    }
}
 .periodic-section .tab-content .tab-pane .wrapper-content h3 {
     font-size: 30px;
     font-weight: 700;
     line-height: 27px;
     color: var(--primary-relative-template);
     margin: 0 0 30px;
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .wrapper-content h3 {
         font-size: 25px;
         margin: 15px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .periodic-section .tab-content .tab-pane .wrapper-content h3 {
         font-size: 20px;
         margin: 10px 0 5px;
    }
}
 .periodic-section .nav-tabs {
     border: 0;
}
 @media only screen and (max-width: 767px) {
     .periodic-section .nav-tabs {
         text-align: left;
         margin-top: 20px;
    }
}
 .periodic-section .nav-tabs li {
     float: none !important;
     margin: 0;
}
 @media only screen and (max-width: 767px) {
     .periodic-section .nav-tabs li {
         margin: 0 10px 10px;
         display: inline-block;
    }
}
 .periodic-section .nav-tabs li.active > a, .periodic-section .nav-tabs li.active > a:focus, .periodic-section .nav-tabs li.active > a:hover {
     color: var(--body-bg-template);
     background-color: transparent;
     border: 0;
     border-bottom: 2px solid var(--body-bg-template);
}
 .periodic-section .nav-tabs li a {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 700;
     line-height: 45px;
     border-radius: 0;
     color: var(--body-bg-template);
     background-color: transparent;
     border: 0;
     border-bottom: 2px solid transparent;
     margin: 0;
     padding: 0;
}
/* ========================================================= Testimonial-Section STYLE ============================================================ */
 .testimonial-section .section-title h2 {
     font-size: 42px;
     margin-bottom: 50px;
}
 @media only screen and (max-width: 991px) {
     .testimonial-section .section-title h2 {
         font-size: 35px;
         margin-bottom: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .testimonial-section .section-title h2 {
         font-size: 25px;
         margin-bottom: 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .testimonial-section .section-title h2 {
         font-size: 22px;
         margin-bottom: 15px;
    }
}
 .testimonial-section .testimonial-tab .tab-content p {
     font-size: 18px;
     line-height: 30px;
     color: var(--primary-relative-template);
     margin: 18px 60px 0;
     padding-bottom: 40px;
}
 @media only screen and (max-width: 767px) {
     .testimonial-section .testimonial-tab .tab-content p {
         font-size: 16px;
         line-height: 27px;
         margin: 18px 10px 0;
    }
}
 @media only screen and (max-width: 479px) {
     .testimonial-section .testimonial-tab .tab-content p {
         margin: 10px 10px 0;
    }
}
 .testimonial-section .testimonial-tab .nav-tabs {
     border-top: 1px solid #ebedf0;
     border-bottom: 0;
}
 .testimonial-section .testimonial-tab .nav-tabs li {
     float: none;
     margin: 30px 20px;
     display: inline-block;
}
 @media only screen and (max-width: 767px) {
     .testimonial-section .testimonial-tab .nav-tabs li {
         margin: 20px 10px 0;
    }
}
 .testimonial-section .testimonial-tab .nav-tabs li a {
     border: 0;
     border-radius: 0;
     padding: 0;
}
 .testimonial-section .testimonial-tab .nav-tabs li a:focus, .testimonial-section .testimonial-tab .nav-tabs li a:hover {
     background-color: transparent;
}
/* ========================================================= Instagram-Section STYLE ============================================================ */
 .instagram-section {
     background: url(../images/icon-bg.jpg) no-repeat center top;
     background-size: cover;
     padding: 30px 0;
}
 .instagram-section .section-title {
     margin-bottom: 50px;
}
 @media only screen and (max-width: 767px) {
     .instagram-section .section-title {
         margin-bottom: 30px;
    }
}
 .instagram-section .section-title .caption {
     vertical-align: super;
     margin-right: 15px;
}
 .instagram-section .section-title h2 {
     font-size: 42px;
     display: inline-block;
     margin-bottom: 0;
     vertical-align: sub;
}
 @media only screen and (max-width: 991px) {
     .instagram-section .section-title h2 {
         font-size: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .instagram-section .section-title h2 {
         font-size: 25px;
         display: block;
         margin-top: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .instagram-section .section-title h2 {
         font-size: 20px;
    }
}
 .instagram-section .instagram-carousel .owl-stage-outer {
     width: 100%;
}
 .instagram-section .instagram-carousel .owl-stage-outer img {
     width: auto;
     margin: 0 auto;
}
/* ========================================================= Contact-Section STYLE ============================================================ */
 .contact-section .section-title {
     margin-bottom: 75px;
}
 @media only screen and (max-width: 991px) {
     .contact-section .section-title {
         margin-bottom: 50px;
    }
}
 @media only screen and (max-width: 479px) {
     .contact-section .section-title {
         margin-bottom: 40px;
    }
}
 @media only screen and (max-width: 767px) {
     .contact-section .contact-wrapper {
         margin-bottom: 30px;
    }
}
 .contact-section .contact-wrapper h4 {
     font-size: 30px;
     line-height: 42px;
     color: var(--primary-relative-template);
     margin: 20px 0 25px;
}
 @media only screen and (max-width: 991px) {
     .contact-section .contact-wrapper h4 {
         font-size: 25px;
         line-height: 35px;
         margin: 15px 0 10px;
    }
}
 .contact-section .contact-wrapper .contact {
     font-size: 18px;
     line-height: 30px;
     color: #999999;
}
 @media only screen and (max-width: 991px) {
     .contact-section .contact-wrapper .contact {
         font-size: 16px;
         line-height: 27px;
    }
}
/* ========================================================= Google-Map STYLE ============================================================ */
 .map-section {
     background: url(../images/map-bg.jpg) no-repeat;
     background-position: 80% 50%;
     background-size: cover;
     padding-bottom: 120px;
}
 @media only screen and (max-width: 767px) {
     .map-section {
         padding-bottom: 100px;
    }
}
 @media only screen and (max-width: 479px) {
     .map-section {
         padding-bottom: 70px;
    }
}
 .map-section #googleMap {
     width: 100%;
     height: 760px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
 @media only screen and (max-width: 991px) {
     .map-section #googleMap {
         height: 550px;
    }
}
 @media only screen and (max-width: 767px) {
     .map-section #googleMap {
         height: 480px;
    }
}
 @media only screen and (max-width: 479px) {
     .map-section #googleMap {
         height: 400px;
    }
}
 .map-section .form-section {
     position: relative;
     background-color: var(--body-bg-template);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.21);
     border: 2px solid var(--primary-template);
     margin-top: -22%;
     padding-top: 75px;
}
 .map-section .form-section .support-form {
     margin-top: 55px;
}
 @media only screen and (max-width: 991px) {
     .map-section .form-section .support-form {
         padding: 0 50px;
         margin-top: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .map-section .form-section .support-form {
         padding: 0 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .map-section .form-section .support-form {
         padding: 0 20px;
    }
}
 .map-section .form-section .support-form .form-group {
     margin-bottom: 38px;
}
 @media only screen and (max-width: 991px) {
     .map-section .form-section .support-form .form-group {
         margin-bottom: 15px;
    }
}
 .map-section .form-section .support-form .form-group label {
     font-size: 20px;
     line-height: 45px;
     color: var(--body-bg-template);
}
 @media only screen and (max-width: 767px) {
     .map-section .form-section .support-form .form-group label {
         font-size: 16px;
         font-weight: 400;
         line-height: 30px;
         margin-bottom: 0;
    }
}
 .map-section .form-section .support-form .form-group input.form-control {
     padding: 25px 12px;
}
 @media only screen and (max-width: 767px) {
     .map-section .form-section .support-form .form-group input.form-control {
         padding: 18px 12px;
         font-size: 15px;
    }
}
 .map-section .form-section .support-form .form-group .text {
     font-size: 16px;
     color: var(--body-bg-template);
}
 @media only screen and (max-width: 767px) {
     .map-section .form-section .support-form .form-group .text {
         font-size: 14px;
    }
}
 .map-section .form-section .support-form .form-group .form-control {
     font-size: 16px;
     font-weight: 300;
     color: #a6aaad;
     border: 0;
     border-radius: 0;
     background-color: #e3e6eb;
     box-shadow: none;
}
 .map-section .form-section .support-form .form-group .form-control:focus {
     border-color: #c3c3c3;
}
 .map-section .form-section .support-form .form-group .btn {
     padding: 12px 65px;
     margin: 18px 0 60px;
     border-radius: 0;
}
 .map-section .form-section .support-form .form-group .btn:hover {
     color: #313131;
}
 @media only screen and (max-width: 991px) {
     .map-section .form-section .support-form .form-group .btn {
         font-size: 18px;
         padding: 10px 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .map-section .form-section .support-form .form-group .btn {
         font-size: 16px;
         font-weight: 400;
         padding: 8px 25px;
         margin: 30px 0 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .map-section .form-section .support-form .form-group .btn {
         font-size: 14px;
         padding: 6px 20px;
         margin: 20px 0 10px;
    }
}
/* ========================================================= Searching-Section-STYLE ============================================================ */
 .searching-section {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     z-index: 99;
     padding: 50px 0;
}
 @media only screen and (max-width: 991px) {
     .searching-section {
         position: relative;
         margin-top: -70px;
    }
}
 @media only screen and (max-width: 767px) {
     .searching-section {
         margin-top: 0;
    }
}
 @media only screen and (max-width: 479px) {
     .searching-section {
         padding: 30px 0 20px;
         margin-top: -70px;
    }
}
 .searching-section::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     opacity: .6;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media only screen and (max-width: 991px) {
     .searching-section::before {
         opacity: 1;
    }
}
 .searching-section .searching-wrapper {
     opacity: 1;
}
 @media only screen and (max-width: 991px) {
     .searching-section .searching-wrapper {
         margin-bottom: 10px;
    }
}
 .searching-section .searching-wrapper .SearchBar {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     color: var(--body-bg-template);
     width: 100%;
     background-color: transparent;
     border: 2px solid var(--body-bg-template);
     padding: 12px 25px;
}
 @media only screen and (max-width: 991px) {
     .searching-section .searching-wrapper .SearchBar {
         padding: 8px 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .searching-section .searching-wrapper .SearchBar {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 479px) {
     .searching-section .searching-wrapper .SearchBar {
         padding: 5px 15px;
    }
}
 .searching-section .searching-wrapper .selector {
     width: 100%;
     background-color: transparent;
     border: 2px solid var(--body-bg-template);
     padding: 12px 25px;
}
 @media only screen and (max-width: 991px) {
     .searching-section .searching-wrapper .selector {
         padding: 8px 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .searching-section .searching-wrapper .selector {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 479px) {
     .searching-section .searching-wrapper .selector {
         padding: 5px 15px;
    }
}
 .searching-section .searching-wrapper .selector .dropdown-select {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     color: var(--body-bg-template);
     background-color: transparent;
     border: 0;
}
 .searching-section .searching-wrapper .selector .dropdown-select option {
     background-color: var(--primary-template);
     border: 0;
}
 .searching-section .searching-wrapper .subscribeBtn {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     color: var(--body-bg-template);
     width: 100%;
     background-color: var(--primary-relative-template);
     border: 0;
     padding: 14px 25px;
}
 @media only screen and (max-width: 991px) {
     .searching-section .searching-wrapper .subscribeBtn {
         padding: 10px 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .searching-section .searching-wrapper .subscribeBtn {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 479px) {
     .searching-section .searching-wrapper .subscribeBtn {
         padding: 7px 15px;
    }
}
/* ========================================================= Joining-Section-STYLE ============================================================ */
 .joining-section {
     position: relative;
     background: url(../images/slider/slider-2.jpg) no-repeat center;
     background-attachment: fixed;
     background-size: cover;
}
 .joining-section::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     opacity: .8;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .joining-section .wrapper-content {
     padding: 55px 0;
}
 @media only screen and (max-width: 991px) {
     .joining-section .wrapper-content {
         padding: 100px 0 0;
    }
}
 @media only screen and (max-width: 991px) {
     .joining-section .wrapper-content {
         padding: 50px 0;
    }
}
 .joining-section .wrapper-content h3 {
     font-size: 36px;
     font-weight: 700;
     line-height: 48px;
     color: var(--body-bg-template);
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .joining-section .wrapper-content h3 {
         font-size: 33px;
         line-height: 45px;
    }
}
 @media only screen and (max-width: 991px) {
     .joining-section .wrapper-content h3 {
         font-size: 23px;
         line-height: 35px;
    }
}
 @media only screen and (max-width: 767px) {
     .joining-section .wrapper-content h3 {
         font-size: 20px;
         line-height: 30px;
    }
}
 .joining-section .wrapper-content .btn {
     font-size: 18px;
     color: var(--body-bg-template);
     background-color: var(--primary-relative-template);
     border-radius: 0;
     padding: 11px 37px;
     margin-top: 15px;
     border: 0;
}
 @media only screen and (max-width: 991px) {
     .joining-section .wrapper-content .btn {
         font-size: 16px;
         padding: 8px 28px;
         margin-top: 5px;
    }
}
 @media only screen and (max-width: 767px) {
     .joining-section .wrapper-content .btn {
         font-size: 12px;
         padding: 6px 22px;
         margin-top: 5px;
    }
}
 .joining-section .wrapper-content .btn:hover {
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
/* ========================================================= Topic-Section-STYLE ============================================================ */
 .topic-section .topic-left-bar {
     background-color: #f5f5f5;
     padding: 40px 50px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar {
         padding: 30px 15px;
    }
}
 .topic-section .topic-left-bar h3 {
     font-size: 36px;
     font-weight: 700;
     line-height: 40px;
     color: var(--primary-relative-template);
     margin-bottom: 50px;
}
 @media only screen and (max-width: 991px) {
     .topic-section .topic-left-bar h3 {
         font-size: 30px;
         line-height: 35px;
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar h3 {
         font-size: 27px;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content {
     margin-left: 15px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content {
         margin-left: 0;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .caption img {
     vertical-align: text-top;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .caption img {
         width: 40px;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content {
     margin: 0 0 45px 75px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content {
         margin: 0 0 20px 55px;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content h4 {
     font-size: 24px;
     line-height: 30px;
     color: var(--primary-template);
     margin: 0 0 5px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content h4 {
         font-size: 22px;
         line-height: 25px;
         margin: 0;
    }
}
 @media only screen and (max-width: 479px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content h4 {
         font-size: 20px;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content h4 a {
     color: var(--primary-relative-template);
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content h4 a:hover {
     color: var(--primary-template);
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content .counting li {
     color: var(--primary-relative-template);
     display: inline-block;
     margin-right: 15px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .topic-content .counting li {
         font-size: 14px;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .link {
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     margin-left: 77px;
     background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0055c9), color-stop(0.15, #0055c9), color-stop(0.3, #0055c9), color-stop(0.45, #0055c9), color-stop(0.6, #269ecb), color-stop(0.75, #269ecb), color-stop(0.9, #269ecb), color-stop(1, #269ecb));
     background-image: gradient(linear, left top, right top, color-stop(0, #0055c9), color-stop(0.15, #0055c9), color-stop(0.3, #0055c9), color-stop(0.45, #0055c9), color-stop(0.6, #269ecb), color-stop(0.75, #269ecb), color-stop(0.9, #269ecb), color-stop(1, #269ecb));
     color: transparent;
     -webkit-background-clip: text;
     background-clip: text;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .link {
         font-size: 22px;
         margin-left: 56px;
    }
}
 @media only screen and (max-width: 479px) {
     .topic-section .topic-left-bar .topic-wrapper .wrapper-content .link {
         font-size: 20px;
         margin-left: 0;
    }
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .link i {
     color: #269ecb;
     padding-left: 4px;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .topic-section .topic-left-bar .topic-wrapper .wrapper-content .link:hover i {
     padding-left: 8px;
}
 .topic-section .topic-right-bar .discount-bar {
     border: 1px solid #e7e8ea;
     padding: 0 0 63px 45px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .topic-section .topic-right-bar .discount-bar {
         padding: 0 0 69px 10px;
    }
}
 @media only screen and (max-width: 991px) {
     .topic-section .topic-right-bar .discount-bar {
         margin-top: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-right-bar .discount-bar {
         padding: 0 0 25px 15px;
    }
}
 .topic-section .topic-right-bar .discount-bar .content-bar {
     display: inline-block;
}
 .topic-section .topic-right-bar .discount-bar .content-bar h3 {
     font-size: 36px;
     font-weight: 700;
     color: #e93d30;
     margin: 50px 0 7px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .topic-section .topic-right-bar .discount-bar .content-bar h3 {
         font-size: 25px;
         margin-bottom: 0;
    }
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-right-bar .discount-bar .content-bar h3 {
         font-size: 30px;
         margin-bottom: 0;
    }
}
 @media only screen and (max-width: 479px) {
     .topic-section .topic-right-bar .discount-bar .content-bar h3 {
         font-size: 25px;
         line-height: 18px;
    }
}
 .topic-section .topic-right-bar .discount-bar .content-bar .small {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     color: var(--primary-relative-template);
}
 @media only screen and (max-width: 479px) {
     .topic-section .topic-right-bar .discount-bar .content-bar .small {
         font-size: 16px;
    }
}
 .topic-section .topic-right-bar .discount-bar .content-bar .link {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 22px;
     font-weight: 700;
     color: var(--primary-template);
     display: block;
     margin-top: 100px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-right-bar .discount-bar .content-bar .link {
         margin-top: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .topic-section .topic-right-bar .discount-bar .content-bar .link {
         font-size: 20px;
         margin-top: 5px;
    }
}
 .topic-section .topic-right-bar .discount-bar .caption {
     display: inline-block;
}
 .topic-section .topic-right-bar .topic-gallery {
     margin-top: 30px;
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper {
     position: relative;
     overflow: hidden;
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper.wrapper-one .hover-view::before {
     opacity: 0.8;
     visibility: visible;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-right-bar .topic-gallery .gallery-wrapper {
         margin-bottom: 20px;
    }
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper img {
     width: 100%;
     height: 290px;
}
 @media only screen and (max-width: 767px) {
     .topic-section .topic-right-bar .topic-gallery .gallery-wrapper img {
         height: auto;
    }
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper .hover-view::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper .hover-view .view-one {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     width: 155px;
     text-align: center;
     font-size: 18px;
     text-transform: uppercase;
     margin: -30px auto 0;
     padding: 9px 0;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper .hover-view .view-one a {
     color: var(--body-bg-template);
}
 .topic-section .topic-right-bar .topic-gallery .gallery-wrapper .hover-view .link-view {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     width: 155px;
     text-align: center;
     font-size: 18px;
     color: var(--body-bg-template);
     border: 2px solid var(--body-bg-template);
     margin: -30px auto 0;
     padding: 8px 5px;
}
/* ========================================================= Gallery-Section-STYLE ============================================================ */
 .gallery-section .portfolio .portfolio-sorting {
     margin: 50px 0 30px;
}
 @media only screen and (max-width: 767px) {
     .gallery-section .portfolio .portfolio-sorting {
         margin: 30px 0;
    }
}
 @media only screen and (max-width: 479px) {
     .gallery-section .portfolio .portfolio-sorting {
         margin: 30px 0 20px;
    }
}
 .gallery-section .portfolio .portfolio-sorting li {
     font-size: 20px;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0 5px;
}
 @media only screen and (max-width: 479px) {
     .gallery-section .portfolio .portfolio-sorting li {
         font-size: 18px;
         margin: 0 2px;
    }
}
 .gallery-section .portfolio .portfolio-sorting li a {
     color: var(--primary-template);
}
 .gallery-section .portfolio .portfolio-sorting li a:not(.active) {
     opacity: .5;
}
 .gallery-section .portfolio .portfolio-sorting li a:hover, .gallery-section .portfolio .portfolio-sorting li a.active {
     color: var(--primary-template);
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items {
     position: relative;
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item {
     position: relative;
     margin-bottom: 30px;
}
 @media only screen and (max-width: 767px) {
     .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item {
         margin-bottom: 15px;
    }
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item img {
     width: 100%;
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item:hover .hover-view {
     opacity: .8;
     visibility: visible;
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item:hover .hover-view i {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .hover-view {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     top: 0;
     margin: 0 auto;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .hover-view i {
     font-size: 25px;
     color: var(--body-bg-template);
     position: relative;
     top: 50%;
     margin-top: -5px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     -webkit-transform: scale(0.1);
     -moz-transform: scale(0.1);
     -ms-transform: scale(0.1);
     -o-transform: scale(0.1);
     transform: scale(0.1);
}

/* --- Caption + anchor positioning upgrades (thumbnail + lightbox captions) --- */

/* Make the anchor a positioning context so the hover overlay only covers the image area */
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .gallery-link {
  display: block;
  position: relative;
}

/* Ensure the overlay is positioned relative to the link (image area), not the entire figure */
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .gallery-link .hover-view {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* Keep your existing hover behavior intact */
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item:hover .hover-view {
  opacity: .8;
  visibility: visible;
}

/* Thumbnail caption styling */
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .thumb-meta {
  text-align: left;
  padding-top: 10px;
  line-height: 1.35;
}

/* Title/Summary/Description hooks */
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .thumb-meta .cap-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 4px 0;
}

.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .thumb-meta .cap-summary,
.gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .thumb-meta .cap-desc {
  font-size: 14px;
  margin: 0 0 4px 0;
  opacity: 0.9;
}

/* Lightbox caption styling (Poptrox default popup uses .poptrox-popup and caption area selector .caption) */
.poptrox-popup .caption {
  text-align: left;
  line-height: 1.35;
}

.poptrox-popup .caption .cap-title {
  font-weight: 700;
  margin-bottom: 6px;
}

.poptrox-popup .caption .cap-summary,
.poptrox-popup .caption .cap-desc {
  margin-bottom: 6px;
  opacity: 0.95;
}

/* ========================================================= Calender-Section-STYLE ============================================================ */
 .calender-section .widget-date {
     border: 2px solid var(--primary-template);
}
 .calender-section .widget-date .widget-calender .calender {
     background: var(--body-bg-template);
}
 .calender-section .widget-date .widget-calender .pickmeup {
     display: block;
}
 .calender-section .widget-date .widget-calender .pickmeup .pmu-instance {
     height: auto;
     padding-bottom: 30px;
     width: 100%;
}
 .calender-section .widget-date .widget-calender .pickmeup .pmu-instance nav {
     height: 80px;
     line-height: 80px;
     padding: 0 40px;
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media only screen and (max-width: 479px) {
     .calender-section .widget-date .widget-calender .pickmeup .pmu-instance nav {
         height: 50px;
         line-height: 50px;
         padding: 0 20px;
    }
}
 .calender-section .widget-date .widget-calender .pickmeup .pmu-instance nav .pmu-month {
     width: 100%;
     font-size: 22px;
     font-weight: 700;
}
 @media only screen and (max-width: 479px) {
     .calender-section .widget-date .widget-calender .pickmeup .pmu-instance nav .pmu-month {
         font-size: 20px;
    }
}
 .calender-section .widget-date .widget-calender .pickmeup .pmu-instance .pmu-day-of-week {
     display: flex;
     padding: 0;
     height: 80px;
     line-height: 80px;
     background: var(--body-bg-template);
}
 @media only screen and (max-width: 479px) {
     .calender-section .widget-date .widget-calender .pickmeup .pmu-instance .pmu-day-of-week {
         height: 50px;
         line-height: 50px;
    }
}
 .calender-section .widget-date .widget-calender .pickmeup .pmu-instance .pmu-day-of-week div {
     font-size: 22px;
     line-height: 80px;
     flex: 1;
     color: #666666;
     font-weight: 700;
}
 @media only screen and (max-width: 479px) {
     .calender-section .widget-date .widget-calender .pickmeup .pmu-instance .pmu-day-of-week div {
         font-size: 18px;
         line-height: 50px;
    }
}
 .calender-section .widget-date .widget-calender .month {
     position: relative;
     width: 100%;
     color: #ecf0f1;
     background-color: #2ecc71;
     padding: 10px 0;
}
 .calender-section .widget-date .widget-calender .month li h1, .calender-section .widget-date .widget-calender .month li h2 {
     display: inline-block;
     font-size: 16px;
     margin: 0;
}
 .calender-section .widget-date .widget-calender .month .next, .calender-section .widget-date .widget-calender .month .prev {
     position: absolute;
     top: 0;
     cursor: pointer;
     padding: 5px;
     display: block;
}
 .calender-section .widget-date .widget-calender .month .next:hover, .calender-section .widget-date .widget-calender .month .prev:hover {
     background-color: rgba(0, 0, 0, 0.2);
}
 .calender-section .widget-date .widget-calender .month .prev {
     left: 0;
     border-right: 1px solid rgba(165, 161, 161, 0.55);
     padding: 10px 15px;
}
 .calender-section .widget-date .widget-calender .month .next {
     right: 0;
     border-left: 1px solid rgba(165, 161, 161, 0.55);
     padding: 10px 15px;
}
 .calender-section .widget-date .widget-calender .weeks {
     display: flex;
     padding: 0 10px;
}
 .calender-section .widget-date .widget-calender .weeks li {
     font-size: 11px;
     font-weight: 700;
     text-transform: uppercase;
     color: #593442;
     background: var(--body-bg-template);
     flex: 1;
     position: relative;
     animation: motion 2s;
     padding: 10px 0;
}
 .calender-section .widget-date .widget-calender .pmu-days {
     display: flex;
     flex-wrap: wrap;
     background: var(--body-bg-template) !important;
}
 .calender-section .widget-date .widget-calender .pmu-days .pmu-button {
     flex-basis: calc(100% / 7);
     padding: 25px 0;
     font-size: 22px;
     color: #c8c8c8;
}
 @media only screen and (max-width: 479px) {
     .calender-section .widget-date .widget-calender .pmu-days .pmu-button {
         padding: 15px 0;
         font-size: 18px;
    }
}
 .calender-section .widget-date .widget-calender .pmu-days .pmu-button:hover, .calender-section .widget-date .widget-calender .pmu-days .pmu-button.pmu-selected, .calender-section .widget-date .widget-calender .pmu-days .pmu-button.pmu-today {
     color: var(--body-bg-template);
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 .calender-section .widget-date .widget-calender .pmu-days .pmu-button.pmu-not-in-month {
     color: #666;
}
/* ========================================================= News-Section STYLE ============================================================ */
 .news-section .news-left-bar {
     margin-right: 25px;
}
 @media only screen and (max-width: 991px) {
     .news-section .news-left-bar {
         margin-right: 0;
         margin-bottom: 100px;
    }
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar {
         margin-bottom: 50px;
    }
}
 .news-section .news-left-bar .news-wrapper {
     background-color: var(--body-bg-template);
     margin-bottom: 50px;
}
 @media only screen and (max-width: 991px) {
     .news-section .news-left-bar .news-wrapper {
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar .news-wrapper {
         margin-bottom: 10px;
    }
}
 .news-section .news-left-bar .news-wrapper img {
     width: 100%;
}
 .news-section .news-left-bar .news-wrapper .wrapper-content {
     padding: 32px 32px 26px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar .news-wrapper .wrapper-content {
         padding: 32px 0 26px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .news-left-bar .news-wrapper .wrapper-content {
         padding: 25px 0;
    }
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .title {
     font-size: 14px;
     font-weight: 700;
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     padding: 4px 8px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar .news-wrapper .wrapper-content .title {
         font-size: 12px;
    }
}
 .news-section .news-left-bar .news-wrapper .wrapper-content h3 {
     font-size: 26px;
     font-weight: 700;
     line-height: 30px;
     color: #111111;
     margin: 10px 0 7px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar .news-wrapper .wrapper-content h3 {
         font-size: 20px;
         line-height: 25px;
    }
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .post {
     font-size: 14px;
     line-height: 27px;
     text-transform: uppercase;
     color: #999999;
}
 .news-section .news-left-bar .news-wrapper .wrapper-content p {
     font-size: 16px;
     line-height: 24px;
     color: #666666;
     padding-top: 10px;
}
 @media only screen and (max-width: 479px) {
     .news-section .news-left-bar .news-wrapper .wrapper-content p {
         font-size: 14px;
    }
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .link {
     font-size: 16px;
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .link a {
     color: #666666;
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .link a:hover {
     color: var(--primary-template);
}
 .news-section .news-left-bar .news-wrapper .wrapper-content .link a i {
     margin-left: 5px;
     vertical-align: middle;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-left-bar .pagination {
         margin: 0;
    }
}
 @media (max-width: 991px) {
     .news-section .news-right-bar {
         margin: 0 !important;
    }
}
 .news-section .news-right-bar .widget-search .form-control {
     color: #999999;
     height: 40px;
     border: 1px solid #c8c8c8;
     background: transparent;
}
 .news-section .news-right-bar .widget-category, .news-section .news-right-bar .widget-archive {
     margin: 50px 0;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-category, .news-section .news-right-bar .widget-archive {
         margin: 30px 0;
    }
}
 .news-section .news-right-bar .widget-category h4, .news-section .news-right-bar .widget-archive h4 {
     font-size: 24px;
     font-weight: 600;
     color: #000000;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-category h4, .news-section .news-right-bar .widget-archive h4 {
         font-size: 20px;
         margin-bottom: 10px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .news-right-bar .widget-category h4, .news-section .news-right-bar .widget-archive h4 {
         margin: 0 0 10px;
    }
}
 .news-section .news-right-bar .widget-category ul li, .news-section .news-right-bar .widget-archive ul li {
     font-size: 16px;
     font-weight: 700;
     line-height: 40px;
     border-bottom: 1px solid rgba(199, 197, 197, 0.38);
     padding: 5px 0;
}
 @media only screen and (max-width: 479px) {
     .news-section .news-right-bar .widget-category ul li, .news-section .news-right-bar .widget-archive ul li {
         font-size: 14px;
         line-height: 30px;
    }
}
 .news-section .news-right-bar .widget-category ul li:last-child, .news-section .news-right-bar .widget-archive ul li:last-child {
     border-bottom: none;
}
 .news-section .news-right-bar .widget-category ul li a, .news-section .news-right-bar .widget-archive ul li a {
     color: #31363b;
}
 .news-section .news-right-bar .widget-category ul li a:hover, .news-section .news-right-bar .widget-archive ul li a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-post {
     margin-bottom: 75px;
}
 @media only screen and (max-width: 991px) {
     .news-section .news-right-bar .widget-post {
         margin-bottom: 80px;
    }
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-post {
         margin-bottom: 55px;
    }
}
 .news-section .news-right-bar .widget-post h4 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     text-transform: uppercase;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-post h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .news-section .news-right-bar .widget-post ul li {
     margin-bottom: 25px;
}
 @media only screen and (max-width: 991px) {
     .news-section .news-right-bar .widget-post ul li {
         margin-bottom: 50px;
    }
}
 .news-section .news-right-bar .widget-post ul li .thumb {
     margin-right: 20px;
}
 .news-section .news-right-bar .widget-post ul li .thumb img {
     width: 70px;
     height: 100px;
}
 .news-section .news-right-bar .widget-post ul li .post-desk {
     padding: 8px 0;
}
 .news-section .news-right-bar .widget-post ul li .post-desk h5 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 16px;
     font-weight: 500;
     line-height: 20px;
     margin: 0;
}
 .news-section .news-right-bar .widget-post ul li .post-desk h5 a {
     color: #000000;
}
 .news-section .news-right-bar .widget-post ul li .post-desk h5 a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-post ul li .post-desk .date {
     font-size: 12px;
     font-weight: 700;
     color: #999999;
}
 .news-section .news-right-bar .widget-tag h4 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     text-transform: uppercase;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-tag h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .news-section .news-right-bar .widget-tag ul li {
     font-family: var(--primary-font-template), var(--primary-font-style);
     display: inline-block;
     font-weight: 700;
     line-height: 26px;
     margin-right: 7px;
}
 .news-section .news-right-bar .widget-tag ul li a {
     color: #555555;
}
 .news-section .news-right-bar .widget-tag ul li a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(1) a, .news-section .news-right-bar .widget-tag ul li:nth-child(3) a, .news-section .news-right-bar .widget-tag ul li:nth-child(5) a, .news-section .news-right-bar .widget-tag ul li:nth-child(7) a, .news-section .news-right-bar .widget-tag ul li:nth-child(8) a, .news-section .news-right-bar .widget-tag ul li:nth-child(9) a, .news-section .news-right-bar .widget-tag ul li:nth-child(11) a {
     font-size: 14px;
     color: #555555;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(1) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(3) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(5) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(7) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(8) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(9) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(11) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(2) a {
     color: #212121;
     font-size: 24px;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(2) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(4) a {
     color: #888888;
     font-size: 20px;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(4) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(6) a, .news-section .news-right-bar .widget-tag ul li:nth-child(13) a {
     color: #555555;
     font-size: 18px;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(6) a:hover, .news-section .news-right-bar .widget-tag ul li:nth-child(13) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(10) a {
     color: #888888;
     font-size: 22px;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(10) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(12) a {
     color: #212121;
     font-size: 24px;
}
 .news-section .news-right-bar .widget-tag ul li:nth-child(12) a:hover {
     color: var(--primary-template);
}
 .news-section .news-right-bar .widget-photo-gram {
     margin-top: 75px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-photo-gram {
         margin-top: 50px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .news-right-bar .widget-photo-gram {
         margin-top: 30px;
    }
}
 .news-section .news-right-bar .widget-photo-gram h4 {
     font-size: 24px;
     font-weight: 600;
     color: #000000;
     margin-bottom: 35px;
}
 @media only screen and (max-width: 767px) {
     .news-section .news-right-bar .widget-photo-gram h4 {
         font-size: 20px;
         margin-bottom: 20px;
    }
}
 .news-section .news-right-bar .widget-photo-gram .instagram {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     overflow: hidden;
     margin: 0 auto;
}
 .news-section .news-right-bar .widget-photo-gram .instagram .image {
     background-image: 100%;
     background-position: center center;
     width: 73px;
     height: 73px;
     margin: 2px;
     overflow: hidden;
     position: relative;
     cursor: pointer;
     -webkit-transition: 1s;
     -khtml-transition: 1s;
     -moz-transition: 1s;
     -ms-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
}
 .news-section .news-right-bar .widget-photo-gram .instagram .image:hover {
     background-image: 110%;
}
 .news-section .news-right-bar .widget-photo-gram .instagram .image .caption {
     display: none;
}
 .news-section .single-news {
     background-color: #f6f6f6;
}
 @media only screen and (max-width: 991px) {
     .news-section .single-news {
         margin-bottom: 100px;
    }
}
 @media only screen and (max-width: 767px) {
     .news-section .single-news {
         margin-bottom: 70px;
    }
}
 .news-section .single-news .news-wrapper img {
     width: 100%;
}
 .news-section .single-news .news-wrapper .wrapper-content {
     padding: 32px 32px 50px;
}
 @media only screen and (max-width: 991px) {
     .news-section .single-news .news-wrapper .wrapper-content {
         padding: 32px 32px 20px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .news-wrapper .wrapper-content {
         padding: 32px 15px 10px;
    }
}
 .news-section .single-news .news-wrapper .wrapper-content .title {
     font-size: 14px;
     font-weight: 700;
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     padding: 4px 8px;
}
 .news-section .single-news .news-wrapper .wrapper-content h3 {
     font-size: 30px;
     font-weight: 600;
     line-height: 35px;
     color: #111111;
     margin: 10px 0 7px;
}
 @media only screen and (max-width: 767px) {
     .news-section .single-news .news-wrapper .wrapper-content h3 {
         font-size: 25px;
         line-height: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .news-wrapper .wrapper-content h3 {
         font-size: 20px;
         line-height: 25px;
    }
}
 .news-section .single-news .news-wrapper .wrapper-content .post {
     font-size: 14px;
     line-height: 27px;
     text-transform: uppercase;
     color: #999999;
}
 .news-section .single-news .news-wrapper .wrapper-content p {
     font-size: 16px;
     line-height: 28px;
     color: #666666;
     padding-top: 10px;
}
 .news-section .single-news .news-wrapper .wrapper-content img {
     margin-top: 10px;
}
 .news-section .single-news .news-wrapper .wrapper-content h4 {
     font-size: 22px;
     font-weight: 600;
     line-height: 28px;
     color: #212121;
     margin: 30px 0 0;
}
 .news-section .single-news .news-wrapper .wrapper-content .link {
     font-size: 16px;
}
 .news-section .single-news .news-wrapper .wrapper-content .link a {
     color: #666666;
}
 .news-section .single-news .news-wrapper .wrapper-content .link a:hover {
     color: var(--primary-template);
}
 .news-section .single-news .news-wrapper .wrapper-content .link a i {
     margin-left: 5px;
     vertical-align: middle;
}
 .news-section .single-news .widget {
     margin: 25px 32px 17px 40px;
}
 .news-section .single-news .widget .widget-tag {
     display: inline-block;
}
 .news-section .single-news .widget .widget-tag h5 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 14.5px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 25px;
     letter-spacing: 1px;
     color: #000000;
     display: inline-block;
     margin-right: 32px;
     vertical-align: top;
}
 .news-section .single-news .widget .widget-tag ul {
     display: inline-block;
}
 .news-section .single-news .widget .widget-tag ul li {
     font-family: var(--primary-font-template), var(--primary-font-style);
     padding: 0;
     margin-right: 6px;
     margin-bottom: 13px;
}
 @media (max-width: 767px) {
     .news-section .single-news .widget .widget-tag ul li {
         margin-bottom: 10px;
    }
}
 .news-section .single-news .widget .widget-tag ul li:last-child {
     margin-right: 0;
}
 .news-section .single-news .widget .widget-tag ul li a {
     font-size: 14px;
     line-height: 20px;
     color: #666666;
     background: var(--body-bg-template);
     padding: 6px 15px;
}
 .news-section .single-news .widget .widget-tag ul li a:hover {
     color: var(--body-bg-template);
     background: var(--primary-template);
}
 @media (max-width: 1199px) {
     .news-section .single-news .widget .widget-social {
         float: none !important;
    }
}
 .news-section .single-news .widget .widget-social ul li {
     font-family: var(--primary-font-template), var(--primary-font-style);
     padding: 0;
     margin-right: 6px;
}
 @media (max-width: 767px) {
     .news-section .single-news .widget .widget-social ul li {
         margin-bottom: 15px;
    }
}
 .news-section .single-news .widget .widget-social ul li:last-child {
     margin-right: 0;
}
 .news-section .single-news .widget .widget-social ul li a {
     font-size: 16.5px;
     font-weight: 500;
     color: var(--body-bg-template);
     padding: 8px 20px;
}
 .news-section .single-news .widget .widget-social ul li a:hover {
     color: #313131;
}
 .news-section .single-news .widget .widget-social ul li a i {
     font-size: 14px;
     padding-right: 5px;
}
 @media (max-width: 767px) {
     .news-section .single-news .widget .widget-social ul li a {
         font-size: 12px;
    }
}
 .news-section .single-news .section-bottom {
     background-color: #f6f6f6;
}
 @media (max-width: 767px) {
     .news-section .single-news .section-bottom .comments-wrapper {
         margin-left: 0 !important;
         margin-right: 0 !important;
    }
}
 .news-section .single-news .section-bottom .comments-wrapper h3 {
     font-size: 21px;
     font-weight: 700;
     line-height: 28px;
     color: #000000;
     text-align: center;
     padding-top: 50px;
     margin-bottom: 65px;
}
 @media only screen and (max-width: 767px) {
     .news-section .single-news .section-bottom .comments-wrapper h3 {
         padding-top: 20px;
         margin-bottom: 30px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .section-bottom .comments-wrapper h3 {
         margin-bottom: 40px;
    }
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {
     margin: 0 40px 0 45px;
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment {
         margin: 0 15px;
    }
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .first-comment .pull-left {
         float: none !important;
    }
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
     background: #e9e8e8;
     padding: 30px;
     margin: 25px 0 80px 102px;
}
 @media (max-width: 767px) {
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
         margin-left: 0;
         margin-bottom: 40px;
    }
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment {
         padding: 30px 15px;
    }
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .sub-comment .pull-left {
         float: none !important;
    }
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .comment-avater {
     width: 43px;
     height: 43px;
     margin-right: 2px;
}
 @media (max-width: 767px) {
     .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body {
         display: block;
         padding-top: 15px;
         width: auto;
    }
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 {
     font-size: 16px;
     font-weight: 500;
     line-height: 15px;
     display: inline-block;
     vertical-align: top;
     margin: 0 15px 0 0;
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body h5 a {
     color: #000000;
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .time {
     font-size: 14px;
     line-height: 10px;
     color: #a9a9a9;
     letter-spacing: -1px;
     vertical-align: text-top;
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body p {
     font-size: 14.5px;
     line-height: 23.5px;
     color: #666666;
     margin-bottom: 11px;
     margin-top: -3px;
}
 .news-section .single-news .section-bottom .comments-wrapper .comment-respond .media-body .comment-replay {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 16.5px;
     font-weight: 500;
     line-height: 25px;
}
 .news-section .single-news .section-bottom .reserve-blog-form {
     padding: 10px 0 5px;
}
 .news-section .single-news .section-bottom .reserve-blog-form h3 {
     font-size: 21.5px;
     font-weight: 500;
     line-height: 28px;
     color: #000000;
     text-align: center;
     margin-bottom: 40px;
}
 .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {
     padding: 0 25px;
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form {
         padding: 0;
    }
}
 .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {
     margin: 0 0 50px;
}
 @media only screen and (max-width: 479px) {
     .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group {
         margin: 0 0 30px;
    }
}
 .news-section .single-news .section-bottom .reserve-blog-form .blog-contact-form .form-horizontal .form-group .form-control {
     font-size: 15px;
     color: #a7a7a7;
     border: 0;
     border-bottom: 1px solid #dbdbdb;
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
}
 .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
     margin-top: 30px;
     padding: 10px 55px;
     background-color: var(--primary-template);
}
 .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn:hover {
     background-color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
         padding: 8px 50px;
         margin-top: 0;
         font-size: 18px;
    }
}
 @media only screen and (max-width: 767px) {
     .news-section .single-news .section-bottom .reserve-blog-form .subscribeBtn {
         padding: 5px 40px;
         font-size: 16px;
    }
}
/* ========================================================= Menu-Bar-STYLE ============================================================ */
 .menu-bar {
     box-shadow: 0 0 10px #c2c2c2;
     padding: 35px 0;
}
 @media only screen and (max-width: 479px) {
     .menu-bar {
         padding: 25px 0;
    }
}
 .menu-bar .menu-feature li {
     font-size: 18px;
     display: inline-block;
     border-right: 2px solid #e9e9e9;
     padding: 0 20px;
}
 .menu-bar .menu-feature li:last-child {
     border: 0;
}
 @media only screen and (max-width: 479px) {
     .menu-bar .menu-feature li {
         font-size: 16px;
    }
}
/* ========================================================= Footer STYLE ============================================================ */
 .footer-section {
     position: relative;
     background: var(--primary-template);
     color: var(--body-bg-template);
}
 .footer-section .footer-container {
     padding: 115px 0 70px;
}
 @media only screen and (max-width: 991px) {
     .footer-section .footer-container {
         padding: 90px 0 20px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container {
         padding: 75px 0 20px;
    }
}
 @media only screen and (max-width: 991px) {
     .footer-section .footer-container .footer-wrapper {
         margin-bottom: 50px;
    }
     .footer-section .footer-container .footer-wrapper.ml-30 {
         margin: 0 0 50px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper {
         margin: 0 0 40px;
    }
     .footer-section .footer-container .footer-wrapper.ml-30 {
         margin: 0 0 40px;
    }
}
 .footer-section .footer-container .footer-wrapper .footer-logo {
     margin-left: -5px;
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .footer-section .footer-container .footer-wrapper .footer-logo img {
         width: 100%;
    }
}
 @media only screen and (max-width: 550px) {
     .footer-section .footer-container .footer-wrapper .footer-logo img {
         max-width: 100%;
    }
}
/* .footer-section .footer-container .footer-wrapper p {
     margin: 30px 0 40px;
}
 */
 @media only screen and (max-width: 991px) {
     .footer-section .footer-container .footer-wrapper p {
         margin: 20px 0;
    }
}
 .footer-section .footer-container .footer-wrapper .social-icon li {
     display: inline-block;
     margin-right: 12px;
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .footer-section .footer-container .footer-wrapper .social-icon li {
         margin-right: 8px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .social-icon li {
         margin-right: 5px;
    }
}
 .footer-section .footer-container .footer-wrapper .social-icon li:last-child {
     margin-right: 0;
}
 .footer-section .footer-container .footer-wrapper .social-icon li a {
     color: var(--body-bg-template);
     font-size: 24px;
}
 .footer-section .footer-container .footer-wrapper .social-icon li a:hover {
     color: var(--primary-template);
}
 .footer-section .footer-container .footer-wrapper .social-icon li a i {
     width: 48px;
     height: 48px;
     line-height: 48px;
     background-color: var(--body-bg-template);
     font-size: 28px;
     border-radius: 50%;
     text-align: center;
     color: var(--primary-template);
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .footer-section .footer-container .footer-wrapper .social-icon li a i:hover {
     color: var(--body-bg-template);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
     background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054c9', endColorstr='#269fcb', GradientType=1 );
}
 @media (min-width: 768px) and (max-width: 1199px) {
     .footer-section .footer-container .footer-wrapper .social-icon li a i {
         width: 40px;
         height: 40px;
         line-height: 40px;
         font-size: 20px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .social-icon li a i {
         font-size: 15px;
         width: 40px;
         height: 40px;
         line-height: 40px;
    }
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper:first-child {
     margin-bottom: 30px;
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content {
     margin-left: 70px;
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content h5 {
     font-size: 18px;
     line-height: 24px;
     margin: -5px 0 0;
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content h5 a {
     color: var(--body-bg-template);
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content h5 a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content h5 {
         font-size: 15px;
         line-height: 20px;
    }
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content .date {
     font-size: 14px;
     color: var(--body-bg-template);
}
 .footer-section .footer-container .footer-wrapper .media .media-wrapper .wrapper-content .date i {
     margin-right: 5px;
}
 .footer-section .footer-container .footer-wrapper .contact-wrapper li {
     font-size: 20px;
     line-height: 30px;
     color: var(--body-bg-template);
     letter-spacing: .5px;
     margin-bottom: 27px;
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .contact-wrapper li {
         font-size: 18px;
         line-height: 27px;
         margin-bottom: 10px;
    }
}
 .footer-section .footer-container .footer-wrapper .contact-wrapper li a {
     color: var(--body-bg-template);
}
 .footer-section .footer-container .footer-wrapper .contact-wrapper li a:hover {
     color: var(--primary-template);
}
 .footer-section .footer-container .footer-wrapper .contact-wrapper li span {
     margin-left: 40px;
     display: block;
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .contact-wrapper li span {
         margin-left: 30px;
    }
}
 .footer-section .footer-container .footer-wrapper .contact-wrapper li i {
     font-size: 25px;
     float: left;
     margin-top: 5px;
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .contact-wrapper li i {
         font-size: 20px;
    }
}
 .footer-section .footer-container .footer-wrapper h3 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 600;
     line-height: 30px;
     text-transform: uppercase;
     color: var(--body-bg-template);
     margin-bottom: 47px;
}
 @media only screen and (max-width: 991px) {
     .footer-section .footer-container .footer-wrapper h3 {
         font-size: 25px;
         margin-bottom: 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper h3 {
         font-size: 20px;
         margin-bottom: 15px;
    }
}
 .footer-section .footer-container .footer-wrapper .wrapper-option {
     margin-top: -10px;
}
 .footer-section .footer-container .footer-wrapper .wrapper-option li a {
     font-size: 18px;
     line-height: 36px;
     color: var(--body-bg-template);
     letter-spacing: .5px;
}
 .footer-section .footer-container .footer-wrapper .wrapper-option li a:hover {
     color: var(--primary-template);
}
 @media only screen and (max-width: 767px) {
     .footer-section .footer-container .footer-wrapper .wrapper-option li a {
         font-size: 16px;
         line-height: 25px;
    }
}
 @media only screen and (max-width: 991px) {
     .footer-section .footer-container .footer-wrapper .wrapper-option li a {
         line-height: 35px;
    }
}
 .footer-section .footer-container .footer-wrapper .subscribeForm .form-group {
     margin-bottom: 10px;
}
 .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .form-control, .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .footerSearchBar {
     background-color: #07101c;
     border: 0;
     border-radius: 0;
     color: #8d8c8c;
     padding: 20px 10px;
}
 .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .form-control.textarea, .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .footerSearchBar.textarea {
     padding: 10px;
}
 .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .footerSearchBar {
     width: 100%;
     padding: 7px 10px;
}
 .footer-section .footer-container .footer-wrapper .subscribeForm .form-group .subscribeBtn {
     font-size: 18px;
     border-radius: 0;
     padding: 7px 32px;
}
 .footer-section .copy-right {
     border-top: 1px solid #080c14;
     padding: 30px 0;
}
 @media only screen and (max-width: 991px) {
     .footer-section .copy-right {
         padding: 25px 0;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .copy-right {
         text-align: center;
    }
}
 .footer-section .copy-right p {
    /*font-size: 18px;
     */
     font-size: 1.5em;
     line-height: 24px;
     color: var(--body-bg-template);
     display: inline-block;
     margin: 0;
}
 @media only screen and (max-width: 991px) {
     .footer-section .copy-right p {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .copy-right p {
         font-size: 14px;
         display: block;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .copy-right ul {
         float: none !important;
    }
}
 .footer-section .copy-right ul li {
     font-size: 18px;
     display: inline-block;
     margin-right: 12px;
}
 @media only screen and (max-width: 991px) {
     .footer-section .copy-right ul li {
         font-size: 16px;
    }
}
 @media only screen and (max-width: 767px) {
     .footer-section .copy-right ul li {
         font-size: 14px;
    }
}
 .footer-section .copy-right ul li:last-child {
     margin-right: 0;
}
 .footer-section .copy-right ul li a {
     color: var(--body-bg-template);
}
 .footer-section .copy-right ul li a:hover {
     color: var(--primary-template);
}
/* ========================================================= Home-Page-One-STYLE ============================================================ */
/* ========================================================= Home-Page-Two-STYLE ============================================================ */
 .homePageTwo .header-section .navbar {
     background-color: #111d2b;
}
 .homePageTwo .header-section .navbar .navbar-header .navbar-brand img {
     padding: 10px 0;
}
 .homePageTwo .subject-section {
     background-color: #eff4f7;
}
 .homePageTwo .slider-section {
     position: relative;
     padding-top: 85px;
}
 @media only screen and (max-width: 991px) {
     .homePageTwo .slider-section {
         padding-top: 0;
    }
}
/* ========================================================= Home-Page-Three-STYLE ============================================================ */
 .homePageThree .header-section .navbar {
     background-color: var(--body-bg-template);
}
 .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li a, .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li .search-view {
     color: var(--primary-relative-template);
}
 .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li.active a {
     color: var(--primary-template);
}
 .homePageThree .course-section {
     background: url(../images/versity.jpg) no-repeat center top;
     background-attachment: fixed;
}
 .homePageThree .subject-section {
     position: relative;
     margin-top: -70px;
     padding-bottom: 115px;
     z-index: 99;
}
 @media only screen and (max-width: 991px) {
     .homePageThree .subject-section {
         padding-bottom: 100px;
    }
}
 @media only screen and (max-width: 767px) {
     .homePageThree .subject-section {
         padding-bottom: 80px;
    }
}
 @media only screen and (max-width: 479px) {
     .homePageThree .subject-section {
         margin-top: 0;
         padding-top: 60px;
    }
}
/* ========================================================= Home-Page-Four-STYLE ============================================================ */
 .homePageFour .header-section .navbar {
     background-color: #111d2b;
}
 .homePageFour .header-section .navbar .navbar-header .navbar-brand img {
     padding: 10px 0;
}
 .homePageFour .subject-section {
     background-color: #eff4f7;
}
 .homePageFour .panorama-section {
     padding-top: 85px;
}
 @media only screen and (max-width: 991px) {
     .homePageFour .panorama-section {
         padding-top: 0;
    }
}
/* ========================================================= Home-Page-Five-STYLE ============================================================ */
 .homePageFive.sticky-header .video-section {
     height: 195px;
     overflow: visible;
     transition: 1s;
}
 @media only screen and (max-width: 991px) {
     .homePageFive.sticky-header .video-section {
         height: auto;
    }
}
 .homePageFive .header-section {
     position: absolute;
     z-index: 9;
     left: 0;
     right: 0;
     bottom: 60px;
     transition: 1s;
}
 .homePageFive .header-section.fixed {
     position: fixed;
     top: 0;
}
 .homePageFive .header-section .navbar {
     background-color: #111d2b;
}
 .homePageFive .header-section .navbar-header .navbar-brand img {
     padding: 10px 0;
}
 .homePageFive .about-section {
     position: relative;
     background-color: var(--body-bg-template);
}
/* ========================================================= Color-Switcher-STYLE ============================================================ */
 .style-switcher-box {
     background-color: var(--body-bg-template);
     width: 252px;
     padding: 50px 25px;
     position: fixed;
     left: -252px;
     top: 15%;
     z-index: 999;
     border: 1px solid #d9d9d9;
     -webkit-transition: 0.3s;
     -khtml-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .style-switcher-box button {
     background-color: var(--primary-template);
     width: 45px;
     height: 45px;
     line-height: 40px;
     text-align: center;
     color: #000000;
     font-size: 20px;
     border: 0;
     outline: 0;
     box-shadow: none;
     position: absolute;
     right: -45px;
     top: 50px;
}
 .style-switcher-box button i {
     color: var(--body-bg-template);
     -webkit-animation: rotating 2s linear infinite;
     animation: rotating 2s linear infinite;
}
 .style-switcher-box h5 {
     font-size: 18px;
     color: #000000;
     text-align: center;
     margin: 0 0 2em;
     text-transform: uppercase;
}
 .style-switcher-box .main-list > .list {
     margin-bottom: 30px;
}
 .style-switcher-box .main-list > .list:last-child {
     margin-bottom: 0;
}
 .style-switcher-box .list-title {
     display: block;
     font-size: 12px;
     border-bottom: 1px solid #cccccc;
     margin-bottom: 10px;
     padding-bottom: 5px;
     text-transform: uppercase;
}
 .style-switcher-box .list > .sublist {
     margin-bottom: 10px;
}
 .style-switcher-box .list > .sublist:last-child {
     margin-bottom: 0;
}
 .style-switcher-box .sublist span {
     display: block;
     font-size: 12px;
     margin-bottom: 5px;
}
 .style-switcher-box .sublist ul {
     overflow: hidden;
}
 .style-switcher-box .sublist ul li {
     float: left;
     min-width: 32px;
     min-height: 32px;
     margin: 0 5px 5px 0;
     cursor: pointer;
}
 .style-switcher-box .sublist ul li.color-default {
     background: #3575d3;
}
 .style-switcher-box .sublist ul li.color-style1 {
     background: #C1AA81;
}
 .style-switcher-box .sublist ul li.color-style2 {
     background: #FA9928;
}
 .style-switcher-box .sublist ul li.color-style3 {
     background: #e21f2f;
}
 .style-switcher-box .sublist ul li.color-style4 {
     background: #09142d;
}
 .style-switcher-box .sublist ul li.color-style5 {
     background: #3498db;
}
 .style-switcher-box .sublist ul li.color-style6 {
     background: #a57b4a;
}
 .style-switcher-box .sublist ul li.color-style7 {
     background: #09a223;
}
 .style-switcher-box .sublist ul li.color-style8 {
     background: #904eab;
}
 .style-switcher-box .sublist ul li.color-style9 {
     background: #38cbcb;
}
 .style-switcher-box .pattern-bg .sublist ul {
     overflow: hidden;
}
 .style-switcher-box .pattern-bg .sublist ul li {
     float: left;
     min-width: 32px;
     min-height: 32px;
     margin: 0 5px 5px 0;
     cursor: pointer;
     background: url(../images/sp.jpg) no-repeat;
}
 .style-switcher-box .layout ul li {
     background-color: var(--primary-template);
     min-height: 20px;
     color: var(--body-bg-template);
     padding: 5px 10px;
     font-size: 12px;
}
 .style-switcher-box p {
     font-size: 11px;
     margin: 15px 0 0;
}
 .style-switcher-box p span {
     color: #ff6666;
}
 .toggle-switcherbox {
     left: 0;
}
/*** rotating ***/
 @-webkit-keyframes rotating {
     form {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes rotating {
     form {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/* ========================================================= Scroll-To-Top-STYLE ============================================================ */
 #toTop {
     position: fixed;
     bottom: 50px;
     right: 30px;
     color: var(--primary-template);
     cursor: pointer;
     display: none;
     width: 35px;
     height: 35px;
     font-size: 16px;
     line-height: 30px;
     border: 1px solid var(--primary-template);
     border-radius: 4px;
     text-align: center;
     z-index: 999;
}
/* ========================================================= Preloader-STYLE ============================================================ */
 #preloader {
     background-color: var(--body-bg-template);
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 10000;
}
 #preloader .preloader-inner {
     width: 40px;
     height: 46px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -40px;
     margin-left: -40px;
}
 #preloader .preloader-inner span {
     background-color: var(--primary-template);
     width: 12px;
     height: 12px;
     float: left;
     margin: 2px 2px 2px 0;
     border-radius: 50%;
}
 #preloader .preloader-inner > span:nth-child(3n+3) {
     margin-right: 0;
}
 #preloader .preloader-inner span {
     -webkit-animation: perloader-pulse 0.4s infinite alternate;
     -moz-animation: perloader-pulse 0.4s infinite alternate;
     -o-animation: perloader-pulse 0.4s infinite alternate;
     -ms-animation: perloader-pulse 0.4s infinite alternate;
     animation: perloader-pulse 0.4s infinite alternate;
}
 #preloader .preloader-inner > span:first-child {
     -webkit-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
     -o-animation-delay: 0.1s;
     -ms-animation-delay: 0.1s;
     animation-delay: 0.1s;
}
 #preloader .preloader-inner > span:nth-child(2) {
     background-color: var(--primary-template);
     -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
     -o-animation-delay: 0.2s;
     -ms-animation-delay: 0.2s;
     animation-delay: 0.2s;
}
 #preloader .preloader-inner > span:nth-child(3) {
     -webkit-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
     -o-animation-delay: 0.3s;
     -ms-animation-delay: 0.3s;
     animation-delay: 0.3s;
}
 #preloader .preloader-inner > span:nth-child(4) {
     background-color: var(--primary-template);
     -webkit-animation-delay: 0.4s;
     -moz-animation-delay: 0.4s;
     -o-animation-delay: 0.4s;
     -ms-animation-delay: 0.4s;
     animation-delay: 0.4s;
}
 #preloader .preloader-inner > span:nth-child(5) {
     -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
     -o-animation-delay: 0.5s;
     -ms-animation-delay: 0.5s;
     animation-delay: 0.5s;
}
 #preloader .preloader-inner > span:nth-child(6) {
     background-color: var(--primary-template);
     -webkit-animation-delay: 0.6s;
     -moz-animation-delay: 0.6s;
     -ms-animation-delay: 0.6s;
     -o-animation-delay: 0.6s;
     animation-delay: 0.6s;
}
 #preloader .preloader-inner > span:nth-child(7) {
     -webkit-animation-delay: 0.1s;
     -moz-animation-delay: 0.1s;
     -o-animation-delay: 0.1s;
     -ms-animation-delay: 0.1s;
     animation-delay: 0.1s;
}
 #preloader .preloader-inner > span:nth-child(8) {
     background-color: var(--primary-template);
     -webkit-animation-delay: 0.2s;
     -moz-animation-delay: 0.2s;
     -o-animation-delay: 0.2s;
     -ms-animation-delay: 0.2s;
     animation-delay: 0.2s;
}
 #preloader .preloader-inner > span:nth-child(9) {
     -webkit-animation-delay: 0.3s;
     -moz-animation-delay: 0.3s;
     -o-animation-delay: 0.3s;
     -ms-animation-delay: 0.3s;
     animation-delay: 0.3s;
}
/*** preloader animation ***/
 @-webkit-keyframes perloader-pulse {
     form {
         -webkit-transform: scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: scale(0.5);
         opacity: 0.8;
    }
}
 @keyframes perloader-pulse {
     form {
         -webkit-transform: scale(1);
         opacity: 1;
    }
     to {
         -webkit-transform: scale(0.5);
         opacity: 0.8;
    }
}
/* Header / Nav */
 .navbar-header .navbar-brand img {
    /*height: 85px;
    */
     inline-size: 100%;
     block-size: 100%;
}
 a.navbar-brand {
     block-size: 88px;
}
 @media (max-width: 991.98px) {
     .navbar-header .navbar-brand img {
         width: 200px;
         height: auto;
    }
     .navbar-brand {
         padding: 8px 15px;
    }
}
 .menu-toggle.sticky {
     background-color: var(--body-bg-template);
     box-shadow: 0 0 20px 0px rgba(64, 64, 64, 0.16);
}
 #offcanvas-menu {
     background-color:var(--primary-template);
     background-image: var(--mobile-bg-image, unset);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: bottom;
     border-left: var(--primary-template) 1px solid;
}
 .menu-toggle.sticky:before {
     margin: -23px auto 0;
     background: url(/renderfile/c84e25930a0000442e5295215b0e381b/_assets/images/logos/01_Horizontal/Full_Color/MECC_Logo_Horizontal_FullColor.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     height: 50px;
     width: 100%;
}
 #offcanvas-menu .close-menu i {
     background-color:var(--secondary-template);
}
 #offcanvas-menu .menu-wrapper li a.active {
     color: var(--secondary-template);
}
 #offcanvas-menu .menu-wrapper li a {
     border-bottom: 1px solid var(--body-bg-template);
     color: var(--body-bg-template);
     font-weight: 800;
}
 #offcanvas-menu .body-content {
     text-align: center;
     margin-top: 1.5rem;
}
 #offcanvas-menu .btn {
     text-transform: uppercase;
     font-size:1.5rem;
     line-height: 1.5rem;
     font-weight: 600;
     padding: 11px 48px;
     width: 80%;
     margin-bottom: 3px;
}
 #offcanvas-menu .btn-green {
     text-transform: none;
}
 .menu-toggle i {
     background-color: var(--primary-template);
}
 .header-section .top-bar .header-right-bar .social-icon li a:hover {
     color: var(--accent-template);
}
 .header-section .top-bar {
     background-color: var(--primary-template);
     background-image: var(--header-bg-image, unset);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .menu-wrapper {
     height: calc(100% - 150px);
     padding-bottom: 40px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar {
     background: var(--primary-template);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
    /* background: #0054c9;
     background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     */
     background: linear-gradient(to right, var(--primary-template) 0%, #6BB0E0 100%);
}
 .header-section .navbar .navbar-collapse .navbar-nav li .dropdown-menu li a {
     color: var(--primary-relative-template) !important;
     line-height: 45px;
}
/* FOOTER */
 .footer-section {
     background-image: var(--footer-bg-image, unset);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .footer-section .footer-container .footer-wrapper .social-icon li a i {
     background-color: var(--secondary-template);
     color: var(--body-bg-template);
}
 .textwidget {
     margin-top: 2rem;
     margin-bottom: 2.5rem;
}
 .footer-section .copy-right {
     border-top: 1px solid var(--body-bg-template);
}
 .footer-section .footer-container .footer-wrapper h3 {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 30px;
     font-weight: 600;
     line-height: 30px;
     text-transform: uppercase;
     color: var(--body-bg-template);
     margin-bottom: 40px;
     margin-top: 20px;
}
 .footer-section .footer-container .footer-wrapper .wrapper-option li a:hover, .footer-section .copy-right ul li a:hover {
     color: var(--body-bg-template);
     text-decoration: underline;
}
 footer .footer-logo img {
     width: 100%;
}
 .footer-section .footer-container {
     padding: 90px 0 10px;
}
 .footer-section .footer-container .footer-wrapper h3 {
     border-bottom: 2px solid var(--secondary-template);
     padding-bottom: 10px;
     margin-top: 0px;
     font-size: 23px;
}
 .footer-section .footer-container .footer-wrapper .social-icon li a i:hover {
     color: var(--body-bg-template);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
     background: var(--secondary-template);
    /* background: -moz-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #0054c9), color-stop(100%, #269fcb));
     background: -webkit-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -o-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: -ms-linear-gradient(left, #0054c9 0%, #269fcb 100%);
     background: linear-gradient(to right, #0054c9 0%, #269fcb 100%);
     */
     background: linear-gradient(to right, var(--secondary-template) 0%, var(--secondary-relative-template) 100%);
}
 .footer-section ul.social-icon {
     margin-top: 1rem;
     padding-left: 0 !important;
}
 @media (max-width: 991.98px) {
     footer .footer-logo img {
         width: 70%;
    }
}
 @media (max-width: 767.98px) {
     footer .footer-logo img {
         width: 300px;
    }
     .footer-section .footer-container {
         padding-top: 60px;
    }
     .footer-wrapper.contact {
         text-align: center;
    }
     .footer-section .footer-container .footer-wrapper h3 {
         margin-bottom: 25px;
    }
     .footer-wrapper.contact {
         margin-bottom: 60px !important;
    }
}
/* Basics */
 body {
     color: var(--body-text-template) 
}
 h3 {
     color: var(--primary-template);
     font-weight: 700;
     font-size: 1.8em;
}
 h4 {
     color: var(--primary-template);
}
 #accordion-accordion-2 ul, #accordion-accordion-2 ol {
     padding-left: 3.5rem;
     margin-bottom: 1.5rem;
     font-family: var(--secondary-font-template), var(--secondary-font-style);
}
 #accordion-accordion-2 ul li {
     list-style: inherit;
}
 #accordion-accordion-2 ul > li:not(:last-child), #accordion-accordion-2 ol > li:not(:last-child) {
     margin-bottom: 1rem;
}
 #accordion-accordion-2 ul li::marker {
     color: var(--accent-template);
     font-weight: bold;
}
 #accordion-accordion-2 ol li::marker {
     color: var(--primary-template);
     font-weight: bold;
}
 .body-content ul, .body-content ol {
     padding-left: 3.5rem;
     margin-bottom: 1.5rem;
     font-family: var(--secondary-font-template), var(--secondary-font-style);
}
 .body-content ul li {
     list-style: inherit;
}
 .body-content ul > li:not(:last-child), .body-content ol > li:not(:last-child) {
     margin-bottom: 1rem;
}
 .body-content ul li::marker {
     color: var(--accent-template);
     font-weight: bold;
}
 .body-content ol li::marker {
     color: var(--primary-template);
     font-weight: bold;
}
 .body-content hr {
     margin: 2.5rem 0;
}
 .body-content .text-intro {
     color: var( --primary-relative-template);
     font-weight: 500;
     font-size: 2rem;
}
 .body-content figure{
     margin-bottom:20px 
}
 .body-content figure>img{
     width:100% 
}
 .body-content figure.pull-right{
     margin-left:15px 
}
 .body-content .pull-right {
     float: right!important;
}
 .body-content figure.pull-left {
     margin-right: 15px;
}
 .body-content .pull-left {
     float: left!important;
}
 .body-content figure>figcaption{
     font-size:14px;
     text-align:center;
     margin-top:10px;
     font-style:italic;
     color: #686a6d;
}
 .body-content .img-fluid {
     max-width: 100%;
     height: auto;
}
/* Links */
 .slider-section .link-button .btn {
     border-radius: 4px !important;
}
 .btn-primary, .btn-default:hover {
     background: var(--primary-template);
     background: -moz-linear-gradient(left, var(--primary-relative-template) 0%, var(--primary-template) 80%);
     background: -webkit-gradient(left top, right top, color-stop(0%, var(--primary-template)), color-stop(80%, var(--primary-template)));
     background: -webkit-linear-gradient(left, var(--primary-relative-template) 0%, var(--primary-template) 80%);
     background: -o-linear-gradient(left, var(--primary-relative-template) 0%, var(--primary-template) 80%);
     background: -ms-linear-gradient(left, var(--primary-relative-template) 0%, var(--primary-template) 80%);
     background: linear-gradient(to right, var(--primary-relative-template) 0%, var(--primary-template) 80%);
}
 .slider-section .link-button .btn.btn-default {
     color: var( --primary-relative-template);
}
 .slider-section .link-button .btn.btn-primary:hover, .body-content .btn.btn-primary:hover, .body-content .btn.btn-primary:focus {
     color: var( --primary-relative-template);
     background:var(--body-bg-template);
}
 .body-content a:not(.btn) {
     text-decoration: underline;
     font-weight: 500;
}
 .body-content a:not(.btn):focus, .body-content a:not(.btn):hover {
     color: var( --primary-relative-template);
     outline: none;
     text-decoration: none;
}
 .body-content .btn.btn-primary {
     border: var(--primary-template) solid 3px;
}
 .body-content .btn {
     font-size: 20px;
     line-height: 20px;
     font-weight: 600;
     padding: 11px 48px;
     margin: 10px 10px 10px 0;
}
 .btn-blue, .btn-blue.btn-outline:hover {
     color: var(--body-bg-template);
     background-color: var(--primary-template);
     border: var(--primary-template) solid 3px;
}
 .btn-default {
     border-radius: 4px !important;
}
 .btn-blue:hover, .btn-blue:focus, .btn-blue.btn-outline {
     background-color: var(--body-bg-template);
     ;
     color: var(--primary-template);
}
 .slider-section .link-button .btn {
     border-radius: 4px !important;
}
/* Green Theme Buttons */
 .btn-green {
     color:var(--primary-template);
     background-color: var(--body-bg-template);
     border: var(--secondary-template) solid 4px;
}
 .btn-green:hover , .btn-green:focus {
     background-color: var(--body-bg-relative-template);
     color:var(--primary-template) !important;
}
 .btn-dark-blue {
     color:var(--body-bg-template);
     background-color: var(--primary-relative-template) ;
     border: var(--primary-relative-template) solid 3px;
}
 .btn-dark-blue:hover , .btn-dark-blue:focus {
     background-color: var(--body-bg-template);
     color: var(--primary-relative-template);
}
 #toTop {
     color: var(--body-bg-template);
     border: none;
     background-color: #6BB0E0;
}
 .course-section .course-right-bar .panel-default .panel-collapse .panel-body .panel-wrapper li i {
     color: var(--accent-template);
}
/* Components */
 .subject-section .subject-carousel .item .subject-wrapper .caption::before {
     background: linear-gradient(to right, var(--secondary-template) 0%, var(--secondary-relative-template) 100%);
    /* background: linear-gradient(to right, var(--primary-relative-template) 0%, var(--primary-template) 80%);
     */
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a {
     color: var(--primary-template);
}
 .about-us-section .section-container .section-wrapper .icon i {
     background: linear-gradient(to right, var(--secondary-template) 0%, var(--secondary-relative-template) 100%);
     border-radius: 6px;
}
 .faculty-section .faculty-container .title h3 {
     color: var(--primary-template);
}
 .faculty-section .faculty-container .content-wrapper li .fa-angle-right:before{
     color:#D64A26;
}
 .faculty-section .faculty-container .title h3 {
     color: var(--primary-template);
}
 .about-section .about-wrapper .wrapper-content h4 {
     color: var(--primary-template);
}
 .about-us-section .section-container .section-wrapper .content-bar h4 a {
     color: var(--primary-template);
}
 .menu-toggle i {
     border-radius: 4px;
}
 .department-section .section-content h3 {
     color: var(--primary-template);
}
 .comment-section .wrapper-content h5 {
     color: var(--primary-template);
}
 .history-section .history-wrapper h3 {
     color: var(--primary-template);
}
 .contact-section .contact-wrapper .contact {
     color: var(--body-text-template);
}
 .periodic-section .tab-content .tab-pane .wrapper-content h3 {
     color: var(--primary-template);
}
 .contact-wrapper .caption img {
     filter: opacity(0.5) drop-shadow(0 0 0 var(--primary-relative-template));
}
 .faculty-section {
     background: none;
}
 .bg-none {
     background-image:none;
}
 .course-section .course-right-bar .panel-default .panel-heading a.collapsed {
     color:var(--primary-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .cost .small {
     color:var(--primary-relative-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3::before {
     background: var(--secondary-template);
}
 .contact-section .contact-wrapper .contact {
     color: var(--body-text-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover a:hover {
     color: var(--body-bg-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .caption .hover-show .hover a {
     text-shadow: 1px 1px 2px var(--primary-relative-template);
}
 .comment-section .wrapper-content .title {
     color: var(--primary-template) !important;
}
 .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper .count-description {
     color: var(--primary-relative-template);
}
 .periodic-section {
     background: linear-gradient(180deg, rgba(10, 27, 52, .65) 0, rgba(2, 6, 12, .74) 76%, rgba(0, 0, 0, .86));
}
 .header-section .top-bar {
     background-image: var(--header-bg-image, unset);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
}
 .header-section .top-bar .header-right-bar .social-icon {
     border-right: 2px solid var(--body-bg-template);
}
 .homePageThree .header-section .navbar .navbar-collapse .navbar-nav li a {
     font-weight: 500;
     color: var(--body-text-template);
}
 .fa-twitter::before {
     content: "\1D54F";
     font-weight: bold;
}
 .header-left-bar {
     margin-top: .25em;
}
 .va-agency-bar.aatheme-white {
     border-bottom: none !important;
}
 #toTop {
     left: 30px;
     right:0;
     bottom: 45px;
     opacity: 0.7;
     background-color: var(--body-text-template);
     border: 2px solid var(--body-bg-template);
}
 .isCV_PublicIcon {
     background-color: var(--secondary-template) !important;
}
 .badges ul {
     margin: 0;
     padding: 0;
     align-items: center;
     justify-content: space-around;
     display: flex;
     margin-bottom: 20px;
}
 .navbar-2 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 1rem;
}
 .navbar-2 .nav-right {
     display: flex;
     align-items: center;
}
 .navbar-2 .menu-toggle {
     position: relative;
     top:auto;
     right:auto;
}
 .navbar-2 .navbar-brand {
     padding: 0;
     float:unset;
}
 .menu-toggle.navbar {
     display:none !important;
}
 .access a {
     font-size: 1.1em;
     line-height: 1.2em;
     font-weight: 600;
     padding: 9px 12px;
}
 .navbar-2 .btn-green{
     margin-right:1rem;
}
 .gallery-section .portfolio .gallery-wrapper .portfolio-items .portfolio-item .hover-view {
     background: linear-gradient(to right, var(--secondary-template) 0%, var(--secondary-relative-template) 100%);
}
 .contact-section .container.text-center {
     background-color: var(--body-bg-relative-template);
     padding: 5rem 0;
}
 li.eva {
     background-color: var(--body-bg-template);
}
 @media (max-width: 575.98px) {
     .footer-section .footer-container {
         padding-bottom:0;
    }
     .badges ul {
         flex-direction:column;
    }
     .badges ul li{
         margin:1rem;
    }
}
 .chat-widget-web-widget.chat-widget-web-standalone {
     height: 60% !important;
}
 .tp-caption.large-text.lfb.ltt.tp-resizeme.start, .tp-caption.medium-text.lfb.ltt.tp-resizeme.start, .tp-caption.small-text.lfb.ltt.tp-resizeme.start {
     text-shadow: 2px 2px 2px rgb(from var(--body-text-template) r g b / .75);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3::before {
     content:none;
}
 .isCV_PublicChat {
     z-index: 9999 !important;
}
 .chat-widget-web-widget.chat-widget-web-standalone {
     z-index: 9999 !important;
     height: 60% !important;
}
 @media (max-width: 991.98px) {
     .chat-widget-web-widget.chat-widget-web-standalone {
         height: 100% !important;
    }
}
 .mobile-search {
     margin: 0 10%;
}
 .mobile-search input {
     border-radius: 3px;
     font-size: 1.5rem;
     line-height: 1.5rem;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar {
     height: 66px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar .form-group .form-control {
     font-size: 1.8em;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .form-bar {
     margin: -23px auto;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar .close-bar {
     margin-top: -12px;
}
 .header-section .navbar .navbar-collapse .navbar-nav li #search-bar {
     background: linear-gradient(to right, var(--primary-relative-template) 0%, var(--primary-template) 100%);
}
 .media-info .event-left-bar {
     margin: 30px 0 10px 0;
     text-align: right;
}
 .media-info h2 {
     text-align:center;
}
 .subject-section .section-title h2, .faculty-section .section-title h2 {
     position: relative;
     font-size: 36px;
     display: inline-block;
     margin-bottom: 50px;
     padding-right: 40px;
}
 .faculty-section .section-title h2::before {
     content: "";
     position: absolute;
     width: 2px;
     height: 50px;
     top: 0;
     right: 0;
     background-color: var(--body-bg-relative-template);
}
 .faculty-section .section-title .small-text {
     font-family: var(--primary-font-template), var(--primary-font-style);
     font-size: 18px;
     font-weight: 700;
     color: var(--primary-template);
     vertical-align: super;
     padding-left: 30px;
}
 .pt-0 {
     padding-top:0 !important;
}
 .pb-0 {
     padding-bottom:0 !important;
}
 .mt-0 {
     margin-top:0 !important;
}
 .mb-0 {
     margin-bottom:0 !important;
}
 .department-section .carousel-control.left, .department-section .carousel-control.right {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-image: none;
     opacity: 1;
     text-shadow: none;
     color: var(--primary-template);
     background-color: var(--body-bg-template);
     top: 50%;
     margin-top: -20px;
     -webkit-transition: 0.5s;
     -khtml-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .department-section .carousel-control.left:hover, .department-section .carousel-control.right:hover {
     color: var(--body-bg-template);
     background: linear-gradient(to right, var(--primary-relative-template) 0%, var(--primary-template) 80%);
}
 .department-section img {
     width: 100%;
}
 .course-section .course-right-bar .panel-default {
     margin-top: 5px;
     border-radius: 0;
     border: solid var(--primary-template) 3px;
}
 .subject-section .subject-filter .wrapper-content h3::before {
     content:none;
}
 .subject-section .subject-filter .wrapper-content h3 a, .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a, .faculty-section .title a {
     text-decoration:underline;
     color: var(--primary-template);
}
 .subject-section .subject-filter .wrapper-content h3 a:hover, .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a:hover, .faculty-section .title a:hover {
     text-decoration:none;
}
 .subject-section .subject-filter .caption::before {
     background: linear-gradient(to right, var(--secondary-template) 0%, var(--secondary-relative-template) 100%);
}
 .header-title .breadcrumbs a {
     color: var(--body-bg-template);
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content .wrapper-bottom .author .content {
     margin-left: 0;
}
 .subject-section .subject-filter .wrapper-content .wrapper-bottom .author .content {
     margin-left: 0;
}
 .wrapper-bottom.row {
     word-wrap: break-word;
}
 .firstRow {
     padding-top: 40px;
}
 .subject-section .subject-filter .wrapper-content , .subject-section .subject-carousel .item .subject-wrapper .wrapper-content {
     padding: 20px 20px 20px;
}
 .subject-section .subject-filter .wrapper-content p, .subject-section .subject-carousel .item .subject-wrapper .wrapper-content p{
     padding-bottom: 25px;
}
 .header-section .navbar .navbar-collapse li a:hover {
     color: var(--primary-template) !important;
}
 .about-us-section .section-container .section-wrapper .content-bar h4 {
     color:var(--primary-template);
}
 .course-section .course-right-bar .panel-default .panel-heading:before {
     content: "\f067";
     font-family: "Font Awesome 5 Free";
}
 .section-title.no-link h2::before {
     content:none !important;
}
 .cardListing .card {
     display:none;
     margin-bottom:10px;
}
 .cardListing .card.filter-match {
     display:block;
}
 .d-none {
     display:none;
}
 .progSearchControls {
     padding-top:30px;
}
 .progSearchControls {
     padding-top:30px;
}
 @media (min-width: 768px) {
     .progSearchControls {
         padding-top:60px;
    }
}
 .progSearchControls button {
     height: 34px;
     width: 100%;
     margin: 0;
     padding: 0;
}
 .progSearchControls .progSearch {
     padding-bottom: 15px;
}
 .progSearchControls .form-control:focus {
     border-color: var(--secondary-template);
}
 .subject-section.cardListing .row.filter{
     display: flex;
     flex-wrap: wrap;
}
 .course-section .course-right-bar .panel-default .panel-heading a.collapsed {
     color: var(--primary-template);
}
 .course-section .course-right-bar .panel-default .panel-collapse::before {
     content: "\f068";
     position: absolute;
     font-family: "Font Awesome 5 Free" !important;
     top: -40px;
     right: 25px;
     font-weight:600;
     width: 20px;
     height: 20px;
     font-size: 15px;
     color: var(--body-bg-template);
     z-index: 2;
}
 .course-section .course-right-bar .panel-default .panel-heading::before {
     content: "\f067";
     position: absolute;
     font-family: "Font Awesome 5 Free" !important;
     top: 12px;
     right: 33px;
     width: 10px;
     height: 10px;
     font-weight:600;
     font-size: 15px;
     color: var(--body-text-template);
     z-index: 1;
}
 .course-section .course-left-bar .subscribeForm .courseSearchBar {
     color: var(--primary-relative-template);
}
/*News*/
 #main {
     padding-top:65px;
}
 @media (min-width: 992px){
     #main {
         padding-top:170px;
    }
}
 .hh-module .post a, .hh-events .event a h3, .hh-directory .dirItem .panel .panel-title>a {
     color: var(--primary-template);
     text-decoration: underline;
     font-weight: 700;
     font-size: 20.25px;
     line-height:30px;
}
 .hh-module .post a:focus, .hh-module .post a:hover, .hh-events .event a:focus h3, .hh-events .event a:hover h3, .hh-events .event a:hover, .hh-directory .dirItem .panel .panel-title>a:hover {
     color: var(--primary-template);
     outline: none;
     text-decoration: none;
}
 .hh-module h1 {
     color: var(--primary-template);
}
 .hh-news .post-category span {
     color: var(--body-text-template);
}
 nav.navbar.navbar-inverse {
     box-shadow: 0 0 20px 0px rgba(64, 64, 64, 0.16);
}
 .hh-news .section-title .title, .hh-module .post .post-title.title-sm, .hh-module .post.post-widget .post-title {
     line-height: 1.6rem;
     color: var(--body-text-template);
}
 .hh-module .post .post-title.title-lg {
     line-height: 2.5rem;
}
 .hh-module .post-body .post-title {
     font-weight: 500;
}
 .hh-module .category-widget ul li a {
     font-weight: 500;
}
 .header-section .navbar {
     background-color: var(--body-bg-template);
}
 .hh-module .post .post-title {
     line-height: 1.8rem;
}
/*Directory*/
 .hh-directory .dirItem {
     display: none !important;
}
 .hh-directory .dirItem.filter-match {
     display: block !important;
}
/*Events*/
 .hh-events .page-title {
     background-color: transparent;
     padding: 18px 0;
}
 .hh-events label {
     font-weight: 500;
}
 .hh-events .post-category span, .hh-module .post-category a {
     color: #2d5c86;
}
 .hh-events .section-title .title {
     position: relative;
     display: inline-block;
     background-color: var(--body-bg-template);
     font-size: 16px;
     text-transform: uppercase;
     margin-top: 0;
     margin-bottom: 0;
     padding-right: 10px;
     z-index: 20;
}
 .hh-events .sidebar .event .image .date-img {
     line-height: 22px;
}
 .hh-events .sidebar .date-views button {
     line-height: 20px;
     font-weight: 600;
     padding: 15px 8px;
}
 .hh-events .sidebar .title, .hh-events .sidebar-detail .title{
     line-height: 1.1;
}
 .hh-events .mobile-title i , .hh-events .search-expand {
     color: var(--secondary-template);
}
 .hh-events .date-img .day {
     height: calc(100% - 30px);
}
 .hh-events .section-title .title, .hh-events .filters .filter .filter-label {
     color:var(--body-text-template);
}
 .hh-events .section-title:after {
     content: "";
     display: inline-block;
     height: 2px;
     background-color: #e8eaed;
     position: absolute;
     left: 0;
     right: 0;
     top: 10px;
     z-index: 10;
}
 .hh-events .events .event .title {
     font-size: 20.25px;
}
 .hh-events .btn.clearAll, .hh-events .btn.loadView {
     padding: 10px 10px;
     font-size: 14px;
     text-transform: uppercase;
}
 .hh-events#main {
     margin-top:0;
}
/*google custom search */
 .gsc-search-button-v2 {
     border-color: var(--primary-template) !important;
     background-color: var(--primary-template) !important;
     padding: 11px 27px !important;
     display: flex !important;
}
 .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
     border-color: var(--primary-relative-template) !important;
     background-color: var(--primary-relative-template) !important;
}
 .event-single-section .event-left-bar .date {
     background: var(--primary-template);
     background: linear-gradient(to right, var(--primary-relative-template) 0%, var(--primary-template) 80%);
}
 .map-section .form-section {
     margin-top: 0;
}
 @media (min-width: 992px) and (max-width: 1199.98px) {
     .navbar-header .navbar-brand img {
        /*width:200px;
        */
    }
}
 html blockquote {
     border-left: 5px solid var(--body-bg-relative-template);
}
 .contact-wrapper a {
     color: var(--body-bg-template);
}
 .slotholder, section[id^="programSearch"], section#content, section[id^="embedForm"], section[id^="tabs-"] {
     position: relative;
}
 .slotholder::after, section[id^="programSearch"]::after, section#content::after, section[id^="embedForm"]::after, section[id^="tabs-"]::after {
     content: '';
     inset: 0;
     position: absolute;
     background: var(--image-overlay-template);
     opacity: var(--opacity-template, .4);
     z-index: 1;
}
 .container {
     position: relative;
     z-index: 2;
}
 html .panel {
     background-color: var(--body-bg-template);
}
 input#header_search_input::placeholder {
     color: var(--body-bg-template);
     opacity: .25;
}
/*# sourceMappingURL=style.css.map */
 .oda-chat-wrapper.oda-chat-ida-light {
     --color-branding: var(--secondary-template) !important;
     --color-header-text: var(--primary-template) !important;
     --color-footer-button-fill: var(--secondary-template) !important;
     --color-launch-icon-background: var(--secondary-template) !important;
     --color-user-message-background: var(--primary-template) !important;
     --color-header-button-fill: var(--secondary-template) !important;
     --color-popup-text: #000000 !important;
     --color-popup-button-text: #000000 !important;
     --filter-header-logo: brightness(0) saturate(100%) invert(10%) sepia(96%) saturate(5214%) hue-rotate(341deg) brightness(98%) contrast(107%) !important;
     --filter-avatar: none !important;
}
/* ========================================================= Chat Bot STYLE ============================================================ */
 .oda-chat-left img {
     content: url(https://164.106.55.113/_assets/images/mecc/mecc-favicon.webp);
}
 body .oda-chat-wrapper .oda-chat-icon-wrapper, body .oda-chat-wrapper .oda-chat-icon-wrapper .oda-chat-message-icon {
     height: 40px !important;
     max-height: 40px !important;
     max-width: 40px !important;
     width: 40px !important;
     border-radius: 50% !important;
}
 #isChatWelcomeText {
     width: 175px !important;
}
 @media (max-width: 479px) {
     #isChatWelcomeBubble.welcomeBubbleShow {
         width: 220px !important;
    }
}
 .oda-chat-widget {
     width: 400px !important;
     height: 500px !important;
}
 @media (max-width: 991.98px) {
     html .navbar-header .navbar-brand img {
         width: 150px;
    }
}
 span.caption i, .quote i {
     font-size: 4rem;
     color: var(--primary-template);
}
/* Alerts CSS */
 .template-alert {
     background: var(--body-text-template);
     padding-block: 2em;
     inline-size: 100svw;
     margin-block-start: 0;
     transition: margin-block-start 300ms ease;
}
 .template-alert * {
     color: var(--body-bg-template);
}
 .template-alert .container {
     position: relative;
     display: grid;
     grid-template-columns: 1fr auto;
     align-items: start;
     gap: 1rem;
}
 .template-alert .container:before, .template-alert .container:after {
     content: none;
}
 .template-alert .container > * {
     margin: 0;
}
 .template-alert #close-alert {
     all: unset;
     font-size: 2rem;
     cursor: pointer;
     opacity: 1;
     transition: opacity 300ms ease;
}
 .template-alert #close-alert:hover {
     opacity: 0.7;
}
 .template-alert #close-alert:focus-visible {
     outline: 3px solid hsla(220, 100%, 50%, 80%);
}
 .template-alert .alert-icon-content {
     display: flex;
     gap: 2rem;
     align-items: start;
}
 .template-alert .alert-icon-content .alert-icon {
     font-size: 2em;
     top: 5px;
     position: relative;
}
 .template-alert .alert-icon-content .alert-content {
     font-size: 1.25em;
}
 .template-alert .alert-icon-content .alert-content h2, .template-alert .alert-icon-content .alert-content h3, .template-alert .alert-icon-content .alert-content h4, .template-alert .alert-icon-content .alert-content h5, .template-alert .alert-icon-content .alert-content h6 {
     text-wrap: balance;
}
 .template-alert .alert-icon-content .alert-content p {
     text-wrap: pretty;
}
 .template-alert .alert-icon-content .alert-content > * {
     margin-block-end: 0.5rem;
}
 .template-alert .alert-icon-content .alert-content a {
     color: currentColor;
     text-decoration: underline;
}
 .template-alert .alert-icon-content .alert-content a:hover {
     text-decoration: none;
}
 @media (max-width: 768px) {
     .template-alert {
         padding: 2em;
    }
     .template-alert .alert-icon-content .alert-content {
         font-size: 1em;
    }
}
/* vccs custom */
 blockquote {
     font-size: 1.25em;
}
 .comment-section .wrapper-content p {
     font-size: 2em;
     line-height: 1.5;
}
 p {
     line-height: 1.5;
}
 span.top-of-page-alert-box {
     font-size: 2em;
     font-weight: 600;
}
 .body-content .btn {
     font-size: 1em;
     line-height: 1.5;
}
 .about-us-section .section-container .counting-section .counting-pusher .counting-wrapper p {
    /* font-size: 18px;
     */
     font-size: 1.5em;
     line-height: 1.5;
}
 .footer-section .copy-right p {
    /* font-size: 18px;
     */
     font-size: 1.5em;
     line-height: 1.5;
}
 .gallery-section .portfolio .portfolio-sorting li a:not(.active) {
    /*opacity: .8;
     */
     opacity: 1;
}
 html .template-alert * {
     color: #3b0000;
}
 .template-alert * {
    /*color: var(--body-bg-template);
     */
     color: #3b0000;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 {
     font-size: 1.75em;
}
 .subject-section .subject-carousel .item .subject-wrapper .wrapper-content h3 a {
     padding: 0 0 15px 0;
}
 a:focus, button:focus, input:focus, textarea:focus, select:focus {
     outline: 3px dashed #ff9900;
     outline-offset: 4px;
    /* background-color: #fff2cc;
     */
    /* optional */
}
 .footer-logo img {
     height: auto;
}

 html ul li:not(:where(footer, .contact-wrapper, .social-icon, .access, .nav, .dropdown-menu, .portfolio-items) li) {
     list-style-type: disc;
     margin-inline-start: 3.5rem;
}
 html .body-content ul {
     padding-inline-start: 0;
}
 
    .header-title .title {
     font-size: 3em;
     font-weight: 700;
     line-height: 1.4em;
     color: var(--primary-template);
}
.header-title .sub-title {
    color: var(--primary-template);
}
.header-title .breadcrumbs a {
    color: var(--primary-template);
}

.header-title .container {
    background-color: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 0.25em 0.5em;
    border-radius: 4px;
}
.acalog-program-name, .acalog-program-description h1 {
    color: var(--primary-template);
}

#cta-item-3 a {
    background: rgb(197, 179, 88);
}

.footer-section .badges img {
    max-width: 100%;
    height: auto;
    max-height: 4rem;
    width: auto;
}