/* Default Settings */
:root{
	/* Black */
	--jc-black: #333333;
	--jc-black-1: #333333;
	--jc-black-2: #262626;
	--jc-black-3: #1a1a1a;
	--jc-black-shadow: rgba(51, 51, 51, 0.5);

	/* White */
	--jc-white: #ffffff;
	--jc-white-1: #ffffff;
	--jc-white-2: #e6e6e6;
	--jc-white-3: #bfbfbf;
	--jc-white-shadow: rgba(230, 230, 230, 0.5);

	/* Blue */
	--jc-blue: #005c81;
	--jc-blue-1: #005c81;
	--jc-blue-2: #004966;
	--jc-blue-3: #00374d;
	--jc-blue-shadow: rgba(0, 92, 129, 0.5);

	/* Green */
	--jc-green: #06795b;
	--jc-green-1: #06795b;
	--jc-green-2: #056149;
	--jc-green-3: #034936;
	--jc-green-shadow: rgba(6, 121, 91, 0.5);

	/* Red */
	--jc-red: #cc0025;
	--jc-red-1: #cc0025;
	--jc-red-2: #b30021;
	--jc-red-3: #99001c;
	--jc-red-shadow: rgba(204, 0, 37, 0.5);

	/* Yellow */
	--jc-yellow: #e8b417;
	--jc-yellow-1: #e8b417;
	--jc-yellow-2: #d1a215;
	--jc-yellow-3: #ba9012;
	--jc-yellow-shadow: rgba(232, 180, 23, 0.5);

	/* Cyan */
	--jc-cyan: #0092cc;
	--jc-cyan-1: #0092cc;
	--jc-cyan-2: #0080b3;
	--jc-cyan-3: #006e99;
	--jc-cyan-shadow: rgba(0, 146, 204, 0.5);

	/* Purple */
	--jc-purple: #7f0e8b;
	--jc-purple-1: #7f0e8b;
	--jc-purple-2: #6a0b74;
	--jc-purple-3: #54095d;
	--jc-purple-shadow: rgba(127, 14, 139, 0.5);

	/* Gray */
	--jc-gray: #6f7076;
	--jc-gray-1: #6f7076;
	--jc-gray-2: #636469;
	--jc-gray-3: #57575c;
	--jc-gray-shadow: rgba(111, 112, 118, 0.5);

	/* Border Radius */
	--jc-border-radius: 0.25rem;
}

/* JC Text */
.jc-text-size-xx-small{
	font-size: xx-small !important;
}

.jc-text-size-x-small{
	font-size: x-small !important;
}

.jc-text-size-small{
	font-size: small !important;
}

.jc-text-size-medium{
	font-size: medium !important;
}

.jc-text-size-large{
	font-size: large !important;
}

.jc-text-size-x-large{
	font-size: x-large !important;
}

.jc-text-size-xx-large{
	font-size: xx-large !important;
}

.jc-text-size-xxx-large{
	font-size: xxx-large !important;
}

/* JC Text Color */
.jc-text-black{
	color: var(--jc-black) !important;
}

.jc-text-white{
	color: var(--jc-white) !important;
}

.jc-text-blue{
	color: var(--jc-blue) !important;
}

.jc-text-green{
	color: var(--jc-green) !important;
}

.jc-text-red{
	color: var(--jc-red) !important;
}

.jc-text-yellow{
	color: var(--jc-yellow) !important;
}

.jc-text-cyan{
	color: var(--jc-cyan) !important;
}

.jc-text-purple{
	color: var(--jc-purple) !important;
}

.jc-text-gray{
	color: var(--jc-gray) !important;
}

/* JC Background Color */
.jc-background-black{
	background-color: var(--jc-black) !important;
}

.jc-background-white{
	background-color: var(--jc-white) !important;
}

.jc-background-blue{
	background-color: var(--jc-blue) !important;
}

.jc-background-green{
	background-color: var(--jc-green) !important;
}

.jc-background-red{
	background-color: var(--jc-red) !important;
}

.jc-background-yellow{
	background-color: var(--jc-yellow) !important;
}

.jc-background-cyan{
	background-color: var(--jc-cyan) !important;
}

.jc-background-purple{
	background-color: var(--jc-purple) !important;
}

.jc-background-gray{
	background-color: var(--jc-gray) !important;
}

/* JC Buttons */
.jc-button{
	color: var(--jc-black);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border: 1px solid transparent;
	border-radius: var(--jc-border-radius);
	cursor: pointer;
	background-color: #eee;
	margin: 0.15rem 0;
	transition: color 0.125s ease-in-out, 
				background-color 0.125s ease-in-out, 
				border-color 0.125s ease-in-out, 
				box-shadow 0.125s ease-in-out;
}
.jc-button:disabled {
	cursor: not-allowed !important;
	pointer-events: all !important;
	opacity: 0.7;
}

