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

Author: Web Clinic Online Team

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



@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,700i,800,900);

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap');

html {

	text-rendering: optimizeLegibility !important;

	-webkit-font-smoothing: antialiased !important;

	-moz-osx-font-smoothing: grayscale;

}

body {

	font-family:'Montserrat', sans-serif;

	color:#555555;

	font-size:18px;

	font-weight:300 !important;

}

a {

	text-decoration:none;

	color:#C52D2F;

}

a:hover {

	color:#142980;

}

a.invert {

	color:#142980;

}

a.invert:hover {

	color:#555555 !important;

}

p {

	font-size:18px;

	font-weight:300 !important;

}

.preloader {

	background:url(../images/preloader.gif) no-repeat scroll 50% 50% #fff;

	height:100%;

	left:0;

	position:fixed;

	top:0;

	width:100%;

	z-index:9999;

}

.to-top {

	display:block;

	color:#fff;

	font-size:24px;

	text-align:center;

	line-height:44px;

	position:fixed;

	bottom:15px;

	right:15px;

	background:#142980;

	opacity:0;

	visibility:hidden;

	transition:all 0.30s ease-in-out;

	height:48px;

	width:50px;

	z-index:999;

}

.to-top:hover {

	background:#C22F31;

	color:white;

}

.visible {

	opacity:1;

	visibility:visible;

}

.call {

	font:400 18px 'Open Sans', sans-serif;

	color:#adacac;

	text-align:center;

	padding-top:4px;

}

.call-fa {

	color:#f8c738;

	font-size:26px !important;

	padding: 0 8px;

}

.top-logo-sec {

	margin:5px auto 15px;

}

.logo {

	float:left;

}

.logo img {

	width:100%;

	max-width:230px;

}

.header-call-btn {

	margin-top:50px;

}

.header-call-btn ul li {

	font-size:24px;

	list-style:none;

}

.header-call-btn li a {

	color:#3cb6ce;

	font-weight:400;

	padding:10px;

}

.header-call-btn li a:hover {

	color:#000;

}

.header-call-btn ul li i {

	color: #000;

	font-size: 24px;

	margin-top: 6px;

}

.navbar {

	background:#597b7c;

	font-size:16px;

	font-weight:600;

	text-transform:uppercase;

}

.navbar-collapse {

	padding:0 10px;

}

.navbar-nav li a {

	color:white;

	transition:all 0.2s;

}

.navbar-nav li.active a {

	background:#3cb6ce;

}

.yellow-menu-btn {

	margin: -12px auto -22px;

	float:right;

}

.yellow-menu-btn a {

	background:#3cb6ce;

	border-radius: 3px;

	color: #fff;

	display: inline-block;

	padding: 13px 30px;

	text-align: center;

	text-transform:uppercase;

	font-size:16px;

	font-weight:600;

}

.yellow-menu-btn a span {

	font-size:14px;

	font-weight:normal;

	text-transform:none;

}

.yellow-menu-btn a:hover {

	background: #62b9ff;

	color:#FFFFFF;

}

.home-banner {

	background-image:url(../images/banner-header.jpg);

	background-position:center center;

	background-size:cover;

	min-height:350px;

	margin-bottom: 50px;

}



.course-sec{

	padding:30px 0 30px;

}



.course-sec h2{

	color:#3cb6ce !important;

	font-size:38px;

	font-weight:700;

	text-align:center;

	text-transform:uppercase;

}

.course-sec h2 span{

	color:#597b7c;

}



.course-bg{
    background: #fff url(../images/course-bg.jpg) repeat-x center top;
    /*background: linear-gradient(#fff, #f6f6f6, #FFFFFF);*/
}
.courseBGImg {
	text-align:center !important;
	width:350px;
	height:350px;
	margin:0 auto;
}

