/*
Theme Name: MPK Nursing
Theme URI: https://www.infocreatives.com
Description: Developed for the MPK Group of Nursing,Baripada
Version: 2.0.1
Author: Saumyaranjan Mishra
Author URI: https://www.infocreatives.com
*/
@import url('https://fonts.googleapis.com/css?family=Tangerine');
@import url('https://fonts.googleapis.com/css?family=Niramit');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('css/bootstrap.css');
@import url('css/slick.css');
@import url('css/font-awesome.min.css');
@import url('css/svg.css');
@import url('css/prettyPhoto.css');
@import url('css/shortcodes.css');
@import url('css/widget.css');
@import url('css/typography.css');
@import url('css/responsive.css');


.masonry-item {
    width:30%;
    float:left;
    margin:10px;
}
.gallery {
    background-color:var(--primarylogotextcolour);
    border-radius:5px;
}
.galleryalbum {
    margin-bottom:5px;
}
.card-body {
    padding:2px;
}
.homedirimg > img {
    width:120px;
    margin-bottom:10px;
}
.album-title {
    
}
.album-title > a{
    color:white;
}
.dirimg > img {
    width:250px;
    margin-bottom:10px;
}
.mb-10 {
    margin-bottom:10px;
}
.mb-30 {
    margin-bottom:30px;
}
.mt-10,.director-txt {
    margin-top:10px;
}
.mt-30 {
    margin-top:30px;
}
.coures_instractor_thumb figure {
    float: left;
    width: 160px!important;
    padding-left: 15px;
}
h6 {
    font-weight:bold!important;
    text-decoration:underline;
    margin-top:10px!important;
    margin-bottom:10px!important;
    font-size:16px;
}
ul.innerList {
    margin-top:10px;
    margin-bottom:10px;
}
.main-header-left-flex {
    display: flex;
    justify-content: left;
    margin-top: 10px;
    margin-bottom:10px;
}
.main-header-right-flex {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.header-logo {
    width:15%;
    margin-right:5px;
    margin-top:2px;
    max-width:300px;
}
.instt-name {
    padding-left:5px;
    border-left:1px solid var(--primarylogotextcolour);
}
.instt-name .name1{
    color:var(--primarylogotextcolour);
    font-weight:bold;
    font-size:20px;
}
.instt-name .estdyear {
    color:var(--primarylogotextcolour);
    font-weight:normal;
    font-size:14px;
}
.instt-name .name2{
    color:var(--secondarylogotextcolour);
    font-weight:bold;
    font-size:16px;
}
.instt-name .name3{
    color:var(--tertiarylogotextcolour);
    font-weight:normal;
    font-size:14px;
}
.secondaryhdrlogo {
    float: right;
    width: 30%;
    max-width:350px;
}
#menu-important-links li::before {
    content: "➤"; /* Unicode right arrow */
    margin-right: 8px;
    color: white;
    float:left;
}
#menu-important-links li {
    padding-left: 10px;
    list-style: none;
}
.iq_footer_bg .widget_archive li, .iq_footer_bg .widget_archive li a {
    color: #fff!important;
    text-transform: capitalize !important;
    font-size:14px;
    font-family: 'Raleway', sans-serif !important;
}


.white {
    color:white;
}
.white, .white p, .white p a{
    color:white;
}
.missionvision {
	margin:10px;
}
.missionvision tr td {
	line-height:22px;
	font-size:14px;
	text-align:justify;
	padding:15px;
	
}
.sticky-footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: var(--tertiarythemecolour);
   color: white;
   text-align: left;
   height:30px;
}
.sticky-footer .sticky-footer-headline {
    font-weight:bold;
    color:var(--tertiarythemecolour);
    border:solid var(--tertiarythemecolour) 1px;
    background:white;
    float:left;
    text-align:center;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    width:20%;
}
.sticky-footer-headline:after {
    content: "";
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.5em;
    border-color: transparent var(--tertiarythemecolour);
    display: inline-block;
    height: 0;
    width: 0;
    left: 7px;
    top: 3px;
    position: relative;
}   
.sticky-footer .sticky-footer-updates {
    float:left;
    width:80%;
}
.sticky-footer .sticky-footer-updates marquee {
    padding:3px;
}
.sticky-footer .sticky-footer-updates marquee a{
    color:yellow;
}
.glyphicon-chevron-down:before,.glyphicon-chevron-up:before {
    color: white!important;
}  

// SASS Variables.
$text: #fff;
$link: #e34234;
$link-hover: #ba160c;
$background: #00356B;

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background: $background;
}

.text {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	color: $text;
	max-width: 90%;
	padding: 2em 3em;
	background: rgba(0, 0, 0, 0.4);
	text-shadow: 0px 0px 2px #131415;
	font-family: 'Open Sans', sans-serif;
}