.jc-button-label{
	text-align: left;
	padding: 0 !important;
	border-color: rgba(0,0,0,0.125) !important;
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.jc-button-label-icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.125);
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	padding: 12px 15px;
	border-top-left-radius: var(--jc-border-radius);
	border-bottom-left-radius: var(--jc-border-radius);
	height: 100%;
}
.jc-button-large > .jc-button-label-icon{
	padding: 13px 19px !important
}
.jc-button-label-text{
	padding: 0 17px 0 17px;
	width: 100% !important;
	text-align: center !important;
}

.jc-button-circle{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px !important;
	height: 40px !important;
	padding: 0.5rem;
	border-radius: 50%;
}
.jc-button-circle.jc-button-large{
	padding: 0.5rem;
	width: 55px;
	height: 55px;
	font-size: 1.5rem !important;
}
.jc-button-circle.jc-button-small{
	padding: 0.35rem;
	width: 30px;
	height: 30px;
	font-size: 0.85rem !important;
}

.jc-button-rounded{
	padding: 0.5rem 2rem;
	border-radius: 50px;
}
.jc-button-rounded.jc-button-large{
	padding: 0.5rem 3rem;
	font-size: 1.25rem;
}
.jc-button-rounded.jc-button-small{
	padding: 0.35rem 1rem;
	font-size: 0.85rem;
}

.jc-button-large{
	padding: 0.5rem 1.75rem;
	font-size: 1.25rem;
}

.jc-button-small{
	padding: 0.35rem 0.85rem;
	font-size: 0.85rem;
}

.jc-button-group{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}
.jc-button-group > .jc-button-group{
	position: relative;
	flex: 1 1 auto;
}
.jc-button-group > .jc-button-group:hover, .jc-button-group > .jc-button-group:focus{
	z-index: 1;
}
.jc-button-group > .jc-button:not(:last-child), .jc-button-group > .jc-button-group:not(:last-child) > .jc-button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.jc-button-group > .jc-button:nth-child(n+3), .jc-button-group > :not(.jc-button-check) + .jc-button, .jc-button-group > .jc-button-group:not(:first-child) > .jc-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.jc-confirm-button, .jc-button-green{
	background-color: var(--jc-green-1);
	border-color: var(--jc-green-1);
	color: var(--jc-white);
}
.jc-confirm-button:hover, .jc-button-green:hover{
	background-color: var(--jc-green-2);
	border-color: var(--jc-green-3);
	color: var(--jc-white);
}
.jc-confirm-button:focus, .jc-button-green:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-green-shadow);
}

.jc-cancel-button, .jc-button-red{
	background-color: var(--jc-red-1);
	border-color: var(--jc-red-1);
	color: var(--jc-white);
}
.jc-cancel-button:hover, .jc-button-red:hover{
	background-color: var(--jc-red-2);
	border-color: var(--jc-red-3);
	color: var(--jc-white);
}
.jc-cancel-button:focus, .jc-button-red:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-red-shadow);
}

.jc-close-button, .jc-button-gray{
	background-color: var(--jc-gray-1);
	border-color: var(--jc-gray-1);
	color: var(--jc-white);
}
.jc-close-button:hover, .jc-button-gray:hover{
	background-color: var(--jc-gray-2);
	border-color: var(--jc-gray-3);
	color: var(--jc-white);
}
.jc-close-button:focus, .jc-button-gray:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-gray-shadow);
}

.jc-button-blue{
	background-color: var(--jc-blue-1);
	border-color: var(--jc-blue-1);
	color: var(--jc-white);
}
.jc-button-blue:hover{
	background-color: var(--jc-blue-2);
	border-color: var(--jc-blue-3);
	color: var(--jc-white);
}
.jc-button-blue:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-blue-shadow);
}

.jc-button-yellow{
	background-color: var(--jc-yellow-1);
	border-color: var(--jc-yellow-1);
	color: var(--jc-white);
}
.jc-button-yellow:hover{
	background-color: var(--jc-yellow-2);
	border-color: var(--jc-yellow-3);
	color: var(--jc-white);
}
.jc-button-yellow:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-yellow-shadow);
}

.jc-button-cyan{
	background-color: var(--jc-cyan-1);
	border-color: var(--jc-cyan-1);
	color: var(--jc-white);
}
.jc-button-cyan:hover{
	background-color: var(--jc-cyan-2);
	border-color: var(--jc-cyan-3);
	color: var(--jc-white);
}
.jc-button-cyan:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-cyan-shadow);
}

.jc-button-purple{
	background-color: var(--jc-purple-1);
	border-color: var(--jc-purple-1);
	color: var(--jc-white);
}
.jc-button-purple:hover{
	background-color: var(--jc-purple-2);
	border-color: var(--jc-purple-3);
	color: var(--jc-white);
}
.jc-button-purple:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-purple-shadow);
}

