/* @font-face {
    font-family: Montserrat;
    src: url(./font/ABALC.TTF);
  } */

/* Colour reference chart *

highlight           hl      #007373
darker highlight    hld     #0eb294
darest highlight    hlde    #e37601
border              bo      #ededed
*/
/* hide url after printing */
/*@font-face {
	font-family: Harmonia;
	src: url(fonts/RV-Harmonia-Regular.woff);
}
@font-face {
	font-family: gilroy;
	src: url(fonts/SVN-GILROY-LIGHT.OTF);
}*/

/* a[href]:after { content: none !important; } */

html,
body {
	/* height: 100%; */
}

html {
	overflow-x: hidden;
	position: relative;
	min-height: 100%;
}

body {
	overflow-x: hidden;
	/* background: #EDECEC; */
	font-size: 17px;
	/*nicebrownregular*/
	/* font-family: Montserrat, "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: "Nunito Sans", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 120px;
	color: #000;
	font-weight: 300;
}

iframe {
	border: 0px;
}

input,
textarea {
	outline: none;
	box-shadow: none !important;
	font-family: "Nurito Sans", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px !important;
	padding: 0px !important;
	font-weight: normal !important;
	font-family: "Prata", "Petrona", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4 {
	font-size: 15px;
	line-height: 20px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}

h2 {
	font-size: 26px;
	line-height: 34px;
	font-weight: normal
}

h2.black a {
	color: black;
}

h1 {
	font-size: 30px;
	line-height: 38px;
	font-weight: normal;
}

* {
	outline: none !important;
}

td {
	vertical-align: middle !important;
}

label {
	font-weight: normal !important;
}

hr {
	margin: 15px 0px;
}

/* txt colors */
.diff-text {
	font-family: Prata;
}

.highlight-text {
	color: #007373;
	/* color:#000; */
}

.faded-text {
	color: #666;
}

.super-faded-text {
	color: #999;
}

a.colored-text:hover {
	color: #007373;
}

.body-container {
	margin-top: 110px
}

.header {
	position: fixed;
	z-index: 10;
	height: 55px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/* ************************* */
/* Underline styles */
a.runudn {
	display: block;
	position: relative;
	padding: 0.2em 0;
}

/* Fade in */
a.runudn::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: #007373;
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
}

a.runudn:hover {
	text-decoration: none;
}

a.runudn:hover::after,
a.runudn:focus::after {
	opacity: 1;
	transform: translate3d(0, 0.2em, 0);
}

/* Slide in */
a.runudn {
	overflow: hidden;
}

a.runudn::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

a.runudn:hover::after,
a.runudn:focus::after {
	transform: translate3d(0, 0, 0);
}

.ul-flat {
	list-style-type: none;
	margin: 0px;
}

.ul-flat li {
	display: inline-block;
}

.ul-flat li a {
	display: block;
}

/* **** end underline style **** */

/* topnav */
.topnav ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.topnav ul li {
	display: inline-block;
}

.topnav ul li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.topnav .search:before,
#catlist .search:before {
	content: "";
	position: absolute;
	left: 0;
	top: 25%;
	height: 50%;
	width: 1px;
	border-left: 1px solid #ccc;
}

.topnav .search,
#catlist .search {
	padding-left: 20px
}

.md-header {
	position: fixed;
	z-index: 10;
	height: 86px;
}

.header,
.md-header {
	width: 100%;
	background: #f5f5f5 !important;
	display: inline-block;
}

.header .content,
.md-header .content {
	max-width: 1180px !important;
	margin: auto;
	/*overflow: hidden;
		height: 100%;*/
	padding: 5px 0px;
}

.md-header {
	display: none;
}

