/*
 * Colors
 *
 * green:   #00e6c8
 *
 */

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    color: #071822;
}


/*
 * Common Tags
 */
a {
    color: #00e6c8;
    text-decoration: none;
    transition: all 0.2s ease-in-out;    
}

a:hover,
a:active {
    color: #00e6c8;
    text-decoration: none;
}

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

.container {
	max-width: 1200px !important;
}

.container-small {
	max-width: 1000px !important;
}

.container-smaller {
	max-width: 800px !important;
}

.container-smallest {
	max-width: 600px !important;
}

.container-grey {
	/* background: #eceaea; */
	background: linear-gradient(to bottom, #eceaea 65%, transparent 65%);
	background-repeat: no-repeat;
	padding: 2rem !important;
}

.container-grey-full {
	background: #eceaea;
	padding: 4rem !important;
}

@media (min-width: 768px) {
	.counter {
		font-size: 1.5rem !important
	}
}

.counter span {
	font-weight: 700 !important;
	padding-right: .5rem;
}

/*
 * Buttons
 */
.btn-register {
	background-color: #c30625;
	border-color: #c30625;
	color: #fff;
	font-size: 1.25rem !important;
	padding: 0 5.5rem;
	height: 60px !important;
	line-height: 55px !important;
	border-radius: 30px !important;
	position: relative;
}

.btn-register:hover,
.btn-register:focus,
.btn-register:active {
	color: #fff;
	background-color: #c30625;
	border-color: #c30625;
	opacity: .8;
}

.btn-register img {
	position: absolute;
	left: 1rem;
	top: -1.5rem;
}

.btn-primary {
	background-color: #00e6c8;
	border-color: #00e6c8;
	color: #fff;
	font-size: 1.125rem !important;
	padding: 0 2rem;
	height: 46px !important;
	line-height: 40px !important;
	border-radius: 23px !important;
}
 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #fff;
	background-color: #00e6c8;
	border-color: #00e6c8;
	opacity: .8;
}

.form-control {
	background: #f0f0f0;
	height: 40px !important;
	line-height: 36px !important;
	border-radius: 20px !important;
}

hr {
	border-top: 5px solid #00e6c8;
	opacity: 1;
}

/*
 * Footer
 */
footer a {
}