/* 
    Template Name: Kreator Ultimate HTML5 Template
    Authot: Pixel industry
    Website: www.pixel-industry.com

*/


/* CONTENTS
    1. Document Style
    2. Typography
    3. Header
    4. Page content parallax backgrounds
    5. Page title
    6. Elements
        6.1. Accordion
        6.2. Buttons
        6.3. Company history
            6.3.1. Company history icon list
            6.3.2. Company history tabs
        6.4. Custom headings
            6.4.1. Centered heading with subtext
            6.4.2. Left heading with subtitle
        6.5. Icons list
        6.6. Image gallery with thumbnails
        6.7. Information boxes
        6.8. Note
        6.9. Note rotator
        6.10. Numbers counter stats
        6.11. Pricing tables
        6.12. Process icons
        6.13. Recent blog posts
        6.14. Recent blog posts list
        6.15. Services box with background on hover
        6.16. Services box with image
        6.17. Services box with rotating icons
        6.18. Services box with centered icon
        6.19. Skills bar
        6.20. Skills circular
        6.21. Tabs horizontal
        6.22. Tabs vertical
        6.23. Team standard layout
        6.24. Team vertical tabs
        6.25. Testimonials
        6.26. Testimonial carousel
    7. Blog
    8. Portfolio pages
    9. COntact
    10. Footer styling
    11. Widgets
        11.1. Widget recent blog posts
        11.2. Twitter widget
        11.3. Recent comments widget
        11.4. Aside search widget
        11.5. Error page search widget
        11.6. Social networks photo stream widget
        11.7. Tag cloud widget
        11.8. Widget contact
    12. Social links - only presentation purposes

/*


/* ==========================================================================
    1. DOCUMENT STYLE
============================================================================= */

body {
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    line-height: 22px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.row {
    margin-bottom: 70px;
}

.container.full {
    width: 100%;
    max-width: 100%;
}

*[class*="row"] *[class*="row"]:last-child {
    margin-bottom: 0;
}

.nicescroll-rails {
    z-index: 10000 !important;
}

.nicescroll-rails div {
    width: 10px !important
}


/* ==========================================================================
    2. TYPOGRAPHY 
============================================================================= */

p,
a {
    /*color: #666;*/
    color: #000;
    font-family: 'Montserrat', Helvetica, sans-serif;
    margin: 0;
}

span {
    font-family: 'Montserrat', Helvetica, sans-serif;
}

p+blockquote,
blockquote+p {
    display: block;
    margin-top: 14px;
}

a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-weight: 600;
    color: #222;
    margin-top: 0;
    margin-bottom: 30px;
}

h1 {
    font-size: 28px;
    line-height: 38px;
}

h2 {
    font-size: 25px;
    line-height: 35px;
}

h3 {
    font-size: 21px;
    line-height: 31px;
}

h4 {
    font-size: 18px;
    line-height: 28px;
}

h5 {
    font-size: 15px;
    line-height: 25px;
}

h6 {
    font-size: 13px;
    line-height: 23px;
}

img {
    max-width: 100%;
    height: auto;
}

img.float-left {
    float: left;
    margin: 12px 12px 12px 0;
}

img.float-right {
    float: right;
    margin: 12px 0px 12px 12px;
}

img+p,
p+img {
    display: block;
    margin-top: 15px;
}

a.read-more {
    float: right;
    padding-top: 15px;
    position: relative;
}

a.read-more::after {
    content: "\f178";
    font-family: 'IconFont';
    position: relative;
    top: 1px;
    padding-left: 10px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover::after {
    padding-right: 5px;
}


/* ==========================================================================
    3. HEADER 
============================================================================= */

.tp-wrapper {
    margin-top: -50px !important;
}

#header-wrapper {
    width: 100%;
    /*background: #361C6A;*/
}

.ralc_topheader {
    padding: 0px;
    background: #361C6A;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

#header-wrapper.static {
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
*/
    position: fixed;
    top: 0;
    z-index: 1000;
}

#top-bar {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

#top-bar .contact-info {
    float: left;
}

#top-bar .contact-info li {
    float: left;
    padding: 0 20px;
    border-right: 1px solid #ddd;
    color: #888;
}

#top-bar .contact-info li a,
#top-bar .contact-info li span {
    color: #888;
}

#top-bar .contact-info li i {
    padding-right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#top-bar .contact-info li:first-child {
    padding-left: 0;
}

#top-bar .contact-info li:last-child {
    border-right: none;
}

#top-bar .social-links {
    float: right;
}

#top-bar .social-links li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #ddd;
}

#top-bar .social-links li a {
    color: #888;
}

#header {
    /*padding: 10px 0;*/
    /*height: 95px;*/
}

#logo {
    float: left;
    padding-top: 0px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    /*
        background: #e5ddda;*/
    width: 100%;
    background: #992361;
}

.navbar .navbar-collapse {
    text-align: center;
}


/*======================*/


/*img.logo_img {
    width: 65px;
}
div#logo {
    float: left;
}*/


/*span.medium_logo_text {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #4d3574;
    line-height: 20px;
    font-family: 'Nunito', sans-serif;
}
span.medium_logo_text1 {
    font-size: 22px;
    font-weight: 900;
    color: #4d3574;
    letter-spacing: 1.1px;
    line-height: 0px;
    font-family: 'Nunito', sans-serif;
}
p.small_logo_text{
    font-weight: 900;
    color: #4d3574;
    font-size: 12px;
    font-family: 'Nunito', sans-serif;
    margin-top:-4px;

}
.logo_text {
    float: left;
    margin-left: 10px;
    margin-top: 6px
}
.nav>li>a {
     padding: 5px 10px;
}
.header_block1{
    width: 25%;
}
.header_block2{
width: 75%;
float: right;
padding: 15px 0px;
}*/


