/* ---------------------------------------- Reset ---------------------------------------- */
blockquote, body, button, caption, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr,
iframe, input, legend, li, ol, p, pre, select, tbody, td, textarea, tfoot, th, thead, tr, ul {border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
h1, h2, h3, h4 {font-weight: normal;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0;position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;height: auto; max-width: 100%;vertical-align: middle;}
.lt_ie8 img {vertical-align:top;}
table {border-collapse: collapse;border-spacing: 0;text-align: left;}
td, th {text-align: inherit;}
td img {vertical-align: top;}
button, label, select, input, textarea {display: block;font-family: inherit;}
textarea {overflow: auto;resize: vertical;}


/* -------------------- Base */
body {font-family: 'Roboto', sans-serif;}
.logo {position: absolute; top: 0; left: 0;}
#ext_menu-11 .mbr-navbar__section {background:transparent;}


/* -------------------- Headings */
#header2-0 h1 {color: #fff; font-family: 'Arial', sans-serif;}
#features1-3 h3 {font-size: 30px;}
#benefits.simple h3 {margin-bottom: 15px !important;}
.caption h3 {color: #0099c4; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); font-weight: 400; font-family: "Roboto Slab", serif; letter-spacing: 0 !important; font-size: 18px !important;}
#discover h3 {font-size: 21px;}
#stats h1 {color: #27aae0; letter-spacing: 0; line-height: 1.25; font-size: 32px; text-align:center; margin: 0 10% 20px; font-weight: 700;}


/* -------------------- Form Components */
label {display: inline-block;}
input[type="checkbox"] {display: inline-block; width: 20px;}
.form-control:focus {border-color: #B6B6B6;}


/* -------------------- Paragraph */
#content1-8 p {font-size: 21px;}
#header2-0 p {color: #fff;}
#features1-3 p {color: #000; font-size: 18px; text-align: center;}
#discover p {color: #000000;}
.caption p { color:#fff!important; font-weight: 300; text-align: center;}
.radio-inline {font-size: 14px;}
label {font-size: 14px;}
.mbr-hero__text {text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); font-family: "Roboto Slab", serif; font-size: 50px; font-weight: 700; line-height: 1.1; padding: 0;}
.mbr-hero__subtext {padding: 0; margin: 10px 0 25px; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 18px;}
.mbr-contacts__text strong {font-family: 'Roboto Slab'; color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 20px;}
.mbr-contacts__text  p {font-family: 'Roboto'; color: #b4b9c1 !important; opacity: 0.7; font-size: 18px !important; font-weight: 400;}
.mbr-contacts a {color: #9c9c9c;}


/* -------------------- Iconography */
.glyphicon {color:#fff; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);}
span.glyphicon {font-size:45px; margin-bottom:15px;}
.mbr-social-icons a img {width: 50px;}


/* -------------------- Buttons */
.btn-offset {position:relative;top: 30px;}
.btn:hover, a:hover {cursor:pointer!important;}
.btn {font-size:16px; letter-spacing:1px; font-weight:400; border-radius:5px; font-style: normal; padding: 8px 20px 10px; font-family: "Roboto Slab", serif; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);}
.mbr-navbar__item .btn {box-shadow: none; font-weight: 400 !important; font-size: 18px;}
.mbr-navbar__item .btn:hover {color: #0099c4;}
#header2-0 .btn {font-size: 18px;}
#buttons1-5 .btn {font-size:25px;}
#buttons1-10 .btn {font-size:25px;}
.mbr-reviews .btn {padding:5px 10px; font-size:12px; display:block; width:50%; margin:0 auto; margin-top:10px; font-family: "Roboto";}
.btn-info {background-color: #d1356f; border-color: #d1356f; color: #ffffff !important;}
.btn-info:hover {background-color: #812143; border-color: #812143;}



/* --------------------  Images */
#benefits .thumbnail > img, #benefits .thumbnail .image img {max-width:20%;}
img.profile {width:120px; float:left; margin: 2px 12px 4px 0;}


/* --------------------  Mobirise */
#ext_menu-11.mbr-navbar--stuck .mbr-navbar__section {background:#142347;}
#ext_menu-11 .mbr-navbar__section {background:#9a9b9c;}
#ext_menu-11 .mbr-brand__name {font-size:16px;}
.mbr-navbar__brand-link:after, .mbr-navbar__brand-img {height:65px;}


/* --------------------  Testimonials */
#testimonials .mbr-section__header {color:#ffffff; font-size:32px; font-weight:700; letter-spacing: 2px; font-family: "Roboto Slab";}
#testimonials .mbr-reviews__author-name {color:#ffffff; font-size:20px;}
#testimonials .mbr-reviews__author-bio {font-size:15px; color:#ffffff; }
#testimonials .mbr-reviews__text p {font-size:13px; color:#777777;}
.form-control {padding:5px; border:1px solid rgba(0,0,0,0.075); border-radius:3px;}


/* --------------------  Event Information */
.event-info {display: block; border-radius:5px; height:100%; position: relative;}
.event-info h1, .event-info h2, .event-info h3 {text-align:center; margin:0; letter-spacing:0px;}
.event-info h1 {color:#9A9A9A; font-size:22px; font-weight:300; line-height:1;}
.event-info h2 {color:#374756; font-size:32px; font-weight:900;}
.event-info h3 {color:#374756; font-size:21px; font-weight:300;}
.event-info p {font-size:13px; line-height:1; float:right; font-weight:500; text-align:right; margin-top:20px;}
.event-info .btn{ display: block; margin: 0 auto; margin-top: 10px;}
.event-info .glyphicon {color:#D0D0D0; font-size:75px; text-align:center; text-shadow:none;}
#eventinfo {top: 20px; text-align: center;}
#fasttrack {top: -10px; text-align: center;}


/* --------------------  Reusable Classes */
.mbr-txt--white {color: #fff;}
.mbr-txt--black {color: #000;}
.bg-white {background: #fff;}
.btn-shadow {box-shadow: 5px 5px 8px rgba(0,0,0,0.15)}
.tertiary-bg {background-color: #091932 !important;}
iframe.video {margin:0 auto; display:block; margin-bottom:60px; border-radius:7px}


/* --------------------  Modal */
.modal-header {font-weight:bold !important;}
.modal-title {margin: 0; line-height: 1.42857143; font-size: 16px; font-weight: bold; text-align: center; font-style: normal;}
.modal-header .close {margin-top: 0px;}
.modal-content {border-radius: 5px;}
.flowchart {background: #27aae0; padding: 20px; border-radius: 20px; color: #ffffff; font-style: normal; position: relative; margin-bottom: 40px;}
.flowchart h1 {font-weight: 600; font-size: 16px;  letter-spacing: 1px; margin-bottom: 15px;}
.flowchart li {font-size: 15px; margin-left: 40px; margin: 5px 0 0 40px; font-weight: 300;}
.flowchart:not(:last-child):after {top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(39, 170, 224, 0); border-top-color:#27aae0; border-width:40px; margin-left:-40px;}


/* --------------------  Media Queries */
@media (max-width:1199px) {
	#eventinfo {top: -50px !important;}

}

@media (max-width: 991px) {
	.mbr-social-icons a img {width: 40px;}
}

@media (max-width: 767px) {
	.btn-offset {top: 0;}
	.event-info {float:none; width:250px; margin-left:auto; margin-right:auto; padding: 30px 0;}
	.event-info h1, .event-info h2, .event-info h3 {text-align: center;}
	iframe#video {margin-top: 70px !important; width: 70%;}
	.mbr-social-icons a img {width: 57px;}
	.mbr-contacts__text {margin-top: 50px;}
}

@media (max-width: 767px) {
	.mbr-social-icons a img {width: 43px;}
}