html, body { position: relative; height: 100%; }
body {font-family: 'Roboto', sans-serif; font-weight: 400; color: #333;}
h1, h2, h3, h4 {font-family: 'Poppins', 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:#ff5a00}
a:hover {color:#f77d1b}
.btn, a { transition: all .3s; }
header, section, footer, aside, nav, main, article, figure {position:relative;display: block;width:100%;}

/* 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 {}

}
@media (min-width:1400px) {
/* DESKTOP */
.container {max-width:1400px;}
}

/* MASTHEAD */
.header {background-color: #222;}
.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: #f77d1b;border-color:#f77d1b;}
.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: #f77d1b;}
.header .navbar-nav .current_page_item a {color:#f77d1b !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: #ff5a00;border-color:#ff5a00;}
.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: #333;border-color: transparent;color: #ccc}
.header .input-group .btn-dark {background: #333;border: none;color: #ccc;}
.header .input-group .btn-dark:hover {background: #444;border: none;color: #eee;}

/* STORE CONTENT */
.store-display {}

/* 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: #ff5a00;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:#222;}
footer p {font-size:15px;color:#999; text-align: center}

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


/* WOOCOMM */
/* WOOCOMM CART DROP */
.cart-area {position: relative;z-index: 2;float:left;margin-right:15px;padding:7px 0 3px }
.cart-area .cart--btn {-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;position: relative;z-index: 1;width: 35px;height: 35px;line-height: 35px;background-color: #fff;text-align: center;border-radius: 50%;cursor: pointer;margin-right: 15px;font-size: 16px; }
@media only screen and (max-width: 767px) {
.cart-area .cart--btn {margin-right: 8px;width: 30px;height: 30px;line-height: 30px; } 
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cart-area .cart--btn {margin-right: 15px;width: 35px;height: 35px;line-height: 35px; } 
}
.cart-area .cart--btn:hover, .hero_meta_area .cart-area .cart--btn:focus {color: #ff5a00; }
.cart-area .cart--btn .cart_quantity {-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;background-color: #ff5a00;border-radius: 50%;color: #fff;font-size: 10px;height: 20px;line-height: 20px;position: absolute;right: -5px;text-align: center;top: -10px;width: 20px;z-index: 2;font-weight: 700; }
.cart-area .cart-dropdown-content {-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;background-color: #ffffff;box-shadow: 0 0 88px 8px rgba(47, 91, 234, 0.125);border-radius: 6px;position: absolute;right: -44px;top: 70px;width: 280px;z-index: 120;padding: 30px 25px;opacity: 0;visibility: hidden; }
.cart-area ul.cart-list {margin:0;padding:0}
.cart-area .cart-dropdown-content .cart-list li {border-bottom: 1px solid #ebebeb;padding-bottom: 1rem; }
.cart-area .cart-dropdown-content li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 1rem;}
.cart-area .cart-dropdown-content li .cart-item-desc {position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% - 50px);flex: 0 0 calc(100% - 50px);max-width: calc(100% - 50px);width: calc(100% - 50px); }
.cart-area .cart-dropdown-content li .cart-item-desc .image {-webkit-box-flex: 0;-ms-flex: 0 0 40px;flex: 0 0 40px;max-width: 40px;width: 40px;margin-right: 15px; }
.cart-area .cart-dropdown-content li .cart-item-desc .image img {max-width: 100%;height: auto;}
.cart-area .cart-dropdown-content li .cart-item-desc a {font-size: 13px; }
.cart-area .cart-dropdown-content li .cart-item-desc p {font-size: 12px;margin-bottom: 0; }
.cart-area .cart-dropdown-content li .dropdown-product-remove {-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;-webkit-box-flex: 0;-ms-flex: 0 0 30px;flex: 0 0 30px;max-width: 30px;width: 30px;height: 30px;border: 1px solid #ddd;text-align: center;line-height: 29px;border-radius: 50%;background-color: #fff;color: #444;font-size: 14px;margin-left: 20px;cursor: pointer; }
.cart-area .cart-dropdown-content li .dropdown-product-remove:hover, .cart-area .cart-dropdown-content li .dropdown-product-remove:focus {border-color:transparent;background-color: #444;color: #fff; }
.dropdown-product-remove a {color:#444}
.dropdown-product-remove:hover a {color:#fff;text-decoration:none}
.cart-area .cart-dropdown-content li:last-child {margin-bottom: 0; }
.cart-area .cart-dropdown-content .cart-pricing li {margin-bottom: 10px; }
.cart-area .cart-dropdown-content .cart-pricing li span {font-size: 13px; }
.cart-area .cart-dropdown-content .cart-pricing li:last-child span {font-weight: 700;color: #070a57; }
.cart-area:hover .cart_quantity, .cart-area:focus .cart_quantity {background-color: #141414;color: #ffffff; }
.cart-area:hover .cart-dropdown-content, .cart-area:focus .cart-dropdown-content {top: 50px;opacity: 1;visibility: visible; }
.cart-box .btn {border-radius:30px}
/* WOOCOM ACCOUNT */
.account-area {position: relative;float: left;}
.account-area ul {list-style-type:none;padding:0}
.account-area .user-thumbnail {margin-top:5px;cursor: pointer; }
.account-area .user-thumbnail i {font-size:36px;color:#666; }
@media only screen and (max-width: 767px) {
.account-area .user-thumbnail {width: 30px;height: 30px;line-height: 30px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.account-area .user-thumbnail {width: 35px;height: 35px;line-height: 35px; } }
.account-area .user-meta-dropdown {background-color: #fff;border-radius: 3px;padding:20px;position: absolute;right: -10px;text-align: left;top: 70px;width: 200px;z-index: 100;box-shadow: 0 0 88px 8px rgba(47, 91, 234, 0.125);-webkit-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;opacity: 0;visibility: hidden; }
.account-area .user-meta-dropdown .user-title {font-size: 14px;font-weight: 600;margin-bottom: 10px; }
.account-area .user-meta-dropdown .user-title span {font-weight: 400; }
.account-area .user-meta-dropdown a {font-size: 13px;font-weight:400;padding: 5px 0;display: block;}
.account-area .user-meta-dropdown a:hover, .account-area .user-meta-dropdown a:focus {}
.account-area a {width: 100%;height: 100%;display: block;}
.account-area .btn-warning {color:#222;margin-top:8px;}
.account-area:hover .user-meta-dropdown, .account-area:focus .user-meta-dropdown {top: 50px;opacity: 1;visibility: visible; }

/* EXTRA UTILITIES */
.card-body nav ul {list-style-type: none;padding-left:0;margin:0;}
.breadcrumbs {padding:20px 0 0;}
.search h4.serp_query {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;font-size: 2rem}
.search .serp_display {margin-bottom: 20px;}
.search .serp_display h5 {font-size:18px;margin:0;}
.search .serp_display p {margin:0;font-size: 16px}
.shop_top {padding: 15px;background-color: #eee;border-radius: 6px;margin-bottom: 30px;display:block;position:relative;width:100%;overflow:hidden}
.woocommerce-breadcrumb a {color:#999 }
.woocommerce-breadcrumb a:hover {color:#222;}
.woocommerce-MyAccount-navigation {}
.woocommerce-MyAccount-navigation ul {list-style-type: none;padding: 0}
.woocommerce-MyAccount-navigation ul li {}
.woocommerce-MyAccount-navigation ul li a {display: block;font-size: 14px;text-transform: uppercase;margin-bottom:.8rem;border-bottom: 1px solid #ebebeb;padding-bottom:.8rem;color:#444;text-decoration:none}
.woocommerce-MyAccount-navigation ul li:last-of-type a {margin-bottom:0;padding-bottom: 0;border-bottom: none;}
.woocommerce-MyAccount-navigation ul li a:hover {text-decoration:none}
.woocommerce-MyAccount-navigation ul li.is-active a {color:#3b7494}
.woocommerce-Address header {background:none;}
.woocommerce table.shop_table {text-align: right !important;}
h2.woocommerce-loop-product__title {font-size:1rem;margin:10px 0 0;;line-height:1;color:#f49f25}
a.woocommerce-LoopProduct-link {text-decoration: none}
.woocommerce div.product p.price, .woocommerce div.product span.price {display:block;color:#199c69 !important;font-size: 1em !important;}
.woocommerce a.button:hover {background-color:#5c636a !important;color:#fff !important;}
.woocommerce a.button {margin-top:5px;font-weight:400 !important;color: #fff !important;background-color:#6c757d !important;}
.woocommerce div.product .product_title {color: #f49f25;margin: 0;font-size: 1.5rem}
h4.additional-info-header {color:#bbb;font-weight:400}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {background-color: #ffc97d;color: #fff;}
.woocommerce button.button.alt {background-color: #f49f25;color: #fff;}
.woocommerce button.button.alt:hover {background-color: #ffb449;color: #fff;}
.woocommerce div.product form.cart .variations {margin-bottom:0;}
p.woocommerce-thankyou-order-received {padding:8px 4px;text-align:center;background:#66ffcc;border-radius:3px;}
.enu_warning {padding: 15px;color: #084298;background-color: #cff4fc;border-radius: 4px;text-align: center;}