h1 {
	font-size: 2.25em;
	font-weight: 700;
	letter-spacing: -1px;
}

a,
a:visited {
	color: $link;
	transition: 0.25s;
}

a:hover,
a:focus {
	color: $link-hover;
}


body{
    color: #777777;
    font-family: 'Raleway', sans-serif!important;
    font-size: 14px;
    font-weight: 300;
    background-color: #ffffff;
}
a{
    font-family: 'Raleway', sans-serif!important;
}
.countercontainer {
	width: 81%;
    border-width: 3px;
	border:solid;
    padding: 20px;
    text-align: center;
    margin-bottom: 40px;
	background-color:white;
}
.col-md-12, .col-sm-12 {padding-left:26px!important;padding-right:26px!important;}
.navigation ul li .children ul li a {
    color: #fff !important;
    background: #214a3b !important;
}
.navigation ul li a:hover {
    background-color:white!important;
}
.iq_footer_social .fa {
	padding:8px!important;
}
/* Heading Typo */
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #333333;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    margin: 0px 0px 0px 0px;
    font-family: 'Niramit', sans-serif!important;
    text-transform: uppercase;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:30;
    background:white;
}
.img-responsive {
    margin-top: 140px;
}
.iq_heading_1 h4 {
    font-family: 'Niramit', sans-serif!important;
}
.iq_professional_services p {
    text-align:justify;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: -10px!important;
    font-weight:bold;
}
.breadcrumb span {
    display:inline-block!important;
    font-size: 16px!important;
    font-weight:normal;
    font-family: 'Raleway', sans-serif!important;
} 
.breadcrumb span:after {
    content: "";
    border-style: solid;
    border-width: 0.3em 0 0.3em 0.3em;
    display: inline-block;
    height: 0;
    width: 0;
    left: 7px;
    top: auto;
    position: relative;
}
article.testimonials {
    -webkit-box-shadow: 1px 3px 10px -1px rgba(0,0,0,0.75)!important;
    -moz-box-shadow: 1px 3px 10px -1px rgba(0,0,0,0.75)!important;
    box-shadow: 1px 3px 10px -1px rgba(0,0,0,0.75)!important;
}
.tm_author em {
    font-size: 20px;
    font-weight: bold;
}
.testimonials-meta span.position {
    font-size:20px;
    margin: 0px 0px 0px 0px;
}
.testimonials-meta span.website  a{
    font-size:16px;
    text-decoration:underline;
    color:blue;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.pagination li {
    display: inline;
}
 
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
.pagination li.active a {
	background-color:black!important;
}
.slidesitename {
    background-color:#1b2358;
    color:white;
    font-weight: bold;
    font-size: 18px;
    padding: 6px;
    text-align:center;
    bottom: -100px;
    margin: 10px;
    width: auto;
    right:100px;
    position: absolute;
    -webkit-animation: slide 0.2s forwards;
    -webkit-animation-delay: 1s;
    animation: slide 0.2s forwards;
    animation-delay: 1s;
}
@-webkit-keyframes slide {
    100% { bottom: 100px; }
}

@keyframes slide {
    100% { bottom: 100px; }
}
.sliderdesc {
    background-color:#e79800;
    color:black;
    font-weight: bold;
    font-size: 18px;
    padding: 6px;
    position: fixed;
    bottom: 50px;
    margin: 10px;
    width: auto;
    right:100px;
    text-align:center;
    opacity:0.8;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: 10;
    border-radius: 10px;
    border-top-right-radius: 10px;
    animation: fadein 10s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*.sliderdesc:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   right: -26px;
   top: -13px;
   border-top: 13px solid transparent;
   border-left: 26px solid #e79800;
   border-bottom: 13px solid transparent;
   margin: 13px 0 0 25px;
}*/
span.placementitle {
    font-size:15px!important;
    color:green!important;
    display: inline!important;
}

.successtoryprofile {
    width:130px;
    height:180px;
}
.center-dec .text {
    height: 410px!important;
}

.wcp-nav {
    list-style: none;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
	margin-bottom:20px!important;
}
.wcp-nav li {
    display: inline-block;
}
.wcp-nav li a {
    text-decoration: none;
    padding: 6px;
	border-radius: 4px!important;
    padding: 8px 10px!important;
    line-height: normal!important;
    text-transform: uppercase!important;
    border: 2px solid #d2d2d2!important;
    color: #d2d2d2!important;
}
.wcp-nav li a.active {    
	font-size: 15px!important;
    cursor: pointer!important;
    border-radius: 4px!important;
    padding: 8px 10px!important;
    line-height: normal!important;
    text-transform: uppercase!important;
    border: 2px solid #e79800!important;
    color: #e79800!important;
}