html, body { position: relative; height: 100%; }
body {font-family: 'Roboto', sans-serif; font-weight: 400; color: #333;}
h1, h2, h3, h4 {font-family:'Roboto', sans-serif;}
a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; }
a {color:#E11A12}
a:hover {color:#EC1F64}
.btn, a { transition: all .3s; }
header, section, footer, aside, nav, main, article, figure {position:relative;display: block;width:100%;}
.alert-info {color: #055160;background-color: #FFDE34;border-color: #FFDE34;}
.btn-secondary {color: #fff;background-color: #03071E;border-color: #03071E;}
.btn-secondary:hover {color: #fff;background-color: #001131;border-color: #001131;}
.btn-danger {color: #fff;background-color: #EC1F64;border-color: #EC1F64;}
.btn-danger:hover {color: #fff;background-color: #d72157;border-color: #d72157;}
/* MEDIA QUERIES */
@media (max-width:767.98px) {
/* MOBILE PHONE */
.container {max-width: 100%;}
.navbar-toggler:before {right:80px !important;}
.navbar .nav-item {text-align: center}
.dropdown-menu {width: auto;}
.store-display {padding:20px 0 20px 0;}
.header-info-block {margin-right:0px;}
.header .topbar .cta, .cta .btn {width:100%}
}

@media (min-width:768px) {
/* TABLET PORTRAIT */
.navbar .nav-item {text-align: center}
.store-display {padding:0 0 20px 0;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.container {max-width: 96%;}

}
@media (min-width:992px) {
/* TABLET LANDSCAPE */
.container {max-width:95%;}
.store-display {min-height:560px; padding:30px 0 30px 0;}
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover a { color: #fff;  }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
.navbar .nav-item .dropdown-menu{ margin-top:0; }

}
@media (min-width:1200px) {
/* DESKTOP */
.container {max-width:1200px;}
.dropdown-menu {width: 400px;}
.store-display {}
footer {min-height: 300px}
}
@media (min-width:1400px) {
/* DESKTOP */
.container {max-width:1400px;}
}

/* MASTHEAD */
.header {background-color: #03071E;}
.header .topbar {padding:0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);color:#999;font-size: 14px;}
.header .topbar a.brand {padding:0;margin-right: 0;color: #fff;width:200px;display:inline-block;}
.header .topbar a {color:#999;}
.header .topbar i {padding-right:5px}
.header .topbar a.btn-outline-warning {padding: 18px 30px;font-size: 14px;line-height: 1;border-radius: 0;font-weight: 500;color: #EC8E06;border-color:#EC8E06;}
.header .topbar a.btn-outline-warning:hover {color: #eee;border-color:#eee;background-color: transparent}
.header-info-block {line-height: 1;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 20px;margin-right: 10px;border-left: 1px solid #444;}
.header-info-block > i {padding-top: 0;}
.header-info-block > i {font-size: 16px;font-size: 1rem;color: #999;margin-right: 10px;padding-top: 5px;}
.header-info-block .block-content .title {display: block;font-size: 12px;font-size: .75rem;color: #9b9ca4;}
.header-info-block .title {margin-bottom: 5px;}
.header-info-block .value {word-break: break-all;}
.header-info-block .block-content .value {display: block;font-weight: 700;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.list-inline.social .list-inline-item i {padding-right:0;}
.navbar-toggler:before {content:"Menu";right:95px;top:18px;position:absolute;color:#ccc;font-family: 'Roboto', sans-serif;font-size:14px }
.navbar-dark .navbar-toggler {color: rgba(255,255,255,.6);border-color: transparent;background: #333;}
.header .navbar-expand-lg {padding: 0px;}
/* REPLACE NAVBAR-LINK STYLING FOR NAV-ITEM A CLASS*/
.header .navbar .nav-item a {display: block;padding:.5rem;color: rgba(255,255,255,.55);text-decoration:none;}
.header .navbar .nav-item:hover a {color: #fff;}

.header .navbar .nav-item.active a {color: #EC1F64;}
.header .navbar-nav .current_page_item a {color:#EC1F64 !important;}
.header .navbar .navbar-nav .nav-link i {font-weight: bold;vertical-align: middle}
.header .navbar .navbar-nav li > a i {margin-left: 5px;font-size: 10px;}
.header .dropdown-toggle::after {content:none;}
.header a.btn-outline-secondary {padding: 18px 30px;font-size: 14px;line-height: 1;border-radius: 0;font-weight: 500;color: #EC8E06;border-color:#EC8E06;}
.header a.btn-outline-secondary:hover {color: #eee;border-color:#eee;background-color: transparent}
.dropdown-menu {color: #eee;background-color: #222;border:none;border-color:transparent;padding:15px 0 0;box-shadow:none;}
.header .form-control {background:rgba(255,255,255,0.1);border-color: transparent;color: #ccc}
.header .input-group .btn-dark {background:rgba(255,255,255,0.1);border: none;color: #ccc;}
.header .input-group .btn-dark:hover {background:rgba(255,255,255,0.2);border: none;color: #eee;}

/* STORE CONTENT */
.store-display {}
.alert-light {color: #636464;background-color: #f9f9f9;border-color: #eee;}
/* BENEFITS OUTLINE */
.platform-benefits {padding:20px;position: relative;z-index: 1;background-color: #eee;}
.benefit_block .benefit_icon {text-align: center;position: relative;z-index: 2;margin-right: 15px;height: 70px;-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;border-right: 1px solid #ccc;padding-right: 30px;}
.benefit_block .benefit_icon i {font-size:28px;line-height: 70px;}
.benefit_block .benefit_icon {text-align: center;}
.benefit_block .benefit_icon span i {background-color: #E11A12;border-radius: 50%;color:#fff;font-size: 13px;width: 24px;height: 24px;line-height: 24px;position: absolute;right: 15px;top: 0;}
.benefit_block .benefit_content h6 {text-transform: uppercase;font-weight:700;font-size:14px;margin:0}
.benefit_block .benefit_content p {font-size:15px;font-weight:400;}

/* FOOTER */
footer {padding:50px 20px;color:#9b9ca4;font-size:11px;background:#03071E;}
footer p {font-size:15px;color:#999; text-align: center}

/* BRAND ACCENT COLORS */
.bg-trinity {background:#E11A12;}
.text-trinity {color:#E11A12;}