@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900&display=swap'); /*font-family: 'Source Sans Pro', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou&display=swap'); /*font-family: 'ZCOOL QingKe HuangYou', cursive;*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body {
	font-family: 'Noto Sans', sans-serif;
	color: #202020;
	font-size: 15px;
	font-weight: 300;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
}

body, html {
	overflow-x: hidden;
	width: 100%;
}
/*SECTION TOP NAV*/
.top-nav {
	background-color: #28306f;
	border: 0px;
	padding: 0px 0px;
	z-index: 50;
	position: relative;
	border-bottom: 0px;
	height: auto;
	font-size: 13px;
	/* border-image: url("../images/border-line.jpg") 30 30 30 30 round round; */
	border-bottom: 2px solid transparent;
}

	.top-nav .time {
		float: left;
		color: #ffffff;
		text-decoration: none;
		padding-top: 4px;
		font-size: 13px;
		font-weight: 400;
	}

		.top-nav .time:before {
			content: "\f017";
			font-family: FontAwesome;
			margin-right: 5px;
		}

	.top-nav li:n .top-nav li:last-child {
		border-right: 0px
	}

	.top-nav ul {
		margin: 0px;
		padding: 0px;
		text-align: right;
	}

	.top-nav li {
		/* float: left; */
		list-style-type: none;
		padding: 3px;
		display: inline-block !important;
		border-right: 1px solid rgba(0,0,0,.1);
	}

		.top-nav li:nth-child(1) {
			border-right: 1px solid rgba(0,0,0,.1);
			padding: 5px 3px;
		}

		.top-nav li:nth-child(2) {
			border-right: 1px solid rgba(0,0,0,.1);
			padding: 5px 3px;
		}

		.top-nav li:nth-child(3) {
			padding: 4px 3px;
			border: 0px;
		}

		.top-nav li:nth-child(5) {
			border-right: 1px solid rgba(0,0,0,.1);
			padding: 3px 6px;
		}

		.top-nav li:nth-child(4) {
			border-right: 1px solid rgba(0,0,0,.1);
			padding: 3px 5px;
			border-left: 1px solid rgba(0,0,0,.1);
		}

		.top-nav li:nth-child(9) {
			border-right: 0px solid rgba(0,0,0,.1);
			padding: 3px 10px;
			border-left: 0px solid rgba(0,0,0,.1);
		}

.fb {
	background-color: #4f80d9;
}

.twit {
	background-color: #31ccff;
}

.youtube {
	background-color: #f52121;
}

.insta {
	background-color: #eb7221;
}

.top-nav li a {
	color: #ffffff;
}

.top-nav li img {
	height: 20px;
}

.fontresize {
	font-weight: 600;
	display: block;
	padding: 0px;
	font-size: 15px;
	text-align: center;
}

.search {
	float: right;
	padding: 2px !important;
}

.searchbox {
	width: 200px;
}

.stylish-input-group .input-group-addon {
	background-color: #95661f;
	border: 0px solid #f7efe0;
	color: #fff;
	padding: 0px 0px;
	border-radius: 0px;
}

.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: transparent;
	border-radius: 0px;
	height: 25px;
}

.stylish-input-group button {
	border: 0;
	background: transparent;
}

.theame {
	font-weight: bold;
	display: block;
	padding: 0px 0px;
	text-align: center;
	border: 1px solid #fff;
	height: 23px;
	width: 20px;
	box-sizing: border-box;
	color: #fff !important;
}

.language a {
	display: block;
	padding: 2px 11px;
	text-align: center;
	box-sizing: border-box;
	color: #fff !important;
	background-color: #95661f;
}

.social {
	font-weight: bold;
	display: block;
	padding: 0px 0px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	height: 23px;
	width: 23px;
	box-sizing: border-box;
}

.top-nav li .default {
	background-color: #d22327;
}

.top-nav li .contrast {
	background-color: #000;
}

.language .dropdown-menu {
	min-width: 80px;
	left: -5px;
	border-radius: 0px;
}

	.language .dropdown-menu > li {
		display: block;
		width: 100% !important;
		padding: 0px !important;
		border-bottom: 1px solid #efefef;
	}

	.language .dropdown-menu li a {
		color: #000 !important;
		text-align: left;
		display: block;
	}

.stylish-input-group .input-group-addon {
	background-color: #eda12e;
	border: 1px solid #eda12e;
	color: #fff;
}

.stylish-input-group .form-control {
	border-right: 0;
	box-shadow: 0 0 0;
	border-color: #ccc;
	border-radius: 2px;
}

.stylish-input-group button {
	border: 0;
	background: transparent;
}

.searchbox {
}

.srchtoggle {
	display: none;
	padding: 8px 15px;
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
}
/*header section*/
.top-middle-sec {
}

.logo {
	padding: 0px 0px;
}

	.logo img {
		max-width: 89vw;
	}

.uplogo {
	padding: 10px 0px;
}

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

.menusection {
	background-color: #d22327;
	padding: 1px 0px;
}

.navbar-inverse {
	background-color: transparent;
	border: 0px;
	margin-bottom: 0px;
	min-height: 24px;
}

.dropdown > a:after {
	content: "\f0d7";
	font-family: "FontAwesome";
	margin-left: 6px;
}

.home > a::after {
	content: "\f015";
	font-family: "FontAwesome";
}

.dropdown-menu .has-submenu:after {
	font-family: "FontAwesome";
	content: "\f0da";
	position: absolute;
	right: 8px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.navbar-inverse .navbar-nav > li:nth-child(1) a {
	font-size: 26px;
	padding: 12px 12px;
	border-left: 0px
}

.navbar-nav > li {
	border-right: 1px solid #ffffff33;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background-color: #28306f;
	color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	background-color: #f56a0600;
	color: #ffffff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #ce9237;
	color: #fff;
}

.navbar-nav > li > a {
	padding: 12px 12px;
}

.dropdown-menu {
	border-radius: 0px !important;
	width: 180px;
	padding: 0px;
}

	.dropdown-menu li {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}

		.dropdown-menu li:last-child {
			font-size: inherit;
			border-bottom: 0px;
		}

	.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
		background-color: #eaeaea !important;
		color: #0f2e5d !important;
		text-decoration: none;
	}

	.dropdown-menu > li > a {
		font-weight: 400;
	}