/*img.logo_img {
    width: 75%;
}
.nav>li>a {
    padding: 10px 13px;
}

ul#inner_nav {
    margin-top: 13px;
}
*/

#logo {
    width: 100%;
    text-align: center;
}

.nav>li>a {
    padding: 10px 22px;
}

.marquee_div {
    background: #992361;
}

.marquee_scroll marquee {
    padding: 5px 0px 0px 0px;
    color: #fff;
}

.marquee_scroll marquee a {
    color: #fff;
}

.course_button {
    margin-top: 33px;
    text-align: right;
}

.course_button>a,
.course_button>a:active,
.course_button>a:hover,
.course_button>a:visited {
    border: 0px solid;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    padding: 12px 17px;
    margin-right: 0px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #992361;
}

.static .course_button {
    margin-top: 22px;
}


/* --------------------------------------------------------------------------
   MAIN NAVIGATION
----------------------------------------------------------------------------- */

.nav {
    float: left;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none;
    border-color: transparent;
    background: none;
    box-shadow: none;
    border-top: none;
    /*float: right;*/
}

.navbar-default {
    margin-top: -1px !important;
    background: none;
    border: none;
    z-index: 1000;
    /*float: right;*/
}

.navbar-nav {
    margin: 0;
}

.navbar-collapse {
    padding: 0;
}

.navbar-toggle:last-child {
    margin-right: 0;
}

.navbar-toggle {
    margin-top: 0;
    border: none;
    margin-bottom: 0;
}

.navbar {
    margin-bottom: 0;
    margin-top: 7px;
}

.navbar-nav>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    text-transform: uppercase;
    color: #fcfcfc;
    padding-top: 10px;
    padding-bottom: 12px;
    font-weight: 600;
}

.navbar-default .navbar-nav>.current-menu-item>a,
.navbar-default .navbar-nav>.current-menu-item>a:focus,
.navbar-default .navbar-nav>.current-menu-item>a:hover {
    color: #fff;
}


/*.dropdown{
    padding-bottom: 10px;
}
*/


/* DROPDOWN MENU STYLING */


/*.dropdown-menu{
    border: 1px solid #a43965;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    background-color: rgba(164, 57, 101, 0.62);
    top: 100%;
}
*/

.dropdown-menu {
    border: 1px solid #992361;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    background-color: #992361;
    top: 100%;
}

.dropdown-menu>li>a {
    padding: 10px 30px;
    font-size: 13px;
    font-weight: 600;
    color: #ededed;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown>ul>li.current-menu-item a {
    background: #a43965;
    /* background: :#fff;*/
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: none;
}


/*------------------------*/


/* SEARCH
----------------------------------------------------------------------------- */

.search_button,
.search_button:active,
.search_button:hover {
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eee;
    width: 10%;
    height: 39px;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-indent: -9999px;
    float: right;
}

input#search-show {
    float: right;
    width: 50%;
    height: 39px;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 0px 15px;
}

.search_form_div {
    margin-top: 25px;
}

.search_col {
    float: right;
}

.row.search_row {
    padding: 6px 0px;
    margin-bottom: 2px;
    /*border-bottom: 1px solid #727272;*/
}


/* ==========================================================================
    4. PAGE CONTENT PARALLAX BACKGROUNDS
============================================================================= */

.page-content.parallax+.page-content {
    margin-top: 70px;
}

