/*Custom Styles for the website: 
  Author: Ankur Shukla
*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
}

a {
	transition: all 0.3s;
}

.header {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../images/header-bg.jpg) repeat;
}

/* .header a {
	
} */

.header a:hover, .header a:focus, .header a:visited, .header a:active {
	outline: none;
	text-decoration: none;
}

.header a img {
	height: 70px;
}

.header h2 {
	margin: 0;
	line-height: 42px;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 700;
	/* font-family: 'Open Sans', sans-serif; */
}

.navbar {
	/*  padding: 0px 1rem; */
	background: #096573;
	/*  background :#6BAFAD; */
}

.navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	/* letter-spacing: 0.3px; */
	text-transform: uppercase;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	padding: 10px 20px !important;
}
/* .Procedure .dropdown-menu{left:97px!important;} */
.navbar-nav .nav-item:last-child .nav-link {
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.navbar-nav .active .nav-link {
	color: rgba(255, 255, 255, 1);
}

.navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, 1);
}

.banner-section {
	background: #096573;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 35px;
}

.banner-section .banner-img {
	background: #ffffff;
	border: 0;
	border-radius: 0;
}

/* .banner-text {
	
} */

.banner-text h3 {
	position: relative;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 25px;
}

.banner-text h3:after {
	position: absolute;
	content: '';
}

.banner-text p {
	line-height: 22px;
	text-align: justify;
	font-size: 13px;
}

.banner-text .btn {
	border-radius: 30px;
	background: #ffffff;
	color: #284176;
	padding-left: 20px;
	padding-right: 20px;
}

.modal-body form .col-form-label {
	font-size: 14px;
	font-weight: 500;
}

.modal-body form .btn {
	font-size: 14px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}


.footer {
	/* position: absolute;
  bottom: 0; */
	width: 100%;
	padding: 5px 0 5px 0;
	/* Set the fixed height of the footer here */
	/* height: 60px; */
	line-height: 60px; /* Vertically center the text there */
	background-color: #c0c0c0;
	color: #fff;
}

.copyright-text {
	font-size: 12px;
	margin: 0;
	line-height: 25px;
	background: #c0c0c0;
	letter-spacing: 0.5px;
	color: #333;
	font-weight: bold;
}

.f_links {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0px;
	height: 60px;
}

.f_links li {
	display: inline-block;
	font-size: 12px;
	height: 60px;
	margin-left: 10px;
}

.f_links li a {
	color: #ccc;
	transition: all 0.3s;
	display: block;
}

.f_links li a:hover {
	color: #fff;
	text-decoration: none;
}

/*------------
2. HOT NEWS
------------*/
#slider-box {
	display: block;
	position: relative;
}

/* Define keyframes for ticker animation */
/* WebKit Keyframes */
@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

/* Standard Keyframes */
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.ticker-wrap {
	position: relative;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	overflow: hidden;
	background-color: #ace2ea;
	padding-left: 100%;
	box-sizing: content-box;
	padding: 5px 0;
	margin-bottom: 15px;
}

.ticker-wrap .ticker {
	/*display: inline-block;*/
	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 50s;
	animation-duration: 50s;
}

.ticker-wrap .ticker-item {
	display: inline-block;
	padding: 0 2rem;
	font-size: 14px;
	color: white;
}

/* #intro {
    width: 100%;
    height: 80vh;
    position: relative;
    background: url(js/loginNew/img/intro-carousel/1.jpg) no-repeat;
    background-size: cover;
}
#intro .intro-content {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
#intro .intro-content h2 {
   color: #333333;
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 700;
}
#intro .intro-content h2 span {
    color: #50d8af;
    text-decoration: underline;
}
#intro .intro-content .btn-get-started {
    background: #0c2e8a;
    border: 2px solid #0c2e8a;
}
#intro .intro-content .btn-projects {
    background: #0c8a39;
    border: 2px solid #0c8a39;
}
#intro .intro-content .btn-get-started, #intro .intro-content .btn-projects {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
    text-transform:uppercase;
    padding: 10px 32px;
    border-radius: 2px;
    transition: 0.5s;
    margin: 10px;
    color: #fff;
}

#intro #intro-carousel {
    z-index: 8;
}
#intro #intro-carousel::before {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 7;
}

@media all and (min-width : 768px) and (max-width : 991px){

#myCarousel .carousel-inner>.carousel-item img{
	height: calc(100vh - 227px);
}
}

@media all and (max-width : 767px) and (orientation : landscape){
	#myCarousel .carousel-inner>.carousel-item img{
	height: calc(100vh - 189px);
}
}
@media all and (min-width : 768px) {
#myCarousel .carousel-inner>.carousel-item img{
	height: calc(100vh - 115px);
}

} */
@media all and (max-width : 767px) {
	.copyright-text .col-xs-12 {
		text-align: center;
		padding: 0;
		line-height: 13px;
		font-size: 9px;
	}
	.main-log {
		text-align: center;
	}
	.last-log {
		text-align: center !important;
	}
	.mohou-log {
		height: 60px !important;
	}
	.header h2 {
		line-height: 43px;
		padding: 15px 0px;
	}
	#about .content h2 {
		padding: 15px 0px !important;
	}
	.footer .footer-below {
		padding: 4px;
	}
}

/* @media all and (max-width : 991px) {
	.header a img{
	    height: 60px !important;
	}
	
} */
#intro .intro-content .btn-get-started, #intro .intro-content .btn-application
	{
	/*  font-family: "Raleway", sans-serif; */
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 32px;
	border-radius: 2px;
	transition: 0.5s;
	margin: 10px;
	color: #fff;
}

#intro .intro-content .btn-application {
	background-color: #868482;
	border: 2px solid #868482;
}

.col-border {
	background-color: #ffffff;
	margin-bottom: 30px;
	/* padding: 0px 0px 15px 0px; */
	padding-top: 15px !important;
	border: 1px solid rgba(0, 0, 0, .125);
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.45) !important;
}

.navbar-toggler-icon {
	border-color: black;
	background-color: black;
	border-radius: 4px;
	padding: 4px;
	width: 40px !important;
	height: 32px !important;
}

.navbar-toggler-icon .fa-bars {
	color: white;
	font-size: 25px;
}

#about {
	padding: 60px 0 30px 0;
}

#about .about-img {
	overflow: hidden;
}

#about .about-img img {
	margin-left: -15px;
	max-width: 100%;
}

#about .content h2 {
	color: #0c2e8a;
	font-weight: 700;
	font-size: 28px;
	padding: 150px 0px 20px 0px;
}

#about .content h3 {
	color: #555;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	font-style: italic;
}

.btn-login {
	color: #fff;
	/*  background-color: #2dc899;
    border-color: #2dc899; */
	background-color: #97144d;
	border-color: #97144d;
	/* box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15); */
	padding: 10px 0px;
	font-weight: 700;
}

.btn-login:hover {
	color: #fff !important;
}

#about .box {
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
	background: #fff;
	transition: 0.4s;
}

#about .box:hover {
	box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
}

@media ( max-width : 320px) {
	.logo-one {
		height: 58px !important;
		margin: 10px 0px;
	}
	.logo-two {
		height: 58px !important;
	}
}

@media ( max-width : 640px) {
	.logo-one {
		margin: 10px 0px;
	}
}

.hit_count {
	float: right;
	font-size: 12px;
	color: #333;
	height: 30px;
	line-height: 30px;
}

.hit_count-box {
	width: 206px;
	background: #999;
	margin: 0 auto;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
}