.btn {
	position: relative;
	border-radius: 0px;
	overflow: hidden;
}

	.btn:before {
		content: "";
		width: 0;
		height: 0;
		border-bottom: 58px solid rgba(255,255,255,.1);
		border-right: 115px solid transparent;
		position: absolute;
		left: 0;
		top: 0px;
	}

.otherlogo {
	float: right;
	padding: 29px 0px;
}

	.otherlogo img { /* max-width:100vw; */ /* display:inline-block; */ /* margin:0px 5px; */
	}

#counternum {
	padding-bottom: 20px;
}

.impact {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	.impact li {
		text-align: center;
		background: #ffffff;
		background: -moz-linear-gradient(left, #ffffff 0%, #f4f4f4 100%);
		background: -webkit-linear-gradient(left, #ffffff 0%,#f4f4f4 100%);
		background: linear-gradient(to right, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
		min-height: 152px;
	}

	.impact .count-title {
		font-family: 'ZCOOL QingKe HuangYou', cursive;
		color: #e16600;
	}

	.impact li .count-text {
		font-size: 1em;
		font-weight: 600;
	}

.leader {
	margin: 0px;
	padding: 0px;
	list-style: non;
}

	.leader li {
		background-image: url(../images/cmbg.jpg); /* background-repeat:no-repeat; */ /* background-position:center; */
		display: table;
		width: 100%;
		border: 1px solid #dcdcdc;
		margin: 0px auto 20px auto;
		padding: 15px;
		text-align: center;
	}

		.leader li .cell-1, .leader li .cell-2 {
			display: table-cell;
			vertical-align: middle;
		}

		.leader li .cell-1 {
			width: 45%;
		}

			.leader li .cell-1 img {
				max-width: 100%;
				border-radius: 0;
				border: 3px solid #ccc;
			}

		.leader li .cell-2 {
		}

			.leader li .cell-2 h4 {
				margin-top: 0px;
				color: #020202;
				text-transform: uppercase;
				font-size: 25px;
			}

			.leader li .cell-2 p {
				margin-bottom: 0px;
				font-size: 1em;
				font-weight: 600;
				color: #f56a06;
			}

.welcome {
	border: 1px solid #dcdcdc;
	position: relative;
	padding: 10px;
	margin-left: 0%;
	min-height: 295px;
}

	.welcome h1 {
		font-weight: 600;
		color: #28306f;
		margin-top: 0px;
		font-size: 1.7em;
		text-transform: uppercase;
		border-bottom: 1px dashed #000;
		padding-bottom: 14px;
	}

.cmphoto {
	background-image: url(../images/cmbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px;
	border: 1px solid #dcdcdc;
	position: relative;
	text-align: center;
}

	.cmphoto h4 {
		text-transform: uppercase;
		font-weight: 600;
		color: #000;
	}

	.cmphoto p {
		font-size: .9em;
		font-weight: 600;
	}

	.cmphoto img {
		border-radius: 0;
		width: 76%;
		border: 3px solid #fff;
	}

#activity {
	background-color: #d22327;
	padding: 20px 0px;
}

.et-run .fa:before {
	content: "\f04c" !important;
}

.news {
	padding: 0px;
}

.vticker {
	height: 354px !important;
	margin-bottom: 15px;
	background-color: #fff;
}

	.vticker .arw, .vticker .dtype, .vticker .fa-file-pdf-o {
		display: none;
	}

	.vticker .dsize {
		font-size: .8em;
		color: #352961 !important;
		margin-top: 5px;
	}
	/*.vticker .dsize:before {
	content: "\f1c1";
	color: #D32F2F;
	font-family: FontAwesome;
}*/
	.vticker ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

		.vticker ul li {
			border-bottom: 1px solid rgba(0,0,0,.1);
			position: relative;
			padding: 10px 10px 10px 85px;
			background-color: #fff;
			margin-bottom: 10px !important;
			/*	height:63px;*/
		}

			.vticker ul li:before {
				content: url(../images/small-calendar.png);
				position: absolute;
				background-color: #f56a06;
				padding: 15px;
				left: 0;
				height: 100%;
				top: 0px;
			}

			.vticker ul li a {
				display: block;
				color: #2a2a2a;
				font-weight: 600;
			}

			.vticker ul li span {
				display: block;
			}

			.vticker ul li .ndate {
				color: #002359;
				font-size: 0.9em;
				text-transform: uppercase;
				font-weight: 600;
			}

			.vticker ul li .dsize {
				color: #666;
				font-size: 0.80em;
			}

.news .scroll {
	max-height: 374px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#activity .title {
	position: relative;
	margin-bottom: 20px;
}

	#activity .title:after {
		position: absolute;
		width: 40%;
		height: 2px;
		background-color: rgb(255 255 255);
		content: "";
		z-index: 0;
		left: 0;
		margin: 0px auto 0px auto;
		bottom: 0%;
	}

	#activity .title svg {
		height: 30px;
		margin-right: 10px;
		fill: #dc3545;
		float: left;
	}

	#activity .title h4 {
		font-weight: 800;
		position: relative;
		z-index: 2;
		display: inline-block;
		padding-bottom: 10px;
		color: #333;
		text-transform: uppercase;
		font-size: 1.6em;
	}

span.btnview {
	display: flex
}

	span.btnview a {
		background: #4a606d;
		padding: 10px 15px;
		color: #FFF;
		text-transform: uppercase;
		font-size: 1.1em;
	}

.title span.avpause {
	position: absolute;
	right: 0px;
	top: 20px;
}

	.title span.avpause a {
		color: #ffffff;
	}



.scheme {
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.07);
	margin-bottom: 20px;
}

	.scheme .tab .nav-tabs {
		position: relative;
		border-bottom: none;
		background: #26668a;
		display: table;
		width: 100%;
	}

		.scheme.tab .nav-tabs li {
			margin: 0;
			margin-bottom: 0px !important;
			display: table-cell;
		}

			.scheme .tab .nav-tabs li a {
				display: block;
				padding: 12px 21.3px;
				background: none;
				font-size: 1.2em;
				font-weight: 500;
				color: #ffffff;
				text-align: center;
				border-radius: 0;
				border: none;
				margin-right: 0;
				overflow: hidden;
				z-index: 1;
				position: relative;
				transition: all 0.3s ease 0s;
			}

				.scheme .tab .nav-tabs li a:after {
					content: "";
					width: 100%;
					height: 100%;
					background: #e9e9e9;
					position: absolute;
					top: 0;
					left: 0;
					z-index: -1;
					perspective-origin: 50% 100%;
					transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
					transform-origin: 50% 100% 0;
					transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
				}

				.scheme .tab .nav-tabs li a.active:after {
					background: #ce9337;
					transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
				}

				.scheme.tab .nav-tabs li.active a,
				.scheme .tab .nav-tabs li a:hover {
					color: #ffffff;
					border: none;
				}

	.scheme .tab .tab-content {
		padding: 20px;
		background: #ffffff;
		font-size: 15px;
		color: #757575;
		line-height: 26px;
		min-height: 305px;
	}

		.scheme .tab .tab-content h3 {
			font-size: 24px;
			margin-top: 0;
		}