.page-content.parallax {
    padding: 70px 0 0 0;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.page-content.parallax-6 {
    background: url('../img/parallax-bkgs/parallax-6.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax-9 {
    background: url('../img/parallax-bkgs/parallax-7.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}


/* ==========================================================================
    6.2. BUTTONS
============================================================================= */

.btn-default {
    border: 0px solid;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    padding: 12px 17px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.btn-default:hover {
    color: #fff;
}

.btn.btn-empty {
    background: none;
    border: 1px solid #333;
    color: #333;
}

.btn.btn-empty:hover {
    color: #fff;
}

.btn.btn-empty.white {
    border: 1px solid #fff;
    color: #fff !important;
}


/* ==========================================================================
    6.4. CUSTOM HEADINGS
============================================================================= */


/* ==========================================================================
    6.4.1. CENTERED HEADING WITH SUBTEXT
============================================================================= */

.heading-centered {
    width: 100%;
    margin-bottom: -30px;
}

.heading-centered h2 {
    text-align: center;
    margin-bottom: 3px;
}

.heading-centered p {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}


/* ==========================================================================
    6.4.2. LEFT HEADINGS WITH SUBTITLES
=============================================================================*/

.heading-left {
    margin-bottom: 20px;
}

.heading-left h1,
.heading-left h2,
.heading-left h3,
.heading-left h4,
.heading-left h5,
.heading-left h6 {
    margin-bottom: 0;
}

.heading-left p {
    text-transform: uppercase;
}

.heading-left {
    border-bottom: 2px solid #992361;
    padding-bottom: 5px;
}

.carousel_item.nstyle {
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px #e5e5e5;
}

/* ==========================================================================
    6.6. IMAGE GALLERY WITH THUMBNAILS 
=============================================================================*/

.image-gallery-select {
    overflow: hidden;
    float: left;
    width: 100%;
}

.image-gallery-select li {
    float: left;
    overflow: hidden;
    position: relative;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 4px;
    cursor: pointer;
    width: 25%;
    opacity: 0.5;
}

.image-gallery-select li.active {
    opacity: 1;
}

.image-gallery-wrap {
    width: 100%;
    margin-bottom: 4px;
    overflow: hidden;
    float: left;
}

.image-gallery-wrap img {
    width: 100%;
}


/* IMAGE GALLERY IN COL-MD-3 GRID */

.col-md-3 .image-gallery-select li {
    width: 33.333333%;
}


/* IMAGE GALLERY IN COL-MD-7, COL-MD-8, COL-MD-9 GRID */

.col-md-7 .image-gallery-select li,
.col-md-8 .image-gallery-select li,
.col-md-9 .image-gallery-select li {
    width: 16.66666667%;
}


/* IMAGE GALLERY IN COL-MD-10, COL-MD-11, COL-MD-12 GRID */

.col-md-10 .image-gallery-select li,
.col-md-11 .image-gallery-select li,
.col-md-12 .image-gallery-select li {
    width: 11.11111111%;
}

.image-gallery a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.image-gallery a:hover {
    opacity: 0.7;
}

.image-gallery a::after {
    content: "";
    background-image: url('../img/expand.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
}

.image-gallery a:hover::after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    opacity: 1;
}


/* ==========================================================================
    6.8. NOTE
=============================================================================*/

.note h1,
.note h2,
.note h3 {
    margin-bottom: 15px;
    text-align: center;
}

.note p {
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}

.note .btn {
    display: table;
    margin: 0 auto;
    float: none;
}


/* ==========================================================================
    6.9. NOTE ROTATOR
============================================================================= */

.note-rotator h1,
.note-rotator h2,
.note-rotator h3,
.note-rotator h4,
.note-rotator h5,
.note-rotator h6 {
    margin-bottom: 0;
    text-align: center;
}

.note-rotator .rotate {
    color: #fff !important;
    padding: 3px 10px;
}


/* ==========================================================================
    6.13. RECENT BLOG POSTS
============================================================================= */

.recent-posts li.blog-post {
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}

.col-md-12 .recent-posts li.blog-post {
    width: 31.5%;
}

.col-md-12 .recent-posts li.blog-post:nth-child(3n),
.col-md-11 .recent-posts li.blog-post:nth-child(3n),
.col-md-10 .recent-posts li.blog-post:nth-child(3n),
.col-md-9 .recent-posts li.blog-post:nth-child(3n) {
    margin-right: 0;
}

.col-md-11 .recent-posts li.blog-post {
    width: 31.4%;
}

.col-md-10 .recent-posts li.blog-post {
    width: 31.2%;
}

.col-md-9 .recent-posts li.blog-post {
    width: 30.9%;
}

.col-md-8 .recent-posts li.blog-post {
    width: 48%;
}

.col-md-8 .recent-posts li.blog-post:nth-child(2n),
.col-md-7 .recent-posts li.blog-post:nth-child(2n),
.col-md-6 .recent-posts li.blog-post:nth-child(2n) {
    margin-right: 0;
}

.col-md-7 .recent-posts li.blog-post {
    width: 47.7%;
}

.col-md-6 .recent-posts li.blog-post {
    width: 47.3%;
}

.col-md-5 .recent-posts li.blog-post,
.col-md-4 .recent-posts li.blog-post,
.col-md-3 .recent-posts li.blog-post {
    width: 100%;
    margin: 0;
}


/* ==========================================================================
    6.14. RECENT BLOG POSTS LIST
============================================================================= */

.recent-posts-list>li {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}


/* ==========================================================================
    6.16. SERVICE BOX WITH IMAGE
============================================================================= */

.service-img-box .service-img-wrap {
    display: table;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    overflow: hidden;
    z-index: 2;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.service-img-box .service-img-desc {
    background-color: #f6f6f6;
    padding: 60px 20px 20px;
    position: relative;
    top: -50px;
    z-index: 1;
}

.service-img-desc h1,
.service-img-desc h2,
.service-img-desc h3,
.service-img-desc h4,
.service-img-desc h5 {
    margin-bottom: 0;
    text-align: center;
}

.service-img-box .service-img-desc .subtitle {
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.service-img-box .service-img-desc p {
    text-align: center;
}

.service-img-box .service-img-desc .read-more {
    float: none;
    display: table;
    margin: 0 auto;
}


/* ==========================================================================
   6.17. SERVICE BOX WITH ROTATING ICONS
============================================================================= */

.service-box .title {
    width: 100%;
    margin-bottom: 20px;
}

.service-box .icon {
    width: 50px;
    height: 50px;
    border: 1px solid #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    float: left;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}

.service-box i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 18px;
}

.service-box h1,
.service-box h2,
.service-box h3,
.service-box h4,
.service-box h5,
.service-box h6 {
    margin-bottom: 0;
    padding-left: 70px;
}

.service-box .subtitle {
    padding-left: 70px;
    text-transform: uppercase;
}

.service-box:hover .icon {
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    color: #fff;
}


/* ==========================================================================
    6.25. TESTIMONIALS 
============================================================================= */

.testimonial {
    width: 100%;
    float: left;
}

.testimonial.image-right blockquote {
    border: none;
    padding: 0;
    background: none;
    text-align: right;
    float: left;
}

.testimonial blockquote p {
    padding-bottom: 10px;
}

.testimonial.image-right img {
    float: right;
    width: 100px;
    height: 100px;
}

.testimonial.image-left blockquote {
    border: none;
    padding: 0;
    background: none;
    text-align: left;
    float: right;
}

.testimonial.image-left img {
    float: left;
    width: 100px;
    height: 100px;
}


/* ==========================================================================
    6.26. TESTIMONIAL CAROUSEL 
============================================================================= */

.testimonial-style2 .testimonial-text {
    background: #f6f6f6;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    font-style: italic;
    font-size: 15px;
    line-height: 24px;
}

.testimonial-style2 .testimonial-author img {
    width: 70px;
    height: 70px;
    float: left;
}

.testimonial-style2 .testimonial-author p {
    padding-left: 90px;
}


/* ==========================================================================
    7. BLOG
============================================================================= */

.blog-post {
    margin-bottom: 70px;
    float: left;
    width: 100%;
}

.blog-post .post-media {
    width: 100%;
    margin-bottom: 30px;
}

.blog-post .post-media img {
    opacity: 1;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.blog-post .post-media img:hover {
    opacity: 0.7;
}

.blog-post .post-info {
    margin-bottom: 20px;
}

.blog-post .post-info .date {
    float: left;
}

.blog-post .post-info .meta-container {
    padding-left: 55px;
}

.blog-post .meta-container h1,
.blog-post .meta-container h2,
.blog-post .meta-container h3,
.blog-post .meta-container h4,
.blog-post .meta-container h5,
.blog-post .meta-container h6 {
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.blog-post .meta-container h1 i,
.blog-post .meta-container h2 i,
.blog-post .meta-container h3 i,
.blog-post .meta-container h4 i,
.blog-post .meta-container h5 i,
.blog-post .meta-container h6 i {
    color: #aaa;
    padding-right: 10px;
}

.post-info .date .day {
    font-size: 30px;
    color: #333;
    font-weight: 600;
}

.post-info .date .month {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.blog-post .meta li {
    float: left;
    padding-right: 15px;
    color: #aaa;
    line-height: 22px;
}

.blog-post .meta span,
a {
    color: #888;
    font-size: 13px;
}


/* GALLERY BLOG POST
----------------------------------------------------------------------------- */

.blog-post #post-slider {
    min-height: 392px;
}

.blog-post #post-slider img:hover {
    opacity: 1;
}


/* VIDEO BLOG POST
----------------------------------------------------------------------------- */

.post-media iframe {
    width: 100%;
    height: auto;
    min-height: 390px;
}


/* PAGINATION
----------------------------------------------------------------------------- */

.pagination {
    margin: 0;
    width: 100%;
}

.pagination ul {
    float: right;
}

.pagination li {
    float: left;
    /*margin-left: 5px;*/
}


/*.pagination li a{
    border: 1px solid #ddd;
    display: block;
    text-align: center;
}*/

.pagination li a {
    border: 1px solid #ddd;
    display: block;
    color: white;
    background: rgba(0, 0, 0, 0.8313725490196079);
    text-align: center;
    /* padding-top: 0px;*/
}

.pagination li.next a,
.pagination li.prev a {
    padding-top: 12px;
}

.pagination li.active a,
.pagination li.active a:hover,
.pagination li:hover a {
    color: #fff;
}

.nav-pagination {
    float: right;
}


/* ISOTOPE ITEMS STYLING
============================================================================= */

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
}

.isotope-item {
    float: left;
    margin-bottom: 30px;
    z-index: 2;
}


/* blog masonry styling
============================================================================= */

.blog-posts.isotope.cols li.blog-post.isotope-item {
    margin-bottom: 50px;
    width: 49.9%;
    padding-right: 15px;
    padding-left: 15px;
}

#blogmasonry {
    padding: 0;
}

.blog-posts.isotope.full li.blog-post.isotope-item {
    margin-bottom: 50px;
    width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
}

.blog-posts.isotope.cols .blog-post #post-slider {
    min-height: 280px;
}

.blog-posts.isotope.cols .blog-post iframe {
    min-height: 280px;
}

.blog-posts.isotope.full .blog-post iframe,
.blog-posts.isotope.full .blog-post #post-slider {
    min-height: 240px;
}


/* ==========================================================================
    8. PORTFOLIO PAGES
============================================================================= */


/* 
    PORTFOLIO FILTERS
----------------------------------------------------------------------------- */

.row.portfolio-filters {
    margin-bottom: 30px;
}

.portfolio-filters.portfolio-full ul {
    display: table;
    margin: 0 auto;
}

#filters li {
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ddd;
}

#filters li:last-child {
    border-right: none;
}


/* 
    PORTFOLIO ITEMS STYLING
----------------------------------------------------------------------------- */

.portfolio-items-holder {
    width: 1170px;
    padding: 0 15px;
    margin-bottom: 30px;
}

#portfolioitems .col-md-6.isotope-item {
    width: 50%;
    padding: 0 2px 4px 2px;
    margin-bottom: 0;
}

#portfolioitems .col-md-4.isotope-item {
    width: 33.333333%;
    padding: 0 2px 4px 2px;
    margin-bottom: 0;
}

