@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');
 @import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i');
 @import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
/* OTHER IMPORTED CSS */
 @import "font-awesome.min.css";
 @import "icofont.css";
 @import "flaticon.css";
 @import "bootstrap-dropdownhover.css";
 @import "animations.css";
 @import "animate.min.css";
 @import "VideoPopUp.css";
 @import "owl.carousel.min.css";
 @import "owl.theme.default.css";
 @import "menu.css";
 @import "magnific-popup.css";
/*****=====*****=====*****=====*****===== 02. General CSS =====*****=====*****=====*****=====*****/
 body {
     background: url(../images/bg/pttrns.png);
     font-family: 'Oxygen', sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
     color: #4c4c4c;
     position: relative;
}
/* Common CSS */
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Ubuntu', sans-serif;
     color: #111111;
     line-height: 1.3;
     font-weight: 400;
     margin-top: 0;
     margin-bottom: 10px;
     padding: 0;
     text-transform: uppercase;
}
 p {
     margin: 0;
     padding: 0;
}
 a {
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:focus, a:hover {
     outline: none;
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 ul {
     margin: 0;
     padding: 0;
}
 ul li {
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 img {
     width: 100%;
     max-width: 100%;
     height: auto;
}
 .mt88 {
     margin-top: 88px;
}
 .map iframe {
     width: 100%;
     border: none;
     height: 450px;
}
/* Form CSS */
 .form-control {
     resize: none;
     height: 40px;
    /* margin-bottom: 30px;
    */
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
}
 .form-control:focus {
     border-color: #a2a2a2;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
}
/* Placeholder Color CSS */
 ::-webkit-input-placeholder {
     color: #999999 !important;
}
 ::-moz-placeholder {
     color: #999999 !important;
}
 :-ms-input-placeholder {
     color: #999999 !important;
}
 :-moz-placeholder {
     color: #999999 !important;
}
/* BUtton CSS */
 .my-btn {
     background: #354b89;
     color: #ffffff;
     font-size: 16px;
     text-align: center;
     padding: 12px 25px;
     border-radius: 0;
     border: none;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .my-btn:hover {
     color: #ffffff;
     background: #354b89;
     box-shadow: inset 0 0 0 5px #1dbeb5;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
/* Background Over Layer CSS */
 .overlay-black {
     position: relative;
}
 .overlay-black:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background-color: rgba(0, 0, 0, 0.8);
}
 .overlay-white {
     position: relative;
}
 .overlay-white:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background-color: rgba(255, 255, 255, 0.9);
}
/* Default Title CSS */
 .section-title {
     margin-bottom: 20px;
     text-align: center;
}
 .section-title .title-style {
     position: relative;
     display: inline-block;
}
 .section-title .title-style h2 {
     font-size: 28px;
     margin-bottom: 0;
     text-transform: capitalize;
}
 .title-icon {
     width: 80px;
     position: relative;
     margin: 0 auto;
     margin-top: 10px;
}
 .title-icon:before {
     content: "";
     width: 100px;
     height: 2px;
     background: #354b89;
     position: absolute;
     top: 12px;
     left: -80px;
}
 .title-icon:after {
     content: "";
     width: 100px;
     height: 2px;
     background: #354b89;
     position: absolute;
     top: 12px;
     right: -80px;
}
 .title-icon i {
     color: #354b89;
     font-size: 30px;
}
 .section-title p {
     font-weight: bold;
     margin-top: 20px;
}
/* Preloader CSS */
/* Preloader */
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 99999999;
}
 #status {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
    /*background-image: url(../images/mpsc.png);
    */
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}
 #pre_status{
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
    /*background-image: url(../images/mpsc.png);
    */
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}
/* Scrollup CSS */
 .scrollup {
     width: 40px;
     height: 40px;
     position: fixed;
     display: none;
     bottom: 20px;
     right: 20px;
     z-index: 99999;
     background-color: #354b89;
     color: #ffffff;
     text-align: center;
     line-height: 40px;
     font-size: 20px;
}
 .scrollup:hover {
     color: #111111;
}
/* Pagination CSS Start */
 .page-pagination {
     text-align: center;
}
 .page-pagination .pagination {
     margin: 30px 0 30px;
}
 .page-pagination .pagination>li>a, .page-pagination .pagination>li>span {
     background: transparent;
     color: #354b89;
}
 .page-pagination .pagination>li>a:hover {
     color: #ffffff;
     background: #354b89;
}
 .page-pagination-left {
     text-align: left;
}
 .page-pagination-right {
     text-align: right;
}
/*****=====*****=====*****=====*****===== Header CSS =====*****=====*****=====*****=====*****/
 .header {
     position: fixed;
}
 .header.bg-white-dark .top-bar {
     background-color: #354b89;
}
 .top-bar .contact-info {
     float: left;
}
 .top-bar .contact-info ul {
     border-right: 1px solid rgba(255, 255, 255, 0.2);
     padding: 12px 48px 12px 0;
}
 .top-bar .contact-info li {
     color: #eee;
     display: inline-block;
     letter-spacing: 0.6px;
}
 .top-bar .contact-info i {
     color: #fcab03;
     font-size: 16px;
     margin-right: 6px;
}
 .top-bar .social-icons {
     float: right;
}
 .top-bar .social-icons ul li {
     display: inline-block;
     margin-right: 12px;
     margin-top: 12px;
}
 .top-bar .social-icons ul li:last-child {
     margin-right: 0;
}
 .top-bar .social-icons ul li a {
     color: #eee;
     font-size: 16px;
}
 .navbar-dark .navbar-brand {
     color: #fff;
     width: 196px;
}
 .header .menu-style .navbar-nav .nav-item .nav-link {
     color: #ebebeb;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 0.4px;
     font-size: 15px;
     padding: 34px 24px;
}
 .header.bg-white-dark .menu-style .navbar-nav .nav-item .nav-link {
     color: #999;
}
 .header .menu-style .navbar-nav .nav-item .dropdown-menu {
     border-color: #354b89;
}
 .header .menu-style .navbar-nav .nav-item .dropdown-menu .dropdown-item {
     text-transform: capitalize;
     font-weight: 400;
     letter-spacing: 0.4px;
     font-size: 15px;
}
 .header .navbar-nav {
     border-right: 1px solid rgba(255, 255, 255, 0.06);
     margin-right: 32px;
     padding-right: 32px;
}
 .header .dropdown-buttons {
     margin-top: 0;
}
 .header .dropdown-buttons .btn-group .btn {
     background-color: transparent;
     font-size: 18px;
     color: #fff;
}
 .header .dropdown-buttons .menu-search-box ul {
     background-color: transparent;
     padding: 0;
     top: 28px;
}
 .header .dropdown-buttons .menu-search-box form .form-group, .header .dropdown-buttons .menu-search-box form .form-group .form-control {
     border-radius: 0;
     height: 60px;
     font-size: 15px;
     letter-spacing: 0;
}
 .header .dropdown-buttons .menu-search-box .search-box i {
     height: 60px;
     width: 60px;
     font-size: 18px;
     line-height: 64px;
     background-color: #354b89;
}
/*****=====*****=====*****=====*****===== 03. Home CSS =====*****=====*****=====*****=====*****/
 .home-slider {
}
 .home-slider .overly-bg {
     background: #0b1d37;
     position: absolute;
     opacity: 0.5;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
}
 .home-slider .slide-caption {
     width: 1170px;
     padding: 0;
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin: 0 auto;
     transform: translateY(-50%);
     padding-top: 125px;
     display: inherit;
}
/* Style One */
 .home-slider.home-st1-sec {
}
 .home-slider.home-st1-sec .text {
     width: 728px;
     text-align: center;
     margin: 0 auto;
}
 .home-slider.home-st1-sec .text .sub-title, .home-slider.home-st1-sec .text .title, .home-slider.home-st1-sec .text .p-text, .home-slider.home-st1-sec .text .btn {
     overflow: hidden;
}
 .home-slider.home-st1-sec .text h4 {
     color: #fff;
     font-size: 16px;
     margin-bottom: 14px;
     letter-spacing: 10px;
     text-transform: capitalize;
}
 .home-slider.home-st1-sec .text h1 {
     color: #fff;
     font-weight: 700;
     font-size: 48px;
     margin-bottom: 14px;
}
 .home-slider.home-st1-sec .text h1 span {
     color: #354b89;
}
 .home-slider.home-st1-sec .text p {
     font-size: 15px;
     line-height: 30px;
     margin-bottom: 28px;
     font-family: 'Ubuntu', sans-serif;
     color: #fff;
     letter-spacing: 0.5px;
}
 .home-slider.home-st1-sec .text .home-btn {
     background-color: #354b89;
     border: 2px solid #354b89;
     font-size: 14px;
     padding: 12px 42px;
     display: inline-block;
     color: #fff;
     text-transform: capitalize;
     font-weight: 600;
     letter-spacing: 0.6px;
     border-radius: 4px;
     text-decoration: underline;
}
 .home-slider.home-st1-sec .text .home-btn:hover {
     background-color: #000;
     color: #fff;
}
 .home-slider.home-st1-sec .text h1, .home-slider.home-st1-sec .text h4, .home-slider.home-st1-sec .text p, .home-slider.home-st1-sec .text .home-btn {
     -moz-animation: fadeInDown 1.5s 0.2s forwards;
     -webkit-animation: fadeInDown 1.5s 0.2s forwards;
     -o-animation: fadeInDown 1.5s 0.2s forwards;
     -ms-animation: fadeInDown 1.5s 0.2s forwards;
     animation: fadeInDown 1.5s 0.2s forwards;
}
 .home-slider.home-st1-sec .img {
     float: right;
     width: 45%;
     text-align: right;
     display: none;
}
 .home-slider.home-st1-sec .img img {
     width: 250px;
}
/* Carousel */
 .carousel-indicators li {
     width: 10px;
     height: 10px;
     background-color: rgb(255, 255, 255);
}
 .carousel-indicators .active {
     background-color: #354b89;
}
 .carousel .carousel-control-next, .carousel .carousel-control-prev {
     opacity: 0;
}
 .carousel .carousel-control-next:hover, .carousel .carousel-control-prev:hover {
     opacity: 0.6;
}
/* keyframes */
 @-webkit-keyframes line-animation {
     form {
         top: 0;
    }
     to {
         top: 100%;
    }
}
 @keyframes line-animation {
     form {
         top: 0;
    }
     to {
         top: 100%;
    }
}
 @-webkit-keyframes line-animation {
     form {
         bottom: 0;
    }
     to {
         bottom: 100%;
    }
}
 @keyframes line-animation {
     form {
         bottom: 0;
    }
     to {
         bottom: 100%;
    }
}
/*-------------------------------- 05. About CSS Start ----------------------------------*/
 .about-section {
     padding: 100px 0 70px;
}
 .about-col {
     margin-bottom: 30px;
}
 .about-col h2 {
     font-size: 45px;
}
 .about-col h5 {
     font-size: 16px;
     color: #354b89;
     margin-bottom: 20px;
}
 .para-space {
     margin-bottom: 20px;
}
/*-------------------------------- 06. Video CSS Start ----------------------------------*/
 .video-section {
     padding: 100px 0;
     background: url(../images/bg/1.jpg);
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
}
 .video-col {
     text-align: center;
}
 .video-col h2 {
     color: #ffffff;
     margin-bottom: 30px;
     letter-spacing: 1px;
}
 .video-col i {
     color: #354b89;
     font-size: 100px;
}
/*-------------------------------- 07. Services CSS Start ----------------------------------*/
 .service-section {
     padding: 100px 0 50px;
}
 .service-item {
     margin-bottom: 50px;
     position: relative;
     background-color: #f7f7f7;
     padding: 34px 18px 34px 70px;
}
 .service-item i {
     font-size: 40px;
     position: absolute;
     left: 10px;
     top: 34px;
     color: #354b89;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     border-bottom: 2px solid transparent;
     height: 80px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-item:hover i {
     opacity: 1;
     color: #111111;
     height: 60px;
     border-color: #111111;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-item h3 {
     font-size: 22px;
}
/* Service More CSS Strat*/
 .service-more {
     padding: 100px 0 0;
     position: relative;
}
 .service-more-box {
     margin-bottom: 0px;
     position: relative;
     background: #1E2332;
     padding: 30px 30px 30px;
     position: relative;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-more-box:before {
     content: "";
     width: 100%;
     height: 0;
     border-left: 800px solid transparent;
     border-top: 30px solid #ffffff;
     position: absolute;
     left: 0;
     top: 0;
}
 .service-more-box:after {
     content: "";
     width: 100%;
     height: 0;
     border-right: 800px solid transparent;
     border-bottom: 30px solid #ffffff;
     position: absolute;
     right: 0;
     bottom: 0;
}
 .service-more-box:hover {
     background: #354b89;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-more-box i {
     font-size: 40px;
     position: absolute;
     color: black;
     right: 10px;
     top: 43px;
     z-index: 1;
     opacity: 0.3;
}
 .service-more-box h4 {
     color: #354b89;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-more-box:hover h4 {
     color: #111111;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .service-more-box p {
     color: #ffffff;
}
/*-------------------------------- 08. Appointment CSS Start ----------------------------------*/
 .appointment-section {
     padding: 80px 0 100px;
    /*background: url(../images/bg/pttrns.png);
    */
     background-repeat: repeat;
     position: relative;
}
 .appointment-col {
     margin-bottom: 30px;
}
 .appointment-img {
     margin-bottom: 0;
}
 .appointment-col .form-control {
     border: 1px solid rgba(204, 204, 204, 0.7);
     background: rgba(255, 255, 255, 0.5);
}
/*-------------------------------- 09. Counter CSS Start ----------------------------------*/
 .counter-section {
     padding: 100px 0 50px;
     background: #f5f5f5;
     background-image: url(../images/bg/2.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .counter-col {
     margin-bottom: 20px;
     text-align: center;
}
 .counter-col .counter {
     width: 150px;
     margin: auto;
     margin-bottom: 50px;
     background: #354b89;
     padding: 5px 0;
     position: relative;
}
 .counter-col .counter:before {
     content: "";
     width: 100%;
     height: 0;
     border-right: 50px solid transparent;
     border-left: 50px solid transparent;
     border-bottom: 30px solid #1ED1C7;
     position: absolute;
     top: -30px;
     left: 0;
}
 .counter-col .counter:after {
     content: "";
     width: 100%;
     height: 0;
     border-right: 50px solid transparent;
     border-left: 50px solid transparent;
     border-top: 30px solid #1ED1C7;
     position: absolute;
     bottom: -30px;
     left: 0;
}
 .counter-col .counter i {
     font-size: 40px;
     color: #1E2332;
     padding-bottom: 10px;
     display: block;
}
 .counter-col .counter span {
     color: #ffffff;
     font-size: 30px;
     line-height: 30px;
}
 .counter-col p {
     color: #ffffff;
     font-size: 16px;
     letter-spacing: 1px;
     text-transform: uppercase;
}
/*-------------------------------- 10. Doctors CSS Start ----------------------------------*/
 .doctors-section {
     padding: 100px 0 70px;
}
 .doctors-col {
     margin-bottom: 30px;
     text-align: center;
}
 .doctors-col .doctors-common-info {
     position: absolute;
     top: 46%;
     left: 0;
     right: 0;
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctors-col:hover .doctors-common-info {
     opacity: 1;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctors-col .doctors-common-info i {
     width: 45px;
     height: 45px;
     color: #ffffff;
     border: 1px solid #ffffff;
     font-size: 24px;
     line-height: 45px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctors-col .doctors-common-info i:hover {
     background: #354b89;
     border-color: #354b89;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctors-col .doctors-common-info .info h5 {
     color: #354b89;
     margin-bottom: 0;
     margin-top: 20px;
}
 .doctors-col h4 {
     margin-top: 20px;
}
 .doctor-img {
     position: relative;
     border: 1px solid #dddddd;
}
 .doctor-img:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.7);
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctors-col:hover .doctor-img:before {
     opacity: 1;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctor-img h3 {
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 9;
     margin-bottom: 0;
     padding: 10px 20px;
     background: #354b89;
     display: inline-block;
}
 .doctor-img h3:after {
     content: "";
     position: absolute;
     right: -29px;
     top: 0;
     width: 0;
     height: 100%;
     border-left: 30px solid #354b89;
     border-top: 40px solid transparent;
}
 .doctor-img h3 a {
     color: #ffffff;
}
 .doctor-img a span {
     position: absolute;
     right: 0;
     bottom: 0;
     font-size: 20px;
     color: #ffffff;
     background: #354b89;
     padding: 10px 20px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .doctor-img a span:hover {
     color: #111111;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
/* Doctors Details Css */
 .doctors-details-section {
     padding: 100px 0 50px;
     background: #f5f5f5;
}
 .doctors-details-img {
     margin-bottom: 50px;
     border: 1px solid #dddddd;
}
 .doctors-details-col {
     margin-bottom: 50px;
}
 .doctors-details-col span {
     font-style: italic;
     color: #354b89;
     font-weight: bold;
     margin-right: 10px;
}
 .doctors-details-col i {
     color: #F8C12C;
}
 .doctors-details-col p {
     margin-top: 20px;
}
 .contact-info-box {
     margin-top: 30px;
     padding: 30px 20px;
     border: 1px solid #dddddd;
     text-align: center;
}
 .contact-info-box p {
     margin-top: 0;
}
/*-------------------------------- 11. Call Us CSS Start ----------------------------------*/
 .call-section {
     padding: 100px 0;
     background: url(../images/bg/3.jpg);
     position: relative;
     background-size: cover;
     background-position: 50% 50%;
     background-repeat: no-repeat;
}
 .call-col h2 {
     color: #ffffff;
     font-size: 40px;
     margin-bottom: 20px;
     letter-spacing: 10px;
}
 .call-col h2 span {
     color: #354b89;
}
 .call-col i {
     font-size: 50px;
     color: #354b89;
}
 .call-col h4 {
     margin-top: 20px;
     color: #ffffff;
     letter-spacing: 5px;
     font-size: 20px;
}
/*-------------------------------- 12. Portfolio CSS Start ----------------------------------*/
 .portfolio-section {
     padding: 100px 0;
     overflow: hidden;
}
 .padd0 {
     padding: 0;
}
/* Image Hover */
 .img-hover-item {
     position: relative;
     overflow: hidden;
}
 .hover-item-info {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100px;
     background: rgba(0, 0, 0, 0.8);
     text-align: center;
     opacity: 0;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .img-hover-item:hover .hover-item-info {
     opacity: 1;
     top: 50%;
     margin-top: -50px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .img-hover-item img {
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .img-hover-item:hover img {
     opacity: 0.3;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .hover-item-info h3 {
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #ffffff;
     font-size: 18px;
}
 .hover-item-info i {
     font-size: 24px;
     color: #354b89;
     margin-top: 30px;
}
/*-------------------------------- 13. Testimonial CSS Start ----------------------------------*/
 .testimonial-section {
     padding: 100px 0;
     background: url(../images/bg/2.jpg);
     position: relative;
     background-size: cover;
     background-position: 50% 50%;
}
 .testimonial-section .section-title h2 {
     color: #ffffff;
}
 .testimonial-section .section-title .title-icon {
     background: transparent;
}
 .testimonial-section .section-title p {
     color: #ffffff;
}
 .test-item {
     padding: 50px 40px;
     background: rgba(0, 0, 0, 0.6);
     border-right: none;
     border-left: none;
     text-align: center;
}
 .test-item img {
     width: 80px !important;
     height: 80px !important;
     margin: auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
}
 .test-item h4 {
     color: #ffffff;
     margin-bottom: 10px;
     margin-top: 20px;
}
 .test-item span {
     font-size: 12px;
     color: #354b89;
}
 .test-item p {
     color: #ffffff;
     margin-top: 20px;
}
 .testimonial-col .owl-theme .owl-nav {
     margin-top: 30px;
}
 .testimonial-col .owl-theme .owl-dots .owl-dot span {
     margin-bottom: 0;
     margin-top: 0;
}
 .testimonial-col .owl-theme .owl-dots .owl-dot.active span, .testimonial-col .owl-theme .owl-dots .owl-dot:hover span {
     background: #354b89;
}
/*-------------------------------- 14. Blog CSS Start ----------------------------------*/
 .blog-section {
     padding: 100px 0 70px;
}
 .blog-col {
     margin-bottom: 30px;
     position: relative;
}
 .blog-img {
     position: relative;
     margin-bottom: 20px;
     overflow: hidden;
}
 .blog-img img {
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .blog-col:hover .blog-img img {
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -ms-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
 .overlay:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     background: rgba(0, 0, 0, .8);
     opacity: 0;
     z-index: 0;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .blog-col:hover .overlay:before {
     opacity: 1;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .post-date {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 9;
     padding: 10px 20px;
     background: #354b89;
     text-align: center;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .post-date:after {
     content: "";
     position: absolute;
     right: -40px;
     top: 0;
     width: 0;
     height: 100%;
     border-left: 40px solid #354b89;
     border-top: 43px solid transparent;
}
 .post-date h3 {
     color: #ffffff;
     font-size: 16px;
     margin-bottom: 0;
}
 .blog-col h4 {
     font-size: 18px;
     margin-bottom: 15px;
}
 .blog-col h4 a {
     color: #111111;
}
 .blog-col h4 a:hover {
     color: #354b89;
}
 .info-bar {
     margin-top: 20px;
     border-top: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     margin-bottom: 20px;
     padding: 10px 15px 10px 0;
}
 .info-bar ul li {
     float: left;
     margin-right: 20px;
}
 .info-bar ul li i {
     margin-right: 5px;
     color: #354b89;
}
 .info-bar ul li a {
     color: #333333;
}
 .blog-col .embed-responsive {
     margin-bottom: 20px;
}
/* Blog Sidebar */
 .blog-sidebar-col {
}
 .sidebar-search-box {
     margin-bottom: 50px;
}
 .sidebar-search-box .input-group .form-control {
     height: 45px;
     border-color: #354b89;
}
 .sidebar-search-box .input-group-btn .btn {
     height: 45px;
     width: 60px;
     background: #354b89;
}
 .sidebar-search-box .input-group-btn .btn i {
     font-size: 22px;
     color: #ffffff;
}
 .categories {
     margin-bottom: 50px;
}
 .sidebar-title h3 {
     border-bottom: 1px dashed #cccccc;
     padding-bottom: 5px;
     margin-bottom: 30px;
}
 .categories ul li {
     margin-bottom: 10px;
}
 .categories ul li a {
     color: #111111;
     text-transform: capitalize;
}
 .categories ul li a:hover {
     color: #354b89;
}
 .sidebar-post {
     margin-bottom: 50px;
}
 .sidebar-post ul li {
     position: relative;
     padding-left: 100px;
     margin-bottom: 50px;
}
 .sidebar-post ul li img {
     position: absolute;
     left: 0;
     top: 0;
     width: 70px;
     height: 70px;
}
 .sidebar-post ul li h4 {
     margin-bottom: 0;
}
 .sidebar-tags {
     margin-bottom: 0;
}
 .sidebar-tags ul li {
     border: 1px solid #dddddd;
     margin-bottom: 22px;
     margin-right: 10px;
     display: inline-block;
}
 .sidebar-tags ul li a {
     padding: 10px 20px;
     color: #ffffff;
     background: #111111;
     text-transform: capitalize;
}
 .sidebar-tags ul li a:hover {
     background: #354b89;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
/*-------------------------------- 15. Timetable CSS Start ----------------------------------*/
 .timetable-section {
     padding: 100px 0 0;
     background: rgba(29, 210, 200, 0.2);
}
 .timetable-col {
}
 .timetable-col h2 {
     color: #ffffff;
     background: #1E2332;
     margin-bottom: 0;
     padding: 10px 28px;
     display: inline-block;
     position: relative;
}
 .timetable-col h2:after {
     content: "";
     position: absolute;
     right: -54px;
     top: 0;
     width: 0;
     height: 100%;
     border-left: 55px solid #1E2332;
     border-top: 60px solid transparent;
}
 .timetable-box {
     background: #1E2332;
     padding: 25px 30px;
}
 .timetable-box ul li {
     border-bottom: 1px solid #ddeddd;
     margin-bottom: 10px;
     padding-bottom: 10px;
}
 .timetable-box ul li:last-child {
     border-bottom: none;
     padding-top: 30px;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .timetable-box ul li p {
     color: #ffffff;
}
 .timetable-box ul li h4 {
     font-weight: 500;
     color: #ffffff;
}
/*-------------------------------- 16. Defult Page Title CSS Start ----------------------------------*/
 .defult-page-title {
     padding: 230px 0 80px 0;
     text-align: center;
     background: url('../images/bg/2.jpg');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .page-title-box {
     background: rgba(255, 255, 255, 0.2);
     box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.3);
     padding: 50px 80px;
     display: inline-block;
}
 .page-title-box h2 {
     font-size: 36px;
     color: #ffffff;
}
 .page-title-box p {
     color: #ffffff;
     text-transform: uppercase;
}
 .page-title-box p a {
     color: #354b89;
}
 .page-title-box p a:hover {
     color: #ffffff;
}
/*-------------------------------- 17. About CSS Start ----------------------------------*/
 .about-inner .about-tab {
     margin-top: 30px;
}
 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
     color: #495057;
     background-color: #fff;
     border-color: #354b89 #354b89 #fff;
}
 .about-inner .nav-tabs>li {
     margin-bottom: -2px;
}
 .nav-tabs {
     border-bottom: 1px solid #354b89;
}
 .about-inner .nav-tabs>li>a {
     border-radius: 0;
     color: #111111;
}
 .about-inner .nav-tabs>li.active>a, .about-inner .nav-tabs>li.active>a:focus, .about-inner .nav-tabs>li.active>a:hover {
     border-color: #354b89;
     border-bottom: none;
}
 .about-inner .about-tab .tab-content {
     border: 1px solid #354b89;
     border-top: none;
     padding: 10px 20px;
}
 .about-inner .about-tab .tab-content ul li {
     margin-top: 7px;
     margin-bottom: 7px;
}
 .about-inner .about-tab .tab-content ul li i {
     margin-right: 10px;
}
/*-------------------------------- 18. Treatment CSS Start ----------------------------------*/
 .treatment-section {
     padding: 100px 0 100px;
     overflow: hidden;
}
 .pad-less {
     padding: 0;
}
 .treatment-title {
     margin-bottom: 50px;
}
 .treatment-col {
     position: relative;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .treatment-col .treatment-box {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .treatment-col:hover .treatment-box {
     opacity: 1;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .treatment-heading {
     position: absolute;
     top: 30px;
     left: 0;
     opacity: 0;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -ms-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
 .treatment-col:hover .treatment-heading {
     opacity: 1;
     left: 30px;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -ms-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
 .treatment-heading h4 {
     color: #ffffff;
}
 .treatment-link {
     position: absolute;
     right: 30px;
     bottom: 0;
     padding: 5px 20px;
     background: #354b89;
     font-size: 20px;
     opacity: 0;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -ms-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
 .treatment-col:hover .treatment-link {
     opacity: 1;
     right: 0;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -ms-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
}
 .treatment-link i {
     color: #ffffff;
}
 .treatment-link i:hover {
     color: #111111;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .mb-100 {
     margin-bottom: 100px;
}
/* Treatment Details Start */
 .treatment-details {
     padding: 100px 0 100px;
}
 .treatment-details h3 {
     color: #354b89;
     margin-bottom: 30px;
     margin-top: 30px;
}
 .comment-field h3 a {
     color: #354b89;
}
 .comment-item {
     position: relative;
     padding-left: 100px;
     margin-bottom: 50px;
}
 .comment-item img {
     width: 80px;
     height: 80px;
     position: absolute;
     left: 0;
     top: 0;
     border-radius: 5px;
}
 .comment-item-right {
     margin-left: 50px;
}
 .treatment-middle-box {
     padding: 30px 30px;
     margin-top: 30px;
     margin-bottom: 30px;
     background: #f5f5f5;
}
 .treatment-middle-box h3 {
     margin-top: 0;
     margin-bottom: 10px;
}
/*-------------------------------- 19. FAQ CSS Start ----------------------------------*/
 .faq-area {
     padding: 100px 0;
}
 .panel-heading .accordion-toggle:after {
     content: "\f106";
     font-family: FontAwesome;
     float: right;
     font-size: 20px;
     color: #354b89;
}
 .panel-heading .accordion-toggle.collapsed:after {
     content: "\f107";
}
 .faq-col h1 {
     margin-bottom: 30px;
}
 .faq-col .panel-title {
     font-size: 18px;
}
/*-------------------------------- 20. Error CSS Start ----------------------------------*/
 .error-area {
     padding: 100px 0 70px;
}
 .error-col {
     margin-bottom: 30px;
     text-align: center;
}
 .error-col h1 {
     font-family: 'Dancing Script', cursive;
     font-size: 36px;
     margin-bottom: 50px;
}
 .error-col h1 span {
     font-size: 100px;
     color: #354b89;
}
 .error-col img {
     margin: 0 auto;
}
 .error-col h4 {
     font-size: 28px;
     margin-top: 40px;
     margin-bottom: 0;
}
 .error-col h4 a {
     color: #111111;
}
 .error-col h4 a:hover {
     color: #354b89;
     text-decoration: underline;
}
/*-------------------------------- 21. Departments CSS Start ----------------------------------*/
 .timeline {
     padding: 100px 0;
}
/* Timeline CSS */
 .timeline ul {
}
 .timeline ul li {
     list-style-type: none;
     position: relative;
     width: 5px;
     margin: 0 auto;
     padding-top: 50px;
     background: #1E2332;
}
 .timeline ul li::after {
     content: '';
     position: absolute;
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: inherit;
}
 .timeline ul li div {
     position: relative;
     bottom: 0;
     width: 400px;
     padding: 30px;
     background: #354b89;
}
 .timeline ul li div h4 {
     margin-bottom: 10px;
}
 .timeline ul li div p {
     color: #ffffff;
}
 .timeline ul li div p a {
     color: #333333;
}
 .timeline ul li div::before {
     content: '';
     position: absolute;
     bottom: 7px;
     width: 0;
     height: 0;
     border-style: solid;
}
 .timeline ul li:nth-child(odd) div {
     left: 45px;
}
 .timeline ul li:nth-child(odd) div::before {
     left: -15px;
     border-width: 8px 16px 8px 0;
     border-color: transparent #354b89 transparent transparent;
}
 .timeline ul li:nth-child(even) div {
     left: -439px;
}
 .timeline ul li:nth-child(even) div::before {
     right: -15px;
     border-width: 8px 0 8px 16px;
     border-color: transparent transparent transparent #354b89;
}
/* EFFECTS –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .timeline ul li::after {
     transition: background .5s ease-in-out;
}
 .timeline ul li.in-view::after {
     background: #354b89;
}
 .timeline ul li div {
     visibility: hidden;
     opacity: 0;
     transition: all .5s ease-in-out;
}
 .timeline ul li:nth-child(odd) div {
     transform: translate3d(200px, 0, 0);
}
 .timeline ul li:nth-child(even) div {
     transform: translate3d(-200px, 0, 0);
}
 .timeline ul li.in-view div {
     transform: none;
     visibility: visible;
     opacity: 1;
}
/*-------------------------------- 22. Contact CSS Start ----------------------------------*/
 .contact-area {
     padding: 100px 0 100px;
     background: url(../images/bg/pttrns.png) 
}
 .contact-col {
     margin-bottom: 50px;
     text-align: center;
}
 .contact-infobox {
     border: 1px solid #dcdcdc;
     padding: 50px 30px;
}
 .contact-infobox i {
     width: 80px;
     height: 60px;
     border-top: 3px solid #354b89;
     border-bottom: 3px solid #354b89;
     color: #354b89;
     text-align: center;
     font-size: 30px;
     line-height: 45px;
     margin-bottom: 20px;
     padding: 5px 15px;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .contact-infobox:hover i {
     background: #354b89;
     color: #ffffff;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .contact-form-row .contact-col {
     margin-bottom: 0;
}
 .contact-form-row .contact-col .form-control {
     height: 50px;
}
 .contact-textarea textarea {
     height: 100% !important;
}
/*-------------------------------- 23. Footer CSS Start ----------------------------------*/
 .main-footer {
     background: #111111;
     padding: 80px 0 50px;
     background: url(../images/bg/pttrns.png);
     background-repeat: repeat;
     position: relative;
}
 .main-footer:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
     background: rgba(0, 0, 0, 0.6);
}
 .footer-col {
     padding-bottom: 30px;
}
 .footer-col img {
     margin-bottom: 30px;
}
 .footer-col h3 {
     color: #354b89;
     margin-bottom: 40px;
     font-size: 22px;
}
 .footer-col h3 span {
     color: #354b89;
}
 .footer-col p {
     color: #ffffff;
}
 .footer-col .top-para {
     margin-bottom: 20px;
}
 .footer-col ul li {
     margin-bottom: 7px;
     padding-bottom: 7px;
     border-bottom: 1px solid #b3b3b3;
}
 .footer-col ul li:last-child {
     border-bottom: none;
}
 .footer-col ul li a {
     display: block;
     color: #ffffff;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .footer-col ul li a:hover {
     color: #354b89;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .post-box {
     margin-bottom: 10px;
     position: relative;
     padding-left: 85px;
}
 .footer-col .post-box img {
     position: absolute;
     left: 0;
     top: 0;
     width: 70px;
     height: 70px;
}
 .post-box p {
     z-index: 1;
     line-height: 24px;
}
 .post-box p a {
     color: #354b89;
}
 .address-col ul {
     margin-top: 20px;
}
 .address-col ul li {
     border-bottom: none;
     color: #ffffff;
}
 .address-col ul li i {
     width: 25px;
}
 button:focus {
     outline: none;
}
 button {
     cursor: pointer;
}
 button:disabled {
     cursor:not-allowed;
}
/*-------------------------------- 24. Copyright CSS Start ----------------------------------*/
 .copyright-bar {
     padding: 10px 0;
     background: #354b89;
     position: fixed;
     width: 100%;
     bottom: 0;
     z-index: 9;
}
 .footer-sociai-group {
     margin-bottom: 10px;
}
 .footer-sociai-group a i {
     width: 35px;
     height: 35px;
     font-size: 15px;
     color: #ffffff;
     background: rgba(27, 27, 27, 0.75);
     text-align: center;
     line-height: 35px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .footer-sociai-group a i:hover {
     color: #ffffff;
     background: #354b89;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .copyright-col p {
     color: #fff;
}
 .copyright-col p a {
     color: #354b89;
}
/*-------------------------------- Demo Page CSS Start ----------------------------------*/
 .demo-page-header {
     padding: 200px 0;
     background: #111111;
     background-image: url(../images/demo/1.jpg);
     background-position: center;
     background-size: cover;
}
 .header-content {
     text-align: center;
}
 .header-content h1 {
     color: #ffffff;
     margin-bottom: 30px;
}
 .header-content h1 span {
     color: #354b89;
     font-size: 50px;
}
 .header-content .btn {
     font-style: 16px;
     background: #354b89;
     border: none;
     padding: 18px 40px;
     color: #ffffff;
     text-transform: uppercase;
}
 .demo-content-area {
     padding: 150px 0 100px;
}
 .demo-content-col {
     margin-bottom: 50px;
     text-align: center;
}
 .demo-content-col h2 {
     margin-top: 30px;
     margin-bottom: 10px;
     color: #111111;
}
 .demo-content-col h2 a {
     color: #111111;
}
 .demo-content-col ul li {
     margin-bottom: 10px;
     margin-top: 10px;
}
 .demo-content-col ul li a {
     font-weight: bold;
     color: #777777;
     text-transform: uppercase;
}
 .pages-col {
     text-align: center;
}
 .pages-col h1 {
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: 2px dashed #cccccc;
}
 .t-center {
     justify-content: center;
}
 .btn-mpsc {
     background: #354b89;
     color: #fff;
     width: 110px;
     border: 0;
}
 .d-flex {
     display: flex;
}
 .btn-submit {
     width: 100%;
     background: #354b89;
     color: #fff;
     border: 0;
     padding: 10px;
}
 .btn-submit1 {
     width: auto;
     background: #354b89;
     color: #fff;
     border: 0;
     padding: 10px 12px;
     line-height: initial;
     margin-right: 22px;
}
 button:hover {
     background: #2c51b8;
}
 .add-sec {
     margin-bottom: 30px;
}
 .add-name {
     color: #000;
     font-size: 18px;
     line-height: 24px;
     background: rgba(255, 255, 255, 0.5);
     padding: 10px;
}
 .body_overlay {
     background-color: rgb(255 255 255 / 60%);
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99999999;
     display: none;
}
/*.body_overlay div {
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -32px;
     margin-left: -32px;
}
*/
/*a[title]:hover::after {
     content: attr(title);
     position: relative;
     top: -100%;
     left: 0;
     background: #000;
     color: #fff;
     padding: 2px;
}
*/
 label {
     width: 100%;
}
 .click_here {
     color: #fff;
     padding: 14.5px 48px;
     position: relative;
     top: 10px;
}
 .dwn_pdf {
     color: #fff;
     padding: 14.5px 71px;
     position: relative;
     top: 10px;
}
 .linkbtn {
     background: #888;
     color: #fff;
     padding: 6px 20px;
}
 .linkbtn:hover {
     color: #fff;
}
/*sidebar*/
.sidebar-title{
     margin-bottom: 0;
    text-align: center;
    padding: 20px 0 0 0;
}
.sidebartitle-icon i {
    color: #354b89;
    font-size: 25px;
    position: relative;
    top: -11px;
}
.sidebartitle-icon {
    width: 80px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}
.sidebartitle-icon:before {
    content: "";
    width: 70px;
    height: 2px;
    background: #354b89;
    position: absolute;
    top: -2px;
    left: -50px;
}
.sidebartitle-icon:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #354b89;
    position: absolute;
    top: -2px;
    right: -50px;
}
.sidebartitle-style h2{font-size: 22px;}
 .sidebars {
     width: 230px;
     height: 100vh;
     z-index: 99;
     position: fixed;
     background-color: #fafafa;
     top: 0;
     right: 0;
     left: 0;
}
.navbar  img{padding-left: 200px;}
 #menu {
    
     display: flex;
     flex-direction: column;
     height: 100%;
     flex-wrap: nowrap;
     box-shadow: 1px 1px 20px 0px #6c757da1;
     border-right-width: 0px;
     border-right-style: solid;

}
 .sidebar-menus{
     overflow-y: auto;
     flex-grow: 1;
     padding-bottom: 2.5rem;
     scrollbar-width: auto;
}
 @media (min-width: 1200px) {
     .sidebars {
         transform: translateX(0);
    }
}
/*.sidebars {
     flex-basis: 279px;
     flex-shrink: 0;
     transition: transform 0.15s ease-in-out;
     z-index: 1038;
     transform: translateX(-279px);
}
*/
 .appointment-section{
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-width: 0;
     flex-grow: 1;
     min-height: calc(100vh - 4.5rem);
     margin-left: -279px;
}
 .appointment-section {
     padding-left: 239px;
     top: 4.5rem;
}
 .appointment-section2{
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-width: 0;
     flex-grow: 1;
     min-height: calc(100vh - 4.5rem);
     top: 8.5rem;
}
 @media (min-width: 1200px) {
     .appointment-section {
         margin-left: 0;
    }
}
/*sidebar*/
/*sidebar css*/
/*scrol*/
 #sidebarForm::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
}
 #sidebarForm::-webkit-scrollbar {
     width: 4px;
     background-color: #F5F5F5;
}
 #sidebarForm::-webkit-scrollbar-thumb {
     background-color: #354b89;
     border: 2px solid #555555;
}
/*scroll*/
 .ul_menu li{
    line-height: 36px;
    padding: 6px 8px;
    color: #000;
}
 .ul_menu li a{
    padding: 2px;
    color: #000;
}
 .caret {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px dashed;
     border-top: 4px solid\9;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
}
 .active{
     background-color: #354b89!important;
     color: #fff!important;
}
 .table-records1 {
     background-color: rgba(255, 255, 255, 0.5);
     width: 100%;
     margin-bottom: 20px;
}
 .ul_menu li:hover{
     background-color: #ddd;
     color: #000;
     cursor: pointer;
}
 .sub-nav li{
    padding: 5px;
}
 .sub-nav li:hover{
    background: #f7f7f7;
    color: #000;
}
 .table-records1 tr td {
     padding: 10px;
     text-align: center;
}
 .table-records1 tr th {
     text-align: center;
     padding: 8px;
}
 .blink_me{
     animation:blinker 1s linear infinite;
}
 @keyframes blinker{
     50% {
        opacity:0;
    }
}
 .rd-btn span{
     font-size: 16px;
     margin-top: -7px;
     padding: 0 10px 0px 6px;
}
 .ml-100 {
     margin-left: 100px;
}
 .ml-200 {
     margin-left: 250px;
}
 .mt-35{
     margin-top: 35px;
}
 .pl-20{
    padding-left: 20px;
}
 .pr-20{
    padding-right: 10px;
}
 .w-auto{
    width: auto !important;
}
 .bx-shd{
    /*box-shadow: 0px 20px 20px 1px #e7e3e3;
    */
     height: 100%;
}
 .m-0{
    margin: 0;
}
 .btn-submit2 {
     width: 100%;
     background: #354b89;
     color: #fff;
     border: 0;
     padding: 6px 10px;
	 cursor: pointer;
}
 .star{
     color: red;
     font-size: 14px;
     top: 0px;
     font-weight: 800;
}
 .text-left{
     text-align:left;
}
 .pretext{
     text-align:left !important;
     white-space: pre-line;
}
 .note{
     margin-bottom: 30px;
     font-style: italic;
     font-size: 14px;
     color: #000;
     font-weight: 600;
}
 @-webkit-keyframes dot-keyframes {
     0% {
         opacity: 0.4;
         transform: scale(1, 1);
    }
     50% {
         opacity: 1;
         transform: scale(1.2, 1.2);
    }
     100% {
         opacity: 0.4;
         transform: scale(1, 1);
    }
}
 @keyframes dot-keyframes {
     0% {
         opacity: 0.4;
         transform: scale(1, 1);
    }
     50% {
         opacity: 1;
         transform: scale(1.2, 1.2);
    }
     100% {
         opacity: 0.4;
         transform: scale(1, 1);
    }
}
 .loading-dots {
     text-align: center;
     width: 100%;
}
 .loading-dots--dot {
     -webkit-animation: dot-keyframes 1.5s infinite ease-in-out;
     animation: dot-keyframes 1.5s infinite ease-in-out;
     background-color: #000;
     border-radius: 10px;
     display: inline-block;
     height: 10px;
     width: 10px;
}
 .loading-dots--dot:nth-child(2) {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
}
 .loading-dots--dot:nth-child(3) {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
}
 .detail-row{
     background: rgba(255, 255, 255, 0.5);
     padding: 10px;
     margin-bottom: 20px;
}
 .label-head{
     font-weight: 600;
     padding-bottom: 14px;
     margin-right: 8px;
}
 .value-details{
    font-weight: 100;
}
 .card-header{
     text-transform: uppercase;
     font-weight: 600;
     font-size: 16px;
     padding: .75rem 1.25rem;
     margin-bottom: 0;
     background-color: rgb(55 77 138);
     color: #fff;
     border-bottom: 1px solid rgba(0,0,0,.125);
}
 .mt-30{
    margin-top: 30px;
}
 .btn-theme{
     background: #f5f5f5;
     border: 0;
     padding: 4px 10px;
     vertical-align: middle;
}
 .btn-theme:hover{
     cursor: pointer;
     background: #ced4da !important;
     border: 0;
     padding: 4px 10px;
     vertical-align: middle;
}
 .card{
    background-color: transparent;
     background: transparent;
}
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: #374d8a;
     border-color: #007bff;
     border: 0;
}
 .page-link:not(:disabled):not(.disabled) {
     cursor: pointer;
}
 .page-link {
     position: relative;
     display: block;
     padding: 10px 16px;
     margin-left: -1px;
     border-radius: 0!important;
     line-height: 1.25;
     color: #374d8a;
     background-color: rgba(255, 255, 255, 0.5);
     border: 1px solid #dee2e6;
}
 .page-link:focus {
     box-shadow: none;
}
 .bg-f7{
    background: #f7f7f7;
     background-color: #f7f7f7;
}
@media( max-width: 768px){
 #sidebars {
     display: none;
}
}

@media screen and (min-width: 1280px) {
     .hamburger-container {
         display: none;
    }
     #sidebars {
         display: inline;
    }
}
 .hamburger-container {
     width: 24px;
     margin: 10px 8px;
     height: 30px;
     cursor: pointer;
     float: right;
     z-index: 999;
     position: fixed;
}
 .hidden {
     opacity: 0;
}
 .hamburger li {
     height: 2px;
     background: #fff;
     content: "";
     position: relative;
     transition: 0.25s ease-in-out;
}
 .rot45deg {
     transform: rotate(45deg);
     top: 7px !important;
}
 .rot-45deg {
     transform: rotate(-45deg);
}
 .hamburger {
     display: block;
}
 .hamburger li:nth-child(1) {
     top: 0;
}
 .hamburger li:nth-child(2) {
     top: 5px;
}
 .hamburger li:nth-child(3) {
     top: 10px;
}
 .bg-tr-white {
     background: rgba(255, 255, 255, 0.5);
}
 .w-70 {
     width: 70%;
     margin: 0 auto;
}
/* admit card */
 .instruction1 {
     background: #354b89;
     color: #fff;
     font-size: 18px;
     padding: 10px;
}
 .instryct-details1 {
     padding: 10px 20px 30px 10px;
}
 .card-div1 {
     background: #f3f3f385;
}
 .downloadcard {
     color: #fff;
     background: #354b89;
     font-size: 12px;
     padding: 10px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .t-cap {
     text-transform: capitalize;
}
.searchbox
{
    background: #f7f7f7;
    color: #000;
    padding: 10px;
    box-shadow: 3px 6px 20px 0px #ddd;
}
.rdbtns
{
  margin-bottom: 14px;
}
.lable-box
{
    width: 28%;margin-bottom: 18px;
}
.heading-mpsc div{
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
}
.appointment-col-2{
    margin-bottom: 10px;
}
.appointment-col-2 .form-control {
    border: 1px solid rgba(204, 204, 204, 0.7);
    background: rgba(255, 255, 255, 0.5);
}
/* admit card end */

 @media(max-width: 768px) {
     .rot45deg{background:  #000!important;}
     .rot-45deg{background-color:  #000!important;}
     .navbar img {
    padding-left: 0;
}
     .appointment-section{
        margin-left:0;
    }
     #menu {
         padding-top: 2.5rem;
         background: #fff;
    }
     .row {
         margin-right: 0;
         margin-left: 0;
    }
     .copyright-bar {
         position: relative;
    }
     .appointment-section {
         padding: 50px 0 50px;
    }
     .section-title .title-style h2 {
         font-size: 24px;
         margin-bottom: 0;
    }
}

/*tabs*/
.filter-item {
  display: none;
}
.filter-item.one {
  display: block;
}

.navi {
    display: flex;
    margin-bottom: 20px;
}
.navi .navi-item {
  margin-right: 30px;
}
.navi .navi-item:last-child {
  margin-right: 0;
}
.navi .navi-item .navi-link {
border: none;
    padding: 5px 30px;
    font-weight: bold;
    font-size: 14px;
    color: #444444;
    background-color: #9c9fa173;
}
.navi .navi-item.active .navi-link {
    background-color: #354b89;
    color: #fff;
}