.course-bg1{
	background:url(../images/phase-1.png) center no-repeat !important;
}
.course-bg2{
	background:url(../images/phase-2.png) center no-repeat !important;
}
.course-bg3{
	background:url(../images/phase-3.png) center no-repeat !important;
}
.course-bg4{
	background:url(../images/phase-4.png) center no-repeat !important;
}
.course-bg5{
	background:url(../images/phase-5.png) center no-repeat !important;
}
.course-bg6{
	background:url(../images/phase-6.png) center no-repeat !important;
}
.course-bg7{
	background:url(../images/phase-7.png) center no-repeat !important;
}
.course-bg8{
	background:url(../images/phase-8.png) center no-repeat !important;
}
.course-bg9{
	background:url(../images/phase-9.png) center no-repeat !important;
}
.course-bg10{
	background:url(../images/phase-10.png) center no-repeat !important;
}
.course-bg11{
	background:url(../images/phase-11.png) center no-repeat !important;
}
.course-bg12{
	background:url(../images/phase-12.png) center no-repeat !important;
}
.course-bg13{
	background:url(../images/phase-13.png) center no-repeat !important;
}
.course-bg14{
	background:url(../images/phase-14.png) center no-repeat !important;
}
.course-bg15{
	background:url(../images/phase-15.png) center no-repeat !important;
}

.course-bg16{
	background:url(../images/Importance-of-Health-Care.png) center no-repeat !important;
}
.course-bg17{
	background:url(../images/Preparing-for-a-Job-Interview.png) center no-repeat !important;
}
.course-bg18{
	background:url(../images/Family-Planning-Reproductive-Health.png) center no-repeat !important;
}
.course-space {
	margin-bottom: 30px;
}
.course-detail{
	border:none;
	font-family: 'PT Sans Narrow', sans-serif;
	padding:185px 30px 0;
	text-align:center;
}

.course-detail h4{
	font-family:'Montserrat', sans-serif;
	color:#3cb6ce;
	font-size:22px;
	font-weight:700;
}
.course-detail h5{
	font-family:'Montserrat', sans-serif !important;
	color:#000000 !important;
	font-size:22px;
	font-weight:700;
}



.course-detail p{

	color:#4d2111;

	font-size:16px;

	font-weight:400;

	margin-bottom: 6px;

}



.course-detail a{

	color:#000;

	font-size:18px;

	font-weight:600;

	text-transform:uppercase;

	border-bottom: 2px solid #ce1245;

	

}

.course-detail a:hover{

	color:#3cb6ce;

	border-bottom: 2px solid #000;

}



.course-detail strong{

	color:#ff0000;

	font-size:17px;

	font-weight: 600;

}



.home-faqs {

	padding:50px 10px 30px;

}

.home-faq img{

	width:100%;

	max-width:330px;

	margin:0 auto;

	text-align:center;

}



.home-faqs h2 {

	color:#3cb6ce;

	font-size:38px;

	font-weight:600;

	text-transform:uppercase;

	text-align:center;

	margin-bottom: 30px;

}



footer {

	background:url(../images/bg2.gif);

}

.footer {

	padding-top:30px;

	padding-bottom:30px;

	font-size:14px;

}

.footer-widget strong {

	font-size:16px;

	font-weight: 600;

}

.footer-widget h4 {

	color:#000;

	text-transform:uppercase;

	font-weight: 600;

	margin:0 0 30px 0;

}

.footer-widget ul {

	color:#000;

	font-size:14px;

	padding: 0 0 10px 15px;

}

.footer-widget li {

	margin-bottom:10px;

	margin-top:4px;

	transition:all 0.1s;

	list-style-image:url(../images/footer-arrow.png);

	font-size:14px;

}

.footer-widget img {

	width:100%;

	max-width:220px;

}

.footer-widget a {

	color:#000;

	font-weight: 600;

}

.footer-widget a:hover {

	color:#597b7c;

}

.copyright {

	background:#fff;

	font-size:14px;

	text-align:center;

	padding:20px 0;

}