#portfolioitems .col-md-3.isotope-item {
    width: 25%;
    padding: 0 2px 4px 2px;
    margin-bottom: 0;
}

.portfolio-img-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-img-container:hover .portfolio-hover {
    opacity: 1;
}

.portfolio-hover .portfolio-links {
    position: absolute;
    top: 50%;
    margin-top: -90px;
    z-index: 5;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -transform: translateX(-100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-img-container:hover .portfolio-links {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -transform: translateX(0%);
}

.portfolio-hover .portfolio-links li a {
    width: 60px;
    height: 60px;
    background-color: #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ddd;
}

.portfolio-hover .portfolio-links li a:hover {
    color: #fff;
}

.portfolio-links li.sharrre .box a::before {
    content: "\e0d1";
    font-family: 'IconFont';
    padding-right: 2px;
    color: #ddd;
}

.portfolio-links li.sharrre .box a:hover::before {
    color: #fff;
}

.portfolio-img-container figcaption {
    position: absolute;
    top: 50%;
    padding: 0 80px;
    text-align: center;
    width: 100%;
    z-index: 4;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-img-container figcaption.portfolio-title a h4 {
    margin-bottom: 2px;
    color: #fff;
}

.portfolio-img-container figcaption.portfolio-title a:hover h4 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-img-container figcaption.portfolio-title .categories {
    font-style: italic;
    color: #ddd;
}

.portfolio-img-container:hover figcaption {
    opacity: 1;
}


/* 
    PORTFOLIO FULL LAYOUT STYLING
----------------------------------------------------------------------------- */

.container.full #portfolioitems {
    padding: 0;
}

.container.full {
    padding: 0 2px;
}

.container.full .portfolio-items-holder {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.container.full .portfolio-items-holder .isotope-item {
    width: 19.94%;
    margin-right: 1px;
    margin-bottom: 1px;
}

.pagination.portfolio-full {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 30px;
}

.container.full .pagination ul {
    float: none;
    display: table;
    margin: 0 auto;
}


/* PORTFOLIO SINGLE STYLING
----------------------------------------------------------------------------- */

.portfolio-single-like {
    width: 100%;
}

.portfolio-single-like .portfolio-item-like {
    float: left;
}

.portfolio-single-like p {
    float: left;
    display: inline;
    padding-right: 15px;
}

.portfolio-single-like .sharrre .box a::before {
    content: "\e0d1";
    font-family: 'IconFont';
    padding-right: 2px;
    color: #666;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio-single-like .sharrre .box a:hover::before {
    color: #fff;
}

.portfolio-projects-list {
    width: 100%;
}

.portfolio-projects-list>li {
    width: 33.333333%;
    float: left;
    padding-right: 2px;
    padding-bottom: 2px;
}

.portfolio-projects-list+.btn {
    margin: 20px auto 0;
    display: table;
    float: none;
}

.container-full .portfolio-projects-list>li {
    width: 19.94%;
}


/*==========================================================================
    9.TRAINING PAGES
============================================================================*/


/*SKILL LIST STYLING
-----------------------------------------------------------------------------*/

ul.medical {
    padding-left: 25px;
    /*  padding-bottom: 20px;*/
}

ul.medical li {
    list-style-type: disc;
}

ul.sub-medical {
    padding-left: 35px;
}

ul.sub-medical li {
    list-style-type: circle;
}

ul.simulation {
    padding-left: 35px;
    padding-bottom: 10px;
}

ul.simulation li {
    list-style-type: decimal;
}

h4.pagesub_heading_h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

h5.page_subheading_h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}


/*table styling
-------------------------------------------------------------------------------*/

td.course-details img {
    margin-right: 5px;
}

td.course-date {
    width: 126px;
}

td.course-field {
    width: 451px;
}


/*=============================================================================
    CONTACT US PAGE
===============================================================================*/

p.address {
    text-align: center;
    font-size: 14px;
}

label.phone {
    margin-bottom: 0;
    margin-right: 7px;
    width: 67px;
    text-align: right;
}

#fc1-box {
    width: 300px;
}

label#contact-label {
    margin-right: 13px;
    width: 58px;
    margin: 10px 0px;
}

