/**********************************
	BASICS
**********************************/
/* NEW COLOR: #10b7d8 */
:root {
	--coma-color-main-l: #ffffff; /* light */
	--coma-color-main-m: #0c9af2; /* medium */
	--coma-color-main-mmd: #0a83ce; /* medium-medium-dark */
	--coma-color-main-md: #066199; /* medium-dark */
	--coma-color-main-d: #002338; /* dark */
	--coma-color-success: #1c1; /* green */
	--coma-color-warning: #f90; /* orange */
	--coma-color-error: #d00; /* red */
}
a {
	/* color: var(--coma-color-main-m); */
}
.divi-icon {
	font-family: 'ETmodules';
}
.coma-headline-font {
	/* font-family: Impact, Charcoal, sans-serif; */
	font-family: 'Squada One',display;
}
.coma-box-shadow {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.coma-border-color {
	border-color: var(--coma-color-main-m);
}
.coma-hover-color:not(.coma-disabled):hover {
	color: var(--coma-color-main-m);
}
.coma-disabled {
	opacity: 0.3;
}
.coma-bg-color-d {
	background: var(--coma-color-main-d);
	color: #fff;
}
.coma-bg-color-mmd {
	background: var(--coma-color-main-mmd);
	color: #fff;
}
.coma-bg-color-md {
	background: var(--coma-color-main-md);
	color: #fff;
}
.coma-bg-color-m {
	background: var(--coma-color-main-m);
	color: #fff;
}
.coma-bg-color-l {
	background: var(--coma-color-main-l);
	color: #666;
}
.coma-bg-hover-d:hover {
	background: var(--coma-color-main-d);
}
.coma-bg-hover-m:hover {
	background: var(--coma-color-main-m);
}
.coma-bg-hover-l:hover {
	background: var(--coma-color-main-l);
}
.coma-bg-fixed {
	background-attachment: fixed;
}
.coma-text-color-l, .coma-text-color-l a {
	color: var(--coma-color-main-l);
}
.coma-text-color-m, .coma-text-color-m a {
	color: var(--coma-color-main-m);
}
.coma-text-color-d, .coma-text-color-d a {
	color: var(--coma-color-main-d);
}
.coma-text-hover-color-l:hover, .coma-text-hover-color-l a:hover {
	color: var(--coma-color-main-l);
}
.coma-text-hover-color-m:hover, .coma-text-hover-color-m a:hover {
	color: var(--coma-color-main-m);
}
.coma-text-hover-color-d:hover, .coma-text-hover-color-d a:hover {
	color: var(--coma-color-main-d);
}
.coma-hover-opacity:hover {
	opacity: 0.7;
}
.coma-text-shadow {
	text-shadow: .03em .03em .1em rgba(0, 0, 0, 0.2);
}
.coma-centered, .coma-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.coma-bold {
	font-weight: bold;
}
.coma-caps {
	text-transform: uppercase;
}
.coma-msg {
	font-size: 1rem;
	line-height: 1.5em;
	padding: 1em 1.5em;
	margin: 1em auto;
	max-width: 600px;
	width: 96%;
	background: #999;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	text-align: left;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}
.coma-msg.success {
	background: var(--coma-color-success);
}
.coma-msg.warning {
	background: var(--coma-color-warning);
}
.coma-msg.error {
	background: var(--coma-color-error);
}
.coma-select-disable {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

/**********************************
	LOGIN
**********************************/
#coma_nav_login {
	position: relative;
	display: block;
	float: right;
	width: 40px;
	height: 47px;
	cursor: pointer;
}
.et_header_style_left .et-fixed-header #coma_nav_login {
	height: 34px;
}
#coma_nav_login .login-icon {
	height: 100%;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
#coma_nav_login .login-icon:before {
	position: absolute;
	top: -5px;
	left: 22px;
	font-family: 'ETmodules';
	font-size: 17px;
	font-weight: 400;
	content: "~";
}
#coma_nav_login .login-icon.logged-in:before {
	content: ""; /*"";*/
	width: 27px;
	height: 27px;
	background: var(--coma-color-main-m);
	border-radius: 50% 10% 50% 50%;
	color: #fff;
	left: 17px;
	line-height: 27px;
	text-align: center;
}
#coma_nav_login .badge {
	position: absolute;
	top: -18px;
	left: 32px;
	font-size: 10px;
	padding: 2px 4px 3px 4px;
	line-height: 10px;
	min-width: 15px;
	text-align: center;
	border-radius: 10px;
	background: #d33;
	color: #fff;
	font-weight:700;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
#coma_nav_login .badge.show {
	top: -12px;
	opacity: 1;
}

#coma_nav_login .login-container {
	position: absolute;
	z-index: 10001;
	top: 37px;
	right: -5px;
	width: 260px;
	padding: 0 5px 5px 5px;
	-webkit-transition: top .4s ease-in-out;
	-moz-transition: top .4s ease-in-out;
	transition: top .4s ease-in-out;
	display: none;
	visibility: visible;
}
#coma_nav_login .login-container > .arrow {
	border-style: solid;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom-width: 10px;
	width: 20px;
	height: 10px;
	margin-left: 230px;
}
#coma_nav_login .login-container .menu-container {
	position: relative;
	width: 100%;
	border-top-width: 3px;
	border-top-style: solid;
	background: #fff;
	color: #666;
	font-weight: 500;
	text-align: center;
}
.et_header_style_left .et-fixed-header #coma_nav_login .login-container {
	top: 24px;
}
#coma_login_form .login-links span {
    display: inline-block;
    width: 40%;
}
#coma_login_form .login-links span:not(.first) {
	border-left: 1px solid #aaa;
}

