@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,900);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,700,600);
*/
@import url(headers/header-v4.css);


.abhigyan-section {
	padding: 50px 15px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.abhigyan-section h2 {
	font-size: 2.1rem;
	font-weight: 700;
	color: #203152;
	margin-bottom: 10px;
}

.abhigyan-subtitle {
	color: #4a6280;
	font-size: 16px;
	margin-bottom: 38px;
}

.abhigyan-box-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 26px;
}

.abhigyan-box {
	background: linear-gradient(120deg, #f8fafc 70%, #edf3ff 100%);
	border-radius: 22px;
	box-shadow: 0 2px 15px rgba(30, 48, 80, 0.08);
	padding: 33px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: box-shadow 0.18s;
}

	.abhigyan-box:hover {
		box-shadow: 0 6px 22px rgba(30, 48, 80, 0.13);
	}

.abhigyan-icon {
	width: 46px;
	height: 46px;
	background: #25449c;
	border-radius: 50%;
	margin-bottom: 18px;
}

.abhigyan-box h3 {
	font-size: 20px;
	font-weight: 600;
	color: #25449c;
	margin-bottom: 10px;
}

.abhigyan-box p {
	color: #476488;
	font-size: 16px;
	line-height: 1.5;
}

@media (max-width: 991px) {
	.abhigyan-box-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}
}

@media (max-width: 650px) {
	.abhigyan-box-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.abhigyan-box {
		padding: 22px 8px;
	}
}

/* CSS: Unique Animated Counters */
.counter-section {
	background: linear-gradient(90deg, #eef4fb 75%, #e9f7ff 100%);
	padding: 50px 15px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-bottom:60px
}

.counter-title {
	font-size: 2.1rem;
	font-weight: bold;
	color: #17345c;
	margin-bottom: 36px;
}

.counters-wrap {
	display: flex;
	justify-content: space-between;
	gap: 25px;
	flex-wrap: wrap;
}

.counter-box {
	background: #fff;
	border-radius: 23px;
	box-shadow: 0 3px 18px rgba(33, 62, 103, 0.08);
	padding: 32px 22px;
	flex: 1 1 170px;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 150px;
	transition: box-shadow 0.18s;
}

	.counter-box:hover {
		box-shadow: 0 8px 30px rgba(33, 62, 103, 0.14);
	}

.counter-icon {
	width: 46px;
	height: 46px;
	margin-bottom: 14px;
	background: #eaf2ff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.counter-num {
	font-size: 2.3rem;
	font-weight: 700;
	color: #2763e6;
	margin-bottom: 7px;
	letter-spacing: 1px;
	position: relative;
}

.counter-label {
	margin-top: 3px;
	color: #32517f;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .05em;
}

@media (max-width: 900px) {
	.counters-wrap {
		flex-wrap: wrap;
		gap: 20px;
	}

	.counter-box {
		min-width: 120px;
		padding: 24px 10px;
	}
}

@media (max-width: 600px) {
	.counters-wrap {
		flex-direction: column;
		gap: 13px;
	}

	.counter-box {
		min-width: unset;
		padding: 14px 4px;
	}
}

.footer-section {
	background: #151414;
	position: relative;
}

.footer-cta {
	border-bottom: 1px solid #373636;
}

.single-cta i {
	color: #ff5e14;
	font-size: 30px;
	float: left;
	margin-top: 8px;
}

.cta-text {
	padding-left: 15px;
	display: inline-block;
}

	.cta-text h4 {
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 2px;
	}

	.cta-text span {
		color: #757575;
		font-size: 15px;
	}

.footer-content {
	position: relative;
	z-index: 2;
}

.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}

.footer-logo {
	margin-bottom: 30px;
}

	.footer-logo img {
		max-width: 200px;
	}

.footer-text p {
	margin-bottom: 14px;
	font-size: 14px;
	color: #7e7e7e;
	line-height: 28px;
}

.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
}

.footer-social-icon a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
}

.footer-social-icon i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
}

.facebook-bg {
	background: #3B5998;
}

.twitter-bg {
	background: #55ACEE;
}

.google-bg {
	background: #DD4B39;
}

.footer-widget-heading h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	position: relative;
}

	.footer-widget-heading h3::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -15px;
		height: 2px;
		width: 50px;
		background: #ff5e14;
	}

.footer-widget ul li {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 12px;
}

	.footer-widget ul li a:hover {
		color: #ff5e14;
	}

	.footer-widget ul li a {
		color: #878787;
		text-transform: capitalize;
	}

.subscribe-form {
	position: relative;
	overflow: hidden;
}

	.subscribe-form input {
		width: 100%;
		padding: 14px 28px;
		background: #2E2E2E;
		border: 1px solid #2E2E2E;
		color: #fff;
	}

	.subscribe-form button {
		position: absolute;
		right: 0;
		background: #ff5e14;
		padding: 13px 20px;
		border: 1px solid #ff5e14;
		top: 0;
	}

		.subscribe-form button i {
			color: #fff;
			font-size: 22px;
			transform: rotate(-6deg);
		}

.copyright-area {
	background: #202020;
	padding: 25px 0;
}

.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #878787;
}

	.copyright-text p a {
		color: #ff5e14;
	}

.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}

	.footer-menu li:hover a {
		color: #ff5e14;
	}

	.footer-menu li a {
		font-size: 14px;
		color: #878787;
	}


.right_conatct_social_icon {
	background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
}

.contact_us {
	background-color: #f1f1f1;
	padding: 120px 0px;
}

.contact_inner {
	background-color: #fff;
	position: relative;
	box-shadow: 20px 22px 44px #cccc;
	border-radius: 25px;
}

.contact_field {
	padding: 60px 340px 90px 100px;
}

.right_conatct_social_icon {
	height: 100%;
}

.contact_field h3 {
	color: #000;
	font-size: 40px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 10px
}

.contact_field p {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 35px;
}

.contact_field .form-control {
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid #ccc;
}

	.contact_field .form-control:focus {
		box-shadow: none;
		outline: none;
		border-bottom: 2px solid #1325e8;
	}

	.contact_field .form-control::placeholder {
		font-size: 13px;
		letter-spacing: 1px;
	}

.contact_info_sec {
	position: absolute;
	background-color: #2d2d2d;
	right: 1px;
	top: 18%;
	height: 340px;
	width: 390px;
	padding: 40px;
	border-radius: 25px 0 0 25px;
}

	.contact_info_sec h4 {
		letter-spacing: 1px;
		padding-bottom: 15px;
	}

.info_single {
	margin: 30px 0px;
}

	.info_single i {
		margin-right: 15px;
	}

	.info_single span {
		font-size: 14px;
		letter-spacing: 1px;
	}

button.contact_form_submit {
	background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
	border: none;
	color: #fff;
	padding: 10px 15px;
	width: 100%;
	margin-top: 25px;
	border-radius: 35px;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 2px;
}

.socil_item_inner li {
	list-style: none;
}

	.socil_item_inner li a {
		color: #fff;
		margin: 0px 15px;
		font-size: 14px;
	}

.socil_item_inner {
	padding-bottom: 10px;
}

.map_sec {
	padding: 50px 0px;
}

.map_inner h4, .map_inner p {
	color: #000;
	text-align: center
}

.map_inner p {
	font-size: 13px;
}

.map_bind {
	margin-top: 50px;
	border-radius: 30px;
	overflow: hidden;
}
.sec-title {
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
}

	.sec-title .title {
		position: relative;
		display: block;
		font-size: 18px;
		line-height: 24px;
		color: #050071;
		font-weight: 500;
		margin-bottom: 15px;
	}

	.sec-title h2 {
		position: relative;
		display: block;
		font-size: 40px;
		line-height: 1.28em;
		color: #222222;
		font-weight: 600;
		padding-bottom: 18px;
	}

		.sec-title h2:before {
			position: absolute;
			content: '';
			left: 0px;
			bottom: 0px;
			width: 50px;
			height: 3px;
			background-color: #d1d2d6;
		}

	.sec-title .text {
		position: relative;
		font-size: 16px;
		line-height: 26px;
		color: #848484;
		font-weight: 400;
		margin-top: 35px;
	}

	.sec-title.light h2 {
		color: #ffffff;
	}

	.sec-title.text-center h2:before {
		left: 50%;
		margin-left: -25px;
	}

.list-style-one {
	position: relative;
}

	.list-style-one li {
		position: relative;
		font-size: 16px;
		line-height: 26px;
		color: #222222;
		font-weight: 400;
		padding-left: 35px;
		margin-bottom: 12px;
	}

		.list-style-one li:before {
			content: "\f058";
			position: absolute;
			left: 0;
			top: 0px;
			display: block;
			font-size: 18px;
			padding: 0px;
			color: #ff2222;
			font-weight: 600;
			-moz-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1.6;
			font-family: "Font Awesome 5 Free";
		}

		.list-style-one li a:hover {
			color: #44bce2;
		}

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 17px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 30px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 0.02em;
	background-color: #050071;
}

	.btn-style-one:hover {
		background-color: #0794c9;
		color: #ffffff;
	}

@media (max-width: 991px) {
	.contact_field {
		padding: 30px 25px 40px 25px !important; /* Reduce padding on smaller screens */
	}

	.contact_info_sec {
		position: static !important; /* Remove absolute positioning */
		width: 100% !important;
		height: auto !important;
		padding: 25px 20px !important;
		border-radius: 15px !important;
		margin-top: 30px;
	}

	.contact_inner {
		padding: 0 15px;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		border-radius: 20px;
	}

	.contact_form_submit {
		width: 100%;
		padding: 12px 0;
		font-size: 16px;
	}

	.contact_us .row > .col-md-10.offset-md-1 {
		padding: 0;
	}
}

@media (max-width: 575px) {
	.contact_field h3 {
		font-size: 28px !important;
	}

	.contact_field p {
		font-size: 14px !important;
	}

	.contact_field .form-control {
		font-size: 14px !important;
	}

	.contact_field {
		padding: 20px 15px 30px 15px !important;
	}

	.contact_info_sec h4 {
		font-size: 18px !important;
	}
}

.about-section {
	position: relative;
	padding: 120px 0 70px;
}

	.about-section .sec-title {
		margin-bottom: 45px;
	}

	.about-section .content-column {
		position: relative;
		margin-bottom: 50px;
	}

		.about-section .content-column .inner-column {
			position: relative;
			padding-left: 30px;
		}

	.about-section .text {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px;
		color: #848484;
		font-weight: 400;
	}

	.about-section .list-style-one {
		margin-bottom: 45px;
	}

	.about-section .btn-box {
		position: relative;
	}

		.about-section .btn-box a {
			padding: 15px 50px;
		}

	.about-section .image-column {
		position: relative;
	}

		.about-section .image-column .text-layer {
			position: absolute;
			right: -110px;
			top: 50%;
			font-size: 325px;
			line-height: 1em;
			color: #ffffff;
			margin-top: -175px;
			font-weight: 500;
		}

		.about-section .image-column .inner-column {
			position: relative;
			padding-left: 80px;
			padding-bottom: 0px;
		}

			.about-section .image-column .inner-column .author-desc {
				position: absolute;
				bottom: 16px;
				z-index: 1;
				background: orange;
				padding: 10px 15px;
				left: 96px;
				width: calc(100% - 152px);
				border-radius: 50px;
			}

				.about-section .image-column .inner-column .author-desc h2 {
					font-size: 21px;
					letter-spacing: 1px;
					text-align: center;
					color: #fff;
					margin: 0;
				}

				.about-section .image-column .inner-column .author-desc span {
					font-size: 16px;
					letter-spacing: 6px;
					text-align: center;
					color: #fff;
					display: block;
					font-weight: 400;
				}

			.about-section .image-column .inner-column:before {
				content: '';
				position: absolute;
				width: calc(50% + 80px);
				height: calc(100% + 160px);
				top: -80px;
				left: -3px;
				background: transparent;
				z-index: 0;
				border: 44px solid #050071;
			}

		.about-section .image-column .image-1 {
			position: relative;
		}

		.about-section .image-column .image-2 {
			position: absolute;
			left: 0;
			bottom: 0;
		}

			.about-section .image-column .image-2 img,
			.about-section .image-column .image-1 img {
				box-shadow: 0 30px 50px rgba(8,13,62,.15);
				border-radius: 46px;
			}

		.about-section .image-column .video-link {
			position: absolute;
			left: 70px;
			top: 170px;
		}

			.about-section .image-column .video-link .link {
				position: relative;
				display: block;
				font-size: 22px;
				color: #191e34;
				font-weight: 400;
				text-align: center;
				height: 100px;
				width: 100px;
				line-height: 100px;
				background-color: #ffffff;
				border-radius: 50%;
				box-shadow: 0 30px 50px rgba(8,13,62,.15);
				-webkit-transition: all 300ms ease;
				-moz-transition: all 300ms ease;
				-ms-transition: all 300ms ease;
				-o-transition: all 300ms ease;
				transition: all 300ms ease;
			}