textarea#fc2-box {
    width: 300px;
}

.col-sm-5.col-md-5.msaklc {
    border-right: 1px solid brown;
}

span.fc-fax {
    margin-left: 34px;
    margin-top: -3px;
    font-size: 14px;
    font-weight: 600;
}

span.star {
    color: red;
}

.captcha {
    margin-left: -25px;
    margin-top: 20px;
    padding-right: 17px;
    margin-bottom: 20px;
}


/* ==========================================================================
    10. FOOTER STYLING 
============================================================================= */


/*#footer-wrapper{
    width: 100%;
    background-color: #454a4d;
    background-color: #452e6a;
    padding: 70px 0 0 0;
}
*/


/*==============*/

#footer-wrapper {
    background-image: url(../images/footer_parallax.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#footer {
    padding: 70px 0 0 0;
    /*background-color: rgba(69, 46, 106, 0.9411764705882353);*/
    background-color: rgba(54, 28, 106, 0.95);
}

.footer-widget-container {
    float: left;
}

.footer-widget-container .widget h5 {
    color: #fff;
}

.footer-widget-container .widget p,
.footer-widget-container .widget span,
.footer-widget-container .widget a {
    color: #ccc;
}

.footer-widget-container address li,
.footer-widget-container address li strong {
    color: #ccc;
    border: none;
    background: none;
    padding-left: 0;
}

#copyright-container {
    width: 100%;
    /* background:#552646;*/
    background: #6b1643;
    padding: 18px 0 12px 0;
}

#copyright-container .row {
    margin-bottom: 0;
}

#copyright-container img {
    height: 18px;
    margin: 0 20px 0 0;
}

#copyright-container p {
    float: right;
    margin-top: 0;
}


/*.breadcrumb.footer-breadcrumb{
    float: right;
}*/

.breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
}

img.footer_logo_img {
    width: 80%;
    margin-bottom: 15px;
}

ul.breadcrumb.footer-breadcrumb>li>a {
    color: #cbcbcb;
}

p.designed_by,
p.designed_by>a,
p.designed_by>a:hover,
p.designed_by>a:active,
p.designed_by>a:visited {
    color: #cbcbcb;
}


/* ==========================================================================
    11. WIDGETS
============================================================================= */

.aside-left {
    margin-bottom: 0;
    float: left;
}

.aside-right {
    margin-bottom: 0;
    float: right;
}

.widget h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.widget {
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.widget li {
    background: url('../img/aside-arrow.png') no-repeat 0 12px;
    border-bottom: 1px dotted #ddd;
    padding-left: 28px;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 25px;
}

.widget li:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
}

.widget:last-child {
    margin-bottom: 0;
}


/*
    11.1 WIDGET RECENT BLOG POSTS
----------------------------------------------------------------------------- */

.pi_recent_posts li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border: none;
    background: none;
    padding-left: 0;
}

.pi_recent_posts li:last-child {
    margin-bottom: 0;
}

.pi_recent_posts .post-media {
    width: 70px;
    height: 70px;
    float: left;
}

.pi_recent_posts .post-info {
    padding-left: 85px;
    width: 100%;
}

.pi_recent_posts .date {
    width: auto;
    float: left;
    padding-bottom: 5px;
}