input,
textarea {
	border: 0px !important;
	border-bottom: 1px solid #000 !important;
	padding: 13px !important;
	border-top-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

input:focus,
textarea:focus {
	border-bottom: 1px solid #ccc !important;
}

.searchbar {
	height: 36px;
	border: 0px;
	border-bottom: 1px solid transparent !important;
	padding: 13px;
	background: #f5f5f5;
}

.searchbar:focus {
	border-bottom: 1px solid #ccc !important;
}

.input-group-addon {
	border: 0px !important;
	background: 0px !important
}

.carousel-indicators {
	z-index: 2 !important;
}

ul.user-btns {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.user-btns>li {
	float: right;
	margin: 0px !important;
	padding: 0px !important;
}

ul.user-btns>li>a {
	color: black;
	display: block;
	padding: 10px 15px;
}

ul.user-btns a:hover {
	color: #007373;
}

/*catlist*/
.catlist-container {
	/* margin-top: 55px; */
	text-align: center;
	/* position: fixed; */
	width: 100%;
	z-index: 3;
}

.catlist-container>.boundary {
	width: 900px;
	background: white;
	margin: auto !important;
	position: relative;
	height: 54px;
}

.catlist {
	padding: 0px;
	overflow: hidden;
	height: 100%;
	display: inline-block;
	margin-bottom: -6px;
	/* fix extra margin for inline-block */
}

.catlist li {
	float: left;
	list-style-type: none;

}

/* dot between nodes */
.catlist>li:not(:first-child):not(.sub)>a:after {
	content: '';
	width: 4px;
	height: 4px;
	background: #215048;
	border-radius: 200px;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-1px) translateX(-50%);
	left: 0;
}

.catlist li a {
	position: relative;
	padding: 15px 20px;
	color: black;
	text-transform: uppercase;
	font-family: "Nunito Sans", Helvetica;
	font-weight: 300;
	font-size: 18px;
	display: block;
}

.catlist li a.bold {
	font-weight: bold !important;
}

.catlist a:hover,
.catlist a.selected {
	color: #007373;
	text-decoration: none;
}

.catlist .catlist-popup {
	/* margin-top: -10px; */
	position: absolute;
	background: white;
	z-index: 9;
	width: 100%;
	height: auto;
	/* border-top:3px solid #ccc; */
	padding: 10px;
	text-align: left;
	display: none;
	left: 0px;
	box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
	/* box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); */
}

.catlist .catlist-popup a {
	display: block;
	padding: 2px !important;
	text-transform: none !important;
	font-size: 15px !important;
}

.catlist .catlist-popup .parent {
	padding: 5px 0px !important;
	margin: 5px 0px !important;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	text-transform: uppercase !important;
}


@media (min-width: 768px) {
	.catlist .catlist-popup.show.equalchild {
		display: flex !important;
		width: 100%;
	}

	.catlist .catlist-popup.show.equalchild div {
		flex: 1 1 0;
		border: 1px solid yellow;
		background: pink;
		text-align: center;
		min-height: 40px;
	}
}

.catlist .text-waterfall {
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 4;
	column-gap: 15px;
	column-fill: auto;
}

.catlist .text-waterfall .block {
	display: block;
	word-wrap: break-word;
	margin-bottom: 20px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
}

.catlist ul {
	margin: auto;
	list-style-type: none;
	/* margin:0px; */
	padding: 0px;
}

.catlist ul li {
	float: none !important;
}

/* hide arrow in desktop */
.catlist .arrow {
	display: none !important;
}

/*@media (max-width: 992px) {
}*/
/* head block breaker */
.breaker {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0px !important;
}


.block-breaker {
	margin: 50px 0px !important;
}

.block-breaker::before {
	background: #e5e5e5 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 17px;
	width: 100%;
}

.block-breaker span {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 40px;
	position: relative;
	text-transform: uppercase;
}

.square-box {
	border: 2px solid #000;
	padding: 5px 10px;
	background: #fff;
}

.square-input {
	border-radius: 0px !important;
	border: 2px solid #000 !important;
	padding: 5px 10px !important;
	-webkit-appearance: none;
	text-align: center;
}

.square-input:focus {
	border: 2px solid #000 !important;
}

.square-img {
	/* position: absolute; */
	object-fit: cover;
	/* left: 0;
	top: 0; */
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

/* square select box */
.square-select-container {
	border-bottom: 1px solid #000;
	display: inline-block;
	position: relative;
}

.square-select-container:after {
	position: absolute;
	top: 0px;
	right: 0px;
	content: '\f078';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 5px 10px;
	-webkit-text-stroke: 1px white;
	pointer-events: none;
}

.square-select {
	border: 0px;
	background: none;
	display: inline-block;
	border-radius: 0px;
	padding: 5px 30px 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-shadow: none;
}

.square-select-noborder {
	display: inline-block;
	padding: 5px 10px;
}

/* shopcart counter */
#cartcount {
	transform: scale(1);
	transition: all 0.5s;
	/* background: #007373; */
	/* color: white; */
	border-radius: 15px;
	font-size: 13px;
	line-height: 17px;
}

#cartcount.animate {
	transform: scale(3);
}