.jc-button-white{
	background-color: var(--jc-white-1);
	border-color: var(--jc-white-3);
	color: var(--jc-black);
}
.jc-button-white:hover{
	background-color: var(--jc-white-2);
	border-color: var(--jc-white-3);
	color: var(--jc-black);
}
.jc-button-white:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-white-shadow);
}

.jc-button-black{
	background-color: var(--jc-black-1);
	border-color: var(--jc-black-1);
	color: var(--jc-white);
}
.jc-button-black:hover{
	background-color: var(--jc-black-2);
	border-color: var(--jc-black-3);
	color: var(--jc-white);
}
.jc-button-black:focus{
	box-shadow: 0 0 0 0.25rem var(--jc-black-shadow);
}

/* Custom */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #f2f2f2; 
}
::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2); 
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.25);
}
main{
	overflow-y: auto;
	scrollbar-color: rgba(0, 0, 0, 0.25) #eee;
	scrollbar-width: thin;
}

body{
	font-family: "Rubik" !important;
}

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: var(--jc-white);
	z-index: 1000;
}
main{
	margin-top: 82px;
	width: 100%;
	height: 100%;
}

.jc-navbar-white-blue .navbar-brand {
	color: var(--jc-blue-2);
}
.jc-navbar-white-blue .navbar-brand:hover, .jc-navbar-white-blue .navbar-brand:focus {
	color: var(--jc-blue-3);
}
.jc-navbar-white-blue .navbar-nav .nav-link {
	color: var(--jc-blue-1);
}
.jc-navbar-white-blue .navbar-nav .nav-link:hover, .jc-navbar-white-blue .navbar-nav .nav-link:focus {
	color: var(--jc-blue-2);
}
.jc-navbar-white-blue .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, 0.3);
}
.jc-navbar-white-blue .navbar-nav .show > .nav-link,
.jc-navbar-white-blue .navbar-nav .nav-link.active {
	color: var(--jc-blue-2);
}
.jc-navbar-white-blue .navbar-toggler {
	color: var(--jc-blue-1);
	border-color: rgba(0, 0, 0, 0.1);
}
.jc-navbar-white-blue .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.jc-navbar-white-blue .navbar-text {
	color: var(--jc-blue-1);
}
.jc-navbar-white-blue .navbar-text a,
.jc-navbar-white-blue .navbar-text a:hover,
.jc-navbar-white-blue .navbar-text a:focus {
	color: var(--jc-blue-2);
}

.jc-gradient-cyan-blue{
	background-image: linear-gradient(to left, var(--jc-cyan), var(--jc-blue), var(--jc-cyan));
	width: 100%;
	height: 5px;
}

.jc-footer, .jc-main-footer, .jc-secundary-footer{
	width: 100%;
	height: auto;
	color: var(--jc-white);
}

.jc-main-footer{
	background-color: var(--jc-black-1);
	padding: 20px 0 20px 0;
}
.jc-main-footer a{
	color: var(--jc-white);
	text-decoration: none;
}

.jc-secundary-footer{
	background-color: var(--jc-black-2);
	padding: 15px 0 15px 0;
	font-size: 0.8rem;
	font-weight: 200;
}

.jc-service{
	width: 100%;
	height: 100%;
	min-height: 125px;
	background-color: var(--jc-white);
	border: none;
	border-radius: var(--jc-border-radius);
	padding: 20px;
	display: inline-flex;
	align-items: center; 
	justify-content: center;
}
.jc-service .jc-service-icon{
	width: 100px;
	height: 100px;
	border: none;
	border-radius: 100px;
	color: var(--jc-white);
	background-color: var(--jc-cyan);
	display: inline-flex;
	align-items: center; 
	justify-content: center;
	font-size: 2.5rem;
}
.jc-service .jc-service-text{
	width: calc(100% - 100px);
	height: 100%;
	color: var(--jc-black);
	padding-left: 20px;
	display: grid;
	align-items: center; 
}

.jc-card-instagram{
	width: 100%;
	min-height: 450px;
	height: 100%;
	border-radius: var(--jc-border-radius);
	background-color: var(--jc-white);
	padding: 10px;
	text-decoration: none;
	display: block;
	color: var(--jc-black);
}
.jc-card-instagram:hover{
	color: var(--jc-black);
}

.jc-text-instagram{
	font-size: 0.9rem;
	padding: 8px;
}

.carousel-caption{
	text-shadow: 0px 0px 10px #000;
}

.jc-button-transparent{
	border: 1px solid var(--jc-white);
	background-color: transparent;
	color: var(--jc-white);
}
.jc-button-transparent:hover{
	background-color: var(--jc-white);
	color: var(--jc-black);
}