.pi_recent_posts .post h5 {
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.footer-widget-container .pi_recent_posts .post h5 a {
    color: #fff;
}

.pi_recent_posts .date .day {
    font-size: 30px;
}

.footer-widget-container .pi_recent_posts .date .day {
    color: #fff;
}

.pi_recent_posts .date .month {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.pi_recent_posts .post {
    padding-left: 45px;
}

.pi_recent_posts .post-media {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.post-media .fa-calendar {
    width: 60px;
    height: 60px;
    background: rgb(255, 78, 78) none repeat scroll 0% 0%;
    color: white;
    font-size: 35px;
    border-radius: 5px;
    padding: 12px;
}

.pi_recent_posts .post-media:hover {
    opacity: 0.7;
}


/* 11.7. WIDGET CONTACT
============================================================================= */

.widget_contact li {
    background: none;
    border: none;
    padding-left: 0;
}

.scroll-up {
    width: 40px;
    height: 40px;
    opacity: 0.3;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('../img/to-top.png') no-repeat;
}

#imagelightbox {
    position: fixed;
    z-index: 99999;
}


/* objective css  */


/*.objective h4 {
    margin:0px 0px 20px 0px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    font-weight:400;
    color:#903032;
}*/

.objective .slide-image .item>img {
    width: 100%;
}

.objective p {
    margin: 20px 0px;
    font-weight: bold;
    font-size: 14px;
}

.objective ul {
    padding-left: 40px;
}

.objective ul li {
    list-style-type: disc;
    font-size: 14px;
}


/* Message Css Starts */


/*.message h4 {
    margin:0px 0px 20px 0px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    font-weight:400;
    color:#903032;
} */

span.name {
    font-weight: bold;
    display: block;
}

span.designation {
    display: block;
    margin-left: 40px;
}

.president p {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}

.message p {
    margin: 15px 0px;
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}


/* messsage css ends */


/* executive css starts */


/*.executive h4 {
    margin:0px 0px 20px 0px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
    font-weight:400;
    color:#903032;
}*/

h4.page_heading_h4 {
    margin: 0px 0px 20px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    font-weight: 400;
    color: #903032;
    background: #f3f3f3;
    text-transform: uppercase;
}

.executive-photo {
    float: left;
    margin: 10px;
}

.executive-photo span.designation {
    display: block;
    margin-left: 30px;
}

.executive-message p {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}


/* executive css ends */


/* Chart css starts */

.chart h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.chart-image {
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px 0px;
    border-radius: 10px;
    margin: 0px 120px;
}


/* chart css ends */


/*cadaver css starts */

.cadaver h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.cadaver p {
    text-align: justify;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 14px;
}


/* Cadaver css ends */


/* medical skill lab css starts */

.medical h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.medical p {
    text-align: justify;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 14px;
}

.medical ul {
    padding-left: 40px;
}

.medical ul li {
    list-style-type: disc;
    font-size: 14px;
}


/* medical css ends */


/* Clinic Research css starts */

.clinic h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.clinic ul {
    padding-left: 40px;
}

.clinic p {
    text-align: justify;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 14px;
}

.clinic ul li {
    list-style-type: disc;
    font-size: 14px;
}


/* Clinic Research css ends */


/* .clinic ul li:nth-child(odd) { background: red; } */


/* Drug Testing css starts */

.drug h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.drug p {
    text-align: justify;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 14px;
}

.drug ul {
    padding-left: 40px;
}

.drug ul li {
    list-style-type: disc;
    font-size: 14px;
}


/* Drug Testing css ends */


/* Video css starts */

.videos h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.video-wrap {
    /*background:rgba(175, 202, 255, 0.64) none repeat scroll 0% 0%;*/
    background: #b93b6c none repeat scroll 0% 0%;
    padding: 5px;
    /* height:230px;*/
    overflow: hidden;
}

.video p {
    text-align: center;
    /*color:#4B4814;*/
    color: white;
    font-size: 14px;
}

.videoclass {
    height: 280px;
}

p.video_title {
    font-size: 16px;
    /* border-bottom: 1px dashed #ccc; */
    padding-bottom: 10px;
    font-weight: 600;
}

p.gray_p {
    color: gray;
}

p.gray_p>i {
    margin-right: 5px;
}

p.video_title>i {
    margin-right: 5px;
}

.row.video_row {
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}


/* video css ends */


/* about us css starts */

.about h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    /*font-weight:400;*/
    font-weight: 500;
    font-size: 21px;
    color: #903032;
}

.about p {
    text-align: justify;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 14px;
}


/*about us css ends */


/* Video Gallery css starts */

.video-gallery h4 {
    margin: 0px 0px 20px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #903032;
}

.video-gallery-wrap {
    background: rgba(173, 208, 252, 0.9) none repeat scroll 0% 0%;
    padding: 5px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-width: medium medium 3px;
    border-style: solid;
    border-color: none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: #992361 none repeat scroll 0% 0%;
    color: #FFF;
}


/* Video Gallery css ends */


/*============================================================
            COURSE CALENDAR
==============================================================*/

.event-calendar {
    max-width: 210px;
    float: left;
    margin: 17px 6px;
}

.fc-day-grid-event .fc-content {
    overflow: visible;
    white-space: inherit;
}

.fc-row.fc-week.fc-widget-content {
    min-height: 24px !important;
}

.fc-center h2 {
    margin-bottom: 0px;
    padding: 8px 0px 3px;
    font-size: 18px;
    color: white;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
}

.fc-toolbar {
    text-align: center;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#893455), to(#bb513e));
    background-image: -webkit-linear-gradient(top, #893455, #bb513e);
    background-image: -moz-linear-gradient(top, #893455, #bb513e);
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#893455', endColorStr='#bb513e', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#893455', endColorStr='#bb513e', GradientType=0)";
    background-image: -ms-linear-gradient(top, #893455, #bb513e);
    background-image: -o-linear-gradient(top, #893455, #bb513e);
    margin-bottom: 0px !important;
}

.fc-scroller {
    overflow-y: hidden !important;
    overflow-x: hidden;
}

.fc-event {
    height: 26px !important;
    margin-top: -27px !important;
    opacity: 0.6;
}

.fc-day-grid-container.fc-scroller {
    height: 170px !important;
}

td.fc-day-number {
    padding-top: 2px;
    padding-bottom: 0px;
}

.fc-title {
    display: none;
}

.fc th {
    border: none;
    /*background-color: whitesmoke;*/
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
    color: black;
    font-weight: 500;
    font-size: 13px;
}

#calendar_full {
    width: 70%;
    margin: 0 auto;
}

#calendar_full .fc-day-grid-container.fc-scroller {
    height: 450px !important;
}


/*==================================================================
        PDF DOWNLOAD PAGES
===================================================================*/

.course-name h2 {
    margin-top: 30px;
    margin-left: 17px;
    margin-bottom: 12px;
    background-color: rgb(154, 205, 50);
    color: white;
    padding: 10px 24px;
    font-size: 22px;
    line-height: normal;
}

.course-date h5 {
    margin-top: -12px;
    padding: 4px 24px;
    font-family: 'Montserrat', Helvetica, sans-serif;
    margin-left: 17px;
    background-color: rgba(154, 205, 50, 0.87);
    opacity: 0.8;
    color: white;
}

.course-date h4 {
    margin-top: -12px;
    padding: 4px 24px;
    font-family: 'Montserrat', Helvetica, sans-serif;
    margin-left: 17px;
    background-color: rgba(154, 205, 50, 0.87);
    opacity: 0.8;
    color: white;
}

.course.container {
    padding: 0 26px;
    margin: 0 20px;
}

.course-link p {
    margin-top: -8px;
    margin-bottom: 10px;
}

.mission h2 {
    margin-top: 30px;
    margin-left: 17px;
    margin-bottom: 12px;
    padding: 3px 29px;
    background-color: rgba(136, 136, 136, 0.85);
    color: white;
    font-size: 22px
}

.mission p {
    text-align: justify;
    font-size: 14px;
    font-weight: 500;
    padding-top: 14px;
    padding-bottom: 20px;
}

.mission .row {
    margin-left: 17px;
    margin-top: -12px;
    background-color: aliceblue;
    margin-bottom: 10px;
}

.principles h2 {
    margin-top: 30px;
    margin-left: 17px;
    margin-bottom: 12px;
    padding: 3px 29px;
    background-color: #121111;
    color: white;
    font-size: 22px;
}

.principles p {
    text-align: justify;
    font-size: 14px;
    font-weight: 500;
    padding-top: 14px;
    padding-bottom: 20px;
}

.principles .row {
    margin-left: 17px;
    margin-top: -12px;
    background-color: ghostwhite;
    margin-bottom: 28px;
}

.principles ul {
    padding: 17px 25px;
}

.principles ul li {
    list-style-type: disc;
    text-align: justify;
    line-height: normal;
}

.course-link .btn {
    margin: 15px 0px;
    border-radius: 0;
}

.cd-data {
    margin-left: 8px;
    margin-right: 8px;
}

.cd-data h3 {
    padding: 5px 10px;
    background-color: gray;
    color: white;
    margin: 10px 2px;
}

label.cd-time {
    margin-top: 4px;
    margin-left: 4px;
    background-color: orange;
    color: white;
    padding: 0px 4px;
}

ul.cd-list li {
    list-style-type: circle;
    margin-left: 16px;
    line-height: normal;
}

ul.cd-list {
    margin-left: 6px;
    font-size: 12px;
}

label.cd-module {
    line-height: normal;
}

.day1 {
    background-color: whitesmoke;
    padding: 7px 15px;
    border: 5px solid white;
}

.faculty h2 {
    margin-bottom: 6px;
    padding: 3px 0px;
}

.faculty {
    background-color: #ECECF4;
    margin-left: 13px;
    padding: 0px 16px;
    margin-bottom: 22px;
    padding-bottom: 21px;
}

label.fl-label {
    line-height: normal;
    color: brown;
    margin-bottom: 0;
    font-weight: bold !important;
    font-size: 16px;
}

.faculty label {
    width: 149px;
    font-weight: normal;
}

ul#cp-date li {
    list-style-type: disc;
    margin: 0 25px;
}


/*======================================================
            MEDIA QUERY
=======================================================*/

@media only screen and (min-width: 1200px) {
    .event-calendar {
        /*max-width: 239px;*/
        max-width: 250px;
    }
}


/*========================================================
Course Calendar new
=======================================================*/

.col-item {
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%;
}

.col-item .info {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}

.col-item .price {
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5 {
    line-height: 20px;
    margin: 0;
}

.col-item .separator {
    border-top: 1px solid #E1E1E1;
}

.clear-left {
    clear: left;
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i {
    margin-right: 5px;
}

.col-item .btn-details {
    width: 100%;
    float: right;
    padding-left: 10px;
}


/*============================*/

.course_name>h5 {
    text-transform: uppercase;
    font-weight: 600;
    color: #383838;
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.ribbon {
    /*left: 5px;*/
    font-size: 14px !important;
    position: absolute;
    background: #422b68;
    color: #fff;
    text-align: center;
    /*  padding: 11px 10px 10px 10px;*/
    padding: 6px 13px 6px 10px;
}

.ribbon:after {
    right: -30px;
    border-left-width: 10px;
    border-right-color: transparent !important;
}

.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    border: 17px solid #ca2727;
}

.course_more>h5 {
    margin-bottom: 15px;
    background-color: #eaeaea;
}

.course_pict {
    text-align: center;
}

.course_name {
    height: 95px;
    /*overflow: auto;*/
}

.carousel-control.course-scroll-right {
    background-image: none;
}

.carousel-control.course-scroll-left {
    background-image: none;
}

.course_block:hover {
    /*transform: translateY(-5px);*/
    /*  transition: all 0.25s linear;*/
    border: 10px solid #c2bace;
}

.course_block {
    height: 430px;
    padding: 20px;
    /*  transition: all 0.25s linear;*/
    border: 10px solid #eaeaea;
}

.carousel-control.course-scroll-left.left {
    left: 0px;
    padding: 2px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 16%;
}

.carousel-control.course-scroll-right.right {
    right: 0px !important;
    padding: 2px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 16%;
}


/**/


/*=================*/

.fc-icon {
    margin: 0px !important;
    top: 0px !important;
    display: inline-block;
    width: 12px !important;
    height: 10px !important;
    line-height: 6px !important;
    font-size: 9px !important;
    /* overflow: hidden; */
}

.fc-button-group {
    padding-top: 5px;
    padding-left: 5px;
}

.gallery_div {
    margin-top: 20px;
}

.gallery_div>a>img {
    height: 140px;
}

h3.album_name {
    font-size: 16px;
    margin-bottom: 10px;
}

.row.gallery_row {
    margin-bottom: 10px;
    margin-top: 15px !important;
}


/*-------------styling login page --------------------------*/

.login_row {
    margin-bottom: 0px;
}

ul.ld-list li>input {
    border: 1px solid gainsboro;
    height: 42px;
}

ul.ld-list li>input::-webkit-input-placeholder {
    color: black !important;
}

ul.ld-list li>button {
    margin: 0 10px;
}

.home-logo {
    text-align: center;
    margin: 60px 0;
}

.login-body {
    box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.4);
    background-color: rgb(255, 255, 255);
    padding: 30px 18px 30px;
    margin: 5px 0;
}

.login-main {
    background: #361c6a;
    width: 340px;
    margin: 100px auto 0 auto;
    border-radius: 7px;
}

.login-body>input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    width: 100%;
    margin: 24px 0 25px 0;
}

button#login-btn {
    margin: 25px 0 5px 0;
    padding: 4px 28px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#893455), to(#bb513e));
    background-image: -webkit-linear-gradient(top, #893455, #bb513e);
    background-image: -moz-linear-gradient(top, #893455, #bb513e);
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#893455', endColorStr='#bb513e', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#893455', endColorStr='#bb513e', GradientType=0)";
    background-image: -ms-linear-gradient(top, #893455, #bb513e);
    background-image: -o-linear-gradient(top, #893455, #bb513e);
    border-radius: 0;
    color: #FFFFFF;
    font-size: 16px;
    width: 100%;
}

.form-control {
    border-radius: 0px !important;
}

h3.thank {
    display: none;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #275529;
    padding-bottom: 15px;
    border-bottom: 1px solid #275529;
}

h3.logo-txt {
    margin-bottom: 15px;
    text-align: center;
    font-weight: 900;
    color: #ffffff;
    font-size: 23px;
    margin-top: 15px;
    /* width: 72%; */
    width: 100%;
}

.login {
    margin-bottom: 100px;
}


/*-------------------------Expert comments----------------------------------------------*/

.row_hover {
    transition: all .3s;
}

span.quote_span>i {
    font-size: 25px;
    margin-right: 15px;
    color: #b3b3b3;
    margin-bottom: 10px;
}

.testi_detail>p {
    margin-bottom: 5px;
    text-align: justify;
}

span.testi_person {
    font-weight: bold;
    font-size: 15px;
}

span.testi_desg {
    color: #555555;
    font-size: 13px;
}

hr.hr_divider {
    margin: 20px 0px;
    border-top: 1px solid #ddd;
}

.row_hover:hover {
    -webkit-transform: scale(1.020);
    -ms-transform: scale(1.020);
    transform: scale(1.020);
}


/*==================*/

img.img-fluid {
    width: 100%;
    height: 220px;
}

div#n-image {
    margin-bottom: 20px;
}

.col-md-8.leader_cont_desc p {
    padding-bottom: 10px;
}


/* /////////////////////////////// */

.input-group {
    display: flex;
    width: 400px;
}

input#g_name {
    margin-left: 30px;
    margin-top: 2px;
}


/* .input-group.search {
    margin-top: 53px;
}

.input-group.search {
    margin-top: 53px;
    width: 500px;
    margin-bottom: 10px;
} */

button#search {
    float: right;
    margin-left: 10px;
    background-color: #992361;
    height: 35px;
}


/* .input-group {
    margin-top: 53px;
    width: 100%;
} */

.input-group.used {
    margin-top: 63px;
}

input#g_name {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
}

input#g_ref_surgeon {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
}