.stategovernment .nano .nano-content ul {
	padding: 0px;
	margin: 0px
}

	.stategovernment .nano .nano-content ul.list {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

		.stategovernment .nano .nano-content ul.list li {
			position: relative;
			padding: 5px 5px 5px 28px;
			text-align: justify;
		}

		.stategovernment .nano .nano-content ul.list > li {
			border-bottom: 1px solid #f3f3f3;
			line-height: 20px;
		}

			.stategovernment .nano .nano-content ul.list > li a {
				display: block;
				text-decoration: none;
				font-size: 1.1em;
				color: #2d2d2d;
				font-weight: 500;
			}

		.stategovernment .nano .nano-content ul.list .arw, .stategovernment .nano .nano-content ul.list .fa, .stategovernment .nano .nano-content ul.list .dtype {
			display: none;
		}

.stategovernment ul.list > li span.dsize {
	font-size: 0.9em;
	color: #2d2d2d;
}

.stategovernment ul.list > li p.ndate {
	display: block;
	font-size: 0.9em;
	color: #2d2d2d;
	font-weight: bold;
}

.stategovernment ul.list li h4 {
	margin: 0px;
}

.stategovernment ul.list li:last-child {
	border-bottom: none;
}

.stategovernment ul.list > li:before {
	content: "\f0f6";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	color: #ce9337;
}

.stategovernment ul.list ul {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	.stategovernment ul.list ul li {
		padding: 6px 0px 6px 15px;
		position: relative;
	}

		.stategovernment ul.list ul li:before {
			content: "\f0c8";
			position: absolute;
			left: 3px;
			font-family: FontAwesome;
			color: #bb3245;
			font-size: 6px;
			margin-top: 3px;
		}

#stategovernment span.btnview, #CentrallySponsored span.btnview, #Scholarships span.btnview {
	position: absolute;
	bottom: -40px;
	left: 15px;
}

#usefull {
	padding: 20px 0px;
	background-image: linear-gradient(to bottom, #28306f 69%, #ffffff 6%);
	margin-bottom: 15px;
}

.ourser_wrap {
	position: relative;
}

	.ourser_wrap .linkstitle {
		position: absolute;
		transform: rotate(-90deg);
		transform-origin: left top 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 2.3em;
		font-weight: 800;
		bottom: -25px;
		letter-spacing: 3px;
		color: #d5d5d5;
		left: -64px;
		top: auto;
	}

.highlight-links {
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	display: flex;
}

	.highlight-links ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		.highlight-links ul li {
			float: left;
			box-sizing: border-box;
			border-top: 0 solid rgba(0,0,0,.2);
			border-right: 0 solid rgba(0,0,0,.2);
			border-bottom: 10px solid #28306f;
			border-left: 0 solid rgba(255,255,255,.4);
			width: 14%;
			background: #fff;
			text-align: center;
			box-sizing: border-box;
			margin: 0px 15px;
			border-radius: 15px;
			box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
			min-height: 187px;
		}

			.highlight-links ul li a {
				display: block;
				padding: 10px 10px;
				font-size: 1.2em;
				transition-duration: .3s;
				color: #3f3f3f;
				font-weight: 700;
			}

				.highlight-links ul li a svg {
					height: 50px;
					fill: #256789;
					transition-duration: .3s;
				}

				.highlight-links ul li a:hover {
					background-color: transparent;
					text-decoration: none;
					color: #000;
				}

					.highlight-links ul li a:hover svg {
						fill: #fff;
					}

	.highlight-links li .icons {
		padding: inherit;
		border-radius: 50%;
		height: 70px;
		width: 70px;
		display: block;
		margin-right: 15px;
		margin: 11px auto 10px auto;
		background: transparent;
		border: 0px solid #e6e6e6;
		color: #ddd;
	}

	.highlight-links ul li a:hover .icons {
		background-color: #256789;
		/* border-color: #ffffff; */
		/* transition: .3s all; */
	}

	.highlight-links li .icons img {
		height: 28px
	}

	.highlight-links h2.serfxd {
		position: absolute;
		background: #fff;
		padding: 3px 11px;
		top: -33px;
		z-index: 9999;
		left: 30px;
		font-weight: 900;
		font-size: 28px;
		text-transform: uppercase;
		color: #3e3e3e
	}

#usefull .ourser_wrap .linkstitle1 h2 {
	color: #FFF;
	font-weight: 600;
	font-size: 2em;
	margin: 15px 0px 30px 0px;
}




.brand-items {
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	display: table;
	width: 100%;
}

	.brand-items .owl-wrapper-outer {
		display: table;
		width: 100%;
	}

	.brand-items li {
		list-style: none;
		padding: 0px 14px;
	}

		.brand-items li img {
			max-width: 100%;
		}

	.brand-items .owl-buttons {
		display: none;
	}