/* pagination override */
.pagination {
	margin: 0px !important;
}

.pagination a {
	color: #000 !important;
}

.pagination li.active a {
	color: #fff !important;
	background: #000 !important;
	border-color: #000 !important
}

.pagination li a {
	border-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border: 3px solid transparent;
}

.clean {
	padding: 0px;
	margin: 0px;
}

/* affix */
.affix-bottom {
	position: absolute;
}

/* alert */
.alert {
	margin: 0px !important;
	border-radius: 0px;
	border: 0px;
}

/* dropdown menu */
.dropdown-menu {
	border-radius: 0px;
	box-shadow: none;
	/*border:1px solid #000;*/
	box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
	.dropdown-menu {
		border-bottom: 0px;
		box-shadow: 0px 0px;
	}
}


/*list group*/
.list-group {
	border-radius: 0px;
}

.list-group-item,
.list-group-item:last-child {
	border: 0px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* top-space */
.top-space {
	margin-top: 20px;
}

@media (min-width: 1200px) {
	.top-space {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.top-space {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.top-space {
		margin-top: 0;
	}
}

.bg-custom {
	background-color: #007373 !important;
}

/* button */
.btn-default.custom-spec {
	color: #fff !important;
	/* background-color: #007373 !important; */
	background-color: #DBE4D4;
	border-radius: 0px;
	border: none;
	padding: 7px 10px;
}

.btn-default.custom {
	color: #fff !important;
	background-color: #000 !important;
	border-radius: 0px;
	border: none;
	padding: 7px 10px;
}

.btn-default.custom:focus {
	outline: none !important
}

.btn-default.custom:hover {
	background:
		/*hld*/
		#007373 !important;
}

.btn-default.custom:active {
	outline: none !important;
	background-color:
		/*hld*/
		#007373 !important;
}



.btn-default.custom-trans {
	border: 2px solid white;
	color: #fff !important;
	background-color: transparent !important;
	border-radius: 0px;
	padding: 8px 20px;
	text-transform: uppercase;
}

.btn-default.custom-trans:focus {
	outline: none !important
}

.btn-default.custom-trans:hover {
	background:
		/*hld*/
		white !important;
	color: black !important
}

.btn-default.custom-trans:active {
	outline: none !important;
	background-color:
		/*hld*/
		white !important;
	color: black !important
}


.btn-default.custom-black {
	border: 2px solid black;
	color: black;
	background-color: transparent;
	border-radius: 0px;
	padding: 8px 20px;
	text-transform: uppercase;
}

.btn-default.bg-custom.custom-black {
	color: white
}

.btn-default.custom-black:focus {
	outline: none !important
}

.btn-default.custom-black:hover {
	background:
		/*hld*/
		white !important;
	color: black !important
}

.btn-default.custom-black:active {
	outline: none !important;
	background-color:
		/*hld*/
		white !important;
	color: black !important
}

/* fix double border */
.btn-group-justified .btn {
	border-right-width: 0px
}

.btn-group-justified .btn:last-of-type {
	border-right-width: 1px
}

/* fundamental */
.arrow-top::before {
	content: " ";
	left: 20px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	top: -7px;
}

.success {
	background: #e37601 !important;
}

.btn-success {
	background: #e37601 !important;
	border-color: #e37601 !important;
}

.btn-success:hover {
	background: #00ab9b !important;
	border-color: #009a8c !important;
}


/* notalink */
a.notalink,
.notalink {
	color: #000;
	text-decoration: none;
}

/* colorful a*/
a.f-red,
.f-red {
	color: #c90927;
}

a.f-orange,
.f-orange {
	color: #f17627;
}

a.f-green,
.f-green {
	color: #e37601;
}

a.f-grey,
.f-grey {
	color: #999;
}

a.f-black,
.f-black {
	color: #000;
}

/* colorful bg*/
.b-red {
	background: #c90927;
	color: #fff;
	border-color: #c90927 !important;
}

.b-grey {
	background: #F5F6F7
}

.b-green {
	background: #e37601;
	color: #fff;
	border-color: #e37601 !important;
}

.b-orange {
	background: #f17627;
	color: #fff;
	border-color: #f17627 !important;
}

.t-border {
	border-top: 1px solid #EEEEEE;
}

.cursor {
	cursor: pointer;
	cursor: hand;
}

.display-table {
	display: table;
	table-layout: fixed;
}

.display-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.headlight {
	background:
		/*hl*/
		#F5F6F7;
	border-radius: 5px
}

.center {
	margin: auto;
}

.shadow {
	box-shadow: 0px 1px 2px #ddd;
}

.xs-pad {
	padding: 5px !important;
}

.s-pad {
	padding: 10px !important;
}

.m-pad {
	padding: 15px !important;
}

.l-pad {
	padding: 20px !important;
}

.xl-pad {
	padding: 25px !important;
}

.ovf {
	overflow: hidden;
	height: 100%;
}

.position-relative {
	position: relative;
}

.none {
	display: none
}

.spacer {
	padding: 5px;
	margin: 0px;
	font-size: 0px;
	line-height: 5px;
}

.inline-block {
	display: inline-block
}

.lean {
	padding: 0px !important;
	margin: 0px !important;
}

/* */
#wrapper {
	max-width: 1180px;
	margin: auto;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
}

#sidebar ul a {
	display: block;
}

#sidebar .list-group.list-group-root {
	padding: 0;
	overflow: hidden;
}