input#g_hospital {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px;
}

button#used {
    float: right;
    margin-left: 10px;
    background-color: #992361;
    padding: 0 12px;
    height: 35px;
}


/* =========header popup style ======= */
.popup {
    /* display: none; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    /* z-index: 1100; */
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.popup-content {
    padding: 0px;
    text-align: center;
    height: 60px;
    display: flex;
}



.close {
    position: absolute;
    top: 10px;
    right: 35px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid;
    border-radius: 29px;
    width: 30px;
    background: white;
    color: black;
}

.popup-txt {
    width: 35%;
    font-size: 16px !important;
    font-weight: bold;
    padding: 5px;
    color: #253b80;
}



.btn-action,
.btn-msg,
.btn-logo {
    float: left;
}

.btn-logo img {
    width: 35px;
}

.btn-action {
    padding: 5px 10px;
    width: 30%;
}

.btn-logo img {
    width: 40px;
}

.btn-logo {
    padding: 5px;
    width: 30%;
    text-align: right;
}
img.newimg_cls {
    width: 100%;
}
.btn-msg {
    text-align: center;
    width: 40%;
}

.popup-action {
    width: 70%;
    background: #cb4126;
    padding: 5px;
    color: #fff;
}


.btn-action a:hover {
    color: #253b80;
    background: #ffffff;
}
.btn-action a {
    color: #253b81;
    background: #fcd255;
}

span.close:hover {
    background: #253b81;
    color: white;
}
/* =========header popup style End ======= */