@charset "utf-8";
/* CSS Document */

/* Root Settings
-----------------------------------------------------------------*/
:root {
	--themecolor:  #3D869A;
	--themecolorrgb: 198,192,156;
	--header-height: 70px;
	--bs-teal: #3D869A;
	--bs-teal-rgb: 61, 134, 154;
	
}

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/

.header-misc {
	position: initial;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-left: 5px;
}

.header-misc-element,
.header-misc-icon {
	margin: 0 4px;
}

.header-misc-icon > a {
	display: block;
	position: relative;
	width: 10px;
	height: 20px;
	font-size: 1.125rem;
	line-height: 20px;
	text-align: center;
	color: #333;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

@media (min-width: 992px) {
	.header-misc:not([class*="order-"]) {
		-ms-flex-order: 6;
		order: 6;
	}
}

#top-search a { z-index: 11; }

#top-search a i {
	position: absolute;
	top: 0;
	left: 3px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.top-search-open #top-search a i.icon-line-search,
#top-search a i.icon-line-cross { opacity: 0; }

.top-search-open #top-search a i.icon-line-cross {
	opacity: 1;
	z-index: 11;
	font-size: 1rem;
}

.top-search-form {
	opacity: 0;
	z-index: -2;
	pointer-events: none;
	position: absolute;
	width: 100% !important;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.top-search-open .top-search-form {
	opacity: 1;
	z-index: 10;
	pointer-events: auto;
}

.top-search-form input {
	box-shadow: none !important;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	font-size: 24px;
	padding: 5px 40px 5px 0;
	height: 100%;
	background-color: transparent !important;
	color: #333;
	font-weight: 700;
	margin-top: 0 !important;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 2px;
}

@media (min-width: 992px) {
	.top-search-form input { font-size: 32px; }

	.full-header .top-search-form input,
	.container-fluid .top-search-form input {
		padding-left: 5px;
	}
}
.menu-container > .menu-item > .menu-link div::after {
		opacity: 0;
		content: '';
		position: absolute;
		background-image: url('../images/border.svg');
		background-repeat: no-repeat;
		background-position: center center;
		top: 50%;
		left: 50%;
		margin-top: 14px;
		width: 60%;
		height: 10px;
		background-size: 100% 10px;
		transform: translate( -50%, -50% );
		-webkit-transition: opacity .2s linear;
		-o-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}




/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
	padding: 4rem 0;
	background-color: #ECEEF1;
	border-bottom: 1px solid #EEE;
}

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #6c757d;
	font-size: 2rem;
	text-transform: uppercase;
}

#page-title.page-title-mini h1 {
	font-weight: 600;
	font-size: 18px;
	color: #6c757d;
}

a {
	text-decoration: none !important;
	color: #003366;
}

.breadcrumb {
	position: absolute !important;
	width: auto !important;
	top: 50% !important;
	left: auto !important;
	right: 15px !important;
	margin: 0 !important;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 90%;
	font-weight: bold;
	transform: translateY(-50%);
}

.breadcrumb a { color: #3D869A; }

.breadcrumb a:hover { color: #FFB549; }

.breadcrumb-item.active {
  color: #3D869A;
}
	
.button-svg {
	background-image: url('../images/border.svg');
	background-repeat: no-repeat;
	background-position: center 120%;
	background-size: 100% 10px;
	color: #222;
	font-size: 16px;
}	
	
.btn-primary {
  color: #fff;
  background-color: #651a21;
  border-color: #B82D3A;
}
.btn-primary:hover {
  color: #fff;
  background-color: #651a21;
  border-color: #B82D3A;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #651a21;
  border-color: #B82D3A;
  box-shadow: 0 0 0 0.25rem rgba(101, 26, 33, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #651a21;
  border-color: #B82D3A;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(101, 26, 33, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #651a21;
  border-color: #B82D3A;
}
	
.bg-teal {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important;
}	

.main-min-size {
	flex: 10em;
}

	/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/


#footer {
	position: relative;
	background-color: #ECEEF1;
	border-top: 5px solid rgba(0,0,0,0.2);
}

	
	

.footer_links li a {
	border-bottom: 1px dotted #444;
}



#copyrights {
	padding: 40px 0;
	background-color: #3D869A;
	font-size: 0.875rem;
	line-height: 1.8;
}

.copyright-links a {
	display: inline-block;
	margin: 0 3px;
	color: #FFF;
	border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
	color: #C6C09C;
	border-bottom: 1px solid #666;
}

.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px; 
	height: 0; 
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vid-list-container {
	width: 92%;
	overflow: hidden;
	margin-top: 20px;
	margin-left:4%;
	padding-bottom: 20px;
}

.vid-list {
	width: 1344px;
	position: relative;
	top:0;
	left: 0;
}
.vid-item {
	display: block;
	width: 148px;
	height: 148px;
	float: left;
	margin: 0;
	padding: 10px;
}

.thumb {
	overflow:hidden;
	height: 84px;
}

.thumb img {
	width: 100%;
	position: relative;
	top: -13px;
}

.vid-item .desc {
	color: #21A1D2;
	font-size: 15px;
	margin-top:5px;
}
.arrows {
	position:relative;
	width: 100%;
}

.arrow-left {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	left: -25px;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}

.arrow-right {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	right: -25px;
	top: -130px;
	z-index:100;
	cursor: pointer;
}
@media (max-width: 624px) {
	.arrows {
		position:relative;
		margin: 0 auto;
		width:96px;
	}
	.arrow-left {
		left: 0;
		top: -20px;
	}

	.arrow-right {
		right: 0;
		top: -20px;
	}
}