#sidebar .list-group.list-group-root .list-group {
	margin-bottom: 0;
}

#sidebar .list-group.list-group-root .list-group-item {
	border-radius: 0;
	border-width: 1px 0 0 0;
}

#sidebar .list-group.list-group-root>.list-group-item:first-child {
	border-top-width: 0;
}

#sidebar .list-group.list-group-root>.list-group>.list-group-item {
	padding-left: 30px;
	background: #F5F6F7
}

.product-grid .card {
	border: 1px solid #ccc
}

.product-grid .card:hover {
	border: 1px solid #007373;
}

.productlist {
	margin: -10px -10px -20px -10px;
	overflow: hidden;
	height: 100%
}

.productlist>.item.grid {
	padding: 10px;
}

.productlist>.item.grid>.itemcontainer {
	display: inline-block;
	max-width: 100%;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}

.productlist>.item.grid>.itemcontainer.inner {
	margin-bottom: 0px
}

.productlist>.item.grid .col-md-3.col-xs-6 {
	width: 100%;
	padding: 0px;
}

.productlist>.item.grid .col-md-3.col-xs-6>.row {
	padding: 0px 15px !important;
}

.productlist>.item.grid .col-md-3.col-xs-6 .thumb {
	margin-bottom: 5px;
}

.productlist .title {
	padding: 5px 0px;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productlist .price {
	margin-top: -5px;
	/* color: #007373; */
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productlist .inner {
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.3);
	left: 0px;
	right: 0px;
}

.productlist .inner .title {
	color: white;
	padding: 0px;
}

.productlist .inner .price {
	color: white;
	margin: 0px
}

.itemcontainer a:hover {
	text-decoration: none;
	color: #007373;
}

.thumb {
	width: 100%;
	display: block;
	height: 100%;
	background: #fff;
	position: relative;
	overflow: hidden
}

.thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* sidebar panel modal */
.modal.sidepanel-left .modal-dialog,
.modal.sidepanel-right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 380px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.sidepanel-big .modal-dialog {
	width: 550px !important;
}

@media (max-width: 768px) {
	.modal.sidepanel-big .modal-dialog {
		width: 100% !important;
	}
}

.modal.sidepanel-left .modal-content,
.modal.sidepanel-right .modal-content {
	height: 100%;
	overflow-y: auto;
}


.modal.sidepanel-left .modal-body,
.modal.sidepanel-right .modal-body {
	padding: 15px 15px 80px;
}

/*Left*/
.modal.sidepanel-left.fade .modal-dialog {
	left: -380px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.sitepanel-left.fade.sidepanel-big .modal-dialog {
	left: -550px;
}

.modal.sidepanel-left.fade.show .modal-dialog {
	left: 0;
}

/*Right*/
.modal.sidepanel-right.fade .modal-dialog {
	right: -380px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.sitepanel-right.fade.sidepanel-big .modal-dialog {
	right: -550px;
}

.modal.sidepanel-right.fade.show .modal-dialog {
	right: 0;
}

.modal.sidepanel-right .modal-content,
.modal.sidepanel-left .modal-content {
	border-radius: 0;
	border: none;
}

.modal.sidepanel-right .modal-header,
.modal.sidepanel-left .modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}

/* gutter sizes */
.row.gutter-10 {
	margin-left: -10px !important;
	margin-right: -10px !important;

	[class*="col-"] {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.row.gutter-10>[class*='col-'] {
	padding-right: 10px;
	padding-left: 10px;
}

/* grid 5, 10 */
.col-xs-1-10,
.col-sm-1-10,
.col-xs-1-5,
.col-sm-1-5 {
	position: relative;
	min-height: 1px;
}

.col-xs-1-10,
.col-md-1-10 {
	width: 10%;
	float: left;
}

@media (max-width: 768px) {
	.col-xs-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 768px) {
	.col-sm-1-10 {
		width: 10%;
		float: left;
	}

	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-10 {
		width: 10%;
		float: left;
	}

	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {

	/*reshow the catlist*/
	.catlist-container {
		transform: translateX(0%) !important;
	}

	.col-lg-1-10 {
		width: 10%;
		float: left;
	}

	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

/* Zoom-n-rotate Container */
.img-hover-zoom img {
	transition: transform .5s ease-in-out;
}

/* The Transformation */
.img-hover-zoom:hover img {
	transform: scale(1.2);
}

/* add top space after scaled (md)	*/
@media (max-width: 992px) {
	#logo {
		width: 80px
	}

	.catlist-container>.boundary {
		width: auto;
	}

	.body-container {
		margin-top: 86px
	}

	.header {
		display: none;
		margin-top: 0px;
	}

	.catlist-container {
		margin-top: 0px;
	}

	.md-header {
		display: block;
	}

	.row.gutter-10 {
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top: -10px !important;

		[class*="col-"] {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
	}

	.row.gutter-10>[class*='col-'] {
		padding-right: 0px;
		padding-left: 0px;
	}

	.breadcrumb {
		background: none !important
	}
}

/* other medias */
@media (max-width: 768px) {
	.productlist {
		margin: -10px 10px !important;
	}

	/*
	.catlist {
		display: none;
	}*/
}

/* footer */
#footer .ctn>.row {
	max-width: 90%
}

#footer .left {
	border-left: 1px solid #ccc
}

@media (max-width: 768px) {
	#footer .ctn>.row {
		max-width: 100%;
	}

	#footer .left {
		border: 0px;
		margin-top: 20px
	}
}

#footer .social-icon-list {
	list-style-type: none;
}

#footer .social-icon-list li {
	display: inline-block;
}