footer {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: linear-gradient(to top, #3f3f3f 92%, #ffffff 31%);
}

.footer-link {
	padding: 40px 0px;
	color: #fff;
}

.footerbtm {
	background: #1f1f1f;
	padding: 15px 0px;
	color: #fff;
	font-size: 15px;
}

.ftleft {
	width: 100px;
	height: 40px;
	background: #24292c;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

	.ftleft:before {
		border-bottom: 49px solid #24292c;
		border-right: 45px solid transparent;
		content: "";
		height: 0;
		right: -45px;
		position: absolute;
		top: 0px;
		width: 0;
	}

.footer-link {
	/* padding: 15px 0px 20px 0px; */
	color: #eae8e8;
	font-weight: 400;
	font-size: 0.9em;
	position: relative;
}

	.footer-link h4 {
		color: #fff;
		margin: 0px 0px 3px 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: 0px solid #fff;
		/* text-transform: uppercase; */
		font-weight: 600;
	}

	.footer-link h5 {
		text-transform: uppercase;
		font-weight: bold;
	}

	.footer-link ul, .footer-bottom ul {
		margin: 0px;
		padding: 15px 0px !important;
		list-style: none;
	}

	.footer-link li a {
		display: block;
		padding: 5px 0px 5px 15px;
		font-size: 16px;
	}

		.footer-link li a:before {
			/*background: url(../images/ftarrow.png) left no-repeat;*/
			content: "";
			font-family: FontAwesome;
			margin-right: 6px;
			width: 9px;
			font-size: 12px;
			position: absolute;
			left: 0;
			height: 10px;
			top: 8px;
		}

	.footer-link a {
		color: #d0d0d0;
		position: relative;
	}

		.footer-link a:hover {
			color: #fff;
			text-decoration: none;
		}

.footer-bottom li a, .footer-bottom a {
	color: #000;
}

.footer-bottom li {
	display: inline-block;
	padding: 0px 6px;
	border-right: 1px solid #142659;
}

	.footer-bottom li:first-child {
		padding-left: 0px;
	}

	.footer-bottom li:last-child {
		border-right: 0px solid #142659;
	}

.policylink {
	column-count: 3;
}

	.policylink li {
		padding: 5px;
	}

		.policylink li a {
			display: block;
			border: 1px solid rgba(255,255,255,.2);
			background-color: rgba(0,0,0,.1);
			transition-duration: .3s;
		}

			.policylink li a:hover {
				background-color: #ce9337;
				color: #fff;
			}

.banFxd {
	position: fixed !important;
	width: 100% !important;
	left: 0px;
	right: 0px;
	margin: 0px auto !important;
	z-index: 0 !important;
	top: 0px;
}

.eventcard, .eventcard, footer {
	position: relative;
	z-index: 5;
}

.greysection {
	position: relative;
	z-index: 5;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.footerbtm a {
	color: #ffff9d;
}

.footer-link ul {
	margin-left: 0px;
	padding: 0px;
}

	.footer-link ul.ft_conDetails li {
		margin-bottom: 5px;
		position: relative;
		font-size: 17px;
	}

		.footer-link ul.ft_conDetails li img {
			float: left;
			height: 70px;
			margin-right: 10px;
		}

		.footer-link ul.ft_conDetails li svg {
			float: left;
			height: 25px;
			fill: #fff;
			position: relative;
			margin-left: 10px;
			margin-right: 10px;
		}

.search-inline {
	width: 100%;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	top: 0;
	height: 45px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background-color: #ececec;
	z-index: 99999;
	transition: all .5s ease-in-out;
}

	.search-inline.search-visible {
		opacity: 1;
		visibility: visible;
		animation: fadeInDown 0.4s ease-in-out;
	}

	.search-inline button[type="submit"] {
		position: absolute;
		right: 52px;
		top: 0;
		background-color: transparent;
		border: 0px;
		top: 0;
		right: 80px;
		padding: 0px;
		cursor: pointer;
		width: 80px;
		height: 99%;
		background: #352961;
		color: #fff;
	}

	.search-inline .form-control {
		border: 0px;
		padding-left: 0;
		font-size: 2rem;
		position: absolute;
		left: 1%;
		top: 0;
		height: 100%;
		width: 99%;
		font-family: "Montserrat", sans-serif;
		font-weight: 700;
		outline: none;
	}

	.search-inline .search-close {
		position: absolute;
		top: 0;
		right: 0;
		color: #616161;
		width: 80px;
		height: 100%;
		text-align: center;
		display: table;
		background: #efefef;
		text-decoration: none;
	}

		.search-inline .search-close i {
			display: table-cell;
			vertical-align: middle;
			color: #fff;
			background: #dc3545;
		}

	.search-inline .form-control {
		display: block;
		width: 100%;
		padding: 0px 0px;
		font-size: 1em;
		line-height: 1.5;
		color: #007c7c;
		background-color: #efefef;
		background-clip: padding-box;
		border: 1px solid #efefef;
		border-radius: .25rem;
		font-weight: 300;
		transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
	}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}



.implink-wrap {
	position: relative;
	padding: 40px 0px 30px 0px;
	background-color: #f1f3f8;
}

	.implink-wrap .busheading h2 {
		color: #352961;
		position: absolute;
		background: #f1f3f8;
		left: 34%;
		top: -25px;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 1.7em;
		letter-spacing: -1px;
		padding-right: 30px;
		padding-left: 30px;
	}

	.implink-wrap .busheading {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		position: relative;
	}




.filtr-container {
	min-height: 327px !important
}

.strip {
	position: relative;
	z-index: 6;
	height: auto;
	overflow: hidden;
	background-color: #f56a06;
	border: 1px solid rgba(255,255,255,.1);
}

	.strip .left {
		z-index: 3;
		padding: 15px;
		color: #fff;
		font-weight: 500;
		text-align: right;
		font-size: 0.9em;
	}

	.strip .right {
		z-index: 4;
		padding: 0px 0px 0px 15px;
		color: #fff;
		font-weight: 300;
	}

		.strip .right h3 {
			font-size: 1.6em;
			text-align: left;
			margin-top: 10px;
			display: inline-block;
			margin-right: 4px;
		}
/*.strip .right::before {
    background-image: url(../images/ribbon-corner-2.png);
    content: '';
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    left: -36px;
	top: 0px;
	width: 38px;
	z-index: 10;
	height: 117px;
}*/
.social-network li a::before {
	content: normal;
}

.strip .right .btn {
	border: 0px solid #fff;
	background-color: #ff5405;
	color: #fff;
	border-radius: 25px;
	padding: 8px 20px;
}

	.strip .right .btn:hover {
		background-color: #fe702e;
	}


ul.social-network {
	list-style: none;
	display: block;
	padding: 0;
	margin: 9px 0px 0px 0px;
	display: inline-block;
}

	ul.social-network li {
		display: inline-block;
		margin: 0px 4px 0px 0px;
	}

.social {
	padding: 20px;
	border-radius: 2px;
	color: #fff;
	height: auto;
	overflow: hidden;
}

	.social h2 {
		margin: 6px 0 0 0;
		padding: 0px;
	}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
}

a.socialIcon:hover, .socialHoverClass {
	color: #44BCDD;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 32px;
	height: 32px;
	border: 1px solid #ffffff;
	font-size: 20px;
	border-radius: 50%;
	/* box-shadow: -2px -2px 1px rgba(0,0,0,.2), 1px 1px 2px rgba(0,0,0,.3) inset; */
	box-sizing: border-box;
	padding: 0px;
}

.social-circle li i {
	margin: 0;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.social-circle i {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.icoFacebook {
	background-color: transparent;
	color: #ffffff !important;
}

.icoTwitter {
	background-color: transparent;
	color: #182030 !important;
}

.icoRss {
	background-color: rgba(255,255,255,.2);
	color: #182030 !important;
}

.icoGoogle {
	background-color: rgba(255,255,255,.2);
	color: #182030 !important;
}

.icoLinkedin {
	background-color: transparent;
	color: #ffffff !important;
}

.icoYoutube {
	background-color: transparent;
	color: #182030 !important;
}

.social-network a.icoRss:hover {
	background-color: #F56505;
	color: #fff !important;
}

.social-network a.icoFacebook:hover {
	background-color: none;
	color: #3f3f3f !important;
}

.social-network a.icoTwitter:hover {
	background-color: transparent;
	color: #3f3f3f !important;
}

.social-network a.icoGoogle:hover {
	background-color: #BD3518;
	color: #fff !important;
}

.social-network a.icoVimeo:hover {
	background-color: #0590B8;
	color: #fff !important;
}

.social-network a.icoLinkedin:hover {
	background-color: transparent;
	color: #fff !important;
}

.social-network a.icoYoutube:hover {
	background-color: transparent;
	color: #fff !important;
}

.rightborder {
	border-left: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e;
}

.footer-link .footermiddle {
	margin-left: 98px;
	margin-top: 20px;
}

.footer-link ul.ft_conDetails li strong.text-warning {
	color: #ffc05d;
}

.internal-banr {
	position: relative;
	background: url(../images/bg-diagonal-lines-light.png) repeat;
	min-height: 161px;
}

	.internal-banr img {
		width: 100%;
		position: relative;
	}

.pagetitle {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0px auto;
	top: 0%;
	text-align: center;
	padding-top: 39px;
}

	.pagetitle h1 { /* font-family:'Exo 2', Arial, Helvetica, sans-serif; */
		color: #28306f;
		font-weight: 700;
		font-size: 2em;
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
	}

	.pagetitle .breadcrumb {
		margin: 0px;
		font-size: 14px;
		background-color: transparent;
		border-bottom: 0px solid #eee;
		font-weight: 600;
	}

		.pagetitle .breadcrumb li a, .pagetitle .breadcrumb li {
			color: #000;
			padding: 3px;
		}

.in-container {
	background-color: #ffffff;
	background-image: url("https://www.transparenttextures.com/patterns/climpek.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	overflow: hidden;
	background-color: #fff;
	/* min-height:600px; */
	margin-top: -22px;
	padding: 15px 20px;
	color: #2c2c2c;
	position: relative;
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.11);
	margin-bottom: 25px;
	border-radius: 8px;
	border-top: 3px solid #d22327;
}



.inner-banner {
	position: relative;
	background-color: #06F;
	min-height: 500px;
	background-image: url(../images/bg-diagonal-lines-light.png );
	background-position: center;
	background-size: cover;
}

.inbg { /*background-color:#F6F6F7;*/
}

.incontent {
	padding: 0px 0px 0px 25px;
}

	.incontent h1 {
		font-size: 3.2em;
		margin-top: 0px;
		position: relative;
		color: #9C0029;
		display: inline-block;
		font-weight: bold;
		margin-bottom: 20px;
	}

.breadcrumb > li + li::before {
	content: unset;
}

.incontent h2 {
	color: #000;
	font-weight: 600;
}

.incontent h3 {
	color: #000;
	font-weight: 600;
}

.filter-box {
	width: 100%;
	border-collapse: collapse;
	margin: 12px auto;
	color: #000
}

	.filter-box td {
		background-color: #ececec;
		padding: 8px
	}

	.filter-box input[type=submit] {
		background: #ce9237;
		border: 0 solid red;
		color: #fff;
		padding: 7px 10px;
		width: 100%
	}

	.filter-box input[type=text] {
		border: 1px solid #b3b3b3;
		padding: 5px;
		width: 100%;
		height: 35px;
		color: #000
	}

	.filter-box select {
		border: 1px solid #abaaaa;
		padding: 5px;
		width: 100%;
		height: 35px !important;
		color: #000
	}

.serial {
	counter-reset: Serial
}

	.serial tr td:first-child {
		text-align: center
	}

		.serial tr td:first-child::before {
			content: "" counter(Serial,decimal);
			counter-increment: Serial
		}

table th {
	background: #4a606c;
	color: #fff;
	font-weight: 600;
}

	table th a, table th a:hover {
		color: #fff;
	}

table td a {
	color: #000;
}
/*ul.list{padding:0}
ul.list{margin:0 0 15px 0;padding:0;list-style:none}
ul.list li{line-height:25px;padding-left:25px;margin-bottom:6px}
ul.list li ul li{line-height:26px;padding-left:15px;margin-bottom:6px;position:relative}
ul.list li:before{content:"\f061";font-family:'FontAwesome';color:#0f2e5d;font-size:14px;margin-left:-30px;margin-right:6px;padding:2px 5px;width:20px;height:20px;box-sizing:border-box}
ul.list ul{margin:5px 10px 5px 17px;padding:0;list-style:none}
ul.list ul li:before{content:"\f105";font-family:'FontAwesome';color:#0f2e5d;font-size:18px;margin-left:-29px;margin-right:6px;border:0 solid #03356e;border-radius:50%;padding:0;width:0;height:0;box-sizing:border-box;position:absolute}
*/ .portfolio {
	background: linear-gradient(90deg,#fff 50%,#fff 50%);
	padding: 6%;
	text-align: center;
	position: relative;
	min-height: 400px
}

.archive.btn {
	margin-top: 15px;
	display: block;
	background-color: #25668a;
	border-color: #25668a;
}

.pdf-size:before, .rar-size:before, .word-size:before {
	font-family: FontAwesome;
	margin: 0 5px
}

.pdf-size {
	font-size: 12px;
	color: #4a606c;
	display: block
}

	.pdf-size img {
		display: none
	}

	.pdf-size:before {
		content: "\f1c1";
		color: #d32f2f
	}

.word-size {
	font-size: 12px;
	color: #000;
	display: block
}

	.word-size:before {
		content: "\f1c2";
		color: #d32f2f
	}

.rar-size {
	font-size: 12px;
	color: #000
}

	.rar-size:before {
		content: "\f1c6";
		color: #d32f2f
	}

.menu > ul > li > a {
	display: block;
	font-weight: 400;
	font-size: 1.3em;
	padding: 8px 13px;
	pointer-events: none;
	background-color: #d09a06;
	color: #fff;
	font-weight: 600;
	pointer-events: none
}

.sitemap {
	margin: 0 15px
}

	.sitemap h4 {
		margin-bottom: 20px
	}

	.sitemap ul {
		background: url(../images/site_map_ul.gif) 0 -5px repeat-y !important;
		list-style-type: none !important;
		margin: 0 !important;
		padding: 0 5px 4px 6px !important;
		position: relative !important
	}

		.sitemap ul li {
			background: url(../images/site_map_list.gif) -5px 4px no-repeat !important;
			line-height: 16px !important;
			padding: 0 0 0 10px !important;
			font: 700 10pt arial;
			margin: 10px 0;
			text-align: left
		}

			.sitemap ul li a {
				background-color: #f4f4f4;
				border: 1px solid #e5e5e5;
				color: #000 !important;
				display: inline-block;
				padding: 8px;
				border-radius: 18px;
				transition-duration: .3s
			}

				.sitemap ul li a:hover {
					background-color: #ce9237;
					border: 1px solid #d09a06;
					color: #fff !important;
					padding-left: 9px;
					text-decoration: none
				}

			.sitemap ul li ul {
				padding-bottom: 1px
			}

				.sitemap ul li ul li {
					font: 10pt arial
				}

.search-result {
	list-style: none;
	margin: 0;
	padding: 0
}

	.search-result li {
		border: 1px solid #eee;
		padding: 5px 10px !important;
		transition: all .2s ease 0s;
		margin-bottom: 10px
	}

		.search-result li a {
			color: #03F
		}

		.search-result li:hover {
			box-shadow: 0 0 5px rgba(0,0,0,.2)
		}

	.search-result .local {
		color: #271def;
		display: block;
		font-size: 1.18em
	}

		.search-result .local:hover {
			color: #271def
		}

	.search-result span {
		color: #006621;
		display: block;
		font-size: .85em
	}

	.search-result p {
		margin: 5px 0;
		color: #333;
		font-size: .9em
	}

.incontent h3 {
	color: #444444;
	font-size: 1.6em;
	font-weight: 600;
	margin: 20px 0;
	text-align: center;
	background: url(../images/line.jpg) 0 center repeat-x;
}

	.incontent h3 span {
		background: #fff none repeat scroll 0 0;
		padding: 0 15px;
	}

ul.list {
	padding: 0px;
	margin: 0px;
}

	ul.list li {
		position: relative;
		padding-left: 24px;
		list-style: none;
		margin-bottom: 6px;
	}

		ul.list li:after {
			top: 5px;
			position: absolute;
			content: "\f192";
			font: normal normal normal 14px/1 FontAwesome;
			left: 0px;
			color: #979797;
		}

	ul.list ul {
		padding: 0px
	}

		ul.list ul li {
			position: relative;
			padding-left: 20px;
			list-style: none
		}

			ul.list ul li:after {
				top: 7px;
				position: absolute;
				content: "\f054";
				font: normal normal normal 14px/1 FontAwesome;
				left: 0px;
				color: #979797;
			}

.accordion .panel-heading {
	position: relative;
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
	padding: 10px 15px;
}

	.accordion .panel-heading h4 {
		text-transform: none;
		border: none;
		font-size: 1.1em;
		padding-bottom: 0;
		font-weight: 400;
	}

		.accordion .panel-heading h4 a {
			display: block
		}

			.accordion .panel-heading h4 a i.glyphicon {
				padding: 5px;
				font-size: 9px;
				border-radius: 50%;
				position: absolute;
				top: 10px;
				right: 10px;
			}

	.accordion .panel-heading a:focus, .accordion .panel-heading a:hover {
		text-decoration: none
	}

.btn-info {
	color: #fff;
	background-color: #4a606c;
	border-color: #4a606c;
}

	.btn-info:hover {
		color: #fff;
		background-color: #d09a06;
		border-color: #d09a06;
	}

.pdf-size {
	font-size: 12px;
	color: #000;
	display: block
}

	.pdf-size:before {
		content: "\f1c1";
		color: #D32F2F
	}

.word-size {
	font-size: 12px;
	color: #000;
	display: block
}

	.word-size:before {
		content: "\f1c2";
		color: #D32F2F
	}

.rar-size {
	font-size: 12px;
	color: #000
}

	.rar-size:before {
		content: "\f1c6";
		color: #D32F2F
	}

	.pdf-size::before, .rar-size::before, .word-size::before {
		font-family: FontAwesome;
		margin: 0 5px;
	}

.leftpading0 {
	padding-left: 0px
}



.bords {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	.bords li {
		padding-left: 15px;
		margin-bottom: 15px;
	}

		.bords li::before {
			content: close-quote !important;
			width: 0;
			height: 0;
			display: none;
		}

	.bords .s-profile {
		border-bottom: 2px solid #F3AC17;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
		margin: 0px 0 15px 0;
		padding: 15px 0px 0px 0px;
		font-size: 1em;
		min-height: 245px;
	}

	.bords .chairmen {
		min-height: 140px;
	}

	.bords.min-hei .chairmen {
		min-height: 188px;
	}

	.bords .s-profile table {
		border-collapse: collapse;
		width: 100%;
	}

		.bords .s-profile table td {
			border-bottom: 1px solid #efefef;
			padding: 10px;
			vertical-align: top;
			font-family: 'Alegreya Sans', sans-serif;
		}

	.bords .man-des table td {
		font-size: 12px;
	}

	.bords .s-profile table tr:last-child td {
		border-bottom: 0px solid #efefef;
	}

.profilepic img {
	max-width: 100%;
	border-radius: 0%;
	border: 0px solid #ffffff;
	box-shadow: 0px 0px 25px rgba(0,0,0,.2);
}

blockquote {
	font-size: 1.1em !important;
}




.thumbbox {
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 8px;
	display: table;
	width: 100%;
	border: 3px solid #fff;
}

	.thumbbox a {
		text-decoration: none;
	}

	.thumbbox .thumbtitile {
		display: table-cell;
		padding: 8px;
		vertical-align: middle;
		color: #fff;
		font-size: 1.2em;
		font-weight: 600;
	}

	.thumbbox .thumbicon {
		display: table-cell;
		width: 32%;
		padding: 8px;
	}

		.thumbbox .thumbicon img {
			max-width: 100%;
		}

	.thumbbox:hover {
		box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	}

.purplebg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbbcfb+0,855bf0+100 */
	background: #dbbcfb; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #dbbcfb 0%, #855bf0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #dbbcfb 0%, #855bf0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #dbbcfb 0%, #855bf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbbcfb', endColorstr='#855bf0', GradientType=1 ); /* IE6-9 
fallback on horizontal gradient */
}

.pinkbg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5ada6+0,ee446e+100 */
	background: #f5ada6; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f5ada6 0%, #ee446e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f5ada6 0%, #ee446e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f5ada6 0%, #ee446e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ada6', endColorstr='#ee446e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.cyanbg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e9f0+0,05b1c9+100 */
	background: #b8e9f0; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #b8e9f0 0%, #05b1c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #b8e9f0 0%, #05b1c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #b8e9f0 0%, #05b1c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e9f0', endColorstr='#05b1c9', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bluebg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abdaf6+0,2295da+100 */
	background: #abdaf6; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #abdaf6 0%, #2295da 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #abdaf6 0%, #2295da 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #abdaf6 0%, #2295da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abdaf6', endColorstr='#2295da', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.fade {
	/*opacity: 1 !important; */
}

.free-consulation-button {
	position: relative;
	/* height: 67px; */
	width: 205px;
}

	.free-consulation-button:before {
		/* background: #ff2b58 none repeat scroll 0 0; */
		content: "";
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 2500px;
		z-index: -1;
	}

	.free-consulation-button a {
		background: #28306f;
		width: 205px;
		height: 46px;
		padding: 10px 0;
		position: relative;
		z-index: 1;
		color: #fff;
		text-align: center;
		font-weight: 500;
		font-size: 16px;
		display: block;
	}

.blink {
	animation: blinker 1.3s linear infinite;
	-webkit-animation: blinker 1.3s linear infinite;
	-moz-animation: blinker 1.3s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area {
	padding-top: 45px;
	padding-bottom: 40px;
}

	.latest-project-area .project-filter {
		padding-bottom: 32px;
		overflow: hidden;
	}

		.latest-project-area .project-filter li {
			display: inline-block;
			float: left;
			margin-right: 30px;
		}

			.latest-project-area .project-filter li:last-child {
				margin-right: 0;
			}

			.latest-project-area .project-filter li span {
				color: #848484;
				cursor: pointer;
				display: block;
				font-family: 'Poppins', sans-serif;
				font-size: 16px;
				font-weight: 400;
				text-transform: capitalize;
				transition: all 500ms ease 0s;
				border: none;
			}

			.latest-project-area .project-filter li.active span,
			.latest-project-area .project-filter li:hover span {
				color: #ff2b58;
				background: transparent;
			}

	.latest-project-area .single-project {
		padding-bottom: 36px;
	}

		.latest-project-area .single-project .outer-img-box {
			border: 1px solid #f4f4f4;
			padding: 4px;
		}

		.latest-project-area .single-project .img-holder {
			position: relative;
			overflow: hidden;
			display: block;
		}

			.latest-project-area .single-project .img-holder img {
				transform: scale(1);
				transition: all 0.5s ease 0s;
				width: 100%;
			}

		.latest-project-area .single-project:hover .img-holder img {
			transform: scale(1.1);
		}

		.latest-project-area .single-project .img-holder .overlay-style-one .box .content a i {
			background: #ff2b58;
			color: #fff;
			font-size: 15px;
			opacity: 0;
			transform: scale(0.7);
			transition: all 0.5s ease 0s;
			width: 40px;
			height: 40px;
			border: 1px solid #fff;
			line-height: 40px;
		}

		.latest-project-area .single-project:hover .img-holder .overlay-style-one .box .content a i {
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		.latest-project-area .single-project .img-holder .overlay-style-one .box .content a:hover i {
			background: rgba(43, 44, 54, 0.70);
		}

		.latest-project-area .single-project:hover .img-holder .overlay-style-one {
			background: rgba(255, 43, 88, 0.80);
		}

		.latest-project-area .single-project .title-holder {
			padding-top: 24px;
		}

			.latest-project-area .single-project .title-holder h5 {
				color: #222222;
				font-size: 16px;
				font-weight: 400;
				transition: all 0.7s ease;
			}

			.latest-project-area .single-project .title-holder a:hover h5 {
				color: #ff2b58;
			}

	.latest-project-area .more-project a {
		color: #222222;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Poppins', sans-serif;
		transition: all 500ms ease;
	}

		.latest-project-area .more-project a i {
			font-size: 12px;
			display: inline-block;
			padding-left: 7px;
		}

		.latest-project-area .more-project a:hover {
			color: #ff2b58;
		}



/*** 
=============================================
    Team Area style
=============================================
***/
/* Overlay styles one */
.overlay-style-one {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 500ms ease;
	transition-delay: 0.10s;
}

	.overlay-style-one .box {
		display: table;
		height: 100%;
		width: 100%;
	}

		.overlay-style-one .box .content {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}


/* Overlay styles two */
.overlay-style-two {
	background-color: rgba(43, 44, 54, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border: 3px solid #fd3e67;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

	.overlay-style-two .box {
		display: table;
		height: 100%;
		width: 100%;
	}

		.overlay-style-two .box .content {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		}

.gallery img {
	width: 24%;
	margin: 3px;
	height: 250px;
}

.btn-new {
	display: block;
}

	.btn-new a {
		background-color: #f56a06;
		padding: 10px 38px;
		display: inline-block;
		margin-top: 29px;
		color: #fff;
	}

.linkstitle1 h2 {
	margin-bottom: 32px;
}


.design {
	border: 1px solid #000000;
	color: #000000;
	display: block;
	font-size: 16px;
	height: 55px;
	margin-bottom: 30px;
	padding: 0 20px;
	width: 100%;
	transition: all 500ms ease;
}

.btndesign {
	width: 100%;
	padding: 14px 0 12px;
	border: 2px solid #d22327;
	background: #d22327;
	color: #f7f7f7;
}

#iframepdf {
	width: 100%;
	height: 600px;
}


.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
	text-transform: uppercase;
}


.mb-2 {
	margin-bottom: 29px;
}


/*******top effect*****/

.papers, .papers:before, .papers:after {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.2);
}

.papers {
	position: relative;
	width: 90%;
	padding: .7em;
	margin: 0px auto;
	margin-top: 25px;
}

	.papers:before, .papers:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: rotateZ(2.5deg);
		-o-transform: rotate(2.5deg);
		transform: rotateZ(2.5deg);
		z-index: -1;
	}

	.papers:after {
		-webkit-transform: rotateZ(-2.5deg);
		-o-transform: rotate(-2.5deg);
		transform: rotateZ(-2.5deg);
	}

	.papers h1 {
		font-size: 1.8em;
		font-weight: normal;
		text-align: center;
		padding: 0.2em 0;
		margin: 0;
		border-top: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
	}



/*.papers img {
	max-width:100%;
	margin-bottom: 5px;
}*/


/*End top effect*/
.mt-5 {
	margin-top: 20px !important;
}

.text-white {
	color: #fff !important;
}

.about-bg {
	background-image: url('../images/success-two-bg.png');
	background-size: cover;
}










/*card*/
.padding {
	padding: 0px 0px 23px 0px;
}

.card {
	box-shadow: 2px 2px 20px;
	boder: 1;
	rgba(0,0,0,0.3);
	boder: 1px so;
	margin-bottom: 30px;
	border: 2px solid #28306f;
}

	.card:hover {
		transform: scale(1.05);
		transition: all 1s ease;
		z-index: 999;
	}

.card-01 .card-body {
	position: relative;
	padding-top: 40px;
}

.card-01 .badge-box {
	position: absolute;
	top: -20px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	text-align: center;
}

	.card-01 .badge-box i {
		background: #d22327;
		color: #fff;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 20px;
	}

.card-01 .height-fix {
	height: 455px;
	overflow: hidden;
}

	.card-01 .height-fix .card-img-top {
		width: auto !imporat;
	}

.profile-box {
	background-size: cover;
	float: left;
	width: 100%;
	text-align: center;
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}

	.profile-box:before {
		filter: blur(10px);
		background: url("https://images.pexels.com/photos/195825/pexels-photo-195825.jpeg?h=350&auto=compress&cs=tinysrgb") no-repeat;
		background-size: cover;
		width: 120%;
		position: absolute;
		content: "";
		height: 120%;
		left: -10%;
		top: 0;
		z-index: 0;
	}

	.profile-box img {
		width: 170px;
		height: 170px;
		position: relative;
		border: 5px solid #fff;
	}

.social-box i {
	border: 1px solid #006EFF;
	color: #006EFF;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
}

	.social-box i:hover {
		background: #DFC717;
		color: #fff;
	}

.social-box a {
	margin: 0 5px;
}

.video-foreground {
	float: left;
	width: 100%;
	height: 500px;
}

.card-01.height-fix .card-img-overlay {
	top: unset;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(26,96,111,0) 0%, rgba(26,96,111,0) 1%, rgba(24,87,104,0.91) 31%, rgba(21,65,89,0.91) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f', endColorstr='#e8154159',GradientType=0 );
}

.card-01.height-fix .fa {
	color: #fff;
	font-size: 22px;
	margin-right: 18px;
}

;
/*flipper-card*/
.card-flipper {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

.card__front,
.card__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.card__back .card {
		width: 100%;
		height: 65vh;
	}

.card__front,
.card__back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.card__front {
	background-color: #ff5078;
}

.card__back {
	background-color: #1e1e1e;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card-flipper.effect__hover {
	position: relative;
}

	.card-flipper.effect__hover:hover .card__front {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}

	.card-flipper.effect__hover:hover .card__back {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}

.card-flipper.effect__random.flipped .card__front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card-flipper.effect__random.flipped .card__back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}
/*end card*/

@media screen and (min-width:320px) and (max-width:786px) {
	.otherlogo {
		float: right;
		padding: 29px 0px;
		display: none;
	}

	.top-nav {
		display: none;
	}

	section#latestnews {
		display: none;
	}

	.highlight-links ul li {
		float: left;
		box-sizing: border-box;
		border-top: 0 solid rgba(0,0,0,.2);
		border-right: 0 solid rgba(0,0,0,.2);
		border-bottom: 10px solid #28306f;
		border-left: 0 solid rgba(255,255,255,.4);
		width: 100%;
		background: #fff;
		text-align: center;
		box-sizing: border-box;
		margin: 0px 0px;
		border-radius: 15px;
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
		min-height: 205px;
	}
}

.card-img-top {
	height: 267px;
}

@media(max-width:1199px) {
	.highlight-links ul li {
		width: 16%;
	}
}

@media(max-width:991px) {
	.card-img-top {
		width: 100%;
		height: auto;
	}
	.highlight-links ul li {
		width: 29%;
		margin: 0px 15px;
	}
	.gallery img {
		width: 32%;
		margin: 3px;
		height: 250px;
	}
}
@media (max-width:722px) {
	.highlight-links ul li {
		width: 45%;
		margin: 0px 15px;
	}
}
@media (max-width: 699px) {
	.gallery img {
		width: 48%;
		margin: 3px;
		height: 250px;
	}
}
@media (max-width: 629px) {
	.highlight-links ul li {
		width: 100%;
		margin: 0px 0px;
	}
}
@media (max-width: 451px) {
	.gallery img {
		width: 100%;
		margin: 3px;
		height: 250px;
	}
}