/*FAQ Pages*/

.faqs {

	list-style-type:none;

	font-size:18px;

	padding:0;

	text-align:justify;

}

.faqs li:nth-child(odd) {

	font-weight:600;

	color:#597b7c;

}

.faqs li:nth-child(even) {

	margin-bottom:20px;

}

/*Inner Pages*/

/*Inner Pages Side bar Courses*/



.card-holder {

	margin: 0 0;

}

.card {

	color: #000;

	font-size: 50px;

	font-weight: 800;

	height: 4em;

	width: 64em;

	padding: 0.5em 1em;

	display: table-cell;

	vertical-align: middle;

	letter-spacing: 2px;

	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

	text-align: center;

	text-transform: uppercase;

}

.bg-gold {

	background: -webkit-linear-gradient(110deg, #edefef 60%, #e8f6f9 60%);

	background: -o-linear-gradient(110deg, #edefef 60%, #e8f6f9 60%);

	background: -moz-linear-gradient(110deg, #edefef 60%, #e8f6f9 60%);

	background: linear-gradient(110deg, #edefef 60%, #e8f6f9 60%);

}



.inner {

	padding:50px 0 60px;

}

.inner h3 {

	color:#597b7c;

	font-size: 28px;

	font-weight: 400;

	line-height: 34px;

}

.inner-course-heading {

	font-weight:400;

	color:#FFFFFF;

}

.inner-more-button {

	border: 1px solid #fff;

	font-size: 16px !important;

	padding: 6px 18px;

	text-align: center;

	margin-top:-5px;

}

.inner-more-button a {

	border:#FFFFFF solid 1px;

	padding: 6px 14px;

	color:#ffea01;

	text-transform:uppercase;

	font-weight:600;

}

.court-box {

	background:#f8f8f8;

	border:#f4f4f4 solid 6px;

	margin:10px 0 !important;

}

.court-content {

	padding: 4% 0 4% 10%;

}

.court-content p {

	color:#fff;

	font-size:16px;

}

.court-content h4 {

	color:#ff0000;

	font-size:20px;

	font-weight:600;

	text-align:left;

}

.court-content h5 {

	color:#000;

	font-size:16px;

	font-weight:500;

	text-align:left;

}

.court-content a {

	background:#f08b06;

	color:#fff;

	font-size:14px;

	font-weight:600;

	text-transform:uppercase;

	padding:10px 30px;

	display:inline-block;

	margin:10px auto;

}

.court-content a:hover {

	background:#fab341;

}

.site-bullet {

	margin: 30px 0;

}

.site-bullet h3 {

	color: #8dc63f;

	font-size: 22px;

	font-weight: 700;

	text-transform: uppercase;

	padding-bottom: 15px;

}

.site-bullet ul li {

	border-bottom: none !important;

	padding: 0 12px 15px 12px !important;

	list-style:none;

	color:#000 !important;

	font-size:18px !important;

	font-weight:300 !important;

}

.site-bullet ul li:before {

	content: "\f046";

	font-family: 'FontAwesome';

	float: left;

	margin-left: -1.6em;

	color:#ef4446;

	font-size:15px !important;

	font-weight:300 !important;

}

.accordion-sec {

	margin: 40px 0;

}

button.accordion {

	background-color: #fcfcfc;

	color: #444;

	cursor: pointer;

	padding: 10px 15px;

	width: 100%;

	text-align: left;

	border: none;

	outline: none;

	transition: 0.4s;

	border-top: solid 1px #F8D23B;

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}

.border-bot {

	border-bottom: solid 1px #F8D23B !important;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) button.accordion.active, button.accordion:hover {

    background-color: #ffffff;

}*/

button.accordion.active {

	background-color: #ffffff !important;

}

.border-bot.active {

	border-bottom: solid 1px #ffffff !important;

}

/* Style the accordion panel. Note: hidden by default */

div.panel {

	padding: 0 18px;

	background-color: white;

	max-height: 0;

	overflow: hidden;

	transition: 0.6s ease-in-out;

	opacity: 0;

	margin-bottom: 0 !important;

}

div.panel.show {

	opacity: 1;

	max-height: 100%;

}

button.accordion:after {

	content: "\f067";

	font-family: 'FontAwesome';

	font-size: 16px;

	color: #777;

	float: right;

	margin-left: 5px;

	font-weight: 200;

}

button.accordion.active:after {

	content: "\f068";

	font-family: 'FontAwesome';

}

.video-btn {

	background:#597b7c;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 700;

	text-align: center;

	transition: ease 0.3s;

	padding: 3px 6px 2px;

	text-transform: uppercase;

	margin-top: 2px;

}

.video-btn:hover {

	background:#3cb6ce;

	color: #fff;

	text-decoration: none;

}

/*Contact Form*/

.contact-section-bg {

	background: #FFFFFF;

	border: #dcdcdc solid 1px;

	border-radius: 3px;

}

.contact-section {

	padding: 30px 40px;

}

.contact-section p {

	padding: 10px 0;

}

.contact-img img {

	width: 100%;

	max-width: 582px;

	margin: 0 auto;

	vertical-align: middle;

	display: inherit;

}

.contact-form {

	margin-top: 30px;

	padding: 0 60px;

}

.contact-form li {

	list-style: none;

	margin-bottom: 20px;

}

.contact-form label {

	display: block;

	margin-bottom: 4px;

	font-weight: 400;

}

.contact-form label span {

	color: red;

}

.contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=email] {

	width: 100%;

	border: solid 1px #ccc;

	padding: 4px;

	transition: all 0.1s;

	background: #f7f7f7;

}

.contact-form textarea {

	width: 100%;

	border: solid 1px #ccc;

	padding: 4px;

	height: 150px;

	resize: none;

	transition: all 0.1s;

	background: #f7f7f7;

}

.contact-form input[type=text]:hover, .contact-form input[type=tel]:hover, .contact-form input[type=email]:hover, textarea:hover, .contact-form input[type=text]:focus, .contact-form input[type=tel]:focus, .contact-form input[type=email]:focus, textarea:focus {

	border-color: #F15B42;

	box-shadow: inset 0 0 1px #8dc63f;

}

.contact-form input[type=submit] {

	float: left;

	padding: 8px 34px;

	border: none;

	color: white;

	text-transform: uppercase;

	font-weight: bold;

	background: #BA1A1B;

	transition: all 0.2s;

}

.contact-form input[type=submit]:hover {

	background: #F55D46;

}

.loader {

	float: right;

	margin: 8px 12px 0 0;

	display: none;

}

.alert {

	transition: all 0.2s;

}

.contact-form .alert-success, .contact-form .alert-danger {

	margin: 30px 0;

}

a.nohover:hover img {

	filter: alpha(opacity=80);

	-moz-opacity: .80;

	opacity: .80;

	-webkit-transition: 0.4s ease;

	transition: 0.4s ease;

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}



/*End Side bar Courses*/





@media (max-width:1001px) {

}

 @media (max-width:992px) {

.logo {

	display: block;

	float:none;

	margin: 0 auto;

	max-width: 200px;

}

.yellow-menu-btn {

	float:none;

	margin:0 auto;

}

.inner-page-header {

	padding:10px 10px;

}

.footer-widget-image img {

	width:100%;

	max-width:360px;

	text-align:center;

	margin:0 auto;

	display: block;

	float:none;

}

.home-course-9 {

	background:#407cca;

	background:url(../images/Truancy-Intervention.jpg) no-repeat center;

	min-height:auto !important;

	margin:10px auto;

}

.home-course-content h4 {

	line-height: 16px;

}

}

 @media (max-width:370px) {

}

 @media (max-width:350px) {

}