#footer .social-icon-list li a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 25px;
	color: black;
}

#footer a {
	color: #007373;
}

#footer a:hover {
	color: #007373;
}

#footer .cont {
	background: #f5f5f5;
}

#footer .row {
	max-width: 1180px;
	margin: auto;
	padding: 10px 0px
}

#footer ul,
#footer li {
	margin: 0px !important;
	padding: 0px !important
}

#footer .bodybar {
	background: #F5F5F5;
}

#footer .topbar {
	background: #F5F5F5;
	padding: 5px;
}

.topbar a {
	color: #666 !important;
	font-size: 25px;
	padding: 5px 10px;
}

.topbar ul {
	list-style-type: none;
}

.topbar li {
	float: left;
}

.footer-list {
	list-style-type: none;
}

.footer-list li {
	margin: 0px;
}

.footer-title {
	color: #000;
	margin-bottom: 10px;
	font-size: 15px;
}


/* utilities */
.upload_field {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.object-fit-cover {
	object-fit: cover;
}

.object-fit-contain {
	object-fit: contain;
}

.shortbot-border-center span {
	padding-bottom: 10px;
	position: relative;
}

.shortbot-border-center span:after {
	position: absolute;
	content: '';
	width: 25%;
	height: 1px;
	border-bottom: 2px solid #007373;
	bottom: -2px;
	left: 50%;
	margin-left: -12.5%;
}

.shortbot-border-left span {
	position: relative;
}

.shortbot-border-left span:after {
	position: absolute;
	content: '';
	width: 25%;
	height: 1px;
	border-bottom: 2px solid #007373;
	bottom: -2px;
	left: 0px;
	/* margin-left: -12.5%; */
}

/* .shortbot-border-center p:before,
.shortbot-border-center p:after {
  position: absolute;
  left: calc(50% - 35px);
  display: block;
  width: 70px;
  border-bottom: 3px solid black;
  content: "";
}
.shortbot-border-left p:before,
.shortbot-border-left p:after {
  position: absolute;
  left: 0px;
  display: block;
  width: 70px;
  border-bottom: 3px solid black;
  content: "";
} */

@media(min-width: 576px) {
	.card-columns {
		column-count: 1;
	}
}

@media(min-width: 768px) {
	.card-columns {
		column-count: 3;
	}
}

@media(min-width: 992px) {
	.card-columns {
		column-count: 4;
	}
}

/* 
  @media(min-width: 1200px) {
	.card-columns {
	  column-count: 5;
	}
  } */

/*------------------------------------
- COLOR primary
------------------------------------*/
.page-link {
	color: black
}

.page-item.active .page-link {
	background-color: #000 !important;
	border-color: #000;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.show>.btn-outline-primary.dropdown-toggle,
.list-group-item.active,
.btn-primary,
.badge-primary,
.btn-primary:active {
	background-color: #dc3545 !important;
	border-color: #dc3545;
}

.btn-primary:hover {
	background-color: #dc3545 !important;
	border-color: #dc3545;
}

.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 52, 52, 0.3);
	border-color: #dc3545;
}