#coma_login_form .coma-menu-item {
	display: block;
	font-size: 1.1em;
	margin: 1px auto;
	max-width: 14em;
	padding: 0.2em 0.5em;
	color: #999;
	text-align: left;
}
#coma_login_form .coma-menu-item .divi-icon {
	display: inline-block;
	width: 2em;
	text-align: center;
	color: var(--coma-color-main-m);
}
#coma_login_form .coma-menu-item:hover {
	background: #f2f2f2;
	color: var(--coma-color-main-d);
}


/**********************************
	FORMS
**********************************/
.coma-form {
	padding: 10px 15px;
	max-width: 420px;
}
.coma-form p {
	line-height: 1.3em;
	padding: 5px 0;
}
.coma-form .welcome {
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.3em;
}
.coma-form .label-top {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	text-align: left;
	color: #999;
	font-weight: 300;
}
.coma-form input[type="text"], .coma-form input[type="number"],
.coma-form input[type="email"], .coma-form input[type="url"],
.coma-form input[type="password"], .coma-form select,
.coma-form input[type="tel"], .coma-form input[type="date"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 100%;
	max-width: 300px;
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 0.2em 0.4em;
	margin: 2px 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	color: #666;
	background: #fff;
	text-align: left;
}
.coma-form input.checkmark {
	position: relative;
	display: inline-block;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 18px;
	height: 18px;
	top: 3px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
	}
.coma-form input.checkmark::after {
	position: absolute;
  -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	content: "";
	width: 12px;
	height: 6px;
	top: 4px;
	left: 2px;
	border-left: 3px solid;
	border-bottom: 3px solid;
	border-color: var(--coma-color-main-m);
	transform: rotate(-45deg);
	opacity: 0;
}
.coma-form input.checkmark:not([disabled]):hover {
	-webkit-box-shadow: inset 0 0 3px rgba(45, 45, 45, 0.5);
	   -moz-box-shadow: inset 0 0 3px rgba(45, 45, 45, 0.5);
	        box-shadow: inset 0 0 3px rgba(45, 45, 45, 0.5);
}
.coma-form input.checkmark:checked::after {
	opacity: 1;
}
.coma-form .form-button {
	padding: 0.5em 1em;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: 600;
	transition: all 0.5s;
	border: none;
	border-radius: 0;
	margin: 0.5em auto 0.1em;
	width: 100%;
	max-width: 12em;
	white-space: normal;
	cursor: pointer;
}
.coma-form .form-button.form-wait {
	display: none;
	opacity: 0.7;
	/*cursor: wait;*/
}
.loading_dots > span {
	display: inline-block;
	margin-left: 0.1em;
	margin-right: 0.1em;
	font-size: 1.7em;
	line-height: 0;
	opacity: 0;
	-webkit-animation: showHideDot 1.5s ease-in-out infinite;
	        animation: showHideDot 1.5s ease-in-out infinite;
}
.loading_dots > span:nth-child(1) {
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}
.loading_dots > span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
}
.loading_dots > span:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;
}
@keyframes showHideDot {
	0%   { opacity: 0; }
	25%  { opacity: 1; }
	40%  { opacity: 1; }
	100% { opacity: 0; }
}

.coma-form .form-msg .msg {
	padding: 0.5em 1em;
	margin: 0.5em auto;
	text-align: left;
	color: #fff;
	font-weight: 600;
	line-height: 1.3em;
}
.coma-form .form-msg .msg.success {
	background: var(--coma-color-success);
}
.coma-form .form-msg .msg.warning {
	background: var(--coma-color-warning);
}
.coma-form .form-msg .msg.error {
	background: var(--coma-color-error);
}
.coma-form .form-msg .msg ul {
	padding: 0.3em 0 0.3em 2em;
}
.coma-form input:disabled {
	opacity: 0.5;
}

/**********************************
	RESPONSIVE
**********************************/
@media all and (max-width: 980px) {
	#coma_nav_login {
		margin-top: 8px;
		height: 48px;
	}
	#coma_nav_login .login-container {
		top: 38px;
	}
}
@media all and (max-width: 680px) {
	.coma-bg-fixed {
		background-attachment: scroll;
	}
}

/**********************************
	Animations
**********************************/

.coma-loading {
	font-size: 2em;
	line-height: 1em;
	margin: 5px auto;
	animation: comaflip 2s infinite linear;
	-webkit-animation: comaflip 2s infinite linear;
	animation-delay: 2s;
}
@-webkit-keyframes comaflip {
    0%{-webkit-transform:rotate(0deg); opacity:1;}
    10%{-webkit-transform:rotate(0deg); opacity:1;}
    19%{-webkit-transform:rotate(90deg); opacity:0;}
    21%{-webkit-transform:rotate(-90deg); opacity:0;}
    30%{-webkit-transform:rotate(0deg); opacity:1;}
}
@keyframes comaflip {
    0%{transform:rotate(0deg); opacity:1;}
    10%{transform:rotate(0deg); opacity:1;}
    19%{transform:rotate(90deg); opacity:0;}
    21%{transform:rotate(-90deg); opacity:0;}
    30%{transform:rotate(0deg); opacity:1;}
}