/* COLORS
Background Mint: #F3F8F2
Red: #F63E3E
Orange: #C7744C
Light Green: #C6D0A5
Meduim Green: #C9CEC8
Dark Green: #506566
Light Grey: #ECECEE
Font Grey: #43404d
*/
 
/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }
body { /* Margin bottom by footer height */ margin-bottom: 110px; }
#footer { position: absolute; bottom: 0px; width: 100%; /* Set the fixed height of the footer here */ height: 110px; }

/* Page styles
-------------------------------------------------- */

body { padding-top: 0px; padding-bottom: 20px; font-family: 'Lato', Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #43404d; font-size: 16px; }

a { color: #F63E3E; text-decoration: none; }
a:hover, a:focus { color: #AB1B22; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.center { text-align: center; }

.header { width: 100%; background: #F3F8F2; padding-top: 20px; }

.navbar { margin-bottom: 20px; background-color: #C6D0A5; border-radius: 6px; font-size: 17px; border: none; font-weight: 400; min-height: 45px; } 
.navbar .container-fluid { padding-left: 0px; padding-right: 0px; }
.nav>li>a { padding-left: 12px; padding-right: 12px; color: #000000; }
@media ( max-width: 1210px ) { .nav>li>a { padding-left: 7px; padding-right: 7px; font-size: 15px; } }
@media ( max-width: 991px ) { .nav>li>a { padding-left: 5px; padding-right: 5px; font-size: 13px;} .navbar { padding-left: 0px; padding-right: 0px; } .navbar-collapse { padding-right: 2px; padding-left: 2px; } }
@media ( max-width: 767px ) { .nav>li>a { padding-left: 7px; padding-right: 7px; font-size: 15px;} .navbar { padding-left: 15px; padding-right: 15px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; } }
.navbar-nav>li>a { padding-top: 13px; padding-bottom: 13px; }
.navbar-default .navbar-toggle { color: #ffffff; border-color: #ffffff; position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid #ffffff; border-radius: 4px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }

.btn-register { padding-left: 0px; }
.btn-danger { color: #fff; background-color: #F63E3E; border-color: #F63E3E; }
.branding { background-color: #ffffff; border-radius: 6px; margin-bottom: 20px; }
.branding img { max-width: 100%; }
.logo { padding-top: 10px; }
.intro { background-color: #ECECEE; border-radius: 6px; margin: 20px 0 20px 0px; padding: 10px; font-weight: 400; }

@media ( max-width: 767px ) { .btn-register { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .navbar { margin-left: 15px; margin-right: 15px; } }

.main  { padding-top: 30px; font-weight: 400; font-size: 16px;padding-bottom: 40px; }

.home { }
.actionicons { text-align: center; }
.actionicons img { max-width: 100%; margin: 0 auto; }
.actionicons a:hover { opacity: 0.4; }
.welcome { padding: 40px 19%; font-size: 22px; line-height: 30px; font-weight: 400; text-align: center; }

.current_stats { display: block; width: 100%; padding: 15px; border-radius: 6px; background: #C9CEC8; }
.current_stats h3 { font-size: 16px; margin-top: 0px; }
.big_red { font-size: 36px; color: #f93f3b; line-height: 36px; font-weight: 700; }

.sidebar_inner { background-color: #ECECEE; border-radius: 6px; margin: 20px 0 20px 0px; padding: 10px; font-weight: 400; }
.sidebar_inner  h3 { margin-top: 0px; }

.calltoaction { font-weight: 700; font-size: 43px; line-height: 48px; text-align: center; }

.footer { background: #F3F8F2; padding-top: 20px; font-weight: 400; font-size: 14px; }
.footer_links { list-style: none; color: #C9CEC8; list-style: none; padding-left: 0 !important; -webkit-padding-start: 0px !important; list-style-position: outside; }
.footer_links li { float: left; margin-right: 6px; }
.footer_links li a { margin-right: 6px; font-weight: 400; }
.footer img { max-width: 100%; }

.red { color: #F63E3E; }