input.form-control:focus,
select.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 52, 52, 0.3);
	border-color: #dc3545;
}

.dropdown-item:active {
	background-color: #dc3545 !important;
}

.accordion>.card>.card-header {
	background-color: #dc3545 !important;
	color: white
}

.accordion>.card>.card-header button {
	color: white
}

.square-bottom {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* sticky footer */
.sticky-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 75px;
	background-color: #f8f9fa;
	padding-bottom: 15px;
	border-top: 1px solid transparent;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	z-index: 12;
}

.sticky-footer .selector-holder span {
	font-size: 13px;
}

.sticky-footer .selectors,
.block {
	height: 100%;
	width: 100%;
}

.sticky-footer .selectors .tab {
	border: 0;
	border-radius: 0;
	background-color: #f8f9fa !important;
	width: 33%;
	margin-left: 0;
}

.sticky-footer .selectors button:active {
	border: 0;
}

.sticky-footer .selectors button:focus {
	border: 0;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.sticky-footer .active,
.sticky-footer .selector-holder {
	display: flex;
	flex-direction: column;
}

.sticky-footer .card {
	/* border-bottom:0px; */
	border-left: 0px;
	border-right: 0px
}

.sticky-footer a:active {
	color: black !important
}

/* Colors of the buttons*/
.sticky-footer .button-active

/*, .sticky-footer .selectors button:hover,
.sticky-footer .selectors button:active,
.sticky-footer .selectors button:focus  */
	{
	color: #ff0000;
}

.sticky-footer .button-inactive {
	color: #000;
}

/* focus */
.focus-wrapper .focus,
.focus-wrapper .small-focus {
	position: relative;
}

.focus-wrapper .focus .avatar {
	height: 388px;
}

.focus-wrapper .small-focus .avatar {
	height: 186px;
}

.focus-wrapper .focus .cont,
.focus-wrapper .small-focus a.alink {
	position: relative;
	display: block;
}

.focus-wrapper .focus a.alink {
	color: white;
	font-size: 22px;
}

.focus-wrapper .focus a:hover {
	text-decoration: none;
}

.focus-wrapper .focus .info,
.focus-wrapper .small-focus .info {
	color: white;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 50%;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, transparent 100%);
}

.focus-wrapper .focus .info .box,
.focus-wrapper .small-focus .info span {
	position: absolute;
	bottom: 0px;
	margin: 10px;
}

.focus-wrapper .small-focus span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* number of lines to show */
	-webkit-box-orient: vertical;
}

@media only screen and (max-width:600px) {
	.focus-wrapper {
		margin-left: -15px;
		margin-right: -15px;
		background: white
	}

	.text-sm-small {
		font-size: 12px
	}

	.focus-wrapper .avatar {
		object-fit: cover;
		max-height: 110px;
		width: 100%
	}

	.focus-wrapper .focus .avatar {
		max-height: 250px
	}

	.focus-wrapper .small-focus .avatar {
		max-height: 160px
	}

	.focus-wrapper .focus .info,
	.focus-wrapper .small-focus .info {
		position: static;
		height: auto;
		background-image: none
	}

	.focus-wrapper .focus .info .box,
	.focus-wrapper .small-focus .info span {
		position: static;
		padding: 0;
		color: #000
	}

	.focus-wrapper .small-focus .info span {
		margin: 5px
	}

	.focus-wrapper .focus a.alink,
	.focus-wrapper .small-focus a.alink {
		color: #000
	}
}