/*Font Size*/

.small-font {

	font-size: 12px !important;
}

.mid-font {

	font-size: 20px;
	line-height: 40px;
}

.big-font {

	font-size: 30px;
}

.huge-font {
	font-size: 132px;
}

/*Background*/

.transbg {
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.bluebg {

	background: #258dc8;
	/* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #258dc8 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #258dc8), color-stop(100%, #258dc8));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #258dc8 0%, #258dc8 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #258dc8 0%, #258dc8 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #258dc8 0%, #258dc8 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #258dc8 0%, #258dc8 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#258dc8', endColorstr='#258dc8', GradientType=0);
	/* IE6-9 */
}

.light-bluebg {

	background: #d6f9ff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6f9ff), color-stop(100%, #9ee8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #d6f9ff 0%, #9ee8fa 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6f9ff', endColorstr='#9ee8fa', GradientType=0);
	/* IE6-9 */
}

.black3d {

	background: #45484d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}

.black3dleft {

	background: #111;
	/* Old browsers */
	background: -moz-linear-gradient(right, #111 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, right, left, color-stop(0%, #333), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right, #111 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right, #111 0%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(right, #111 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to left, #111 0%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}

.red3d {

	background: #ff3019;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
	/* IE6-9 */
}

.light-grey-bg {
	background: #eee;
}

.bg-red {
	background: #e13f3f;
}

.bg-light-blue {
	background: #b4cfff;
}

.bg-light-green {
	background: #67c77b;
}

.bg-dark-grey {
	background: #4c4c4c;
}

.bg-dark-green {
	background: #64bdb4;
}

.bg-light-grey {
	background: #c3c494;
}

.bg-light-orange {
	background: #d0972a;
}

.bg-dark-pink {
	background: #b360aa;
}

.seventeen-bg {
	background: #6B6969 none repeat scroll 0% 0%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

/*Margin & Padding*/

.small-margin {

	margin-top: 10px;
	margin-bottom: 10px;
}

.mid-margin {

	margin-top: 20px;
	margin-bottom: 20px;
}

.big-margin {

	margin-top: 50px;
	margin-bottom: 50px;
}

.small-top-margin {
	margin-top: 10px;
}

.mid-top-margin {
	margin-top: 20px;
}

.big-top-margin {
	margin-top: 20px;
}

.huge-top-margin {

	margin-top: 90px;
}

.small-bottom-margin {
	margin-bottom: 10px;
}

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

.big-bottom-margin {
	margin-bottom: 40px;
}

.small-side-margin {

	margin-left: 10px;
	margin-right: 10px;
}

.mid-side-margin {

	margin-right: 20px;
	margin-right: 20px;
}

.big-side-margin {

	margin-left: 40px;
	margin-right: 40px;
}

.small-padding {

	padding-top: 10px;
	padding-bottom: 10px;
}

.mid-padding {

	padding-top: 20px;
	padding-bottom: 20px;
}

.big-padding {

	padding-top: 40px;
	padding-bottom: 40px
}

.small-bottom-padding {
	padding-bottom: 10px;
}

.small-side-padding {

	padding-left: 10px;
	padding-right: 10px;
}

.mid-side-padding {

	padding-left: 20px;
	padding-right: 20px;
}

.big-side-padding {

	padding-left: 40px;
	padding-right: 40px;
}

/*Text Alignment*/

.text-center {

	text-align: center;
}

/* Text Color */

.text-white {

	color: #fff !important;

}

.text-nexthop {
	color: #D15A1A !important;
}

.text-dark {
	color: #333 !important;
}

.text-light-grey {
	color: #B6B4A8 !important;
}

.text-blue {
	color: #0072BC !important;
}

.text-gold {
	color: #907112 !important;
}

.text-white-grey {
	color: #f3f1fb;
}

/* Text Size*/

.small-text {
	font-size: 18px;
}

.tiny-text {
	font-size: 10px !important;
}


/* Line Height */

.small-height {
	line-height: 20px;
}

.mid-height {
	line-height: 40px;
}

.big-height {
	line-height: 60px;
}

.huge-height {
	line-height: 80px;
}

/*Radius*/

.small-radius {
	border-radius: 3px;
}


/* Border */

.border-bottom {
	border-bottom: 1px solid rgba(145, 142, 191, 0.2);
}

/*khin lightbox*/
.text-center {
	text-align: center;
}

.modal-header {
	background: #fff;
	/*background: linear-gradient(to bottom, #248efb 0%,#0a69f8 63%);*/
}

.cursor {
	cursor: pointer;
}

.row>.col-md-3>img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.row>.column>img:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*--------------------------------------modal---------------------------------------------*/

@media (min-width: 768px) {
	.modal-dialog {
		min-width: 767px !important;
	}

}

.modal-content {
	margin-top: -20px;
}

.modal-body {
	border-radius: 0px !important;
	/*height: 400px !important;*/
}

a.prev {
	position: absolute;
	top: 50%;
	left: 0px;
	background: #999;
	padding: 20px;
	opacity: 0.6;
	border-radius: 0px 5px 5px 0px;
}

a.next {
	position: absolute;
	right: 0px;
	top: 50%;
	background: #999;
	padding: 20px;
	opacity: 0.6;
	border-radius: 5px 0px 0px 5px;
}

a.next:hover,
a.prev:hover {
	opacity: 1;
	color: #fff;
	text-decoration: none !important;
}

.modal-body {
	background: #999;
	/* background: linear-gradient(to bottom, #248efb 0%,#0a69f8 63%);*/
	padding: 0px !important;
}

.row-flex {
	display: -webkit-inline-box;
	overflow-x: scroll;
}

.col-flex-icon {
	padding: 0px 3px;
}

.col-flex-icon img {
	opacity: 0.8;
	cursor: pointer;
	height: 60px !important;
	width: 100%;
	width: -webkit-fill-available;
	width: 66px !important;
}

.col-flex-icon img:hover {
	opacity: 1;
}

a.smallprev,
a.smallnext,
a.prev,
a.next {
	cursor: pointer;
}

.active {
	opacity: 1;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#myCarousel img {
	vertical-align: middle;
	width: 100% !important;
}

.imglarge {
	display: hidden;
}

.modal .imglarge img {
	height: 500px !important;
	width: 100% !important;
}

.img {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	padding: 10px;
}

.close {
	color: #000;
	font-size: 25px;
	position: absolute;
	top: 7px;
	right: 10px;
	font-weight: bold;
	opacity: 0.5;
}

.detailPage {
	position: absolute;
	top: 400px;
	left: 300px;
}

/*for content View lightbox*/

.photoBig img {
	width: 100% !important;
	height: 100% !important;
}

.closeButton {
	position: absolute;
	top: 5px;
	font-size: 23px;
	right: 0px;
	font-weight: bold;
}

#style-4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	height: 5px;
}

#style-4::-webkit-scrollbar-thumb {
	background-color: #258dc8;
	border: 2px solid #555555;
}

.hit-counter.footer-hit {
	width: fit-content;
	/* background: #334043; */
	padding: 10px 50px;
	margin: 0 auto;
	/* border: 1px solid #83cdde; */
	font-size: 16px !important;
	border-radius: 30px 0px 10px 0px;
	color: #83cdde;
}

span.hit-footer {
	font-size: 13px;
}

.hit-counter h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #83cdde;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* Center navbar links in Bootstrap 3 */
.navbar-nav.navbar-center {
	float: none !important;
	margin: 0 auto !important;
	display: table !important;
	table-layout: fixed !important;
}

div#bs-example-navbar-collapse-2 {
	float: none !important;
}

.card-blk-title h4.h4-lg {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

h4.home-title {
	background: linear-gradient(to bottom, #278fb1 0%, #076393 63%) !important;
	color: #fff;
	padding: 5px 10px;
}

.home-page h4 {
	background: linear-gradient(to bottom, #278fb1 0%, #076393 63%) !important;
	color: #fff;
	padding: 5px 10px;
	min-height: 46px;
	line-height: 47px;
}

h3.ayy-title {
	font-size: 40px;
	margin-top: 40px;
}

h4.mid-margin.ayy-sub-title {
	font-size: 30px;
}

.header {
	background: #0c89c9;
	/* padding: 10px; */
	color: #fff;
	position: relative;
}

.my-nav ul li a {
	font-size: 17px;
}

.ayy-logo-img {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 150px;
}

.ignite-nav-login {
	position: relative !important;
}

.clamp-3lines {
	display: -webkit-box;
	/* required for -webkit-line-clamp */
	-webkit-box-orient: vertical;
	/* required */
	-webkit-line-clamp: 3;
	/* number of lines to show */
	overflow: hidden;
	/* hide the rest */
	text-overflow: ellipsis;
	/* not strictly needed, but harmless */
	line-height: 1.4;
	/* tune this to match your design */
	/*max-height: calc(1.4em * 3);  */
	/* optional safety for non-supporting browsers */
	/* optional visual niceties */
	font-size: 16px;
	padding: 0.25rem;
	/* min-height: 0px; */
}

.menu-flex.mid-margin.secondary-menu {
	display: flex;
	gap: 20px;
	width: 100%;
	/* padding: 0px 15px; */
	overflow: auto;
}

.menu-flex-item {
	flex-grow: 1;
}

.text-right.tiny-text.border-top {
	border-top: 1px solid rgba(80, 80, 80, .6);
	padding: 10px 0px;
}

.min-w-full {
	min-width: 100%;
}

/* div#bs-example-navbar-collapse-2 {
	padding-left: 0 !important;
} */

@media screen and (min-width: 600px) {
	
	.header {
		padding: 0 30px;
	}
	
	ul.nav.navbar-nav {
		padding: 0px 30px;
	}
	
	.menu-flex.mid-margin.secondary-menu {
		padding: 0px 30px;
	}

	.col-md-2.logo.text-right {
		display: flex;
		align-items: end;
		justify-content: end;
	}

	nav.navbar.ignite-nav.ignite-nav-login.menlo {
		padding: 0px 30px;
	}
	
}
@media screen and (max-width: 600px) {
	.ayy-logo-img {
		width: 80px;
	}
	h3.ayy-title {
		font-size: 20px;
	}
	h4.mid-margin.ayy-sub-title {
		font-size: 15px;
	}
	.logo {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}