/* Services Section */
.services {
	padding: 80px 20px;
}

	.services .container {
		max-width: 1200px;
		margin: auto;
	}

.section-title {
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 60px;
	color: #222;
}

/* Grid Layout */
.boxes {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

@media (min-width: 768px) {
	.boxes {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.boxes {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Box Styling */
.box {
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

	.box:hover {
		transform: translateY(-5px);
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	}

/* Heading */
.heading {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

	.heading img {
		width: 48px;
		height: 48px;
	}

	.heading h2 {
		font-size: 20px;
		font-weight: 600;
		color: #111;
	}

/* Content */
.content p {
	font-size: 15px;
	line-height: 1.7;
	color: #555;
}


.aboutus-container {
	background: #f9f9f9;
	width: 100%;
	margin-top: 30px;
	padding: 0;
}

.aboutus-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	margin: 70px auto;
	padding: 40px 8%;
	flex-wrap: wrap;
}

.aboutus-col-img,
.aboutus-col-content {
	flex: 1 1 45%;
	min-width: 280px;
}

.aboutus-img {
	width: 100%;
	border-radius: 10px;
	max-width: 540px;
	display: block;
	margin: 0 auto;
}

.aboutus-content {
	width: 100%;
}

.aboutus-title {
	margin-bottom: 15px;
}

.aboutus-tag {
	font-size: 16px;
	font-weight: 700;
	color: #b70001;
}

.aboutus-heading {
	font-size: 40px;
	font-weight: 800;
	margin-top: 5px;
	color: #082140;
}

.aboutus-desc {
	font-size: 16px;
	margin-top: 40px;
	text-align: justify;
	color: #222;
}

.aboutus-btn {
	margin-top: 32px;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	padding: 10px 24px;
	background: #c00;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 600;
	transition: background .2s;
	gap: 8px;
}

	.aboutus-btn:hover {
		background: #a90000;
	}

/* Responsive Styles */
@media (max-width: 900px) {
	.aboutus-row {
		gap: 18px;
		padding: 0 3%;
	}

	.aboutus-heading {
		font-size: 32px;
	}
}

@media (max-width: 650px) {
	.aboutus-row {
		flex-direction: column;
		margin: 36px auto;
		padding: 0 1.5%;
	}

	.aboutus-col-img,
	.aboutus-col-content {
		min-width: unset;
		max-width: 100%;
	}

	.aboutus-img {
		max-width: 100%;
	}

	.aboutus-heading {
		font-size: 1.6rem;
	}

	.aboutus-desc {
		margin-top: 18px;
		font-size: 15px;
	}

	.aboutus-btn {
		width: 100%;
		justify-content: center;
		padding: 12px 0;
	}
}

.about-section {
	background: #fff;
	padding: 60px 0;
	margin-top: 150px;
}

	.about-section .container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 18px;
	}

	.about-section .row {
		display: flex;
		align-items: stretch;
		gap: 40px;
		flex-wrap: wrap;
	}

.content-column,
.image-column {
	flex: 1 1 46%;
	min-width: 300px;
	box-sizing: border-box;
}

.inner-column {
	width: 100%;
	padding: 0;
}

.sec-title .title {
	font-size: 16px;
	font-weight: 700;
	color: #c00;
}

.sec-title h2 {
	font-size: 2rem;
	font-weight: 800;
	margin-top: 7px;
	color: #152440;
	margin-bottom: 18px;
}

.text {
	font-size: 16px;
	color: #222;
	margin-bottom: 32px;
	text-align: justify;
}

.btn-box {
	margin-top: 4px;
}

.theme-btn.btn-style-one {
	padding: 13px 28px;
	background: #c00;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s;
	display: inline-block;
}

	.theme-btn.btn-style-one:hover {
		background: #b20000;
	}

.image-1 img {
	width: 100%;
	border-radius: 10px;
	max-width: 520px;
	display: block;
	margin: 0 auto;
}

/* Responsive Styles */
@media (max-width: 991px) {
	.about-section .row {
		gap: 24px;
		flex-direction: column;
		align-items: center;
	}

	.content-column,
	.image-column {
		min-width: unset;
		max-width: 100%;
	}

	.sec-title h2 {
		font-size: 1.25rem;
		margin-bottom: 9px;
	}

	.text {
		font-size: 15px;
		margin-bottom: 18px;
	}

	.image-1 img {
		max-width: 100%;
	}
}

@media (max-width: 650px) {
	.about-section {
		padding: 32px 0;
	}

		.about-section .container {
			padding: 0 4px;
		}

	.sec-title h2 {
		font-size: 1.05rem;
	}

	.text {
		font-size: 14px;
	}

	.theme-btn.btn-style-one {
		width: 100%;
		justify-content: center;
		padding: 13px 0;
	}
}





html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content: none;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a,
.dropdown-menu > li.active > a {filter: none;}
* {-webkit-backface-visibility: hidden;}

strong{ font-weight:bolder;}
.color-black{ color:#000;}
.color-blue{ color:#3d566e;}

/*  GRAYSCALE EFFECT "FILTER"
-----------------------------------------------------------  */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6;
    -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}



/*  Primary Styles
-----------------------------------------------------------  */

body {
    background: none repeat scroll 0 0 #EBEBEB;
   font-family:"Arial",Helvetica,calibri,sans-serif;
	/*font-family: "Poppins",Open Sans,Arial,sans-serif!important;*/
    color: #000;
    font-size: 14px;  
	
	word-wrap: break-word;
	line-height: 22px;	
	
    cursor: default;border-top: 3px solid #221918;
}
.font-13
{ font-size:13px;}
.font-14
{ font-size:14px;}
.font-15
{ font-size:15px;}
.font-16
{ font-size:16px;}
/*  Typography
-----------------------------------------------------------  */
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: 0;text-decoration: none;}
h1 {font-size: 32px;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
small {font: 11px 'Arial';}
p {/*font: 13px/21px "Open Sans",Arial,sans-serif;*/}
p.UpperCase:first-letter {font-size: 60px;color: #3d566e;text-transform: uppercase;}
blockquote {background: none repeat scroll 0 0 #F6F6F6;padding: 34px 54px 34px;color: #A1A1A1;font-style: italic;position: relative;margin: 0 0 20px;}
blockquote:before {position: absolute;content: '\f10d';top: 20px;left: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}
blockquote:after {position: absolute;content: '\f10e';bottom: 20px;right: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}

/*  Miscellaneous
-----------------------------------------------------------  */
.large-size {font-size: 72px;}

.margin-bt-10 {margin-bottom: 10px;}
.margin-bt-15 {margin-bottom: 15px;}
.margin-bt-20 {margin-bottom: 20px;}
.margin-bt-30 {margin-bottom: 30px;}

.margin-tp-10 {margin-top: 10px;}
.margin-tp-15 {margin-top: 15px;}
.margin-tp-20 {margin-top: 20px;}
.margin-tp-30 {margin-top: 30px;}

.margin-lt-10 {margin-left: 10px;}
.margin-lt-15 {margin-left: 15px;}
.margin-lt-20 {margin-left: 20px;}
.margin-lt-30 {margin-left: 30px;}

.margin-rt-10 {margin-right: 10px;}
.margin-rt-15 {margin-right: 15px;}
.margin-rt-20 {margin-right: 20px;}
.margin-rt-30 {margin-right: 30px;}
.padding
{padding:20px;}
.WhiteSkin {    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0,.1);
    border: 1px solid #ccc;}
.padding-tp-20 {padding-top: 20px !important;}

.active-btn {background: none repeat scroll 0 0 #3d566e !important;}

.hide-padding-left {padding-left: 0 !important;}
.hide-padding-right {padding-right: 0 !important;}

.remove-gutter-padding {padding-right: 0 !important;padding-left: 0 !important;}

.hide-visibility {visibility: hidden;}
.show-visibility {visibility: visible;}

/*  Header > Site Brand
-----------------------------------------------------------  */
/*header#header .logo {font: 0/0 a;text-shadow: none; transparent;background: url(../images/main-logo/logo.png) no-repeat 0 0 transparent;max-width: 100%;width: 100%;height: 56px;margin-top: 22px;margin-bottom: 18px;}*/
header#header .logo {font: 0/0 a;text-shadow: none; max-width: 100%;width: 100%;margin-top: 10px;margin-bottom: 10px;}

/*  Header > Header Menu*/
-----------------------------------------------------------  
header#header .header-top
{
vertical-align:middle; padding-top: 40px;
}
header#header ul.header-menu {margin: 0px;

/*background-color: #221918;*/
font-size: 14px!important; font-family:'Calibri'; font-weight:100;letter-spacing: 0.6px;}
header#header ul.header-menu > li{display: inline; background: transparent url("../images/divider.png") no-repeat scroll right center; color:#fff;}
header#header ul.header-menu > li:last-child{display: inline; background: none;}
header#header ul.header-menu > li > a {color: #fff;padding:10px;}
header#header ul.header-menu > li > a > i {color: #3d566e;}
header#header ul.header-menu > li:last-child > a {padding:10px; transition: all .2s ease-in-out;}
header#header ul.header-menu > li:last-child > a:hover {opacity: .7;}
header#header ul.header-menu ul.dropdown-menu {background: #555 none repeat scroll 0px 0px;
border-radius: 0px;
box-shadow: none;
border: medium none;
padding: 0px;

}
header#header ul.header-menu ul.dropdown-menu > li {text-shadow: none;}
header#header ul.header-menu ul.dropdown-menu > li > a {color: #FFF;
padding: 4px 11px;
border-bottom: 1px solid #000;}
header#header ul.header-menu ul.dropdown-menu > li > a:hover,
header#header ul.header-menu ul.dropdown-menu > li > a:focus { color:#fff; background-color:#000;}

header#header .navbar-form {margin-top: 8px;padding-top: 0;padding-bottom: 0;}
header#header .navbar-form #form-group {position: relative;}
header#header .navbar-form #form-group .search-input {border-radius: 0 0 0;border: medium none;height: 45px;}
header#header .navbar-form #form-group .search-input:focus {box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
header#header .navbar-form #form-group .search-icon {position: absolute;right: 0;top: 0;font-size: 24px;color: #a3a3a3;padding: 9px 8px;}

header#header .header-social {padding-top: 4px;padding-bottom: 12px;}
header#header .header-social .social-icon {text-align: center;}
header#header .header-social .social-icon a {color: #c7c7c7;font-size: 20px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
header#header .header-social .social-icon a:hover {color: #606060;}

/*  Navigation
-----------------------------------------------------------  */
.nav-wrapper {background: none repeat scroll 0 0 #050071!important;position: relative;}
.nav-wrapper .slogan {text-align:center;color: #FFFFFF;line-height: 50px;background: none repeat scroll 0 0 #3d566e;}
.nav-wrapper .navbar-collapse {border: medium none;}
.nav-wrapper .navbar-default {background: none repeat scroll 0 0 #050071;border-radius: 0 0 0 0;box-shadow: none;border: medium none;margin: 0 0 0 0;z-index: 300;}
.nav-wrapper .navbar-default .navbar-toggle {border: medium none;color: #FFFFFF;font-size: 34px;padding: 0 10px;border-radius: 0 0 0 0;}
.nav-wrapper .navbar-default .navbar-toggle:hover,
.nav-wrapper .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0);}


.nav-wrapper ul.nav-main > li {padding: 0 15px 0 15px;}
.nav-wrapper ul.nav-main > li a {font-size: 16px; padding: 0 0 0;background: none repeat scroll 0 0 transparent;border-radius: 0 0 0;color: #FFFFFF;line-height: 50px;box-shadow: none;text-shadow: none;transition: all .2s ease-in-out;}
.nav-wrapper ul.nav-main > li a:hover,
.nav-wrapper ul.nav-main > li a:focus {color: #FFFFFF;}

.nav-wrapper li.dropdown:hover > ul.dropdown-menu {display: block;}
.nav-wrapper li.dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #3d566e;border-radius: 0 0 0;border: medium none;margin: 0 0 0;padding: 0 0 0;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li {font-size: 13px;padding: 0 14px 0;transition: all .2s ease-in-out; width:265px;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li a {color: #fff;line-height: 36px;}


	.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover {
		background: none repeat scroll 0 0 #0700a2;
	}

.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a {color: #FFFFFF;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a:hover {color: #FFFFFF;}

.nav-wrapper li.nested-dropdown {position: relative;}
.nav-wrapper li.nested-dropdown:after {position: absolute;content: "\f105";right: 14px;top: 0;color: #221918;font: 13px 'FontAwesome';line-height: 34px;}
.nav-wrapper li.nested-dropdown:hover:after {color: #3d566e;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #fff;display: none;position: absolute;left: 100%;top: 108%;margin: -38px 0 0 0;width: 100% !important;padding: 0 0 0;border-radius: 2px;border: 1px solid #aaa;}

.nav-wrapper li.nested-dropdown:hover > ul.dropdown-menu {display: block; padding:0 0 5px 0;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li {font-size: 12px;padding: 0 8px 0;/*border-bottom: 1px solid #ddd;*/transition: all .2s ease-in-out;line-height: 25px !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:first-child {border-top: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:last-child {border-bottom: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a:hover {background: none repeat scroll 0 0 #efefef;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a {color: #000 !important;line-height: 30px !important;}
/*.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a {color: #333 !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a:hover {color: #333 !important;}
*/
/*  Full Width Navigation
-----------------------------------------------------------  */
.full-width:before {width: 100%;}
.full-width ul.nav-main li {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:first-child {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:last-child {padding: 0 0 0 0 !important;}
.full-width ul.nav-main ul.dropdown-menu li {padding: 0 14px 0 !important;}

/*  Style Switcher
-----------------------------------------------------------  */
#styleSwitcher {width: 50px;position: absolute;right: 0;top: 0;z-index: 299;}
#styleSwitcher .open-btn {background: none repeat scroll 0 0 #3d566e;display: block;height: 50px;width: 100%;line-height: 50px;text-align: center;cursor: pointer;}
#styleSwitcher .open-btn i {line-height: 50px;color: #221918;text-align: center;font-size: 24px;}
#styleSwitcher #ColorPalette {background: none repeat scroll 0 0 #424848;width: 100%;}
#styleSwitcher #ColorPalette ul {list-style: none outside none;}
#styleSwitcher #ColorPalette ul li {display: block;padding: 18px 0 0;}
#styleSwitcher #ColorPalette ul li:nth-of-type(1) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #3d566e;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(2) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #02bd85;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(3) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #189a99;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(4) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #af7ac4;margin: 0 auto;}
#styleSwitcher #ColorPalette .close-btn {display: block;width: 100%;height: 50px;border-top: 1px solid #485254;margin: 18px 0 0;}
#styleSwitcher #ColorPalette .close-btn span#HideCP {display: block;width: 18px;height: 18px;color: #424748;line-height: 17px;background: none repeat scroll 0 0 #2f2b2b;margin: 16px auto 0;text-align: center;font-size: 12px;cursor: pointer;}

/*  Main Slider
-----------------------------------------------------------  */
#main-slider .main-slider {position: relative;}
#main-slider .image-wrapp {position: relative;}
#main-slider .main-controls {position: absolute;bottom: 0;width: 100%;height: 34px;background: none repeat scroll 0 0 rgba(0, 0, 0, .2);z-index: 99;}
#main-slider .main-controls .controls {display: inline-block;float: right;height: 100%;}
#main-slider .main-controls .controls .arrows {float: right;color: #878786;display: block;background: none repeat scroll 0 0 #535353;height: 100%;text-align: center;line-height: 34px;width: 34px;transition: all .2s ease-in-out;cursor: pointer;}
#main-slider .main-controls .controls .arrows i {color: #878786;width: auto;transition: all .2s ease-in-out;}
#main-slider .main-controls .controls .arrows:hover {background: none repeat scroll 0 0 #211917;}
#main-slider .main-controls .controls .arrows:hover i {color: #FFFFFF;}
#main-slider .pager-container {background: none repeat scroll 0 0 #221918;border-right: 8px solid #3d566e;min-height: 354px;position: relative;}
#main-slider .pager-container:before {content: "";border-top: 10px solid transparent;border-right: 10px solid #3d566e;border-bottom: 10px solid transparent;border-left: 10px solid transparent;width: 0;height: 0;position: absolute;top: 32px;right: 0;}
#main-slider .pager-container .pager-content {padding: 30px 40px 0;display: none;}
#main-slider .pager-container .active .pager-content {display: block;}
#main-slider .pager-container .pager-content h2 {padding: 0 0 10px;color: #FFFFFF;}
#main-slider .pager-container .pager-content p {color: #8f8d8c;}
#main-slider .pager-container .pager-btn {bottom: 0;left: 0;width: 100%;position: absolute;}
#main-slider .pager-container .pager-btn ul {list-style: none outside none;background: none repeat scroll 0 0 #474747;}
#main-slider .pager-container .pager-btn ul li:first-child {float: left;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li:last-child {float: right;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li a {background: none repeat scroll 0 0 #474747;color: #FFFFFF;display: block;height: 34px;line-height: 34px;width: 100%;transition: all .2s ease-in-out;}
#main-slider .pager-container .pager-btn ul li a:hover {background: none repeat scroll 0 0 #3d566e;}
#main-slider .pager-container .pager-btn ul li a.active {background: none repeat scroll 0 0 #3d566e;}

/*  Latest news
-----------------------------------------------------------  */
.latest-news {margin: 0 0 20px;}
.latest-news p {padding: 15px 25px;font-size: 14px;}
.latest-news ul.news-dropdown {font-size: 0;text-align: right;}
.latest-news ul.news-dropdown > li {color: #3d566e;margin: 18px 0;display: inline-block;padding: 0 10px;border-left: 1px solid #544b4a;font-size: 14px;line-height: 1;}
.latest-news ul.news-dropdown > li:last-child {border-right: 1px solid #544b4a;}
.latest-news ul.news-dropdown > li.open {background-color: #E7E7E7;transition: all .3s ease-in-out;}
.latest-news ul.news-dropdown > li > a {color: #221918;}
.latest-news ul.news-dropdown > li > a > i {width: auto;}
.latest-news ul.news-dropdown ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a {color: #FFFFFF;padding: 6px 10px;
border-bottom: 1px solid black;
font-size: 12px;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #3d566e;}

/*  Services mosaic
-----------------------------------------------------------  */
.mosaic {padding: 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic:hover {background: none repeat scroll 0 0 #3d566e;color: #FFFFFF;}
.mosaic h3 {font-weight: bold;padding: 15px 0 15px;text-transform: uppercase;font-size: 18px;}
.mosaic2 {padding:10px;text-align: center;color: #221918;transition: all .2s ease-in-out;}
.mosaic2-bg-red
{background: #DC394B none repeat scroll 0px 0px;}
.mosaic2-bg-red a
{color: #FFF;}
.mosaic2-bg-red:hover
{background: #45b145 none repeat scroll 0px 0px; color:#fff;}
.mosaic2-bottom
{ 

/*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; */text-align:center; padding:7px;}
.mosaic2-bottom-small
{ 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; text-align:center; padding:5px;}
/*  New Project
-----------------------------------------------------------  */
.new-projects {position: relative;margin:0 0 20px;}
.new-projects .projects-heading {background: none repeat scroll 0 0 #3d566e;padding: 0 0 0 12px;position: relative;display: block;height: 30px;}
.new-projects .projects-heading .projects-headline {color: #FFFFFF;line-height: 30px;float: left;}

.new-projects .projects-heading .controls {display: inline-block;float: right;height: 100%;}
.new-projects .projects-heading .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 100%;line-height: 30px;transition: all .2s ease-in-out;cursor: pointer;}
.new-projects .projects-heading .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.new-projects .projects-heading .controls .arrows:hover {background: none repeat scroll 0 0 #221918;}
.new-projects .projects-heading .controls .arrows:hover i {color: #FFFFFF;}

.new-projects .content-wrapper .project-content {padding: 24px 10px 36px;}
.new-projects .content-wrapper .project-content h4 a {color: #221918;}
.new-projects .content-wrapper .project-content i {color: #949292;font-size: 11px;font-style: italic;}
.new-projects .content-wrapper .project-content p {padding: 8px 0 0;color: #3c3835;}

.new-projects .content-wrapper {display: block;position: relative;}
.new-projects .content-wrapper .project-footer {height: 28px;position: relative;width: 100%;float: right;}
.new-projects .content-wrapper .project-footer .view-btn {background: none repeat scroll 0 0 #221918;padding: 0 10px;color: #FFFFFF;line-height: 28px;height: 28px;display: block;float: right;transition: all .2s ease-in-out;}
.new-projects .content-wrapper .project-footer .view-btn:hover {background: none repeat scroll 0 0 #3d566e;}

/*  Recent works / Portfolio
-----------------------------------------------------------  */
.portfolio-list {position: relative;}
.portfolio-list .headline {border-bottom: 2px solid #3d566e;position: relative;}
.portfolio-list .headline h3 {color: #221918;text-align: left;float: left;}
.portfolio-list .headline .controls {display: inline-block;float: right;}
.portfolio-list .headline .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 27px;line-height: 28px;transition: all .2s ease-in-out;cursor: pointer;}
.portfolio-list .headline .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.portfolio-list .headline .controls .arrows:hover {background: none repeat scroll 0 0 #3d566e;}
.portfolio-list .headline .controls .arrows:hover i {color: #FFFFFF;}

.portfolio-item {position: relative;overflow: hidden;}
.portfolio-item:before {content: '';position: absolute;z-index: 599;top: 100%;margin-top: -60px;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;transition: all .2s ease;}
.portfolio-item:hover:before {top: 0;margin-top: 0;}
.portfolio-item .image-caption {color: #FFFFFF;width: 100%;z-index: 600;text-align: center;padding: 0 0 8px;bottom: 0;position: absolute;transition: all .2s ease;}
.portfolio-item:hover .image-caption {bottom: 50%;margin-bottom: -74px;}
.portfolio-item .icon-overlay {position: absolute;z-index: 600;top: 50%;bottom: 0;opacity: 0;left: 0;margin: -18px 0 0 0;right: 0;text-align: center;transition: all .2s ease;}
.portfolio-item:hover .icon-overlay {opacity: 1;}
.portfolio-item .icon-overlay a {background: none repeat scroll 0 0 #FFFFFF;display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;color: #221918;transition: all .2s ease-in-out;}
.portfolio-item .icon-overlay a:hover {background: none repeat scroll 0 0 #3d566e;color: #FFFFFF;}

/*  Portfolio musaic
-----------------------------------------------------------  */
.portfolio-mosaic {margin: 0 0 20px;}

/*  Testimonials
-----------------------------------------------------------  */
.testimonials {margin: 0 0 30px;}
.testimonials .tab-content {position: relative;border-right: 3px solid #221918;margin: 0 0 8px 0;background: none repeat scroll 0 0 #f8f8f8;z-index: 599;}
.testimonials .tab-content .tab-pane {padding: 28px 46px 28px 46px;border-left: 40px solid #221918;}
.testimonials .tab-content .tab-pane p {font-size: 14px;line-height: 22px;}
.testimonials .tab-content .tab-pane blockquote {color: #878786;padding: 10px 0 6px;background: none repeat scroll 0 0 transparent;font-style: normal;margin: 0 0 0;}
.testimonials .tab-content .tab-pane blockquote:before {display: none;}
.testimonials .tab-content .tab-pane blockquote:after {display: none;}
.testimonials .panel-container ul li {margin: 0 0 8px 0;padding: 12px 25px 12px;border-left: 3px solid #221918;color: #221918;position: relative;font-size: 16px;text-transform: uppercase;}
.testimonials .panel-container ul li span {color: #a7a7a7;font: 11px 'Arial';padding-left: 8px;}
.testimonials .panel-container ul li.active {background: none repeat scroll 0 0 #3d566e;border-left: 3px solid #3d566e;color: #FFFFFF;}
.testimonials .panel-container ul li.active span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li.active:before {content:"";left: 0;top: 50%;margin: -10px 0 0 -13px;border-top: 10px solid transparent;border-left: 0px solid transparent;border-right: 10px solid #3d566e;border-bottom: 10px solid transparent;display: block;position: absolute;}
.testimonials .panel-container ul li:hover {background: none repeat scroll 0 0 #3d566e;border-left: 3px solid #3d566e;color: #FFFFFF;}
.testimonials .panel-container ul li:hover span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li:hover:before {content:" ";left: 0;top: 50%;margin: -10px 0 0 -13px;border-top: 10px solid transparent;border-left: 0px solid transparent;border-right: 10px solid #3d566e;border-bottom: 10px solid transparent;display: block;position: absolute;}

/*  Clients
-----------------------------------------------------------  */
.clients-wrapp {}
.clients-wrapp .clients-slider {padding: 30px 0 30px;}
.clients-wrapp .clients-outer {text-align: center;border-bottom: 2px solid #d4d4d4;box-shadow: 0 2px 0 rgba(255, 255, 255, .4);position: relative;}
.clients-wrapp .clients-outer:after {content:" ";left: 50%;margin: 0 0 0 -10px;border-top: 10px solid #d9d9d9;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;}
.clients-wrapp .clients-outer h2 {color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);padding: 0 0 10px;}
.clients-wrapp .clients-outer .controls {position: absolute;right: 0;top: 100%;z-index: 599;}
.clients-wrapp .clients-outer .controls .arrows {background: none repeat scroll 0 0 #d4d4d4;float: right;display: block;width: 20px;height: 20px;line-height: 20px;transition: all .2s ease-in-out;cursor: pointer;}
.clients-wrapp .clients-outer .controls .arrows i {color: #8f8d8c;width: auto;transition: all .2s ease-in-out;}
.clients-wrapp .clients-outer .controls .arrows:hover {background: none repeat scroll 0 0 #3d566e;}
.clients-wrapp .clients-outer .controls .arrows:hover i {color: #FFFFFF;}

.clients-wrapp2 .clients-outer {text-align: center;border-top: 2px solid #ED9C28;border-bottom: 2px solid #ED9C28;box-shadow: 0 2px 0 rgba(255, 255, 255, .4);position: relative; margin-bottom:10px;}
.clients-wrapp2 .clients-outer:after {content:" ";left: 50%;margin: 0 0 0 -10px;border-top: 10px solid #ED9C28;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;}
.clients-wrapp2 .clients-outer h2 {color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);padding: 10px; font-size:15px;}

/*  Back To Up
-----------------------------------------------------------  */
#backTopWrapp {position: relative;display: block;height: 70px;width: 100%;}
#backTopWrapp .back-top-btn {    background: none repeat scroll 0 0 #FFFFFF;
    color: #221918;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 70px;
    width: 70px;
    cursor: pointer;
    text-align: center;
    transition: all .2s ease-in-out;}
#backTopWrapp .back-top-btn span {font-size: 42px;line-height: 70px;}
#backTopWrapp .back-top-btn:hover {background: none repeat scroll 0 0 #3d566e;color: #FFFFFF;}

/*  Contact Information
-----------------------------------------------------------  */
.footer-divider {border-bottom: 6px solid #b6b6b6;position: relative;}
.footer-divider a {background: none repeat scroll 0 0 #cacbcb;color: #221918;border-radius: 0 0 5px 5px;padding: 8px 8px;position: absolute;margin-top: -8px;z-index: 499;}
.footer-divider a:after {top: 0;left: 0;margin: 0 0 0 -8px;content:" ";border-top: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid #9b9b9b;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
.footer-divider a:before {top: 0;right: 0;margin: 0 -8px 0 0;content:" ";border-top: 4px solid transparent;border-left: 4px solid #9b9b9b;border-right: 4px solid transparent;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}

/*  Footer
-----------------------------------------------------------  */
footer#footer {background: none repeat scroll 0 0 #252936;padding: 46px 0;}
footer#footer p {color: #aaa;}
footer#footer .twitter {margin: 30px 0 0;}
footer#footer .twitter ul li {color: #aaa;}
footer#footer .twitter ul li h4 {font-size: 11px;font-style: italic;color: #656363;}
footer#footer .twitter ul li img {width: 74px;height: 74px;border: 3px solid #3d566e;background-color: #3d566e;}
footer#footer .contact-details {color: #c5c5c5;}
footer#footer .contact-details ul li .media-heading {color: #ffffff;}
footer#footer .contact-details ul li i {color: #999;font-size: 33px;}


footer#footer .contact-details1 {color: #c5c5c5;}
footer#footer .contact-details1 .media-heading1 {font-size: 14px;
    color: #fff;
    margin-bottom: 10px;}
footer#footer .contact-details1 ul li i, footer#footer .contact-details1 ul li a, footer#footer .contact-details1 ul li {color: #aaa;}

/*  Privacy Section
-----------------------------------------------------------  */
.footer-privacy {background: none repeat scroll 0 0 #221918;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;border-top: 1px solid #656363;}
.footer-privacy ul {display: inline-block;margin: 4px 0;}
.footer-privacy ul li {float: left;padding: 0 12px;border-left: 1px solid #c5c5c5;line-height: 1;}
.footer-privacy ul li:first-child {border-left: medium none;}
.footer-privacy ul li a {color: #c5c5c5;}
.footer-privacy ul li a:hover {color: #3d566e;}

/*  Newsletter
-----------------------------------------------------------  */
.newsletter {background: none repeat scroll 0 0 #FFFFFF;}
.newsletter .input-group .form-control-wrapper {margin: 19px 0;}
.newsletter .input-group .form-control {width: 400px;background: none repeat scroll 0 0 #ebebeb;border: medium none;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);height: 34px;border-radius: 0 0 0 0;}
.newsletter .input-group .btn-default {background: none repeat scroll 0 0 #3d566e;border: medium none;color: #FFFFFF;width: 152px;margin: 0 0 0 34px;height: 72px;box-shadow: none;border-radius: 0 0 0 0;font-weight: lighter;font-size: 22px;}
.newsletter ul li .media-heading {color: #221918;}
.newsletter ul li .media-body {margin: 12px 0 0;}
.newsletter ul li i {color: #221918;font-size: 72px;}

/*  Copyright
-----------------------------------------------------------  */
.footer-copyright {background: none repeat scroll 0 0 #3d566e;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;}
.footer-copyright .copyright {line-height: 30px;color: #FFFFFF;}

/*  Breadcrumb
-----------------------------------------------------------  */
.breadcrumb-wrapp {width: 100%; margin-bottom:20px;}
.breadcrumb-wrapp .breadcrumb {background: none repeat scroll 0 0 transparent;border-radius: 0 0 0 0;margin: 0 0 0 0;padding: 8px 10px;}
.breadcrumb-wrapp .breadcrumb li {font-size: 12px;color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a {color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a:hover {color:#221918;}

/*  OurTeam , Group Members
-----------------------------------------------------------  */
.team {margin: 20px 0 0;}
.team .team-member {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;padding: 8px 8px 0 8px;cursor: pointer;}
.team .team-member:hover {background: none repeat scroll 0 0 #3d566e;color: #ffffff;}
.team .team-member figure {position: relative;}
.team .team-member figure .icon-overlay {position: absolute;top: 0;right: 0;}
.team .team-member figure .icon-overlay span a {background: none repeat scroll 0 0 #3d566e;width: 33px;height: 33px;float: right;text-align: center;line-height: 33px;color: #221918;text-shadow: 0 1px 0 rgba(255,255,255,0.2);transition: all .2s ease-in-out;}
.team .team-member figure .icon-overlay span:hover a {background: none repeat scroll 0 0 #221918 !important;color: #ffffff;}
.team .team-member figure .icon-overlay span:last-child a {opacity: 0;transition: all .2s ease-in-out;}
.team .team-member:hover figure .icon-overlay span:last-child a {opacity: 1;}
.team .team-member h3 {color: #221918;transition: all .2s ease-in-out;}
.team .team-member:hover h3 {color: #ffffff;}
.team .team-member p {color: #919090;font: 11px'Arial', Tahoma;transition: all .2s ease-in-out;}
.team .team-member:hover p {color: #ffffff;}

/*  Special Divider
-----------------------------------------------------------  */
.special-divider {clear: both;text-align: center;height: 2px;margin: 60px auto 100px;position: relative;width: 100%;background-color: #dedede;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.special-divider .stats-circle {background: none repeat scroll 0 0 #EBEBEB;top: -40px;position: absolute;margin-left: -40px;left: 50%;width: 80px;height: 80px;text-align: center;}
.special-divider .stats-circle .stats-num {background: none repeat scroll 0 0 #282828;border-radius: 50%;color: #FFFFFF;font-size: 24px;line-height: 56px;width: 56px;height: 56px;margin: 12px 0 0 12px;text-align: center;}
.special-divider .subtitle {color: #282828;font: 16px 'Open Sans';left: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: 36px;}

/*  Experiences
-----------------------------------------------------------  */
.progress-circles {margin: 0 0 60px;text-align: center;}
.progress-circles .progress-label {text-align: center;margin: 30px 0 30px;}
.progress-circles .progress-label h3 {color: #555555;}
.progress-circles .progress-label small {color: #b4b4b4;}

/*  Blog Navigation
-----------------------------------------------------------  */
.blog-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.blog-navbar .blog-nav-search {}
.blog-navbar .blog-nav-search .blog-nav-title {padding-right: 0 !important;padding-left: 0 !important;}
.blog-navbar .blog-nav-search .blog-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.blog-navbar .blog-nav-search .blog-nav-form {margin: 8px 0;padding-right: 0 !important;position: relative;}
.blog-navbar .blog-nav-search .blog-nav-form .search-input {border: 1px solid #C7C7C7;border-radius: 0 0 0 0;box-shadow: none;}
.blog-navbar .blog-nav-search .blog-nav-form .search-button {background: none repeat scroll 0 0 transparent;box-shadow: none;position: absolute;top: 0;right: 0;height: 34px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #C7C7C7;padding: 0 0 0 10px;line-height: 32px;}
.blog-navbar ul.blog-filter {text-align: right;font-size: 0;}
.blog-navbar ul.blog-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.blog-navbar ul.blog-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.blog-navbar ul.blog-filter > li > a > i {width: auto;}
.blog-navbar ul.blog-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.blog-navbar ul.blog-filter > li > a:hover {color: #3d566e;}
.blog-navbar ul.blog-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #3d566e;}

/*  Portfolio Navigation
-----------------------------------------------------------  */
.portfolio-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.portfolio-navbar .portfolio-nav-title {}
.portfolio-navbar .portfolio-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.portfolio-navbar ul.portfolio-filter {text-align: right;font-size: 0;}
.portfolio-navbar ul.portfolio-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.portfolio-navbar ul.portfolio-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.portfolio-navbar ul.portfolio-filter > li > a.selected {color: #3d566e;}
.portfolio-navbar ul.portfolio-filter > li > a > i {width: auto;}
.portfolio-navbar ul.portfolio-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.portfolio-navbar ul.portfolio-filter > li > a:hover {color: #3d566e;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #3d566e;}

/*  Blog Post, Article
-----------------------------------------------------------  */
article.blog-post {margin: 0 0 30px;overflow: hidden;}
article.blog-post .post-image {position: relative;}
article.blog-post .post-image img {width: 100%;}
article.blog-post .post-image .icon-overlay {position: absolute;bottom: 0;right: 0;}
article.blog-post .post-image .icon-overlay a {background: none repeat scroll 0 0 #221918;color: #FFFFFF;float: right;width: 30px;height: 30px;float: right;text-align: center;line-height: 32px;}
article.blog-post .post-image .icon-overlay a.active {background: none repeat scroll 0 0 #3d566e;float: right;}
article.blog-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #3d566e;height: 30px;}
article.blog-post .post-metaDLP {line-height: 24px;
    padding: 11px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;}
article.blog-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;height: 100%;}
article.blog-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.blog-post .post-meta span a {color: #FFFFFF;font-size: 12px;}
article.blog-post .post-content {padding: 20px;}
article.blog-post .post-content .post-title {    text-align: left; font-size:20px;
line-height:22px;
    margin: 0px 0px;}
article.blog-post .post-content .post-title a {/*color: #221918;*/}
article.blog-post .post-content .alternative-meta {text-align: left;color: #000;}
article.blog-post .post-content .alternative-meta span {font-size: 12px;padding: 0 12px 0;}
article.blog-post .post-content .alternative-meta span:first-child {padding: 0 12px 0 0;}
article.blog-post .post-content .alternative-meta span a {color: #a9aaa9;}
article.blog-post .post-content h3 {margin: 10px 0 4px;color: #3d566e;}
article.blog-post .post-content p {margin: 0 0 20px;line-height: 22px;}
article.blog-post .post-content p a {color: #3d566e;}
article.blog-post .post-content p a:hover {color: #221918;}
article.blog-post .more {text-align: right;margin: 20px 0 0;}
article.blog-post .more a {color: #FFFFFF;background: none repeat scroll 0 0 #3d566e;display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;transition: all .2s ease-in-out;}
article.blog-post .more a:hover {background: none repeat scroll 0 0 #221918 !important;}

article.alternative-post {border-left: 4px solid #d9d9d9;}
article.alternative-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.alternative-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;}
article.alternative-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.alternative-post .post-meta span a {color: #FFFFFF;}
article.alternative-post .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.alternative-post .post-content .post-title a {color: #909090;}
.default .nav-wrapper li.dropdown > ul.dropdown-menu {
    background: none repeat scroll 0 0 #050071!important;
}

.default .nav-wrapper ul.nav-main i {
    color: #ffffff!important;
}


article.format-audio {border-left: 4px solid #d9d9d9;}
article.format-audio .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-audio .post-content .post-title a {color: #909090;}

article.format-link {border-left: 4px solid #d9d9d9;}
article.format-link .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.format-link .post-meta span {float: left;padding: 0 26px;line-height: 30px;padding: 0 0 0 26px;}
article.format-link .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.format-link .post-meta span a {color: #FFFFFF;}
article.format-link .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-link .post-content .post-title a {color: #3d566e;}

/*  Pagination
-----------------------------------------------------------  */
#pagination {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 60px;text-align: center;height: 30px;position: relative;}
#pagination a.prev-direction {position: absolute;bottom: 0;left: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination a.next-direction {position: absolute;bottom: 0;right: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination ul {display: inline-block;margin: 0 auto;border-radius: 0 0 0 0;}
#pagination ul li {float: left;background: none repeat scroll 0 0 #f6f6f6;padding: 0 12px;}
#pagination ul li.active {background: none repeat scroll 0 0 #3d566e;}
#pagination ul li.active a {color: #FFFFFF;}
#pagination ul li a {line-height: 30px;border-radius: 0 0 0 0;border: medium none;padding: 0 0 0;background: none repeat scroll 0 0 transparent;color: #221918;}

/*  Widget
-----------------------------------------------------------  */
.widget {margin-bottom: 20px;}
.widget .widget-title {position: relative;}
.widget .widget-title .wt { background-color:#FFFFFF;}
.widget .widget-title h4 {padding-bottom: 8px; color:#000;}
.widget .widget-title .close-widget {position: absolute;bottom: 0;right: 0;text-align: center;line-height: 22px;color: #FFFFFF;display: block;height: 22px;background: none repeat scroll 0 0 #221918;cursor: pointer;width: 26px;}
.widget .widget-body {padding: 24px 24px 24px;border-top: 3px solid #e64743;position: relative;}
.widget .widget-body ul {margin: 0 0 20px;}
.widget .widget-body ul li {padding: 8px 0; margin-bottom:10px;}


.widget-body1 {padding: 0px 0px 5px 0px;position: relative; }
.widget-body1 ul {margin: 0 0 20px;}
.widget-body1 ul li {padding: 8px 0; margin-bottom:5px;border-bottom: 1px solid #efefef;}

.widget2 {padding: 40px;}
.widget2 > .wt { background-color:#FFFFFF;}
.widget2 .widget-title2 h4 {padding-bottom: 8px;}
.widget2 .widget-body2 {position: relative; font-size:12px;}
.widget2 .widget-body2 ul {}
.widget2 .widget-body2 ul li {}
.widget2 .widget-body2 ul li a{color:#dddddd;}


/*  Categories Widget
-----------------------------------------------------------  */
.widget .categories {padding: 10px 20px !important;}
.widget .categories ul {margin: 0 0 !important;}
.widget .categories ul li {border-bottom: 1px solid #efefef;padding: 10px 0 6px !important;}
.widget .categories ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .categories ul li a:hover {color: #3d566e;}
.widget .categories ul li:last-child {border-bottom: medium none;}

/*  Latest Posts Widget
-----------------------------------------------------------  */
.widget .latest-post {padding: 12px 24px 12px;}
.widget .latest-post ul li {border-bottom: 1px solid #f0f0f0;}
.widget .latest-post ul .last {border-bottom: none;}
.widget .latest-post ul li small {color: #000;}
.widget .latest-post ul li h4 {color: #221918;}
.widget .latest-post ul li p {color: #767676; font-size:12px;line-height: 18px;}


/*  Twitter Widget
-----------------------------------------------------------  */
.widget .twitter {padding: 24px 24px 8px;}
.widget .twitter ul {font-family:'Arial', Helvetica, sans-serif;}
.widget .twitter ul li {border-bottom: 1px solid #f0f0f0;color: #595857;padding: 8px 0;}
.widget .twitter ul li:last-child {border: medium none;}
.widget .twitter ul li a {color: #66b8f1;font-size: 13px;font-family:'Open Sans', Helvetica, sans-serif;font-weight: 600;}
.widget .twitter ul li a i {color: #3d566e;padding-left: 6px;width: auto;}

/*  Accordion Widget
-----------------------------------------------------------  */
.widget .accordion {padding: 10px 20px !important;}
.widget .accordion ul {margin: 0 0 !important;}
.widget .accordion ul li {border-top: 1px solid #efefef;padding: 10px 0px 0px !important;}
.widget .accordion ul li:first-child {border-top: medium none;}
.widget .accordion ul li a.Plus:before {content:'\f067';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a.Minus:before {content:'\f068';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a {color: #221918;text-decoration: none;}
.widget .accordion p {color: #767676;padding: 0 8px 20px 20px !important;font: 12px'Arial';}

/*  Tags Widget
-----------------------------------------------------------  */
.widget .tagcloud {padding: 18px 0;}
.widget .tagcloud a {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);padding: 4px 8px;color: #221918;white-space: nowrap;line-height: 34px;margin: 0 4px 0 0;transition: all .2s ease-in-out;}
.widget .tagcloud a:hover {background: none repeat scroll 0 0 #3d566e;color: #FFFFFF;}

/*  Post Author
-----------------------------------------------------------  */
.post-author {margin: 0 0 80px;}
.post-author ul {list-style: none outside none;margin: 0;padding: 0;}
.post-author ul li {padding: 0 0 0 114px;}
.post-author ul li .author-wrapper {position: relative;}
.post-author ul li .author-wrapper .author-block {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-block .author-details {background: none repeat scroll 0 0 #FFFFFF;position: relative;}
.post-author ul li .author-wrapper .author-block .author-details:before {position: absolute;left: 0;bottom: 0;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: 0 0 0 -12px;content: '';}
.post-author ul li .author-wrapper .author-block .author-details p {color: #767676;padding: 16px 12px;line-height: 21px;font-size: 13px;}
.post-author ul li .author-wrapper .author-block .author-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #3d566e;height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span {float: left;padding: 0 16px;line-height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span:last-child {background: none repeat scroll 0 0 #221918;}
.post-author ul li .author-wrapper .author-block .author-meta span a {color: #FFFFFF;}
.post-author ul li .author-wrapper .author-social {padding: 8px 0 8px;}
.post-author ul li .author-wrapper .author-social .social-icon {text-align: center;}
.post-author ul li .author-wrapper .author-social .social-icon a {color: #c7c7c7;font-size: 16px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
.post-author ul li .author-wrapper .author-social .social-icon a:hover {color: #606060;}
.post-author ul li .author-wrapper .author-image {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-image img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
.post-author ul li .author-wrapper .author-image h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}

/*  COMMENTS
-----------------------------------------------------------  */
#post-comments {margin: 0 0 20px;}
#post-comments ul.comments {margin: 0 0 0;}
#post-comments ul.comments li {padding: 0 0 0 114px;}
#post-comments ul.comments li .comment {position: relative;margin-bottom: 20px;}
#post-comments ul.comments li .comment .comment-block {background: none repeat scroll 0 0 #FFFFFF;position: relative;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .comment-block:before {position: absolute;left: 0;top: 50%;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: -6px 0 0 -12px;content: '';}
#post-comments ul.comments li .comment .comment-block p {color: #767676;padding: 15px 12px;line-height: 20px;font-size: 13px;}
#post-comments ul.comments li .comment .comment-block .reply-btn {width: 100%;display: block;}
#post-comments ul.comments li .comment .comment-block .reply-btn a {color: #FFFFFF;text-align: center;line-height: 25px;width: 94px;height: 25px;display: block;background: none repeat scroll 0 0 #3d566e;}
#post-comments ul.comments li .comment .avatar {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .avatar img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
#post-comments ul.comments li .comment .avatar h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}

#post-comments .post-leave-comment {margin: 60px 0 0;}
#post-comments .post-leave-comment .input-field {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
#post-comments .post-leave-comment .message-field {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
#post-comments .button {font-size: 11px;}
#post-comments .button .btn-submit {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
#post-comments .button .btn-submit:hover {background: none repeat scroll 0 0 #3d566e;}

#post-comments ul.reply li .comment:before {position: absolute;top: 36px;left: 0;content: '\f112';font-size: 20px;font-family: "FontAwesome";color: #282828;margin: 0 0 0 -148px;transform: rotate(180deg);}

/*  Contact Us
-----------------------------------------------------------  */
.contact-form {margin: 0 0 40px;}
.contact-form .contact-input {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
.contact-form .contact-textarea {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
.contact-form .submit-btn {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;font-size: 11px;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
.contact-form .submit-btn:hover {background: none repeat scroll 0 0 #3d566e;}

/*  GOOGLE MAP
-----------------------------------------------------------  */
.google-map {margin: 0 0 30px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}

/*  Contact Details
-----------------------------------------------------------  */
.widget .contact-details {padding: 16px 18px !important;}
.widget .contact-details ul {margin: 0 0 0 !important;}
.widget .contact-details ul li h4 {color: #221918;}
.widget .contact-details ul li .media-body {color: #767676;}
.widget .contact-details ul li a {color: #221918;}

/*  ERROR 404
-----------------------------------------------------------  */
.page-not-found {text-align: center;margin: 150px 0 100px;}
.page-not-found h1 {font-size: 240px;margin: 0 0 40px;line-height: 170px;}
.page-not-found h1 .different-color {color: #3d566e;}
.page-not-found h2 {font-weight: bold;}

/*  Infinite Scroll
-----------------------------------------------------------  */
#addMore {text-align: center;margin: 20px 0 50px;}
#addMore a{color: #221918;}
#addMore a:hover{color: #3d566e;}

/*  Portfolio Slider
-----------------------------------------------------------  */
.controls-wrapp {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;padding: 0 0 0 10px;}
.controls-wrapp h3 {color: #494747;line-height: 45px;}
.controls-wrapp .controls {display: inline-block;float: right;height: 100%;}
.controls-wrapp .controls .arrows {background: none repeat scroll 0 0 #221918;text-align: center;float: right;display: block;width: 45px;height: 100%;line-height: 45px;transition: all .2s ease-in-out;cursor: pointer;}
.controls-wrapp .controls .arrows i {color: #838282;width: auto;transition: all .2s ease-in-out;font-size: 32px;line-height: 45px;}
.controls-wrapp .controls .arrows:hover {background: none repeat scroll 0 0 #3d566e;}
.controls-wrapp .controls .arrows:hover i {color: #FFFFFF;}

/*  Lunch Project
-----------------------------------------------------------  */
.lunch-project {background: none repeat scroll 0 0 #3d566e;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;text-align: center;transition: all .2s ease-in-out;}
.lunch-project:hover {background: none repeat scroll 0 0 #221918 !important;}
.lunch-project h3 {color: #221918;line-height: 45px;transition: all .2s ease-in-out;}
.lunch-project:hover h3 {color: #FFFFFF;}

/*  Project Details
-----------------------------------------------------------  */
.widget .project-details {padding: 10px 20px !important;}
.widget .project-details ul {margin: 0 0 !important;}
.widget .project-details ul li {border-bottom: 1px solid #efefef;padding: 3px 0 8px !important;}
.widget .project-details ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .project-details ul li a:hover {color: #DC394B;}
.widget .project-details ul li:last-child {border-bottom: medium none;}

/*  Testimonials Widget
-----------------------------------------------------------  */
.widget .testimonials-widget {padding: 24px 24px 24px;}
.widget .testimonials-widget small {color: #b0aeae;font-style: italic;}
.widget .testimonials-widget h4 {color: #221918;}
.widget .testimonials-widget p {color: #767676;padding: 0 0 8px;}

/*  Services Header
-----------------------------------------------------------  */
header.services {margin: 0 0 20px;height: auto; color:#fff;max-width: 100%;background: url(../images/headers/ServicesHeader.png) no-repeat 0 0 #3d566e;background-size: cover;display: block;}
header.services1 {margin: 0 0 20px;height: auto; color:#fff;max-width: 100%;background: url(../images/header-2-1920x260.jpg) no-repeat 0 0 #3d566e;background-size: cover;display: block;}
header.services .slogan {padding-top: 60px;padding-bottom: 60px;}

/*  Services Carousel
-----------------------------------------------------------  */
/*.svc-carousel-wrapp {background: none repeat scroll 0 0 #dddddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);}*/
.svc-carousel-wrapp {}
.svc-carousel-wrapp .service-item {padding: 20px 0;text-align: center !important;color: #fff;font-weight: bold;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item h4 {text-align: center !important; font-size:16px;}
.svc-carousel-wrapp .service-item.active {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 2px rgba(0, 0, 0,.1);color: #221918;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item.active:hover {color: #333;}
.svc-carousel-wrapp .service-item:hover {color: #666666;}

.service-content {padding: 36px 20px;margin-bottom: 30px;}
.service-content h2 {padding: 0 0 16px;color: #545453;}
.service-content p {color: #616161;font-family:'Arial', Helvetica, sans-serif;}
.service-content p a {color: #3d566e;transition: all .2s ease-in-out;}
.service-content p a:hover {color: #221918;}
.service-content p img {width: 100%;margin: 16px 0;}

.svc-carousel-wrapp .controls {position: absolute;z-index: 199;top: 100%;right: 10px;}
.svc-carousel-wrapp .controls .svc-btn {display: block;width: 20px;height: 20px;background-color: #000;line-height: 20px;float: right;cursor: pointer;text-align: center;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn i {color: #fff;width: auto;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn:hover {background-color: #221918;}
.svc-carousel-wrapp .controls .svc-btn:hover i {color: #ffffff;}

/*  Survey Widget
-----------------------------------------------------------  */
.widget .survey-widget {padding: 0 0 0;border-top: 3px solid #221918;position: relative;}
.widget .survey-widget ul {padding: 24px 24px 0;margin: 0 0 10px;}
.widget .survey-widget ul li {padding: 5px 0;}
.widget .survey-widget ul li i {font-size: 24px;padding-right: 8px;width: auto;}
.widget .survey-widget .vote-btn {position: relative;text-align: right;}
.widget .survey-widget .vote-btn a {color: #FFFFFF;padding: 5px 15px 5px;background: none repeat scroll 0 0 #3d566e;display: inline-block;}

/*  Checkbox Input
-----------------------------------------------------------  */
/*label {cursor: pointer;display: inline-block;padding-left: 32px;position: relative;}
label:before {background-color: #FFFFFF;border-radius: 50%;bottom: 0;box-shadow: none;content: "";display: inline-block;height: 20px;left: 0;margin-right: 10px;position: absolute;width: 20px;border: 3px solid #D7DCDF;}*/
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:hover:before {color: #D7DCDF;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:checked + label {color: #3d566e;}
input[type="checkbox"]:checked + label:before {border: 3px solid #3d566e;color: #3d566e;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:disabled + label {color: #D7DCDF;}
input[type="checkbox"]:disabled + label:hover:before {content: '';}

/*  Special Widget
-----------------------------------------------------------  */
.special-widget {margin-bottom: 20px;}
.special-widget .widget-body ul a {color: #221918;transition: all .2s ease-in-out;}
.special-widget .widget-body ul a:hover {color: #3d566e;}
.special-widget .widget-body ul li {border-bottom: 1px solid #d9d9d9;border-top: 1px solid #f5f5f5;padding: 18px 6px;}
.special-widget .widget-body ul li i {font-size: 20px;padding-right: 8px;width: auto;}
.special-widget .widget-body ul li:first-child {border-top: medium none;}
.special-widget .widget-body ul li:last-child {border-bottom: medium none;}

/*  COLUMNS
-----------------------------------------------------------  */
.grid-block {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;}

/*  Elements
-----------------------------------------------------------  */
header.elements {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/ElementsHeader.png) no-repeat 0 0 #3d566e;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display: block;}
header.elements .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Alerts
-----------------------------------------------------------  */
.SuccessAlert {background-color: #d3ebb7;border: 1px solid #9adf8f;padding: 15px 24px;color: #404040;}
.SuccessAlert a {color: #6da662;font-size: 42px;padding-right: 14px;}
.SuccessAlert h4 {color: #258815;font: 16px 'Open Sans',Arial,sans-serif;}
.WarningAlert {background-color: #f3f1c4;border: 1px solid #e5db55;padding: 15px 24px;color: #404040;}
.WarningAlert a {color: #dbd149;font-size: 42px;padding-right: 14px;}
.WarningAlert h4 {color: #878314;font: 16px 'Open Sans',Arial,sans-serif;}
.ErrorAlert {background-color: #f6cace;border: 1px solid #df8f90;padding: 15px 24px;color: #404040;}
.ErrorAlert a {color: #d46e77;font-size: 42px;padding-right: 14px;}
.ErrorAlert h4 {color: #871414;font: 16px 'Open Sans',Arial,sans-serif;}

/*  Video
-----------------------------------------------------------  */
.VideoContainer {position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 10px;padding: 20px 0 52%;}
.VideoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nav-tabs>li {
    float: left;
    margin-bottom: -11px;
}
.nav-tabs {/*border-bottom: 2px solid #DDD;*/}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #000; background-color:#fff; border-bottom:none;}
.nav-tabs > li > a { border: none;color: #fff;/* background-color: #3d566e;*/}
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {border-bottom:none;}
        
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
/*.nav-tabs > li > a::after { content: ""; background: #000; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }*/
.tab-pane { padding: 0; }
.tab-pane-red
{ border:2px solid #DC394B; padding:8px;}



div.scroll {

   height: 284px!important;
    overflow:auto!important;
}
div.scroll::-webkit-scrollbar {
    width: 12px;
}

div.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

div.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.ul {
	list-style:none;
	
}
.ul li {
	text-align:justify;
	padding:0px 10px 0px 11px;
	background: url(../../../Ocn0juKAZnpt.in/asset/images/66I2jcruX7l5.gif) no-repeat 0px 6px;line-height: 23px;
	  line-height: 18px;

  margin-bottom: 10px;
}

.ul li span
{
text-transform:uppercase;
color:#ff8700;
}


<!-- End-->


/*  Services mosaic
-----------------------------------------------------------  */
.mosaic1 {padding: 20px 30px 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic1:hover > .bg-red{background: none repeat scroll 0 0 #E31D33;color: #fff; }
.mosaic1:hover > .bg-green{background: none repeat scroll 0 0 #00DBB5;color: #fff; }
.mosaic1:hover > .bg-yellow{background: none repeat scroll 0 0 #EFA101;color: #fff; }
.mosaic1 h3 {font-weight: bold;padding: 15px 0 15px;font-size: 26px;}

.mosaic1 h3 span
{font-size: 12px!important;
text-transform: none;
color: #777;}
.mosaic1 .mrgn
{ margin-top:5px!important;}
.mosaic1 i
{
/*color: #fff;*/}
.mosaic1 .rounf-sec{
border-radius: 50%;
width: 113px;
height: 113px;
padding: 19px 0px;margin-left: 22%;
}
.mosaic1 .bg-red
{background: #DC394B none repeat scroll 0px 0px;}

.mosaic1 .bg-green
{background: #32BEA6 none repeat scroll 0px 0px;}
.mosaic1 .bg-yellow
{background: #FABC3D none repeat scroll 0px 0px;}
.mosaic1 .bottom
{font-size: 14px;
letter-spacing: 2px;
height: 50px;
line-height: 50px;
color: #FFF;
text-decoration: none;
margin-left: -30px;
margin-right: -30px;
top: 115px;
margin-bottom: -30px;
margin-top: 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}

.postal
{ float:left; margin-right:20px;}

.notify
{
left: 1px;
bottom: 10px; position:fixed;z-index: 10; width:314px;
}
.fixed
{ width:10%!important; height:auto;}
.line
{margin-top: 14px !important;
    margin-bottom: 14px !important;
    border: 0;
    border-top: 1px solid #eeeeee;}
.top-bar-wrap
{border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

.text-white
{
	font-family: 'calibri';
	color:white;
	font-size: 14px;
}
.header-top
{
vertical-align:middle; padding-top: 20px;
}
 /*table {
   border-collapse: collapse;
    border-spacing: 0;
}

/*
table-bordered th, .table-bordered td {
	border: 1px solid #ccc !important;
}
*/
fieldset {
   border: 1px solid #bbb;
background: #f9f8f8;
border-radius: 5px;
padding:4px 0px 4px 0px;
}

fieldset legend {
    color: #333;
padding:3px 10px;
border-radius: 1px;
box-shadow: 0 0 0 1px #bbb;
margin-left: 11px;width: 150px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle i {
font-size: 26px;
    padding-bottom: 5px;
}
.btn-circle.btn-xl {
  width: 100%;
    height: 100%;
    padding: 15%;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 75px;
}
.fee
{color: #70C989;
font-size: 40px;
margin: 0px;
text-align: center;
line-height: 46px;}
.feeold
{color: #777777;
font-size: 20px;
margin: 0px;
text-align: center;
line-height: 46px;
}


.product-view .product-shop .add-to-box button.button.btn-cart span {
	background: none;
	margin-left: 5px;
	font-size: 16px;
}
.product-view .product-options-bottom button.button.btn-cart span {
	background: none;
	margin-left: 5px;
}
.product-view .product-shop {
	margin-top: 0;
	position: relative;
}
.product-view .product-name {
	border-bottom: 1px #ddd dashed;
}
.product-view .product-name h2 {
	font-size:24px;
	margin: 10px 0px;
	text-align: left;
	line-height: 1.2em;
	padding-bottom: 12px;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.product-view .short-description {
	padding-bottom: 0px;
	font-size: 13px;
}
.product-view .short-description p { text-align:justify; padding-bottom:10px;}
.product-view .short-description h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 5px;
	font-weight: bold;
	display: none;
}
.product-view .product-shop .add-to-box {
	padding: 0px;
	overflow: hidden;
	text-align: center;
	margin: 0px;
}
.product-view .product-shop .add-to-box a:hover {
	text-decoration: none;
}
.product-view .product-shop .add-to-box .btn-cart {
	background: #ff6c00;
	color: #fff;
	font-size: 16px;
	text-shadow: none;
	padding: 10px 15px;
	float: left;
	margin-top: 0px;
	font-weight: normal;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	margin-left: 10px;
	border: none;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
	background: #000;
	text-shadow: none;
	color: #fff;
}
.product-view .product-shop .product-options-bottom .btn-cart {
	background: #ff6c00;
	color: #fff;
	font-size: 16px;
	text-shadow: none;
	padding: 10px 20px;
	float: left;
	margin-top: 0px;
	font-weight: normal;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	margin-left: 10px;
	border: none;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
	background: #000;
	text-shadow: none;
	color: #fff;
}
.product-view .product-shop .add-to-box .icon-basket {
	margin-right: 5px;
}
.product-view .product-shop ul.add-to-links {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	display: inline-block;
}
.product-view .product-shop .add-to-links li {
	display: inline-block;
	padding: 0 5px 0 2px;
}
.product-view .product-shop .add-to-links li .separator {
	display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
	content: "\f004";
	font-family: FontAwesome;
	font-size: 14px;
}
.product-view .product-shop .add-to-links .link-wishlist {
	color: #000;
	height: 40px;
	margin-right: 0px;
	padding: 12px 0px 12px 0;
	text-align: center;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	width: 40px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 11px
}
.product-view .product-shop .add-to-links .link-wishlist:hover {
	padding: 12px 0px 12px 0;
	height: 40px;
	width: 40px;
	color: #ff6c00;
	text-align: center;
}
.product-view .product-shop .add-to-links .link-compare:before {
	content: "\f012";
	font-family: FontAwesome;
	font-size: 15px;
}
.product-view .product-shop .add-to-links .link-compare {
	color: #000;
	height: 30px;
	padding: 4px 2px 6px;
	text-align: center;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	line-height: 30px;
	background-color: #fff;
	border: none;
	width: auto;
}
.product-view .product-shop .add-to-links .link-compare:hover {
	color: #ff6c00;
	text-align: center;
	padding: 4px 2px 6px;
	height: 30px;
	line-height: 30px;
	background: none
}
.product-view .product-shop ul.add-to-links a {
	padding: 0;
	margin: 0;
}
.email-addto-box {
	display: inline-block;
	margin-top: 10px;
	float: left;
}
.email-friend {
	font-size: 11px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	display: inline-block;
}
.email-friend a:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 14px;
	margin-right: 7px;
}
.email-friend a {
	padding: 13px 5px 10px;
	height: 42px;
	width: 42px;
	color: #000;
	text-align: center;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	padding-right: 0px;
}
.email-friend a:hover {
	color: #ff6c00;
	text-align: center;
}
.product-view .product-shop .ratings {
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px #ddd dashed;
	margin-bottom: 15px;
}
.product-view .product-shop .ratings .rating-links {
	margin-bottom: 12px;
	display: inline;
}
.product-view .product-shop .no-rating {
	padding: 12px 0;
	margin: 0px 0 0;
}
.product-view .product-shop .price-box {
	border-bottom: 1px #ddd dashed;
	display: block;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
.product-view .product-shop .grouped-items-table .price-box {
	border-bottom: 0px solid #ddd;
	margin: 0;
	padding: 0;
}
.product-view .product-shop .price-box .old-price {
	margin-right: 5px;
	margin-top: 0;
	display: inline-block;
}
.product-view .product-shop .special-price {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.product-view .product-shop .old-price .price {
	font-size: 20px;
	color: #777;
}
.product-view .product-shop .price {
font-size: 29px;
color: #70C989;
line-height: 22px;
}
.add-to-cart .qty, .qty-holder .qty {
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 2px;
}
.product-shop .button-up, .product-shop .button-down {
	height: 44px;
	width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
	left: 94px;
	position: absolute;
}
.button-up:hover {
	background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}
.button-down:hover {
	background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}
.button-up, .button-down {
	height: 44px;
	text-indent: -999em;
	width: 35px;
	border: none;
}
.qty-input-text {
	float: left;
	margin-left: 10px;
}
.product-view .product-shop .add-to-box .add-to-cart label {
	display: block;
	float: none;
	margin-bottom: 0px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
}
.product-view .product-shop .product-options-bottom .add-to-cart label {
	display: block;
	float: none;
	margin-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.button-up:hover, .button-up:focus {
	background-image: url(../images/icon_arrow_up.png);
	background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
	background-image: url(../images/icon_arrow_down.png);
	background-position: 16px 16px;
}
.product-view .product-shop button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
}
/* 21d. Product Collatera */
/* 10.Rating */
.no-rating {
	margin: 0;
}
.no-rating a {
	color: #000;
}
.ratings {
	font-size: 11px;
	line-height: normal;
	margin: 2px 0;
}
.ratings strong {
	float: left;
	margin: 1px 3px 0 0;
}
.category-products ul.products-grid li.item .ratings .rating-links {
	display: none
}
.ratings .rating-links {
	margin: 0;
	display: none;
}
.ratings .rating-links a {
	margin: 0;
	text-decoration: none;
	color: #666;
	font-size: 12px
}
.ratings .rating-links .separator {
	margin: 0 2px;
}
.ratings dt {
}
.ratings dd {
}
.rating-box {
	width: 76px;
	height: 15px;
	font-size: 0;
	line-height: 0;
	background: url(../../../Ocn0juKAZnpt.in/asset/images/p2tXuc07HfAE.png) 0 0 repeat-x;
	text-indent: -999em;
	overflow: hidden;
}
.rating-box .rating {
	float: left;
	height: 15px;
	background: url(../../../Ocn0juKAZnpt.in/asset/images/p2tXuc07HfAE.png) 0 100% repeat-x;
}
.ratings .rating-box {
	margin-right: 8px;
	display: inline-block;
}
.ratings .amount {
}
.ratings-table th, .ratings-table td {
	font-size: 11px;
	line-height: 1.15;
	padding: 3px 0;
}
.ratings-table th {
	font-weight: 900;
	padding-right: 8px;
}
.top-header-pd li a
{
	padding: 7px;
    text-transform: uppercase;
    font-size: 12px;
	}
	.top-header-pd li:before {
   top: 16px;
    left: -1px;
    width: 1px;
    height: 9px;
    content: " ";
    background: #ccc none repeat scroll 0% 0%;
    position: absolute;
}
.top-header-pd li:first-child {
   
    background: none;
}
.top-header-mobile
{
	padding:10px;}

.teaching-mathology
{ min-height:250px;}
.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success h4
{
    color: #3C763D;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #DC394B;
}
.alert-message-danger h4
{
    color: #DC394B;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info h4
{
    color: #5bc0de;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}
.slider-tb {
    background: #fff;
    padding: 7px 15px 9px;
    border: solid 1px #eee;
    border-top: solid 2px #DC394B;
    border-bottom: none !important;
}

#fade-quote-carousel.carousel {
  padding-bottom: 22px; 
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: -10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
#fade-quote-carousel .profile-circle_p { text-align:center;    padding: 5px 25px;
}


#btnright2 {
    position: fixed;
    z-index: 91;
    padding: 5px 0;
    right: 0;
    bottom: 350px;
    /* background-color: #c9b153; */
    border: 0;
    color: #fff;
}
.form-check-label {
    margin-bottom: 0;
}





.zoomIn {
    animation-name: zoomIn;
}
.course_box .course_box-img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.d-block {
    display: block!important;
}
.course_box .course_box-img .course_box-desc {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 41px 20px 41px;
    border-radius: 50%;
    -webkit-box-shadow: inset 1px 9px 15px -2px #00000078;
    box-shadow: inset 1px 9px 15px -2px #00000078;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}
.course_box .course_box-img .green_box {
    background-color: #28ad8e;
}
.course_box .course_box-img .course_box-desc h6 {
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.w-100 {
    width: 100%!important;
}
.course_box .course_box-img .course_box-desc ul {
    margin-top: 20px;
    text-align: center;
}
.course_box .course_box-img .course_box-desc ul li a {
    line-height: 22px;
    display: block;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.course_box-desc h4 {
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    margin: 20px 0;
    color: #1d1d1d;
}








































.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: .75rem;
	font-size: 15px;
	font-weight: bold;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

#header img.img-responsive {
max-width: 200px !important;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader {
	background: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-46%, -48%);
	font-family: helvetica, arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.2em;
	z-index: 9999999;
}

.preloader-inner img {
	max-width: 200px;
}

.card-body-row {
	display: flex;
	justify-content: space-around;
}

.loader {
	background: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	font-family: helvetica, arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.2em;
	z-index: 9999999;
}

.back-to-top.show {
	opacity: 1;
}

.enquiry__form {}

.enquiry__form {}

.enquiry__form .control-label {
	width: 110px;
}

form.form-horizontal {
	padding: 15px;
}

.enquiry__form .input_form .form-control {
	width: 100%;
}

.enquiry__form .input_form {
	margin-left: 10px;
	width: 100%;
}

.enquiry__form .form-group {
	display: flex;
	width: 100%;
	margin: 15px 0;
}

.form-group.button_submit {
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 0;
}

.button_submit button.btn.btn-primary {
	padding: 9px 25px;
	font-size: 17px;
	background-color: #050071;
	transition: all 0.5s;
}

.button_submit button.btn.btn-primary:hover {
	background-color: #000;
	transition: all 0.5s;
}

.enquiry__form .modal-header {
	padding: 15px;
	background-color: #050071;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.428571429px;
	text-align: center;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.enquiry__form .modal-header .modal-title {
	color: #fff;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}

.enquiry__form .modal-header .close {
	margin-top: -2px;
	position: inherit;
	right: 15px;
	top: 15px;
	color: #fff;
	font-size: 30px;
	opacity: 1;
}

.img__box img.img-fluid {
	height: 305px;
}

.enquiry__form .modal-content {
	border-radius: 15px;
	overflow: hidden;
	border: 0;
	margin: 10px;
}

.enquiry__form .modal-body {
	position: relative;
	padding: 21px 19px;
	text-align: center;
}

.enquiry__form .modal-dialog {

	display: flex;
	padding: 0;
	margin: 0 auto;
	align-items: center;
	height: 100%;
	padding-right: 0;
	justify-content: center;
}


@media (max-width:767px) {
	body .underline {
		width: auto;
	}	
#header .col-md-1{
display:none;
}
.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
    width: 50%;
}


body .role-card {
    margin-bottom: 10px;
}
body #ASTP_popup .modal-body {
    position: relative;
    padding: 22px 26px!important;
}
}
@media (max-width:420px) {
	body #ASTP_popup .modal-dialog {
	/* display: block!important; */
	}
	body #ASTP_popup .modal-content{
        height: auto;
        max-width: 293px !important;
        margin: 34px;
        box-shadow: none;
		}
body	.role-img {
		display: none;
	}
	.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
		width: 100%;
	}
body	div#header {
        display: block;
        grid-gap: 10px;
    }

}
	

img.img_size.img-responsive {
	width: 65px;
}

strong.flex img {
	float: left;
	margin-right: 5px;
}

.grid__center_col {
	display: flex;
	align-items: center;
	padding: 21px;
	color: #fff;
	margin: 8px 0;
	border-radius: 10px;
	box-shadow: 6px 8px 22px #0000003b;
}

.grid__center_col:hover {
	color: #f2f2f2;
}

.section__center {
	padding: 15px 0;
	background-color: #fff;
}

.center_contet h4 {
	text-transform: capitalize;
	font-size: 26px;
}

.center_icon {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	flex: none;
	margin-right: 18px;
	border: 1px solid #ffffff;
}

.box__1 {
	background-color: #050071;
}

.box__2 {
	background-color: #f58427;
}

.box__3 {
	background-color: #09bd87;
}

.eco_system {
	padding: 20px;
	margin: 15px 0;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	height: 100%;
}

.eco_system h4 {
	font-weight: bold;
	padding: 7px 0;
	font-size: 16px;
}

.eco_system span {
	width: 60px;
	line-height: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	background-color: #eee;
	border-radius: 6px;
	font-size: 21px;
}

.eco_system span {}

.eco_system h4 {}

.eco_system p {}

.row_col_5,
.count-box {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	grid-gap: 15px;
	text-align: center;
	margin-bottom: 40px;
}

.img_icon img {
	text-align: center;
	margin: 0 auto;
	max-width: 100px;
}

.row_col_5 .col {
	position: relative;
	z-index: 1;
}

.row_col_5 {
	position: relative;
}

.row_col_5:after {
	content: '';
	position: absolute;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	background-image: url('../img/bg-002.png');
}

@media (max-width: 991px) {
	.row_col_5 {
		grid-template-columns: auto auto auto;
	}
}

@media (max-width: 767px) {
	.row_col_5 {
		grid-template-columns: auto auto;
	}
}

@media (max-width: 576px) {
	.row_col_5 {
		grid-template-columns: auto;
	}
}

.p-60 {
	padding: 60px 0;
}

section.home__banner {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

section.home__banner .container {
	position: relative;
}

.home__banner__cont {}

.home__banner__cont h1 {
	font-weight: bold;
	font-size: 52px;
	color: #000;
	margin: 12px 0;
	text-shadow: 4px 4px 2px #ccc;
	line-height: 1.1;
}

.home__banner__cont h5 {
	background-color: #f96e0c;
	width: fit-content;
	padding: 6px 16px;
	border-radius: 15px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
}

.home__banner__cont h4 {
	margin-bottom: 30px;
	font-size: 20px;
	background-color: #011d42;
	color: #fff;
	padding: 5px 15px;
	border-radius: 15px;
	text-align: center;
}

section.home__banner::before {
	opacity: 0.4;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 30px;
	background-image: url(../../../AOqUOUYAOdBA.com/free-vector/vintage-ornamental-flowers-background_52683-28040_w%3D2000.jpg);
	background-size: 30%;
}

.section__heading {
	margin-bottom: 40px !important;
	text-align: center;
	max-width: 780px;
	margin: 0 auto;
}

.section__heading h3 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 20px;
}

.section__heading h6 {
	font-size: 16px;
	font-weight: 400;
	color: #383636;
	line-height: 1.6;
}

.service_v2_col {
	display: flex;
	padding: 30px 20px;
	background-color: #ffc85b29;
	border-radius: 15px;
	margin: 15px 0;
	transition: all 0.5s;
}

section.service_v2 {
	background-color: #fff;
}

.service_v2_col:hover {
	transform: translate(0, -10px);
	box-shadow: 7px 13px 17px #e9ecef;
	transition: all 0.5s;
}

.icon__box {
	flex: none;
	width: 80px;
	height: 80px;
	font-size: 35px;
	color: #fff;
	background-color: #050071;
	text-align: center;
	margin-right: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	transition: all 0.5s;
}

.icon__box img {
	width: 100%;
}

.service__cont {
	min-height: 143px;
}

.service__cont h4 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
	text-transform: capitalize;
}

.service__cont p {
	color: #000;
	font-size: 17px;
}

section.need_v2 {
	background-color: #f3fafb;
}

.need_v2 .container {
	position: relative;
	border: 2px dashed #050071;
	border-radius: 15px;
	padding: 31px 0;
}

.need_v2 .container .row {
	position: relative;
	z-index: 1;
}

/* .need_v2 .container::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 84%;
	top: 38px;
	border: 2px dashed #050071;
	border-radius: 30px;
} */

.need__cont p {
	font-size: 17px;
	margin-bottom: 10px;
}

.need__cont h3 {
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 25px;
}

.img__box img {
	border-radius: 15px;
	height: 305px;
	overflow: hidden;
	box-shadow: -7px 7px 17px #ccc;
}

.col-lg-7.content-center {
	display: flex;
	align-items: center;
}

.img__box {
	padding: 10px;
}

.section__heading.w-100 {
	max-width: 920px;
}

.btn.btn-primary.display-7 {
	box-shadow: 2px 2px 10px #ccc;
	background-color: #050071;
	padding: 12px 30px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 40px;
	margin-top: 15px;
	border: 0;
	transition: all 0.5s;
}

.btn.btn-primary.display-7:hover {
	background-color: #000;
	border: 0;
	transition: all 0.5s;
}

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

.section_ss {
	background: linear-gradient(45deg, #bd4f2e, #c91057, #1999c7, #13c79d, #dbbc08, #d43006);
	background-size: 600% 100%;
	animation: gradient 16s linear infinite;
	animation-direction: alternate;
	margin-bottom: 50px;
}

.section_ss .section__heading {
	margin-bottom: 0 !important;
}

.section_ss .section__heading h3 {
	color: #fff;
}

.section_ss .section__heading p {
	color: #fff;
	font-size: 16px;
}

@keyframes gradient {
	0% {
		background-position: 0%
	}

	100% {
		background-position: 100%
	}
}

.container .card-body.text-center {
	min-height: 148px;
}

@media (min-width:992px) {
	.row.content-center {
		display: flex;
		align-items: center;
	}
}

@media (max-width:991px) {
	.need_v2 .container::after {
		height: 100%;
		top: 38px;
	}

	.home__banner__cont {
		margin-top: 30px;
	}

	.home__banner__cont h1 {
		font-size: 40px;
	}

	.section__heading h3 {
		font-size: 24px;
	}

	.service_v2_col {
		display: block;
	}

	.icon__box {
		margin-bottom: 10px;
	}

	.need__cont h3 {
		font-size: 28px;
		margin-top: 33px;
	}

	.section__heading p {
		font-size: 15px;
	}

	.need__cont p {
		font-size: 14px;
		margin-bottom: 3px;
	}
}


@media (max-width:991px) {
	#header .col-md-2 {
max-width: 200px;
	
	}

	.row_col_5, .count-box {
		grid-template-columns: auto auto auto;

	}
#header .col-md-1 {
	display: none;

}
div#header {
    display: flex;
    grid-gap: 20px;
}
}

@media (max-width:601px) {

	.row_col_5, .count-box {

		grid-template-columns: auto auto;

	}

}

@media (max-width:450px) {

	.row_col_5, .count-box {
	
		grid-template-columns:  auto;
	
	}

}


	section.section-counter {
		padding: 40px 0;
		background-color: #f5faff;
	}
	
	.item-box {
		text-align: center;
	}
	
	.icon_box img.img_icom {
		background-color: white;
		padding: 22px;
		border-radius: 10px;
		height: 130px;
	}
	
	.Details-count h2 {
		font-size: 28px;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	
	.Details-count p {
		font-size: 18px;
	}
	
	
	.Details-count p {}


	/* modal box */

	.popular__courses .section__heading {
		margin-bottom: 20px !important;
	}
		.courses_box {
		margin: 15px 0;
		border-radius: 22px;
		overflow: hidden;
	}
	
		.courses_box_cont {
		background-color: #f2f2f2;
		padding: 20px;
		text-align: center;
		border-top: 7px solid #011d42;
	}
	
	.courses_box_cont h4 {
		color: #011d42;
		font-size: 22px;
		font-weight: 700;
	}
	.popular__courses{
	padding:40px 0;
	
	}
	
	.popular__courses {
		padding: 40px 0;
		background-color: #fff;
	}
	
	.our__courses{
		padding-top:40px;
	}
	
	.courses_box_cont ul{
	margin-top:10px;
	margin-top:15px;
	}
	
	.courses_box_cont ul li {
		color: #000;
		padding: 3px;
	}
	.courses_box img.img-responsive {
		height: 293px;
		width: 100%;
		object-fit: cover;
	}
	
	.courses_box_cont .btn_an {
		background-color: #011d42;
		padding: 13px 20px;
		display: block;
		width: fit-content;
		margin: 10px auto;
		border-radius: 34px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
	}
	   
	.section__heading h4{
		font-size: 28px;
		line-height: 1.28571429;
		font-weight: 700;
		color: #011d42;
		padding:4px 0;
		
	}
	
	.section__heading h4 span{
	
	
	}
	.col-lg-4.col-md-6.mb-3 {
		margin-bottom: 20px;
	}
	.underline {
		display: block;
		/* position: absolute; */
		width: 338px;
		height: 47px;
		margin: -19px auto 0;
		top: 100%;
		left: 50%;
		/* background-size: 376px; */
		/* -webkit-box-shadow: inset -270px 0 5px #fff; */
		/* box-shadow: inset -270px 0 5px #fff; */
		/* -webkit-transform: translate(-40%, 0); */
		transform: translate(25%, 0);
		background-image: url(../../../CqpBWtBgBsTu.com/static/images/home/sprites/uNEWlDwn7pyH.png);
		background-position: -37px 11px;
		/* background-position: center; */
		background-size: 100%;
		background-repeat: no-repeat;
		-webkit-animation: underline-animation 1s ease-in 1s 1 normal forwards;
		animation: underline-animation 1s ease-in 1s 1 normal forwards;
	}
	


	.skill__development .courses_box {
		margin: 15px 0;
		border-radius: 22px;
		overflow: hidden;
		text-align: center;
		background-color: #011d42;
	}
	.skill__development .courses_box_cont {
		border-top: 0;
		background-color: #f2f2f2;
		padding: 20px;
		text-align: center;
		border-top: 0;
	}
	
	.skill__development .courses_box i {
		width: 60px;
		height: 60px;
		background-color: #f2f2f2;
		color: #011d42;
		line-height: 60px;
		margin: 15px auto !important;
		font-size: 32px;
		text-align: center;
		border-radius: 100%;
	}
	.courses_box_cont h4 {
		color: #011d42;
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.img-100{max-width: 100%; width: 100%;}
	.courses__img{
		margin: 10px 0;
   
	}
	.courses__img{
		transition: all 0.3s;

	}

	.courses__img:hover{
		transition: all 0.3s;
		transform: scale(1.03);
	}


	
#ASTP_popup .modal-content {
    border-radius: 40px;
    overflow: hidden;
    /* height: 366px; */
    max-width: 900px;
    /* width: 100%; */
	margin: 20px;
}

#ASTP_popup:after{
    content:'';
	width: 100%;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color:#fff;
    background-image:url(../../../Ocn0juKAZnpt.in/wp-content/uploads/2022/03/ziph7pjkhs5n.jpg);
    filter: blur(9px);
    -webkit-filter: blur(9px);
}

.modal-backdrop.in {
    display: none;
}
.role-card.fancybox-close {
    background-image: none;
    height: 100%;
 right: 0;
}

.modal_logo {
    width: 200px;
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
}
.modal_logo {
    width:200px;
}
#ASTP_popup .modal-header {
    text-align: center;
    background-color: #ffff !important;
    grid-gap: 20px;
    padding: 15px 22px;
}
#ASTP_popup .modal-header h2 {
color:#000;
text-align: center;
}
.role-card {
	margin: 10px 0;
    color: #000;
    width: 100%;
    background-color: #eff0f0;
    mix-blend-mode: normal;
    /* border: 1px solid #acacac; */
    border-radius: 10px;
    padding: 21px 15px;
    cursor: pointer;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    height: 100%;
}


.role-card .role-img img {
    max-height: 91px;
    width: 99px;
    min-height: 91px;
}

.role-detail h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #000000;
    margin-bottom: 10px;
}
.role-detail h5 {
    font-size: 15px;
}
body #ASTP_popup .modal-dialog {
    width: 100%;
    margin: 0 auto;
    height: -webkit-fill-available;
    display: flex;
    justify-content: center;
    align-items: center;
}

body #ASTP_popup  .modal-body {
    position: relative;
    padding: 60px 26px;

}

#ASTP_popup .modal-header h2{
    font-size: 24px;
    font-weight: 600;
    padding: 16px;
    line-height: 1.3;
}
img.img_logo_v2 {
    max-height: 90px;
}

    @media screen and (min-width: 768px) {
   body #popupimg .modal-dialog {
        width: 887px;
        margin: 40px auto;
    }

    #ASTP_popup {
      z-index: 99999;
    }

    div#ASTP_popup {
        background-color: #121212d4;
    }

}



.header-top a.btn.btn-danger.btn-sm {
    background-color: #050071;
    border: 0;
}