/*********** CSS RESET **********/
* {
margin: 0;
outline: none;
padding: 0;
text-decoration: none;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
margin: 0;
-webkit-text-size-adjust: none;
}
ol,
ul {
list-style: none;
}
a img {
border: none;
}
a:active {
outline: none;
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
border-radius: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
display: none !important;
}
/*********** GLOBAL STYLES **********/
body {
max-width: 100%;
overflow-x: hidden;
background-color: #fff;
color: #777;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #444;
}
a {
color: inherit;
cursor: pointer;
}
a img {
opacity: 0.99;
/*firefox scale bug fix*/
}
table {
width: 100%;
border-collapse: collapse;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select {
height: 36px;
border: 1px solid #dde1e7;
padding: 8px;
vertical-align: middle;
}
input[type="number"] {
height:45px;
}
input,
textarea,
select {
font-size: 14px;
color: #777;
}
textarea {
min-height: 150px;
}
select {
min-width: 50px;
height: 40px;
padding: 6px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border-color: #ccc;
color: #444;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]+*,
input[type="radio"]+* {
vertical-align: baseline;
}
input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
cursor: pointer;
}
label,
label+* {
vertical-align: baseline;
}
.master-wrapper-content {
position: relative;
z-index: 0;
width: 90%;
margin: 0 auto;
}
.master-column-wrapper {
position: relative;
z-index: 0;
}
.master-column-wrapper:after {
content: "";
display: block;
clear: both;
}
.center-1 {
margin: 0 0 100px;
}
.center-2,
.side-2 {
margin: 0 0 10px;
}
.side-2:after {
content: "";
display: block;
clear: both;
}
.page {
min-height: 200px;
text-align: center;
}
.page-title {
min-height: 50px;
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 6px 10px;
}
.page-title h1 {
font-size: 30px;
font-weight: normal;
}
.page:after,
.page-title:after,
.page-body:after {
content: "";
display: block;
clear: both;
}
.center-1 .page-title,
.center-1 .title {
text-align: center;
}
.buttons {
margin: 0 0 30px;
}
.link-rss {
display: none;
width: 24px;
height: 24px;
background: url('../images/rss.png') center no-repeat;
font-size: 0 !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul {
margin: 12px 0;
list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p {
margin: 10px 0;
text-align: justify;
}
/*********** GLOBAL FORMS ***********/
.address-item {
border: solid 1px #ddd;
}
.address-item .title {
padding: 0 20px;
}
.fieldset,
.section {
position: relative;
margin: 0 0 25px;
}
.fieldset .title,
.section .title {
margin: 10px 0 10px;
font-size: 20px;
color: #444;
}
.fieldset .title strong,
.section .title strong {
font-weight: normal;
}
.form-fields {
position: relative;
}
.inputs {
position: relative;
margin: 0 0 15px;
text-align: center;
white-space: nowrap;
font-size: 0;
}
.inputs:after {
content: "";
display: block;
clear: both;
}
.inputs label {
display: block;
width: 100%;
margin: 0 0 10px;
text-align: center;
font-size: 14px;
color: #444;
}
.inputs input[type="text"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs input[type="password"],
.inputs select,
.inputs textarea {
width: 400px;
max-width: 100%;
background-color: #fff;
}
.inputs.custom-attributes {
white-space: normal;
}
.inputs .option-list {
display: inline-block;
max-width: 95%;
vertical-align: middle;
}
.inputs .option-list li {
display: inline-block;
margin: 5px;
border: 1px solid #ddd;
background-color: #fff;
padding: 8px 10px;
}
.inputs .option-list label {
display: inline-block;
width: auto !important;
margin: 0 0 0 5px;
}
.inputs.reversed {
margin: 0 0 20px;
text-align: center;
}
.required {
margin: 0 -8px 0 3px;
vertical-align: top;
font-size: 20px;
font-weight: normal;
color: #e4434b;
}
.quick-view-product-details-modal dt .required {
position: absolute;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
display: block;
text-align: center;
font-size: 13px;
color: #e4434b;
margin-top: 5px;
}
.field-validation-valid,
.username-available-status {
display: block;
text-align: center;
font-size: 13px;
color: #4cb17c;
}
.captcha-box {
text-align: center;
line-height: 0;
}
.captcha-box>div {
display: inline-block;
max-width: 100%;
}
.captcha-box input {
height: auto;
}
/*********** GLOBAL TABLES ***********/
.table-wrapper {
overflow-x: auto;
}
.cart th,
.data-table th,
.forum-table th {
border-width: 1px 1px 0;
border-style: solid;
border-color: #ddd;
background-color: #000;
padding: 12px;
white-space: nowrap;
font-weight: normal;
color:#fff;
}
.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts {
display: none;
}
.forum-table td.image {
min-width: 0;
}
.cart td,
.data-table td,
.forum-table td {
/*min-width: 140px;*/
border-width: 1px;
border-style: solid;
border-color: #dde1e7;
padding: 12px;
color: #444;
white-space: nowrap;
}
.forum-table td {
min-width: 90px;
padding: 10px;
}
.cart a,
.data-table a,
.forum-table a {
font-weight: normal;
color: #4ab2f1;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
text-decoration: underline;
}
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
min-width: 100px;
text-align: left;
}
.forum-table .forum-details,
.forum-table .topic-details {
text-align: left;
}
.cart .product a,
.data-table .product a,
.data-table .info a {
font-weight: bold;
color: #444;
}
.data-table .product a {
width: 100%;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover {
color: #4ab2f1;
text-decoration: none;
}
.cart .product .edit-item {
margin: 10px 0 0;
}
.cart .product .edit-item a {
font-weight: normal;
color: #4ab2f1;
}
.cart .product .edit-item a:hover {
text-decoration: underline;
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
text-align: center;
}
/*.cart tbody tr:nth-child(odd) {
background: #f5f7f9;
}
.cart tbody tr:nth-child(even) {
background: #fcfcfd;
}*/
.cart td.unit-price,
.data-table td.unit-price {
white-space: nowrap;
}
.cart td.quantity input {
width: 50px;
text-align: center;
}
.cart td.subtotal,
.data-table td.total {
white-space: nowrap;
color: #444;
}
.cart td.subtotal .discount,
.cart td.subtotal .discount-additional-info {
font-style: italic;
color: #4ab2f1;
}
.data-table em a {
font-weight: bold;
color: #444;
}
.data-table div.download {
margin: 10px 0 0;
}
.terms-of-service label {
display: inline;
}
/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
padding: 15px 25px 15px 10px;
line-height: 16px;
color: #fff;
opacity: 0.95;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.bar-notification.success {
background-color: #75b50f;
}
.bar-notification.error {
background-color: #d31039;
}
.bar-notification.warning {
background-color: #f39c12;
}
.bar-notification .content {
margin: 0 10px 0 0;
}
.bar-notification .content a {
color: #fff;
text-decoration: underline;
}
.bar-notification .close {
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
margin: 7px;
background: #fff url('../images/close.png') center no-repeat;
cursor: pointer;
}
.noscript {
border-bottom: 1px solid #333;
background-color: #ff9;
padding: 30px 15px;
text-align: center;
line-height: 22px;
color: #444;
}
.ajax-loading-block-window {
position: fixed;
top: 50%;
left: 50%;
z-index: 999;
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
background: url('../images/loading.gif') center no-repeat;
}
.please-wait {
background: url('../images/ajax-loader-small.gif') no-repeat;
padding-left: 20px;
font-size: 14px;
}
.ui-dialog {
max-width: 90%;
border: 1px solid #ddd;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
overflow: hidden;
background-color: #fff;
border-radius: 0;
padding: 0;
font: normal 14px Arial, Helvetica, sans-serif;
}
.ui-dialog:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.ui-dialog-titlebar {
border-bottom: 1px solid #ddd;
overflow: hidden;
background-color: #eee;
padding: 10px 15px;
border-width: 0 0 1px;
border-radius: 0;
background-image: none;
padding: 10px 15px !important;
font-weight: normal;
cursor: auto !important;
}
.ui-dialog-titlebar>span {
float: left;
font-size: 18px;
color: #444;
margin: 0 !important;
}
.ui-dialog-titlebar button {
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 42px;
border: none;
overflow: hidden;
background: url('../images/close.png') center no-repeat;
font-size: 0;
top: 0 !important;
right: 0 !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
border: none !important;
border-radius: 0;
background: url('../images/close.png') center no-repeat !important;
padding: 0 !important;
}
.ui-dialog-titlebar button span {
display: none !important;
}
.ui-dialog-content {
padding: 15px;
line-height: 20px;
background-color: #fff !important;
padding: 15px 15px 20px 15px !important;
color: #777;
}
.ui-dialog-content .page {
min-height: 0;
}
.ui-dialog-content .page-title {
min-height: 0;
margin: 0 0 15px;
padding: 0px 10px 10px 10px;
text-align: center;
}
.ui-dialog-content .page-title h1 {
font-size: 24px;
line-height: 30px;
}
.ui-dialog-content .back-in-stock-subscription-page {
text-align: center;
}
.ui-dialog-content .back-in-stock-subscription-page .tooltip {
margin-bottom: 10px;
}
.ui-dialog-content .back-in-stock-subscription-page .button-1 {
border: none;
background-color: #4ab2f1;
padding: 10px 15px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.ui-dialog-content .back-in-stock-subscription-page .button-1:hover {
background-color: #248ece;
}
.eu-cookie-bar-notification {
position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
width: 320px;
height: 200px;
margin: -90px 0 0 -160px;
border: 1px solid #ccc;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
background-color: #fff;
padding: 20px;
text-align: center;
}
.eu-cookie-bar-notification .text {
margin-bottom: 12px;
line-height: 20px;
}
.eu-cookie-bar-notification button {
min-width: 60px;
margin: 5px 0 10px;
border: none;
background-color: #cd192d;
padding: 8px 12px;
font-size: 14px;
color: #fff;
}
.eu-cookie-bar-notification button:hover {
background: #000;
}
.eu-cookie-bar-notification a {
display: block;
color: #cd192d;
}
.eu-cookie-bar-notification a:hover {
text-decoration: underline;
color: #000;
}
/*********** HEADER ***********/
.admin-header-links {
text-align: center;
color: #eee;
}
.admin-header-links * {
display: inline-block;
margin: 0 10px;
line-height: 35px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.admin-header-links .impersonate {
display: inline-block;
}
.admin-header-links .impersonate a {
background-color: #555;
padding: 0 15px;
}
.admin-header-links .impersonate a:hover {
background-color: #666;
}
.header {
position: relative;
/*z-index: 10;*/
width: 95%;
margin: auto;
text-align: center;
}
.header-selectors-wrapper {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.header-selectors-wrapper>div {
display: block;
width: 50%;
margin: 10px auto;
}
.header-selectors-wrapper select {
width: 100%;
}
.language-list {
max-width: 100%;
font-size: 0;
}
.language-list li {
display: inline-block;
margin: 0 1px;
vertical-align: middle;
}
.language-list a {
display: block;
position: relative;
width: 24px;
height: 32px;
line-height: 0;
}
.language-list img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.header-links-wrapper {
position: relative;
padding: 20px 0;
}
.header-links {
white-space: nowrap;
}
.header-links ul {
font-size: 0;
}
.header-links a:hover {
color: #4ab2f1;
}
.header-lower {
position: relative;
z-index: 0;
padding: 35px 0;
}
.header-logo {
margin: 0 0 20px;
text-align: center;
}
.header-logo a {
display: inline-block;
max-width: 100%;
line-height: 0;
}
.header-logo a img {
max-width: 100%;
opacity: 1;
}
.search-box form {
display: inline-block;
}
.search-box form:after {
content: "";
display: block;
clear: both;
}
.search-box-dropdown {
position: relative;
}
.search-box-dropdown .search-box {
position: absolute;
background: #fff;
padding: 15px;
right: 0;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);
z-index: 10;
min-width: 330px;
}
.search-box-dropdown .search-box-text {
vertical-align: top;
}
.user-login-box {
min-width: 250px;
}
.search-box .search-box-button {
height: 36px;
border: none;
background-color: #d31039;
padding: 0 15px;
text-align: center;
color: #fff;
text-transform: uppercase;
margin-left: -4px;
}
.search-box-dropdown .search-box {
display: none;
}
.search-box .search-box-button:hover {
background-color: #333;
}
.search-box .ui-autocomplete-loading {
background: #fff url('../images/ajax-loader-small.gif') right center no-repeat;
}
.ui-helper-hidden-accessible {
display: none !important;
}
.ui-autocomplete {
border: 1px solid #ddd;
border-top: none;
overflow-x: hidden;
overflow-y: auto;
max-height: min(65vh, 480px);
background-color: #fff;
text-align: left;
border-radius: 0;
padding: 0;
font: normal 16px barlowregular, Arial, sans-serif;
}
.ui-autocomplete li {
border-top: 1px solid #ddd;
}
.ui-autocomplete li:first-child {
border-top: none;
}
.ui-autocomplete a {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
background: none !important;
padding: 15px !important;
line-height: normal !important;
color: #222 !important;
}
.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus {
background-color: #f6f6f6 !important;
}
.ui-autocomplete img {
display: block;
width: 48px;
height: 48px;
flex: 0 0 48px;
object-fit: contain;
margin: 0;
vertical-align: middle;
}
.theme-custom .nivo-controlNav a.active {
background-color: #d31039;
width: 25px !important;
}
.theme-custom .nivo-controlNav a {
height: 10px !important;
width: 10px !important;
}
/*********** FOOTER ***********/
.footer {
background-color: #eee;
text-align: center;
}
.footer-upper {
width: 95%;
margin: auto;
border-bottom: 1px solid #ddd;
overflow: hidden;
padding: 40px 0;
font-size: 0;
}
.footer-block {
width: 95%;
margin: 1px auto;
text-align: left;
font-size: 14px;
/*reset zeroing*/
}
.footer-block .title {
margin: 0 0 1px;
background: #4ab2f1 url('../images/toggle-white.png') right center no-repeat;
padding: 10px 15px;
font-size: 20px;
color: #fff;
cursor: pointer;
}
.footer-block .title strong {
font-weight: normal;
}
.footer-block .list {
display: none;
margin: 0 0 20px;
background-color: #fff;
padding: 10px 15px;
}
.footer-block .list a {
display: block;
padding: 10px 15px;
line-height: 20px;
}
.footer-block .list a:hover {
color: #4ab2f1;
}
.follow-us {
margin: 30px auto 0;
text-align: center;
}
.follow-us .title {
margin: 0 0 10px;
background: none;
color: #444;
cursor: auto;
}
.follow-us .social ul {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 30px;
font-size: 0;
}
.follow-us .social li {
display: inline-block;
margin: 0 5px;
}
.follow-us .social a {
display: block;
width: 38px;
height: 38px;
background: url('../images/social-sprite.png') no-repeat;
font-size: 0;
color: #66646a;
}
.follow-us .social a:hover {
color: #d31039;
}
.follow-us .social .facebook a {
background-position: 0 0;
}
.follow-us .social .twitter a {
background-position: -38px 0;
}
.follow-us .social .rss a {
background-position: -76px 0;
}
.follow-us .social .youtube a {
background-position: -114px 0;
}
.follow-us .social .google-plus a {
background-position: -152px 0;
}
.newsletter-email {
display: inline-block;
overflow: hidden;
}
.newsletter-email input[type="email"] {
float: left;
width: 150px;
height: 36px;
margin: 0 -1px 0 0;
}
.newsletter-subscribe-button {
float: left;
height: 36px;
border: none;
background-color: #d31039;
padding: 0 15px;
text-align: center;
color: #fff;
text-transform: uppercase;
border: solid 2px #fff;
}
.newsletter-subscribe-button:hover {
background-color: #d31039;
}
.newsletter-email .options {
clear: both;
padding: 10px 0 0;
}
.newsletter-validation,
.newsletter-result {
width: 100%;
overflow: hidden;
line-height: 28px;
color:#ccc;
}
.footer-lower {
width: 95%;
margin: auto;
overflow: hidden;
padding: 25px 0;
font-size: 12px;
}
.footer-tax-shipping a {
font-weight: bold;
color: #4ab2f1;
}
.footer-tax-shipping a:hover {
text-decoration: underline;
}
.footer-powered-by {
margin: 10px 0 0;
}
.footer-powered-by a {
font-weight: bold;
color: #4ab2f1;
}
.footer-powered-by a:hover {
text-decoration: underline;
}
.theme-selector {
margin: 10px 0 0;
}
.theme-selector select {
width: 170px;
}
/*********** SIDE COLUMN ***********/
.block {
max-width: 600px;
margin: auto;
text-align: left;
border: solid 1px #dde1e7;
}
.block .title {
position: relative;
margin: 0 0 10px;
border-bottom: 1px solid #ddd;
background: #f6f6f6 url('../images/toggle-gray.png') right 14px no-repeat;
padding: 12px 30px 12px 10px;
font-size: 20px;
color: #444;
cursor: pointer;
text-transform: uppercase;
}
.block .title strong {
font-weight: normal;
}
.block .listbox {
padding: 10px 0 0;
}
.block .list li {
padding: 5px 0 5px 15px;
}
.block .list a {
display: inline-block;
position: relative;
padding: 0;
font-size: 16px;
color: #444;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.block .list a:hover,
.block-account-navigation ul li a.active {
color: #d31039;
}
.block a.product-picture {
display: none;
}
.block a.product-picture:before {
display: none;
}
.block .sublist {
margin: 15px 0 5px;
}
.block .sublist a {
font-size: 14px;
}
.block .view-all a {
display: inline-block;
padding: 10px 0;
font-size: 16px;
color: #4ab2f1;
}
.block .view-all a:hover {
text-decoration: underline;
}
.block .tags {
margin: 5px 0 10px;
}
.block .tags ul {
font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
display: inline-block;
position: relative;
margin: 0 10px;
overflow: hidden;
font-size: 17px !important;
}
.block .tags li a,
.product-tags-all-page li a {
float: left;
line-height: 30px;
color: #444;
}
.block .tags li a:hover,
.product-tags-all-page li a:hover {
color: #4ab2f1;
}
.poll strong {
display: block;
margin: 10px 0;
background-color: #f6f6f6;
padding: 10px 15px;
font-size: 15px;
font-weight: normal;
color: #444;
text-transform: uppercase;
}
.poll-options,
.poll-results {
margin: 10px 0 15px;
overflow: hidden;
font-size: 15px;
color: #444;
}
.poll-options li,
.poll-results li {
margin: 10px 0;
}
.poll-options li>input {
margin: 0 5px 0 0;
cursor: pointer;
}
.poll-options li>label {
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.poll .buttons input {
border: none;
background-color: #aaa;
padding: 10px 20px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
}
.poll .buttons input:hover {
background-color: #bbb;
}
.poll-total-votes {
display: block;
margin: 10px 0 0;
font-weight: bold;
font-style: italic;
color: #444;
}
.home-page-polls {
text-align: center;
}
.home-page-polls .title {
border-bottom: 1px solid #ddd;
color: #444;
font-size: 30px;
font-weight: normal;
margin: 0 0 30px;
padding: 0 0 15px;
}
.home-page-polls .title strong {
font-weight: normal;
}
.home-page-polls li {
display: inline-block;
margin: 10px;
}
/********** CATEGORY PAGE **********/
.breadcrumb ul {
font-size: 0;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li * {
display: inline-block;
margin: 0 5px;
font-size: 14px;
line-height: 32px;
}
.breadcrumb strong {
font-weight: normal;
}
.breadcrumb a:hover {
color: #4ab2f1;
}
.category-description,
.manufacturer-description,
.vendor-description {
margin: 0 0 25px;
line-height: 22px;
}
.contact-vendor {
margin: 0 0 30px;
}
.contact-vendor .button-2 {
border: none;
background-color: #4ab2f1;
padding: 10px 15px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.contact-vendor .button-2:hover {
background-color: #248ece;
}
.product-selectors:after {
content: "";
display: block;
clear: both;
}
.product-selectors > div {
display: inline-block;
border: solid 1px #e4e3e9;
}
.manufacturer-page .product-selectors {
margin: 0px 15px 20px 5px
}
.product-selectors span {
vertical-align: middle;
font-size: 16px;
}
.product-selectors .product-viewmode {
display: none;
font-size: 0;
}
.product-filters {
display: table;
width: 100%;
margin: -20px 0 20px;
}
.product-filter {
margin: 0 0 10px;
}
.product-filter .filter-title {
margin: 10px 0;
background-color: #f6f6f6;
padding: 10px;
font-size: 17px;
color: #444;
}
.product-filter .filter-title strong {
font-weight: normal;
}
.product-filter .filter-content {
padding: 10px;
color: #444;
}
.product-filter .available-items:after {
content: "";
display: block;
clear: both;
}
.product-filter .group {
margin: 0 0 10px;
}
.product-filter .group li {
font-size: 15px;
}
.product-filter .group li a,
.product-filter .group li strong {
display: inline-block;
padding: 5px;
margin-bottom: 10px;
}
.product-filter .group li a:hover {
color: #4ab2f1;
}
.product-filter .group li.item {
display: inline-block;
position: relative;
margin: 0 15px 0 0;
padding: 0 0 0 15px;
}
.product-filter .group li.color-item {
padding: 0;
display: inline-block;
}
.product-filter .group li.color-item a {
padding: 0;
}
.product-filter .group li.color-item:before {
display: none;
}
.filtered-items .title {
margin: 0 0 5px;
font-style: italic;
}
.filtered-items .item {
color: #4ab2f1;
}
.remove-filter {
margin: 15px 0;
}
.remove-filter a {
display: inline-block;
background-color: #aaa;
padding: 10px 20px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
}
.remove-filter a:hover {
background-color: #999;
}
.item-grid:after {
content: "";
display: block;
clear: both;
}
.item-box {
position: relative;
width: 100%;
float: left;
/*margin: 0 0 80px;*/
text-align: left;
}
.item-box .picture {
z-index: 1;
overflow: hidden;
background-color: #fff;
}
.item-box .picture a {
display: block;
position: relative;
}
.item-box .picture a:before {
content: "";
display: block;
padding-top: 100%;
}
.item-box .picture a img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.item-box:hover .picture a img {
opacity: 0.85;
}
.item-box .details {
padding: 0 10px;
}
.item-box .product-title {
margin: 0 0 10px;
overflow: hidden;
font-size: 17px;
line-height: 1.2;
font-weight: normal;
color: #4ab2f1;
}
/*.item-box .product-title p,
.products-box .product-title p,*/
.category-add-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.item-box .product-title,
.products-box .product-title {
height: 48px;
overflow: hidden;
margin-bottom:10px;
}
.item-box .product-title a {
display: block;
}
.item-box .product-title a:hover {
color: #d31039;
}
.item-box .sku {
margin: 0 0 15px;
}
.products-box .product-rating-box,
.item-box .product-rating-box {
display: inline-block;
margin: 0 0 10px;
}
.product-rating-box .rating,
.item-box .rating {
background: url('../images/rating1.png') repeat-x;
width: 95px;
height: 14px;
}
.product-rating-box .rating>div,
.item-box .rating>div {
background: url('../images/rating2.png') repeat-x;
height: 14px;
}
.item-box .description {
display: none;
}
.item-box .description a {
display: block;
overflow: hidden;
}
.item-box .prices {
overflow: hidden;
}
.item-box .old-price {
margin: 0 5px 0 0;
font-size: 16px;
color: #aaa;
text-decoration: line-through;
}
.item-box .actual-price {
margin: 0 5px 0 0;
font-size: 16px;
color: #666;
}
.item-box .tax-shipping-info a {
color: #4ab2f1;
}
.item-box .tax-shipping-info a:hover {
text-decoration: underline;
}
.item-box .buttons {
margin: 0;
font-size: 0;
}
.item-box input[type="button"] {
display: inline-block;
height: 40px;
border: none;
vertical-align: middle;
}
.item-box .product-box-add-to-cart-button {
width: 60%;
background-color: #4ab2f1;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.item-box .product-box-add-to-cart-button:hover {
background-color: #248ece;
}
.item-box .add-to-compare-list-button,
.item-box .add-to-wishlist-button {
width: 20%;
border-left: 1px solid #fff !important;
background-color: #eaeaea;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.item-box .add-to-compare-list-button {
background-image: url('../images/compare-button.png');
}
.item-box .add-to-wishlist-button {
background-image: url('../images/wishlist-button.png');
}
.item-box .add-to-compare-list-button:hover,
.item-box .add-to-wishlist-button:hover {
background-color: #ddd;
}
.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
margin: 0 0 20px;
}
.home-page-category-grid .title,
.sub-category-grid .title {
text-align: center;
font-size: 22px;
font-weight: normal;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home-page-category-grid .title a,
.sub-category-grid .title a {
display: block;
padding: 0 0 15px;
}
.home-page-category-grid .picture,
.sub-category-grid .picture {
margin: 0;
}
.home-page-category-grid .picture a:before,
.sub-category-grid .picture a:before {
padding-top: 65%;
}
.product-grid .item-box {
margin-top: 0 !important;
}
.product-grid,
.product-list {
margin: 0 0 90px;
}
.product-grid .title {
margin: 0 0 30px;
font-size: 30px;
font-weight: normal;
color: #444;
}
.manufacturer-grid .title {
margin: 0 0 15px;
text-align: center;
font-size: 16px;
}
.manufacturer-grid .title a:hover {
color: #4ab2f1;
}
.manufacturer-grid .picture {
border: 1px solid #ddd;
}
.vendor-grid .title {
margin: 0 0 15px;
text-align: center;
font-size: 16px;
}
.vendor-grid .title a:hover {
color: #4ab2f1;
}
.vendor-grid .picture {
border: 1px solid #ddd;
}
.pager {
margin: 0 0 20px;
}
.pager ul {
text-align: right;
font-size: 0;
}
.pager li {
display: inline-block;
margin: 5px;
vertical-align: top;
}
.pager li a, .pager li span {
display: block;
min-width: 35px;
height: 35px;
border: 1px solid #ddd;
background-color: #fff;
padding: 8px;
text-align: center;
font-size: 14px;
cursor: pointer;
color: #999;
}
.pager li span {
border-color: transparent;
color: #fff;
}
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page * {
background-position: center;
background-repeat: no-repeat;
font-size: 0;
color: #fff;
}
.pager li.previous-page * {
background-image: url('../images/prev.png');
}
.pager li.next-page * {
background-image: url('../images/next.png');
}
.pager li.first-page * {
background-image: url('../images/first.png');
}
.pager li.last-page * {
background-image: url('../images/last.png');
}
.pager li a:hover {
border-color: transparent;
background-color: #d31039;
color: #fff;
}
/********** PRODUCT PAGE **********/
.product-details-page {
padding: 20px 0 0;
}
.product-essential.row {
padding-bottom: 60px !important;
}
.product-essential:after {
content: "";
display: block;
clear: both;
}
.gallery {
margin: 0 auto 0;
}
.gallery img {
width: 100%;
}
.gallery .picture-wrapper {
margin: 0 0 10px;
}
.gallery .picture {
position: relative;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}
.gallery .picture:before {
content: "";
display: block;
padding-top: 100%;
}
.gallery .picture img,
.variant-picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
#quick-view-modal .gallery .divPictureThumb{
display: none;
}
#quick-view-modal .gallery .picture-thumbs img{
width: 100px;
height: 100px;
margin: 5px 5px 0 0;
}
#quick-view-modal .gallery .picture-thumbs .slick-track{
display: flex;
}
#quick-view-modal .gallery .picture-thumbs .slick-slide{
width: 105px!important;
}
.gallery .picture-thumbs {
overflow: hidden;
font-size: 0;
}
.gallery .picture-thumbs .thumb-item {
display: inline-block;
position: relative;
width: 100px;
height: 100px;
margin: 0 5px 10px;
overflow: hidden;
cursor: pointer;
}
.overview {
position: relative;
margin: 0 0 30px;
text-align: left;
}
.overview .discontinued-product {
background: #f3f3f3;
margin: 0 0 20px;
}
.overview .discontinued-product h4 {
display: inline-block;
font-size: 14px;
padding: 17px 17px 17px 40px;
background: url('../images/discontinued-product-icon.png') no-repeat 13px center;
color: #de444c;
}
.overview .product-name {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
}
.overview .product-name h1 {
font-size: 25px;
font-weight: normal;
}
.overview .short-description {
margin: 0 0 25px;
line-height: 22px;
color: #666;
}
.product-no-reviews {
margin-right: 8px;
}
.product-reviews-overview {
color: #444;
margin-bottom: 10px;
}
.product-no-reviews a {
text-decoration: underline;
}
.product-review-box {
display: inline-block;
}
.product-review-box .rating {
width: 95px;
height: 14px;
background: url('../images/rating1.png') repeat-x;
}
.product-review-box .rating div {
height: 14px;
background: url('../images/rating2.png') repeat-x;
}
.product-review-links a,
.product-no-reviews a {
text-decoration: none;
}
.product-review-links a:hover {
color: #4ab2f1;
}
.overview .value,
.variant-overview .value {
color: #444;
}
.overview .value a,
.variant-overview .value a {
color: #4ab2f1;
}
.overview .value a,
.blog-page .tags a,
.blogpost-page .tags a {
color: #888;
padding: 5px 10px;
border: solid 1px #eee;
margin-bottom: 5px;
display: inline-block;
margin-right: 5px;
}
.overview .value a:hover,
.variant-overview .value a:hover {
background: #eee;
}
.overview-buttons {
margin: 0 0 25px;
font-size: 0;
}
.overview-buttons div {
width: 100%;
margin: 0 auto 3px;
}
.overview .button-2,
.variant-overview .button-2 {
display: block;
background-color: #fff;
background-position: left center;
background-repeat: no-repeat;
padding: 12px 25px 12px 45px;
text-align: left;
font-size: 14px;
color: #666;
border: solid 1px #ddd;
}
.overview .button-2:hover,
.variant-overview .button-2:hover {
background-color: #eee;
}
.overview .subscribe-button,
.variant-overview .subscribe-button {
background-image: url('../images/email-button.png');
}
.overview .download-sample-button,
.variant-overview .download-sample-button {
/*background-image: url('../images/download-button.png');*/
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
background-image: url('../images/wishlist-button.png');
}
.overview .manufacturers {
margin: 0 0 20px;
}
.overview .availability .stock,
.variant-overview .availability .stock {
margin: 0 0 10px;
}
.overview .availability .back-in-stock-subscription,
.variant-overview .availability .back-in-stock-subscription {
display: inline-block;
}
.overview .additional-details {
margin: 0 0 20px;
}
.overview .additional-details div,
.variant-overview .additional-details div {
margin: 0 0 8px;
}
.quick-view-product-details-modal .additional-details {
margin: 0;
}
.quick-view-product-details-modal .additional-details .sku {
margin: 0;
}
.overview .delivery,
.variant-overview .delivery {
overflow: hidden;
}
.overview .free-shipping,
.variant-overview .free-shipping {
margin: 10px 0;
background: url('../images/shipping.png') left center no-repeat;
padding: 2px 0 2px 28px;
font-weight: bold;
color: #444;
}
.overview .free-shipping.visible,
.variant-overview .free-shipping.visible {
display: inline-block;
}
.overview .delivery-date,
.variant-overview .delivery-date {
margin: 10px 0;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
margin: 10px 0;
font-style: italic;
color: #444;
}
.overview .download-sample,
.variant-overview .download-sample {
display: inline-block;
margin: 0 0 25px;
}
.overview .prices {
margin: 10px 0 0;
overflow: hidden;
}
.quick-view-product-details-modal .overview .prices-variant {
display: flex;
align-items: center;
}
.overview .prices>div,
.variant-overview .prices>div {
margin: 0 0 5px;
}
.overview .prices>div>span,
.variant-overview .prices>div>span {
vertical-align: middle;
}
.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
font-size: 24px;
text-decoration: line-through;
}
.overview .product-price,
.variant-overview .product-price {
font-size: 20px;
font-weight: bold;
color: #444;
}
.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
color: #4ab2f1;
}
.overview .tax-shipping-info a:hover,
.variant-overview .tax-shipping-info a:hover {
text-decoration: underline;
}
.customer-entered-price {
margin: 0 0 20px;
overflow: hidden;
}
.customer-entered-price .price-input label {
display: block;
margin: 0 0 5px;
font-weight: bold;
color: #444;
}
.customer-entered-price .price-input input {
width: 170px;
text-align: center;
}
.customer-entered-price .price-range {
margin: 5px 0 0;
color: #777;
}
.tier-prices {
margin: 0 0 20px;
}
.tier-prices .title {
display: none;
}
.tier-prices table td {
border: 1px solid #ddd;
padding: 10px;
color: #444;
}
.tier-prices .field-header {
min-width: 80px;
}
.tier-prices .item-price {
background-color: #f9f9f9;
font-size: 16px;
color: #e4434b;
}
.overview .add-to-cart {
margin: 0 0 20px;
}
.quick-view-product-details-modal .add-to-cart,
.quick-view-product-details-modal .quantity {
margin-bottom: 10px !important;
}
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
display: inline-block;
position: relative;
}
.overview .add-to-cart-panel>*,
.variant-overview .add-to-cart-panel>* {
float: left;
}
.overview .qty-label,
.variant-overview .qty-label {
padding: 8px 0;
}
.overview .qty-input,
.variant-overview .qty-input {
height: 40px;
padding: 0 12px;
text-align: center;
font-size: 15px;
color: #444;
margin-right: 10px;
border-radius: 0;
}
.quick-view-product-details-modal .qty-input {
margin-bottom: 10px !important;
}
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
height: 43px;
padding: 0 12px;
font-size: 15px;
color: #444;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
height: 43px;
border: none;
padding: 0 24px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
background-color: #248ece;
}
.product-share-button {
display: inline-block;
overflow: hidden;
}
.full-description {
clear: both;
line-height: 24px;
margin: 15px 0 60px 0;
}
.quick-view-product-details-modal .product-category {
margin-bottom: 20px;
}
.product-collateral .title {
margin: 0 0 10px;
font-size: 18px;
color: #444;
}
.product-collateral .title strong {
font-weight: normal;
}
.product-variant-line {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
/*margin: 0 0 20px;*/
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
.product-variant-line .add-to-wishlist button {
width:100% !important;
}
.product-variant-line:after {
content: "";
display: block;
clear: both;
}
.variant-picture {
position: relative;
width: 220px;
height: 220px;
overflow: hidden;
}
.variant-overview {
width: 100%;
justify-content: space-between;
align-items: center;
}
.variant-overview .variant-name {
margin: 0 0 10px;
padding: 5px 0;
font-size: 16px;
font-weight: bold;
color: #4ab2f1;
}
.variant-overview .variant-description {
margin: 0 0 15px;
line-height: 22px;
}
.variant-overview .add-to-wishlist {
}
.variant-overview .add-to-wishlist-button {
display: inline-block;
width: auto;
}
.variant-overview .add-to-cart {
margin: 0 0 10px;
}
.product-specs-box {
margin: 0 0 40px;
}
.product-specs-box td {
border: 1px solid #ddd;
padding: 10px;
}
.product-tags-list {
font-size: 0;
}
.product-tags-list li {
display: inline-block;
font-size: 14px;
}
.product-tags-list li.separator {
margin: 0 5px 0 3px;
}
.product-tags-list a {
display: inline-block;
line-height: 24px;
}
.product-tags-list a:hover {
color: #444;
}
.option-list {
margin: 0;
}
.attributes dl,
.attributes {
margin-bottom: 0 !important;
}
.option-list input[type="radio"]+label {
min-width: 55px !important;
color: #888 !important;
background: #eff1f5;
}
.option-list input[type="radio"]:checked+label {
color: #fff !important;
background: #d31039;
}
.attributes label {
margin: 0 !important;
}
.attributes dl {
overflow: hidden;
padding: 0 2px;
}
.attributes dt,
.attribute-label {
display: block;
white-space: nowrap;
font-weight: bold;
color: #444;
}
.option-list li {
display: inline-block;
}
.attributes dd,
.attribute-data {
display: inline-block;
}
.attributes li {
margin: 8px 0 12px;
}
.attributes select {
width: auto;
min-width: 100px;
max-width: 100%;
}
.attributes .option-list label {
margin: 0 2px;
}
.attributes .datepicker {
width: 280px;
text-align: center;
color: #444;
}
.attributes .qty-box input {
width: 48px;
height: 32px;
text-align: center;
}
.ui-datepicker {
width: 280px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
background-color: #fff;
text-align: center;
border: none;
border-radius: 0;
padding: 0;
font: normal 14px Arial, Helvetica, sans-serif;
color: #777;
}
.ui-datepicker-header {
position: relative;
height: 32px;
background-color: #4ab2f1;
color: #fff;
border: none;
border-radius: 0;
background-image: none;
padding: 0 !important;
font-weight: normal;
}
.ui-datepicker-header a {
position: absolute;
top: 0;
z-index: 1;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 0;
top: 0 !important;
width: 32px !important;
height: 32px !important;
border: none !important;
}
.ui-datepicker-header a.ui-datepicker-prev {
left: 0;
background: url('../images/calendar-prev.png') center no-repeat;
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
background: url('../images/calendar-next.png') center no-repeat;
}
.ui-datepicker-header a span {
display: none !important;
}
.ui-datepicker-title {
position: relative;
z-index: 0;
line-height: 32px;
font-weight: bold;
text-transform: uppercase;
line-height: 32px !important;
}
.ui-datepicker-calendar {
margin: 0 !important;
font-size: 14px !important;
}
.ui-datepicker-calendar th {
background-color: #eee;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
width: 14.285%;
border: 1px solid #ddd;
padding: 0;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
display: block;
min-height: 32px;
line-height: 32px;
color: #444;
}
.ui-datepicker-calendar td a {
border: none !important;
background: none !important;
padding: 0;
text-align: center;
color: #444 !important;
}
.ui-datepicker-calendar .ui-state-active {
outline: 2px solid #4ab2f1;
font-weight: bold;
color: #4ab2f1;
color: #4ab2f1 !important;
}
.attribute-squares {
font-size: 0;
}
.attribute-squares li {
display: inline-block;
margin: 0 5px 5px;
text-align: center;
}
.attribute-squares .attribute-square-container {
display: block;
position: relative;
z-index: 0;
padding: 1px;
}
.attribute-squares label {
display: block;
margin: 0 !important;
overflow: hidden;
}
.attribute-squares .attribute-square {
display: table !important;
width: 32px !important;
height: 32px !important;
border: 1px solid #444 !important;
cursor: pointer;
}
.attribute-squares .selected-value .attribute-square-container {
background-color: #4ab2f1;
}
.attribute-squares li input {
position: relative;
z-index: -1;
margin: -32px 0 0;
display:none;
}
.tooltip-container {
position: absolute;
width: 200px;
color: #000000;
background: #FFFFFF;
border: 1px solid #eeeeee;
text-align: center;
visibility: hidden;
border-radius: 5px;
}
.tooltip-container:before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border-bottom: 7px solid #eeeeee;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
.tooltip-container:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -6px;
width: 0;
height: 0;
border-bottom: 6px solid #FFFFFF;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.attribute-squares li:hover .tooltip-container {
visibility: visible;
margin-left: -83px;
margin-top: 5px;
z-index: 999;
}
.tooltip-container .tooltip-header {
background-color: #F6F6F6;
height: 25px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
padding-left: 10px;
padding-top: 5px;
text-align: left;
width: 198px;
font-size: 15px;
border-bottom: 1px #EEEEEE solid;
}
.tooltip-container .tooltip-body {
margin: 5px;
}
.tooltip-container .tooltip-body img {
border: 0px #FFF;
width: 190px;
}
.giftcard {
margin: 0 0 20px;
overflow: hidden;
}
.giftcard div {
margin: 0 0 10px;
}
.giftcard label {
display: block;
margin: 0 auto 5px;
font-weight: bold;
color: #444;
}
.giftcard input,
.giftcard textarea {
width: 350px;
max-width: 100%;
}
.giftcard textarea {
height: 150px;
}
/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a {
color: #4ab2f1;
}
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after {
content: "''";
}
.product-reviews-page .title {
margin: 0 0 20px;
font-size: 20px;
color: #444;
}
.product-reviews-page .title strong {
font-weight: normal;
}
.write-review {
margin: 0 0 60px;
}
.write-review .fieldset {
margin: 0 0 30px;
}
.tooltip {
position: initial;
display: inline-block;
border-bottom: 1px dotted black;
color: #444;
}
.tooltip .tooltiptext {
visibility: hidden;
width: auto;
background: #f0f0f0 no-repeat 100% 5%;
border: #c0c0c0 1px dotted;
text-align: Left;
padding: 10px 10px 5px 5px;
position: absolute;
z-index: 1;
left: 10%;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
cursor: help;
}
.write-review .review-rating {
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
}
.write-review .review-rating label {
display: block;
margin: 0 0 5px;
font-size: 14px;
color: #444;
}
.write-review .review-rating div.first {
color: #e4444c;
}
.write-review .review-rating div.rating-options {
padding-top: 2px;
}
.write-review .review-rating div.rating-options input {
vertical-align: baseline;
}
.write-review .review-rating div.last {
color: #4cb17c;
}
.write-review .captcha-box {
margin: 15px 0 0;
}
.write-review .button-1 {
border: none;
background-color: #d31039;
padding: 10px 25px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
border-radius:3px;
}
.write-review .button-1:hover {
background-color: #444;
}
.product-reviews-page .result,
.product-reviews-page .message-error {
margin: 0 0 20px;
}
.product-review-list {
overflow: hidden;
}
.product-review-item {
margin: 0 0 40px;
}
.product-review-item .review-item-head {
border-top: 1px solid #ddd;
overflow: hidden;
background-color: #f6f6f6;
padding: 10px;
}
.product-review-item .review-title {
line-height: 20px;
font-size: 15px;
color: #444;
}
.product-review-item .product-review-box {
margin: 3px 0 0;
}
.product-review-item .review-content {
padding: 20px 10px;
}
.product-review-item .review-text {
margin: 0 0 15px;
line-height: 22px;
color: #444;
}
.product-review-item .reply {
margin: 15px 0;
border-top: 1px solid #ddd;
}
.product-review-item .reply-header {
margin: 15px 0;
font-weight: bold;
}
.product-review-item .reply-text {
line-height: 22px;
}
.product-review-item .review-info {
margin: 0 0 5px;
}
.product-review-item .review-info label {
font-weight: normal;
}
.product-review-item .review-info a,
.product-review-helpfulness .vote {
vertical-align: baseline;
display: inline-block;
padding: 0 5px;
color: #4ab2f1;
cursor: pointer;
}
.product-review-helpfulness .question {
margin: 0 5px 0 0;
font-style: italic;
}
.product-review-helpfulness .result {
margin: 0 0 0 10px;
}
/********** WISHLIST & COMPARE LIST **********/
.wishlist-page .page-title {
margin: 0 0 -1px;
}
.wishlist-content {
margin: 0 0 20px;
}
.wishlist-content .message-error {
margin: 20px 0;
}
.wishlist-content .table-wrapper {
margin: 0 0 30px;
}
.wishlist-content .product-content {
min-width: 300px;
text-align: left;
}
.wishlist-content .tax-shipping-info {
margin: 0 0 20px;
text-align: center;
}
.wishlist-content .tax-shipping-info a {
color: #4ab3f1;
}
.wishlist-content .tax-shipping-info a:hover {
text-decoration: underline;
}
.wishlist-content .buttons {
font-size: 0;
}
.wishlist-content .button-2 {
display: block;
width: 250px;
margin: 0 auto 3px;
border: none;
padding: 10px 25px;
text-align: center;
line-height: 20px;
font-size: 15px;
color: #fff;
}
.wishlist-content .update-wishlist-button,
.wishlist-content .wishlist-add-to-cart-button {
background-color: #d31039;
text-transform: uppercase;
}
.wishlist-content .update-wishlist-button:hover,
.wishlist-content .wishlist-add-to-cart-button:hover {
background-color: #333;
}
.wishlist-content .email-a-friend-wishlist-button {
background-color: #caced8;
}
.wishlist-content .email-a-friend-wishlist-button:hover {
background-color: #999;
}
.wishlist-page .share-info {
text-align: center;
}
.wishlist-page .share-info span {
display: block;
margin: 0 0 5px;
}
.wishlist-page .share-info a {
font-weight: bold;
color: #444;
}
.wishlist-page .share-info a:hover {
color: #4ab2f1;
}
.wishlist-page .no-data {
margin: 25px 0 0;
}
.compare-products-page {
position: relative;
overflow: hidden;
}
.compare-products-page .clear-list {
display: inline-block;
margin: 0 0 20px;
background-color: #4ab2f1;
padding: 10px 15px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.compare-products-page .clear-list:hover {
background-color: #248ece;
}
.compare-products-page .table-wrapper {
margin: 0 0 30px;
padding: 0 0 1px;
}
.compare-products-table td {
min-width: 150px;
border: 1px solid #ddd;
background-color: #fff;
padding: 20px;
text-align: left;
vertical-align: top;
color: #444;
}
.compare-products-table td:first-child {
min-width: 0;
}
.compare-products-table td label {
font-weight: normal;
color: #777;
}
.compare-products-table .remove-button {
display: inline-block;
border: none;
background: url('../images/remove.png') left center no-repeat;
padding: 0 0 0 18px;
font-size: 12px;
color: #666;
}
.compare-products-table .remove-button:hover {
color: #4ab2f1;
}
.compare-products-table .picture {
display: block;
position: relative;
max-width: 200px;
height: 200px;
overflow: hidden;
}
.compare-products-table .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.compare-products-table .product-name td {
font-weight: bold;
}
.compare-products-table .product-name td a:hover {
color: #4ab2f1;
}
.compare-products-table .short-description td {
line-height: 22px;
}
.compare-products-table .full-description td {
display: none;
}
.compare-products-page .no-data {
margin: 25px 0 0;
}
/*********** TOPICS ***********/
.topic-block {
margin: 0 0 25px;
}
.topic-block-title {
min-height: 50px;
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 15px;
}
.topic-block-title h2 {
font-size: 30px;
font-weight: normal;
}
.topic-block-body {
text-align: justify;
line-height: 24px;
font-size: 16px;
}
.topic-page .page-body {
text-align: justify;
line-height: 22px;
}
.topic-block a,
.topic-page a {
text-decoration: underline;
}
.topic-block strong,
.topic-page strong {
color: #444;
}
.home-page .topic-block {
margin: 0 0 50px;
}
.popup-window .topic-page {
padding: 15px;
}
.topic-password {
text-align: center;
}
.enter-password-title {
margin: 0 0 20px;
color: #444;
}
.enter-password-form {
display: inline-block;
overflow: hidden;
}
.enter-password-form input[type="password"] {
float: left;
width: 200px;
height: 40px;
margin: 0 -1px 0 0;
}
.enter-password-form input[type="submit"] {
float: left;
width: auto;
min-width: 86px;
height: 40px;
border: none;
background-color: #4ab2f1;
padding: 0 15px;
color: #fff;
text-transform: uppercase;
}
.enter-password-form input[type="submit"]:hover {
background-color: #248ece;
}
/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/
.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title {
margin: 0 0 -1px;
}
.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error,
.apply-vendor-page .result,
.apply-vendor-page .message-error {
margin: 20px 0;
}
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
min-width: 140px;
border: none;
background-color: #d31039;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover {
background-color: #333;
}
.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .title {
margin: 25px 0;
}
.email-a-friend-page .title h2 {
font-weight: normal;
color: #4ab2f1;
}
.apply-vendor-page .terms-of-service {
text-align: center;
}
.apply-vendor-page .terms-of-service>* {
display: inline-block;
line-height: 32px;
}
.apply-vendor-page .terms-of-service span,
.apply-vendor-page .terms-of-service a {
color: #4ab2f1;
cursor: pointer;
}
/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/
.gender {
display: inline-block;
}
.gender span {
display: inline-block;
margin: 0 5px;
}
.gender span>* {
display: inline !important;
margin: 0 5px;
line-height: 32px;
}
.date-of-birth .date-picker-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.date-of-birth select {
width: 33.3%;
/*always single line*/
}
.date-of-birth select+select {
margin: 0 0 0 10px;
}
.date-of-birth .select-wrapper+.select-wrapper {
margin: 0 0 0 10px;
}
#check-availability-button {
margin: 10px 0 0;
border: none;
background-color: #888;
padding: 10px 15px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
#check-availability-button:hover {
background-color: #999;
}
.inputs.accept-consent {
text-align: center;
}
.inputs.accept-consent>* {
display: inline-block;
line-height: 32px;
}
.inputs.accept-consent span,
.inputs.accept-consent a {
color: #4ab2f1;
cursor: pointer;
font-size: 14px;
}
.inputs.accept-consent label {
width: auto;
margin-left: 10px;
margin-bottom: 0;
}
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
min-width: 140px;
border: none;
background-color: #d31039;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover {
background-color: #444;
}
.return-request-page h1 a {
color: #4ab2f1;
text-decoration: underline;
}
.return-request-page .return-request-file {
font-size: 14px;
}
.return-request-page .return-request-file .uploadedfileinput {
display: inline-block;
}
.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
margin: 0 0 10px;
}
.registration-result-page .result {
margin: 0 0 30px;
padding: 30px 0;
text-align: center;
font-size: 16px;
color: #4cb17c;
}
.customer-info-page .email-to-revalidate,
.customer-info-page .readonly-username,
.customer-info-page .vat-status {
margin: 0 5px;
font-size: 14px;
}
.customer-info-page .vat-status {
display: block;
}
.registration-page .vat-note,
.customer-info-page .vat-note,
.customer-info-page .email-to-revalidate-note {
display: block;
font-size: 14px;
margin-top: 7px;
white-space: normal;
}
.login-page .customer-blocks {
margin: 0 0 30px;
}
.login-page .title {
margin: 0 0 15px;
font-size: 20px;
color: #444;
}
.login-page .title strong {
font-weight: normal;
}
.login-page .new-wrapper {
margin: 0 0 50px;
}
.login-page .new-wrapper .text {
margin: 0 0 30px;
padding: 30px 0;
line-height: 22px;
}
.login-page .new-wrapper .topic-block {
margin: 0;
}
.login-page .new-wrapper .topic-block-body strong {
color: #444;
}
.login-page .new-wrapper .button-1 {
margin: 0 0 5px;
}
.login-page .returning-wrapper {
margin: 0;
}
.login-page .returning-wrapper .form-fields {
overflow: hidden;
padding: 30px 15px 0;
}
.login-page .returning-wrapper .inputs.reversed {
white-space: normal;
}
.login-page .returning-wrapper .inputs.reversed * {
display: inline-block;
width: auto;
margin: 5px;
font-size: 14px;
/*reset zeroing*/
color: #444;
}
.login-page .returning-wrapper .inputs.reversed a:hover {
color: #4ab2f1;
}
.login-page .captcha-box {
margin: -15px 0 20px;
}
.login-page .returning-wrapper .buttons {
padding: 30px 0;
}
.external-authentication {
margin: 0 0 50px;
overflow: hidden;
text-align: center;
}
.external-authentication .title {
margin: 0 0 15px;
font-size: 20px;
color: #444;
}
.external-authentication .buttons {
margin: 0 0 30px;
border-top: 1px solid #e6e6e6;
padding: 30px;
}
.external-auth-errors {
color: #e4444c;
}
.external-auth-association {
color: #444;
}
.external-auth-association a {
color: #4ab2f1;
}
.external-auth-association a:hover {
text-decoration: underline;
}
.password-recovery-page .result {
margin: 0 0 5px;
font-weight: bold;
color: #444;
}
.password-recovery-page .tooltip {
margin: 0 0 25px;
z-index:0 !important
}
.add-more-external-records {
text-align: center;
}
.add-more-external-records a {
color: #4ab2f1;
}
.add-more-external-records a:hover {
text-decoration: underline;
}
.account-page .buttons {
text-align: center;
}
.account-page .description {
margin: 0 0 25px;
padding: 0 10px;
}
.account-page .table-wrapper {
margin: 0 0 30px
}
.gdpr-tools-page .result {
margin: 20px 0;
font-size: 13px;
color: #e4434b;
}
.gdpr-tools-page .buttons {
margin-top: 20px;
}
.address-list-page .info,
.order-list-page .info {
margin: 0 0 10px;
border-top: 1px solid #e6e6e6;
padding: 20px;
line-height: 26px;
color: #444;
}
.address-list-page .info .name,
.order-list-page .info .name {
font-size: 16px;
font-weight: bold;
}
.address-list-page .button-2,
.order-list-page .button-2 {
display: inline-block;
margin: 0 0 0 10px;
border: none;
padding: 0 0 0 18px;
font-size: 12px;
color: #444;
}
.edit-address-button {
background: url('../images/edit.png') left center no-repeat;
}
.delete-address-button,
.cancel-recurring-order-button {
background: url('../images/remove.png') left center no-repeat;
}
.retry-recurring-order-button {
background: url('../images/retry.png') left center no-repeat;
}
.return-items-button {
background: url('../images/return.png') left center no-repeat;
}
.order-details-button {
background: url('../images/details.png') left center no-repeat;
}
.address-list-page .button-2:hover,
.order-list-page .button-2:hover {
color: #4ab2f1;
}
.address-list-page .add-button {
margin: 0 0 20px;
text-align: center;
}
.address-edit-page .page-title {
margin: 0 0 -1px;
}
.address-edit-page .message-error {
margin: 20px 0;
}
.address-edit-page .edit-address {
margin: 0 0 30px;
}
.recurring-payments table td {
white-space: nowrap;
}
.recurring-payments table td:first-child {
min-width: 120px;
white-space: normal;
}
.recurring-payments .button-2 {
font-size: 14px;
}
.return-request-list-page .details {
border-top: 1px solid #e6e6e6;
background-color: #f9f9f9;
padding: 20px;
line-height: 22px;
color: #444;
}
.return-request-list-page label {
margin: 0 5px 0 0;
}
.return-request-list-page a {
color: #4ab2f1;
}
.return-request-list-page a:hover {
text-decoration: underline;
}
.return-request-list-page .comments div {
margin: 10px 0 0;
font-size: 15px;
font-style: italic;
color: #444;
}
.downloadable-products-page table td {
color: #444;
}
.reward-points-overview {
margin: 0 0 25px;
}
.reward-points-history table td {
color: #444;
}
.reward-points-history table td:first-child {
min-width: 120px;
}
.change-password-page .page-title {
margin: 0 0 -1px;
}
.change-password-page .result,
.change-password-page .message-error {
margin: 20px 0;
}
.change-password-page .fieldset {
margin: 0 0 30px;
}
.avatar-page .page-title {
margin: 0;
}
.avatar-page .page-body {
margin: 0 0 30px;
overflow: hidden;
background-color: #f9f9f9;
padding: 30px 25px;
}
.avatar-page .message-error {
margin: 0 0 10px;
}
.avatar-page .image {
margin: 0 0 10px;
}
.avatar-page .image img {
border: 1px solid #ccc;
}
.avatar-page .button-1 {
font-size: 14px;
}
.avatar-page .button-2 {
border: none;
background-color: #888;
padding: 10px 15px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.avatar-page .button-2:hover {
background-color: #999;
}
.avatar-page .info {
color: #444;
}
.vendorinfo-page .button-2 {
border: medium none;
background-color: #888;
padding: 10px 15px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.vendorinfo-page .button-2:hover {
background-color: #999;
}
.vendorinfo-page .vendor-picture {
width: 400px;
margin: 0 auto;
}
.vendorinfo-page .vendor-picture * {
display: block;
margin-top: 15px;
}
.check-gift-card-balance-page .page-title {
margin: 0 0 -1px;
}
.check-gift-card-balance-page .result,
.check-gift-card-balance-page .message-error {
margin: 20px 0;
}
.check-gift-card-balance-page .fieldset {
margin: 0 0 30px;
}
.shopping-cart-page .page-title {
margin: 0 0 -1px;
padding: 10px;
}
.shopping-cart-page .message-error {
margin: 20px 0;
}
.shopping-cart-page td .message-error {
margin: 10px 0 0;
text-align: left;
}
.shopping-cart-page .checkout-attributes a {
color: #4ab3f1;
}
.shopping-cart-page .checkout-attributes a:hover {
text-decoration: underline;
}
.shopping-cart-page .tax-shipping-info {
margin: 20px 0;
text-align: center;
}
.shopping-cart-page .tax-shipping-info a {
color: #4ab3f1;
}
.shopping-cart-page .tax-shipping-info a:hover {
text-decoration: underline;
}
.shopping-cart-page .common-buttons {
margin-bottom: 30px;
background-color: #eaedf2;
padding: 20px;
font-size: 0;
}
.shopping-cart-page .common-buttons input,
.shopping-cart-page .common-buttons button {
display: inline-block;
width:225px;
margin: 5px;
border: none;
background-color: #fff;
padding: 10px 20px;
font-size: 15px;
color: #333;
text-transform: uppercase;
box-shadow: 1px 1px 2px 0 #D3D3D3;
transition: all 0.3s;
border-radius: 3px;
}
.shopping-cart-page .common-buttons input:first-child:hover,
.shopping-cart-page .common-buttons input:hover,
.shopping-cart-page .common-buttons button:hover {
background-color: #cd192d;
color: #fff;
}
.checkout-attributes {
margin: 30px 0;
color: #444;
}
.checkout-attributes dt {
margin: 0 0 5px;
font-weight: bold;
}
.checkout-attributes dd {
margin: 0 0 20px;
}
.checkout-attributes input[type="text"],
.checkout-attributes select {
min-width: 170px;
}
.checkout-attributes ul {
font-size: 0;
}
.checkout-attributes li {
display: inline-block;
margin: 5px;
border: 1px solid #ddd;
background-color: #fff;
padding: 8px 10px;
font-size: 14px;
}
.checkout-attributes .attribute-squares li {
border: none;
padding: 0;
line-height: 0;
}
.checkout-attributes li label {
display: inline-block;
margin: 0 0 0 5px;
}
.selected-checkout-attributes {
margin: 30px 0;
color: #444;
}
.selected-checkout-attributes br {
content: "";
display: block;
margin: 3px;
}
.cart-footer {
margin: 0 0 50px;
}
.cart-footer:after {
content: "";
display: block;
clear: both;
}
.cart-footer .totals {
/*width: 350px;*/
max-width: 95%;
margin: 0 auto 0;
background-color: #f2f2f8;
padding: 10px;
color: #444;
}
.cart-footer .total-info {
margin: 0 0 20px;
border-bottom: 1px solid #ddd;
padding: 5px 15px 15px;
}
.cart-total td {
width: 50%;
padding: 0;
text-align: right;
padding-bottom: 6px;
white-space: normal !important;
white-space:nowrap;
min-width:120px
}
.cart-total td:first-child {
text-align: left;
}
.cart-total .giftcard-remaining {
display: block;
font-style: italic;
}
.cart-total .order-total {
font-size: 20px;
color: #d31039;
font-weight: bold;
}
.cart-total .order-total strong {
font-weight: normal;
}
.cart-total .earn-reward-points {
font-style: italic;
}
.min-amount-warning {
margin: 0 0 20px;
padding: 0 30px;
color: #e4434b;
}
.terms-of-service {
margin: 0 0 20px;
padding: 30px 30px;
}
.terms-of-service label {
cursor: pointer;
}
.terms-of-service a {
margin: 0 0 0 3px;
color: #4ab2f1;
}
.cart-footer .checkout-buttons {
padding: 0 10px;
}
.cart-footer .checkout-disabled {
font-size: 20px;
text-align: center;
background: #ffa500;
border: 1px solid #c3891e;
color: #fff;
padding: 15px 50px;
}
.cart-footer .checkout-button {
display: inline-block;
min-width: 160px;
border: none;
background-color: #4ab2f1;
padding: 10px 20px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
.cart-footer .checkout-button:hover {
background-color: #248ece;
}
.cart-footer .addon-buttons {
margin: 20px 0 0;
padding: 0 10px;
}
/*.cart-collaterals {
width: 350px;
max-width: 100%;
margin: 0 auto 50px;
padding: 25px 0 0;
}*/
.cart-collaterals>div {
margin: 0;
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-collaterals .button-2:hover {
background-color: #999;
color: #fff;
}
.cart-collaterals .title {
margin: 0 0 5px;
font-size: 18px;
color: #444;
}
.cart-collaterals .title strong {
font-weight: normal;
}
.cart-collaterals .hint {
margin: 0 0 10px;
}
.cart-collaterals .deals>div {
margin: 0 0 20px;
}
.cart-collaterals .coupon-code {
overflow: hidden;
}
.cart-collaterals .coupon-code input[type="text"] {
float: left;
width: 60%;
height: 36px;
margin: 0 -1px 0 0;
}
.cart-collaterals .coupon-code input[type="submit"] {
float: left;
width: 38%;
height: 36px;
padding: 0;
border: solid 1px #000 !important;
background: #000 !important;
color: #fff;
padding: 5px 15px;
}
.estimate-shipping-button {
border: solid 1px #000 !important;
background: #000 !important;
height: 40px;
}
.cart-collaterals .message-failure {
margin: 5px 0 0;
font-size: 12px;
color: #e4434b;
}
.cart-collaterals .message-success {
margin: 5px 0 0;
font-size: 12px;
color: #4cb17c;
}
.cart-collaterals .current-code {
margin: 5px 0 0;
color: #4cb17c;
}
.remove-discount-button,
.remove-gift-card-button {
width: 16px;
height: 16px;
border: 1px solid #999;
background: #fff url('../images/close.png') center no-repeat;
cursor: pointer;
}
.cart-collaterals .shipping select {
height: 36px;
}
.cart-collaterals .shipping-results {
margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
margin: 20px 0;
}
.cart-collaterals .shipping-results li strong {
display: block;
margin: 0 0 5px;
color: #444;
}
.shopping-cart-page .no-data {
margin:35px;
}
/********** CHECKOUT **********/
.checkout-page .section {
margin: 0 0 30px;
}
.checkout-page .section.order-summary {
margin: 60px 0 30px;
}
.checkout-page .cart-options {
min-height: 60px;
overflow: hidden;
}
.checkout-page .cart-footer {
border-top: none;
}
.checkout-page .total-info {
margin: 0;
border-bottom: none;
padding: 5px 20px 10px;
}
.checkout-page .button-1 {
display: inline-block;
min-width: 140px;
border: none;
background-color: #d31039;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
border-radius:3px;
}
.checkout-page .button-1:hover {
background-color: #333;
}
.checkout-page .address-item {
width: 350px;
max-width: 100%;
margin: 0 auto 40px;
}
.checkout-page .address-item ul {
margin: 0 0 15px;
background-color: #f9f9f9;
padding: 20px;
color: #444;
text-align:left;
}
/*
.checkout-page .address-item li {
padding: 5px 0;
}*/
.checkout-page .address-item li.name {
font-size: 16px;
font-weight: bold;
}
.enter-address .message-error {
margin: 20px 0;
}
.checkout-page .ship-to-same-address {
padding: 30px 0 0;
text-align: center;
}
.checkout-page .ship-to-same-address .selector {
margin: 0 0 5px;
font-weight: bold;
color: #444;
}
.checkout-page .pickup-in-store {
text-align: center;
}
.checkout-page .pickup-in-store .selector {
margin: 0 0 5px;
font-weight: bold;
color: #444;
}
.select-pickup-point {
text-align: center;
}
.checkout-page .pickup-points-map {
min-width: 400px;
min-height: 350px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
}
.shipping-method .method-list,
.payment-method .method-list {
margin: 0 auto 30px;
overflow: hidden;
text-align: center;
font-size: 0;
}
.shipping-method .method-list li,
.payment-method .method-list li {
margin: 20px 0;
font-size: 14px;
/*reset zeroing*/
}
.shipping-method .method-list li label,
.payment-method .method-list li label {
font-size: 13px;
font-weight: bold;
color: #444;
}
.shipping-method .method-description {
margin: 5px 0 0;
}
.payment-method .use-reward-points {
margin: 0 0 30px;
text-align: center;
color: #444;
}
.payment-method .payment-logo {
display: inline-block;
vertical-align: middle;
}
.payment-method .payment-logo label {
display: block;
font-size: 0 !important;
}
.payment-method .payment-details {
min-width: 180px;
display: inline-block;
margin: 0 0 0 10px;
text-align: left;
vertical-align: middle;
}
.payment-info .info {
padding: 30px 15px;
color: #444;
}
.payment-info .info tr {
display: block;
margin: 0 0 15px;
font-size: 0;
}
.payment-info .info td {
display: inline-block;
width: 100% !important;
max-width: 400px !important;
font-size: 14px;
}
.payment-info .info td:only-child {
width: 100% !important;
max-width: 100% !important;
}
.payment-info .info td input[type="text"] {
width: 100% !important;
}
.payment-info .info td input[name="CardCode"] {
width: 65px !important;
}
.payment-info .info td select {
min-width: 70px;
}
.payment-info .info td:first-child {
margin: 0 0 10px;
}
.payment-info .info p {
text-align: center;
}
.confirm-order .buttons {
padding: 10px 0;
}
.confirm-order .button-1 {
font-size: 16px;
}
.order-review-data>div,
.order-details-area>div,
.shipment-details-area>div {
width: 350px;
max-width: 100%;
margin: 0 auto 40px;
background-color: #f9f9f9;
padding: 20px;
color: #444;
}
.order-review-data li,
.order-details-area li,
.shipment-details-area li {
padding: 3px 0;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
margin: 0 0 5px;
padding: 0;
font-size: 16px;
font-weight: bold;
}
.order-review-data .title strong,
.order-details-area .title strong,
.shipment-details-area .title strong {
font-weight: 700;
}
.order-review-data .payment-method-info,
.order-review-data .shipping-method-info,
.order-details-area .payment-method-info,
.order-details-area .shipping-method-info {
margin-top: 20px;
}
.order-completed .details {
margin: 0 0 30px;
padding: 30px 15px;
text-align: center;
color: #444;
}
.order-completed .details div {
margin: 5px 0;
}
.order-completed .details strong {
font-weight: normal;
text-transform: uppercase;
}
.order-completed .details a {
color: #4ab2f1;
}
.order-completed .details a:hover {
text-decoration: underline;
}
.opc .step-title {
margin: 0 0 1px;
overflow: hidden;
background-color: #ccc;
color: #fff;
}
.opc .allow .step-title {
background-color: #ccc;
cursor: pointer;
}
.opc .step-title .number,
.opc .step-title .title {
float: left;
min-height: 40px;
padding: 10px 15px;
line-height: 20px;
font-size: 16px;
font-weight: normal;
}
.opc .allow .step-title .number,
.opc .allow .step-title .title {
color: #fff;
cursor: pointer;
}
.opc .step-title .number {
width: 42px;
border-right: 1px solid #fff;
text-align: center;
background: #cd192d;
}
.opc .allow .step-title .number {
background-color: #cd192d;
}
.opc .step {
padding: 30px 0;
text-align: center;
background: #fff;
box-shadow: 0 0 10px #ccc;
}
.opc .section {
margin: 0 0 30px;
}
.opc .section>label {
display: block;
margin: 0 0 10px;
}
.opc input[type="text"],
.opc select {
max-width: 100%;
}
.opc .buttons {
margin-bottom: 0;
}
.opc .back-link {
margin: 0 0 10px;
}
.opc .back-link small {
display: none;
}
.opc .back-link a {
display: inline-block;
margin: 0 0 0 -15px;
background: url('../images/back-button.png') left center no-repeat;
padding: 0 0 0 18px;
color: #444;
}
.opc .back-link a:hover {
color: #4ab2f1;
}
.opc .buttons .please-wait {
display: block;
margin: 10px 0 0;
background: none;
}
.opc .section.ship-to-same-address {
margin: 0 0 30px;
padding: 0;
}
.opc .section.pickup-in-store {
margin: 0 0 30px;
padding: 0;
}
.opc .payment-info .info tr {
text-align: left;
}
.opc .section.order-summary {
margin: 0;
}
/****** ORDER DETAILS & SHIPPING DETAILS ******/
.order-details-page .page-title {
border-bottom: none;
}
.order-details-page .page-title h1 {
margin: 0 0 30px;
padding: 0 0 10px;
}
.order-details-page .page-title a {
display: inline-block;
min-width: 180px;
margin: 5px 0;
border: none;
background-color: #aaa;
background-image: none;
padding: 10px 20px;
font-size: 15px;
color: #fff;
border-radius:3px;
}
.order-details-page .page-title a:hover {
background-color: #999;
}
.order-details-page .page-title a.print-order-button {
background-color: #4ab2f1;
}
.order-details-page .page-title a.print-order-button:hover {
background-color: #248ece;
}
.order-details-page .order-overview {
margin: 0 0 50px;
line-height: 26px;
text-align: center;
font-size: 16px;
color: #444;
}
.order-details-page .order-overview .order-number {
margin: 0 0 10px;
text-transform: uppercase;
}
.order-details-page .order-overview .order-total strong {
font-weight: normal;
color: #4ab2f1;
}
.order-details-page .repost .button-2 {
display: inline-block;
margin: 10px 0;
border: none;
background-color: #4ab2f1;
padding: 10px 15px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.order-details-page .repost .button-2:hover {
background-color: #248ece;
}
.order-details-page .download a {
font-weight: normal;
color: #4ab2f1;
}
.order-details-page .download a:hover {
text-decoration: underline;
}
.user-agreement-page .terms-of-agreement {
margin: 0 0 20px;
padding: 20px;
text-align: center;
}
.user-agreement-page .button-1 {
min-width: 140px;
border: none;
background-color: #4ab2f1;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.user-agreement-page .button-1:hover {
background-color: #248ece;
}
.order-details-page .tax-shipping-info {
margin: 30px 0;
}
.order-details-page .tax-shipping-info a {
color: #4ab2f1;
}
.order-details-page .tax-shipping-info a:hover {
text-decoration: underline;
}
.order-details-page .actions {
margin: 30px 0 0;
font-size: 0;
}
.order-details-page .actions input {
display: inline-block;
min-width: 165px;
margin: 5px;
border: none;
background-color: #aaa;
background-image: none;
padding: 10px 20px;
font-size: 15px;
color: #fff;
}
.order-details-page .actions input:hover {
background-color: #999;
}
.order-details-page .actions input:first-child {
background-color: #cd192d;
}
.order-details-page .actions input:first-child:hover {
background-color: #444;
}
.order-details-page .totals.section {
width: 370px;
padding: 0 10px;
max-width: 100%;
margin: 0 auto 50px;
}
.order-details-page .total-info {
background-color: #f9f9f9;
padding: 15px 20px;
color: #444;
}
/****** SEARCH & SITEMAP ******/
.search-page .page-title {
margin: 0 0 -1px;
}
.search-input .fieldset {
margin: 0 0 30px;
}
.search-input .form-fields {
padding: 30px 15px 10px;
}
.search-input input+label {
display: inline;
margin: 0 0 0 5px;
}
.advanced-search {
margin: 30px 0 0;
}
.advanced-search .price-range {
display: inline-block;
}
.advanced-search .price-range input {
width: 80px;
margin: 3px;
}
.search-input .buttons {
text-align: center;
}
.search-input .button-1 {
min-width: 140px;
border: none;
background-color: #d31039;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.search-input .button-1:hover {
background-color: #777;
}
.search-results {
margin: 30px 0 0;
}
.search-results .warning,
.search-results .no-result {
margin: 10px 0;
color: #e4434b;
}
.sitemap-page .description {
margin: 0 0 30px;
text-align: center;
}
.sitemap-page .entity {
/*margin: 0 0 30px;*/
}
.sitemap-page .entity-title {
margin: 0 0 15px;
padding: 0 10px;
text-align: center;
}
.sitemap-page .entity-title h2 {
font-size: 20px;
font-weight: normal;
color: #444;
}
.sitemap-page .entity-body {
border-top: 1px solid #e6e6e6;
padding: 10px 0;
text-align: center;
}
.sitemap-page .entity ul {
font-size: 0;
}
.sitemap-page .entity li {
display: inline-block;
position: relative;
margin: 0 8px;
padding: 0 12px;
line-height: 50px;
font-size: 14px;
}
.sitemap-page .entity li:before {
content: "";
position: absolute;
top: 23px;
left: 0;
width: 5px;
height: 5px;
background-color: #ddd;
}
.sitemap-page .entity a {
color: #444;
}
.sitemap-page .entity a:hover {
color: #4ab2f1;
}
.sitemap-page .entity a:empty {
display: none;
}
/****** BLOG & NEWS ******/
.block-blog-archive .number {
display: block;
color: #444;
cursor: auto;
}
.block-blog-archive li.month {
padding: 3px 0 3px 15px;
}
.blog-page .page-title,
.news-list-page .page-title {
margin: 0;
}
.blog-page .post,
.news-items .news-item {
margin: 0 0 30px;
text-align: left;
}
.blog-page .post:after {
content: "";
display: block;
clear: both;
}
.post-title,
.news-title {
display: inline-block;
line-height: 20px;
font-size: 16px;
font-weight: bold;
color: #444;
}
.post-title:hover,
.news-title:hover {
color: #4ab2f1;
}
.post-date,
.news-date {
display: block;
padding-bottom: 20px;
font-style: italic;
color: #444;
}
.post-body,
.news-body {
margin: 0 0 20px;
line-height: 22px;
}
.post-body img,
.news-body img {
height:auto;
}
.blog-page .tags,
.blogpost-page .tags {
margin: 0 0 15px;
overflow: hidden;
}
.blog-page .tags label,
.blogpost-page .tags label {
display: inline-block;
margin: 0 3px 3px 0;
font-weight: bold;
color: #444;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
display: inline-block;
margin: 0 0 3px 3px;
font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
display: inline-block;
font-size: 14px;
}
.blog-page .tags li.separator,
.blogpost-page .tags li.separator {
margin: 0 8px 0 0;
}
.blog-page .tags a:hover,
.blogpost-page .tags a:hover {
text-decoration: underline;
}
.blog-posts .buttons,
.news-items .buttons {
margin: 0;
}
.blog-posts .buttons .read-comments {
display: block;
margin: 0 0 15px;
font-weight: bold;
color: #444;
}
.blog-posts .buttons .read-comments:hover {
color: #4ab2f1;
}
.blog-posts .buttons .read-more,
.news-items .buttons .read-more {
display: inline-block;
border: none;
background-color: #d31039;
padding: 10px 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.blog-posts .buttons .read-more:hover,
.news-items .buttons .read-more:hover {
background-color: #444;
}
.new-comment .notifications {
margin: 0 0 10px;
}
.new-comment .result {
color: #690;
}
.new-comment .form-fields {
margin: 0 0 20px;
}
.new-comment .button-1 {
border: none;
background-color: #4ab2f1;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.new-comment .button-1:hover {
background-color: #248ece;
}
.comment-list {
margin: 0 0 100px;
}
.comment-list .title {
margin: 0 0 15px;
padding: 0 10px;
font-size: 20px;
color: #444;
}
.comment-list .title strong {
font-weight: normal;
}
.comment-list .comment {
margin: 0 0 40px;
border-top: 1px solid #ddd;
}
.comment-list .comment:after {
content: "";
display: block;
clear: both;
}
.comment-info {
width: 150px;
margin: 20px auto;
}
.comment-info .username {
display: block;
margin: 0 0 -1px;
border: 1px solid #ddd;
background-color: #f6f6f6;
padding: 11px 0;
font-weight: bold;
color: #444;
}
.comment-info a.username:hover {
color: #4ab2f1;
}
.comment-info .avatar {
position: relative;
width: 150px;
height: 150px;
border: 1px solid #ddd;
overflow: hidden;
}
.comment-info .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
border: solid 2px #CEDBE1 !important;
}
.comment-time {
margin: 0 0 15px;
font-size: 13px;
font-weight: bold;
}
.comment-time span {
color: #444;
}
.comment-title {
margin: 0 0 15px;
font-size: 16px;
color: #444;
}
.comment-body {
line-height: 22px;
}
.news-list-homepage {
margin: 0 0 75px;
}
.news-list-homepage .title {
margin: 0 0 -1px;
border-bottom: 1px solid #ddd;
padding: 0 0 15px;
font-size: 30px;
font-weight: normal;
color: #444;
}
.news-list-homepage .title strong {
font-weight: normal;
}
.news-list-homepage .view-all {
text-align: center;
}
.news-list-homepage .view-all a {
color: #444;
text-decoration: underline;
}
.news-list-homepage .view-all a:hover {
color: #4ab2f1;
}
/*** FORUM & PROFILE ***/
.forums-main-page .topic-block {
margin: 0 0 35px;
text-align: center;
}
.forums-main-page .topic-block p {
text-align: center;
}
.forums-main-page .pager {
display: none;
}
.forum-breadcrumb {
margin: 0 0 40px;
}
.forums-header {
margin: 0 0 50px;
overflow: hidden;
}
.forums-header:after {
content: "";
display: block;
clear: both;
}
.forums-header .current-time {
margin: 0 0 15px;
color: #444;
}
.forum-search-box .basic {
overflow: hidden;
margin: 0 0 10px;
}
.forum-search-box .advanced a {
line-height: 22px;
color: #444;
text-decoration: underline;
}
.forum-search-box .advanced a:hover {
color: #4ab2f1;
}
.forum-search-page .page-title {
margin: 0 0 -1px;
}
.forum-search-page .search-error,
.forum-search-page .no-result {
margin: 0 0 15px;
text-align: center;
color: #e4434b;
}
/* forum group */
.forums-table-section {
margin: 0 0 60px;
}
.forums-table-section+.pager {
margin: -30px 0 30px;
}
.forums-table-section-title {
margin: 0 0 15px;
padding: 0 10px;
}
.forums-table-section-title a,
.forums-table-section-title strong {
font-size: 22px;
font-weight: normal;
color: #444;
}
.forums-table-section-title a:hover {
color: #4ab2f1;
}
.forums-table-section .image div {
width: 38px;
height: 32px;
margin: auto;
background: url('../images/topic-type1.png') center no-repeat;
}
.forums-table-section .image div.sticky {
background: url('../images/topic-type2.png') center no-repeat;
}
.forums-table-section .image div.announcement {
background: url('../images/topic-type3.png') center no-repeat;
}
.forums-table-section .forum-title,
.forums-table-section .topic-title {
margin: 5px 0;
}
.forums-table-section .forum-title a,
.forums-table-section .topic-title a {
font-size: 16px;
font-weight: bold;
color: #444;
}
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover {
color: #4ab2f1;
text-decoration: none;
}
.forums-table-section .topic-title span {
display: block;
color: #777;
}
.forums-table-section .forum-description,
.forums-table-section .topic-starter {
margin: 5px 0;
}
.forums-table-section .latest-post {
white-space: nowrap;
}
.forums-table-section .latest-post div {
margin: 5px 0;
}
.forums-table-section .latest-post label {
color: #777;
}
.forums-table-section .view-all {
margin: 30px 0 0;
padding: 0 10px;
}
.forums-table-section .view-all a {
background-color: #4ab2f1;
padding: 10px 15px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.forums-table-section .view-all a:hover {
background-color: #248ece;
}
/* forum-page, topic page */
.forum-page .forum-info {
margin: 0 0 30px;
}
.forum-page .forum-name,
.forum-topic-page .topic-name {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 10px 10px;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
font-size: 30px;
font-weight: normal;
}
.forum-actions,
.topic-actions {
margin: 0 0 30px;
font-size: 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
display: inline-block;
margin: 1px;
padding: 10px 10px 10px 33px;
font-size: 14px;
}
.forum-actions .actions .new-topic {
background: #eee url('../images/new.png') left center no-repeat;
}
.forum-actions .actions .watch-forum,
.topic-actions .actions .watch-forum {
background: #eee url('../images/watch.png') left center no-repeat;
}
.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
background-color: #e6e6e6;
}
.forum-actions .pager.upper,
.topic-actions .pager.upper {
display: none;
margin: 0;
}
.topic-actions .reply-topic-button {
background: #eee url('../images/reply.png') left center no-repeat;
}
.topic-actions .watch-topic-button {
background: #eee url('../images/watch.png') left center no-repeat;
}
.topic-actions .move-topic-button {
background: #eee url('../images/move.png') left center no-repeat;
}
.topic-actions .edit-topic-button {
background: #eee url('../images/edit_.png') left center no-repeat;
}
.topic-actions .delete-topic-button {
background: #eee url('../images/remove_.png') left center no-repeat;
}
.topic-actions.lower .actions {
display: none;
}
.active-discussions-page .forums-table-section-title {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 10px 10px;
}
.active-discussions-page .forums-table-section-title strong {
font-size: 30px;
font-weight: normal;
}
.active-discussions-page .forums-table-section-body {
margin: 0 0 20px;
}
/* topic post */
.topic-post {
margin: 0 0 30px;
border-top: 1px solid #ddd;
}
.topic-post:last-child {
border-bottom: 1px solid #ddd;
}
.topic-post:after {
content: "";
display: block;
clear: both;
}
.topic-post .post-info {
margin: 30px 0;
}
.topic-post .user-info {
width: 150px;
margin: 0 auto 15px
}
.topic-post .username {
display: block;
margin: 0 0 -1px;
border: 1px solid #ddd;
background-color: #f6f6f6;
padding: 11px 0;
font-weight: bold;
color: #444;
}
.topic-post a.username:hover {
color: #4ab2f1;
}
.topic-post .avatar,
.profile-info-box .avatar {
position: relative;
width: 150px;
height: 150px;
border: 1px solid #ddd;
overflow: hidden;
}
.topic-post .avatar img,
.profile-info-box .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.topic-post .avatar img {
border: solid 2px #CEDBE1 !important;
}
.topic-post .user-stats {
margin: 0 0 15px;
}
.topic-post .user-stats li {
display: inline-block;
margin: 0 10px;
}
.topic-post .user-stats span,
.profile-info-box .profile-stats span {
margin: 0 0 0 3px;
font-weight: bold;
color: #444;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
display: inline-block;
border: none;
background-color: #888;
padding: 10px 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
}
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover {
background-color: #999;
}
.topic-post .post-time {
margin: 0 0 15px;
background-color: #f6f6f6;
padding: 10px 15px;
font-size: 13px;
font-weight: bold;
}
.topic-post .post-time span {
color: #444;
}
.topic-post .post-actions {
margin: 0 0 15px;
font-size: 0;
}
.topic-post .post-actions>div {
display: inline-block;
}
.topic-post .post-actions a {
display: inline-block;
margin: 1px 5px;
font-size: 14px;
}
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button {
padding: 10px 10px 10px 33px;
}
.topic-post .post-actions .edit-post-button {
background: url('../images/edit_.png') left center no-repeat;
}
.topic-post .post-actions .delete-post-button {
background: url('../images/remove_.png') left center no-repeat;
}
.topic-post .post-actions .edit-post-button:hover,
.topic-post .post-actions .delete-post-button:hover {
color: #4ab2f1;
}
.topic-post .post-actions .post-link-button {
padding: 10px;
font-weight: bold;
color: #4ab2f1;
}
.topic-post .post-actions .post-link-button:hover {
text-decoration: underline;
}
.topic-post .post-actions .quote-post-button {
background-color: #888;
padding: 10px 20px;
color: #fff;
}
.topic-post .post-actions .quote-post-button:hover {
background-color: #999;
color: #fff;
}
.topic-post .post-text {
padding: 0 10px 20px;
line-height: 22px;
color: #444;
margin-bottom: 0;
}
.topic-post .post-vote {
text-align: center;
display: table;
margin: 0 auto 20px;
}
.topic-post .user-posted-image,
.latest-posts .user-posted-image {
max-width: 100%;
height: auto;
}
.topic-post .quote,
.latest-posts .quote {
margin: 10px 0;
border: 1px dashed #ccc;
background-color: #f9f9f9;
padding: 10px;
color: #777;
}
.topic-post .signature {
border-top: 1px solid #ddd;
padding: 20px;
font-size: 13px;
font-style: italic;
clear: both;
}
.topic-post .post-vote span.vote {
cursor: pointer;
display: block;
width: 40px;
height: 24px;
}
.topic-post .post-vote span.up {
background: url('../images/vote-up.png') no-repeat 50% 50%;
}
.topic-post .post-vote span.vote.up.selected {
background: url('../images/vote-up-selected.png') no-repeat 50% 50%;
}
.topic-post .post-vote span.down {
background: url('../images/vote-down.png') no-repeat 50% 50%;
}
.topic-post .post-vote span.vote.down.selected {
background: url('../images/vote-down-selected.png') no-repeat 50% 50%;
}
.topic-post .vote-count-post {
display: block;
font-size: 160%;
}
/* forum edit & send message */
.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
margin: 0 0 -1px;
}
.move-topic-page label {
white-space: normal;
}
.forum-edit-page .message-error,
.private-message-send-page .message-error {
margin: 20px 0;
}
.forum-edit-page .inputs strong {
display: inline-block;
max-width: 400px;
font-size: 22px;
font-weight: normal;
color: #444;
white-space: normal;
}
.forum-edit-page .inputs .topic-subject {
font-size: 17px;
}
.forum-edit-page .inputs.reversed {
margin: 0;
}
.forum-edit-page .inputs.reversed label {
width: auto;
margin: 5px;
font-size: 14px;
white-space: normal;
}
.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
max-width: 400px;
margin: 20px auto;
background-color: #ddd;
padding: 10px;
}
.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
margin: 0 2px 0 0;
border: #cec6b5 1px solid;
padding: 2px;
}
.forum-edit-page .toolbar .button:hover,
.private-message-send-page .toolbar .button:hover {
border: #333 1px solid;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
display: block;
margin: auto;
}
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
min-width: 140px;
border: none;
background-color: #999;
padding: 10px 30px;
text-align: center;
font-size: 15px;
color: #fff;
text-transform: uppercase;
}
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-messages .buttons input:hover {
background-color: #888;
}
.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
background-color: #4ab2f1;
}
.forum-edit-page .buttons .button-1:hover,
.move-topic-page .buttons .button-1:hover,
.private-messages .buttons .button-1:hover {
background-color: #248ece;
}
.private-message-send-page a {
font-size: 14px;
color: #4ab2f1;
}
.private-message-send-page span {
font-size: 14px;
}
/* jQuery tabs */
.ui-tabs {
border: none;
border-radius: 0;
background: none;
padding: 0;
font: normal 14px Arial, Helvetica, sans-serif;
color: #777;
}
.ui-widget.ui-widget-content.ui-tabs {
border: none;
}
.ui-tabs-nav {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
overflow: hidden;
font-size: 0;
margin: 0 0 30px !important;
border-width: 0 0 1px;
border-radius: 0;
background: none;
padding: 0 !important;
line-height: normal;
font-weight: normal;
color: #444;
}
.ui-tabs-nav li {
margin: 0 0 -1px;
float: none !important;
margin: 0 0 -1px !important;
border: none !important;
border-radius: 0;
background: none !important;
padding: 0 !important;
}
.ui-tabs-nav li a {
display: block;
border: 1px solid #ddd;
padding: 12px 24px;
text-align: center;
font-size: 18px;
color: #444;
float: none !important;
padding: 12px 24px !important;
}
.ui-tabs-nav li.ui-state-active a {
background-color: #eee;
color: #4ab2f1;
}
.ui-tabs-panel {
padding: 0 !important;
}
/* inbox & view message */
.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
margin: 0 0 30px;
}
.private-messages-page th.select {
text-align: center;
}
.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject {
min-width: 150px;
}
.private-messages-page td.date {
white-space: nowrap;
}
.private-messages-page td.subject a {
color: #444;
}
.private-messages-page td.subject a.pm-unread {
color: #4ab2f1;
}
.private-messages-page .pager {
margin: 0 0 30px;
}
.private-messages-page .buttons,
.private-message-view-page .buttons {
font-size: 0;
}
.private-messages-page .buttons .button-1,
.private-messages-page .buttons .button-2,
.private-message-view-page .buttons .button-1,
.private-message-view-page .buttons .button-2 {
display: block;
width: 250px;
margin: 0 auto 3px;
font-size: 15px;
}
.private-message-view-page .view-message {
margin: 0 0 30px;
}
.private-message-view-page .message-head {
margin: 0 0 20px;
line-height: 22px;
}
.private-message-view-page .message-head span {
font-weight: bold;
color: #444;
}
.private-message-view-page .message-body {
border-top: 1px solid #ddd;
background-color: #f9f9f9;
padding: 30px 20px;
line-height: 22px;
text-align: justify;
}
.private-message-view-page .back-pm-button {
text-transform: capitalize !important;
}
/* profile page  */
.profile-info-box {
overflow: hidden;
line-height: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #777;
}
.profile-info-box .user-details {
margin: 0 0 30px;
}
.profile-info-box .avatar {
margin: 0 auto 15px;
}
.profile-info-box .title {
margin: 0 0 10px;
font-size: 18px;
color: #444;
}
.profile-info-box .stats {
margin: 0 0 15px;
}
.latest-posts {
line-height: normal;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #777;
}
.latest-posts .topic {
margin: 0 0 35px;
}
.latest-posts .topic-title {
margin: 0 0 20px;
border-top: 1px solid #ddd;
background: #f6f6f6;
padding: 10px;
font-size: 16px;
}
.latest-posts .topic-title a {
font-weight: bold;
color: #444;
}
.latest-posts .topic-title a:hover {
color: #4ab2f1;
}
.latest-posts .topic-body {
margin: 0 0 15px;
line-height: 22px;
}
.latest-posts .topic-data {
color: #444;
}
/* BB codes */
pre {
white-space: pre-wrap;
white-space: normal;
word-wrap: break-word;
}
.csharpcode {
margin: 10px 0;
border: 1px dashed #ccc;
background-color: #fff;
padding: 10px;
font-family: "Courier New", Courier, monospace;
color: #000;
}
.csharpcode .rem {
color: green;
}
.csharpcode .kwrd {
color: #00f;
}
.csharpcode .str {
color: #006080;
}
.csharpcode .op {
color: #00c;
}
.csharpcode .preproc {
color: #c63;
}
.csharpcode .asp {
background-color: #ff0;
}
.csharpcode .html {
color: maroon;
}
.csharpcode .attr {
color: red;
}
.csharpcode .alt {
width: 100%;
margin: 0;
background-color: #f6f6f6;
}
.csharpcode .lnum {
color: #666;
}
.html-home-page .title h1 {
line-height: 0.8;
}
.html-home-page .title h1 strong {
font-size: 2rem
}
.html-home-page .title h1 strong small {
font-size:60%;
}
@media all and (max-width: 767px) {
.review-rating .name-description {
text-align: center;
width: 100%;
display: block;
}
.write-review .review-rating div {
text-align: center;
padding-bottom: 10px;
display: inline-block;
}
.product-list .products-box-icon {
bottom: initial;
top: 11px;
}
}
@media all and (max-width: 991.98px) {
/*** GLOBAL TABLES ***/
.navbar-nav {
display: none;
}
.cart {
display: block;
}
.cart colgroup,
.cart thead {
display: none;
}
.cart tbody {
display: block;
overflow: hidden;
}
.cart tr {
display: block;
float: left;
width: 100%;
margin: 0;
border: 1px solid #ddd;
}
.cart td {
display: block;
border: none;
padding: 10px;
}
.sku {
border-bottom: solid 1px #ddd !important;
padding-bottom: 0 !important;
}
.cart td.remove-from-cart {
/*margin: 0 0 15px;
border-bottom: 1px solid #ddd;*/
background-color: #eee;
padding: 10px;
}
.cart td.product-picture {
border-top: 1px solid #ddd;
padding: 15px 10px 5px;
}
.cart td.product {
min-width: 0;
border-bottom: 1px solid #ddd;
padding: 5px 10px 15px;
text-align: center;
}
.cart td.quantity {
display: inline-block;
padding: 0 10px;
vertical-align: middle;
}
.cart td.unit-price,
.cart td.subtotal {
display: inline-block;
padding: 10px 10px;
vertical-align: middle;
}
.order-details-page .data-table {
display: block;
}
.order-details-page .data-table colgroup,
.order-details-page .data-table thead {
display: none;
}
.order-details-page .data-table tbody {
display: block;
overflow: hidden;
}
.order-details-page .data-table tr {
display: block;
float: left;
width: 100%;
margin: 40px 0 0;
border: 1px solid #ddd;
}
.order-details-page .data-table td {
display: block;
border: none;
padding: 10px;
}
.order-details-page .data-table td.product,
.order-details-page .data-table td.tracking-number {
min-width: 0;
border-bottom: 1px solid #ddd;
padding: 5px 10px 15px;
text-align: center;
}
/*** MOBILE NAVIGATION ***/
.header-menu {
position: relative;
z-index: 1;
width: 90%;
max-width: 600px;
margin: 0 auto 40px;
}
.menu-toggle {
padding: 15px;
font-size: 15px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.top-menu>li {
position: relative;
margin: 1px 0;
background-color: #f6f6f6;
}
.top-menu>li>a {
display: block;
min-height:45px;
padding: 18px;
font-size: 15px;
color: #555;
}
.top-menu .sublist {
display: none;
background-color: #fff;
padding: 5px 0;
}
.top-menu .sublist li {
position: relative;
margin: 1px 0;
}
.top-menu .sublist li a {
display: block;
padding: 15px 18px;
font-size: 15px;
}
.sublist-toggle {
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
border-left: 1px solid #fff;
background: url('../images/toggle-black.png') center no-repeat;
padding: 15px;
font-size: 15px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.sublist .sublist-toggle {
height: 49px;
}
.sublist .sublist li {
background-color: #f6f6f6;
}
.sublist .sublist .sublist li {
background-color: #fff;
}
.block-account-navigation {
float: none;
margin: auto !important;
}
.write-review .review-rating {
text-align: center;
}
.write-review .review-rating div.name-description {
width: 100%;
margin: 0 5px 0 0;
text-align: center;
}
.html-home-page .title h1 strong {
font-size: 1.5rem
}
.html-home-page .title h1 strong small {
font-size:60%;
}
.html-home-page .home-txt {
font-size:14px
}
}
@media all and (min-width: 476px) {
/*** GLOBAL ***/
.master-wrapper-content,
.header-menu {
width: 92.5%;
}
/*** GLOBAL TABLES ***/
.cart tr {
width: 46%;
margin: 40px 2% 0;
}
.cart tr:nth-child(2n+1) {
clear: both;
}
.order-details-page .data-table tr {
width: 46%;
margin: 40px 2% 0;
}
.order-details-page .data-table tr:nth-child(2n+1) {
clear: both;
}
/*** HEADER ***/
.header-selectors-wrapper>div {
display: inline-block;
width: 30%;
margin: 10px auto;
}
.search-box input.search-box-text {
width: 250px;
}
/*.ui-autocomplete {
width: 280px !important;
}*/
.ui-autocomplete img {
display: inline;
}
/*** FOOTER ***/
.footer-block {
width: 85%;
}
.newsletter-email input[type="text"] {
width: 240px;
}
/*** CATEGORY ***/
.product-filter {
display: table-cell;
vertical-align: top;
text-align: left;
}
.product-filter.price-range-filter {
width: 200px;
}
.product-filter .product-spec-group {
float: left;
margin: 0 25px 10px 0;
}
.product-filter .product-spec-group.product-spec-color {
max-width: 190px;
}
.product-filter .group li.item {
display: block;
margin: 0;
}
.product-filter .group li.color-item {
display: inline-block;
}
.item-box {
width: 48%;
margin: 0 1% 15px;
}
.item-box:nth-child(2n+1) {
clear: both;
}
.item-box .product-rating-box {
margin: 0 0 15px;
}
.item-box .product-title {
min-height:30px;
margin: 0 0 5px;
}
/*** PRODUCT PAGE ***/
/*** WISHLIST ***/
.wishlist-content .button-2 {
display: inline-block;
width: auto;
min-width: 140px;
margin: 0 1px 5px;
}
/*** TOPICS ***/
.enter-password-form input[type="password"] {
width: 260px;
}
/*** FORUM & PROFILE ***/
.forums-header {
background-color: #f9f9f9;
padding: 30px 20px 20px;
}
.ui-tabs-nav li {
display: inline-block;
min-width: 150px;
margin: 0 5px -1px;
/*override jQuery UI styles, do not delete doubled properties*/
margin: 0 5px -1px !important;
}
.private-messages-page .buttons .button-1,
.private-messages-page .buttons .button-2,
.private-message-view-page .buttons .button-1,
.private-message-view-page .buttons .button-2 {
display: inline-block;
width: auto;
margin: 1px;
}
.topic-post .post-text {
float: left;
width: 90.5%;
text-align: left;
}
.forum-group .forum-table th.latest-post,
.forum-group .forum-table th.topics,
.forum-group .forum-table th.posts,
.forum-group .forum-table td.latest-post,
.forum-group .forum-table td.topics,
.forum-group .forum-table td.posts {
display: table-cell;
}
.topic-group .forum-table th.latest-post,
.topic-group .forum-table td.latest-post {
display: table-cell;
}
.forum-table td.image {
max-width: 40px;
}
.forum-table td.image div {
max-width: 100%;
background-size: contain;
}
}
@media all and (min-width: 768px) {
/**** GLOBAL ***/
.master-wrapper-content {
width: 94%;
}
.home-page-polls li {
min-width: 100px;
}
/**** GLOBAL TABLES ***/
.cart tr {
width: 31.33333%;
margin:0px 1% 0;
}
.cart tr:nth-child(2n+1) {
clear: none;
}
.cart tr:nth-child(3n+1) {
clear: both;
}
.order-details-page .data-table tr {
width: 31.33333%;
margin: 40px 1% 0;
}
.order-details-page .data-table tr:nth-child(2n+1) {
clear: none;
}
.order-details-page .data-table tr:nth-child(3n+1) {
clear: both;
}
/*** HEADER ***/
.header-selectors-wrapper>div {
width: 20%;
}
/*** FOOTER ***/
.footer-block {
display: inline-block;
width: 25.33333%;
margin: 0 4%;
vertical-align: top;
}
.footer-block .title {
margin: 0 0 15px;
background: none;
padding: 0;
color: #444;
cursor: auto;
}
.footer-block .list {
display: block !important;
background: none;
padding: 0;
}
.footer-block .list li {
padding: 5px 0;
}
.footer-block .list a {
display: inline;
padding: 0;
}
.follow-us {
width: 98%;
margin: 25px auto 0;
}
/*** CATEGORY ***/
.product-selectors {
text-align: left;
padding: 0 10px 0px 0px;
}
.product-selectors .product-viewmode {
display: inline-block;
float: right;
margin-right: 10px;
}
.product-selectors .product-viewmode span {
display: none;
}
.product-selectors .product-viewmode a {
display: inline-block;
width: 24px;
height: 32px;
margin: 0 0 0 12px;
background-position: center;
background-repeat: no-repeat;
opacity: 0.3;
color:#666;
}
.product-selectors .product-viewmode a.grid::before {
content: "\e908";
font-family: 'icomoon' !important;
font-size: 26px;
}
.product-selectors .product-viewmode a.list::before {
content: "\e909";
font-family: 'icomoon' !important;
font-size: 26px;
vertical-align: text-bottom;
}
.product-selectors .product-viewmode a.selected,
.product-selectors .product-viewmode a:hover {
opacity: 1;
color: #d31039;
}
.item-box {
width: 32.33333%;
margin: 0 0.5% 30px;
}
.featured-products-container .item-box {
margin: 0 0.5% 0;
}
.item-box:nth-child(2n+1) {
clear: none;
}
.item-box:nth-child(3n+1) {
clear: both;
}
.product-list .item-box {
float: none;
width: auto;
margin: 0 5px 20px;
}
.product-list .item-box .product-item:after {
content: "";
display: block;
clear: both;
}
.product-list .item-box .picture {
float: left;
width: 220px;
}
.product-list .item-box:hover .picture a img {
opacity: 1;
}
.product-list .item-box .picture:hover a img {
opacity: 0.85;
}
.product-list .item-box .picture+.details {
margin: 0 0 0 240px;
}
.product-list .item-box .product-title {
height: auto;
padding: 10px 0;
font-size: 18px;
}
.product-list .item-box .description {
display: block;
margin: 0 0 10px;
line-height: 22px;
}
.product-list .item-box .prices {
height: auto;
margin: 0 0 30px;
}
.product-list .item-box .product-box-add-to-cart-button {
width: auto;
min-width: 150px;
padding: 0 20px;
}
.product-list .item-box .add-to-compare-list-button,
.product-list .item-box .add-to-wishlist-button {
width: 42px;
}
/*** PRODUCT PAGE ***/
.gallery {
width: auto;
}
.variant-picture {
float: left;
}
.variant-picture+.variant-overview {
width: auto;
margin: 0 0 0 240px;
}
.variant-overview {
text-align: left;
}
/*** PRODUCT REVIEWS ***/
.product-review-item .review-title {
float: left;
max-width: 600px;
}
.product-review-item .product-review-box {
float: right;
}
.write-review .review-rating div {
display: inline-block;
margin: 0 0 0 5px;
cursor: default;
vertical-align: middle;
font-size: 14px;
height: 17px;
}
/*** REGISTRATION, LOGIN, ACCOUNT ***/
.address-list-page .section,
.order-list-page .section,
.return-request-list-page .section {
display: inline-block;
width: 45%;
margin: 20px 1%;
vertical-align: top;
}
.recurring-payments {
width: 100% !important;
margin: 20px 0 !important;
}
.cart-options .checkout-attributes,
.cart-options .selected-checkout-attributes {
padding: 0 10px;
}
.cart-footer .totals {
float: right;
}
.cart-footer .terms-of-service {
text-align: left;
}
.cart-footer .checkout-buttons,
.cart-footer .addon-buttons {
text-align: right;
}
/*.cart-footer .cart-collaterals {
float: left;
width:68%;
margin: 0 2.5%;
}*/
.cart-footer .cart-collaterals div,
.cart-footer .cart-collaterals label {
text-align: left;
}
.cart-footer .estimate-shipping label {
display: block;
margin: 0;
}
.cart-footer .estimate-shipping .buttons {
text-align: right;
}
/*** CHECKOUT ***/
.checkout-page .selected-checkout-attributes {
float: right;
text-align: right;
}
.checkout-page .cart-footer .totals {
max-width: 350px;
margin: 0;
}
.checkout-page .address-grid {
overflow: hidden;
}
.checkout-page .address-item {
float: left;
width: 48%;
margin: 0 1% 40px;
}
.shipping-method .method-list li,
.payment-method .method-list li {
display: inline-block;
width: 25%;
margin: 20px 2%;
vertical-align: top;
}
.shipping-method .method-name {
background-color: #f6f6f6;
padding: 10px;
}
.payment-method .payment-logo {
display: block;
background-color: #f6f6f6;
padding: 10px;
}
.payment-method .payment-details {
display: block;
width: auto;
min-width: 0;
margin: 10px 0 0;
text-align: center;
}
.payment-info .info {
padding: 30px 75px;
}
.order-review-data,
.order-details-area,
.shipment-details-area {
overflow: hidden;
}
.order-review-data>div,
.order-details-area>div,
.shipment-details-area>div {
float: left;
width: 48%;
margin: 0 1% 40px;
}
/*** ORDER DETAILS & SHIPPING DETAILS ***/
.order-details-page .section.options {
text-align: right;
}
.order-details-page .selected-checkout-attributes {
padding: 0 10px;
}
.order-details-page .tax-shipping-info {
text-align: right;
}
.order-details-page .totals {
float: right;
clear: both;
}
.shipment-details-page .tracking-number .tracking-url {
color: #4ab2f1;
}
.new-comment {
text-align: center;
}
.new-comment .buttons {
text-align: center;
}
.comment-list .comment {
display: table;
width: 100%;
margin: 0;
}
.comment-list .comment:last-child {
border-bottom: 1px solid #ddd;
}
.comment-info {
display: table-cell;
width: 15%;
margin: 0;
vertical-align: top;
}
.comment-info .username {
min-height: 40px;
margin: 0;
border: none;
text-align: center;
}
.comment-info .avatar {
border: none;
}
.comment-info .avatar img {
max-width: 80%;
max-height: 80%;
}
.comment-content {
display: table-cell;
width: 85%;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
}
.comment-time {
min-height: 40px;
margin: 0;
background-color: #f6f6f6;
padding: 10px 15px;
font-size: 14px;
font-weight: normal;
}
.comment-title {
margin: 0 0 -20px;
padding: 20px;
}
.comment-body {
padding: 20px;
}
/*** FORUM & PROFILE ***/
.forum-actions,
.topic-actions {
overflow: hidden;
}
.forum-actions .actions,
.topic-actions .actions {
float: left;
}
.forum-actions .pager,
.topic-actions .pager {
float: right;
max-width: 450px;
}
.forum-actions .pager li,
.topic-actions .pager li {
margin: 2px 4px;
}
.forum-actions .pager.upper {
display: block;
}
.topic-actions.lower .actions {
display: block;
}
.topic-posts {
margin: 0 0 30px;
}
.topic-post {
display: table;
width: 100%;
margin: 0;
}
.topic-post .post-info {
display: table-cell;
width: 15%;
margin: 0;
vertical-align: top;
text-align: left;
}
.topic-post .user-info {
width: auto;
}
.topic-post .username {
min-height: 40px;
margin: 0;
border: none;
text-align: center;
}
.topic-post .avatar {
margin: auto;
border: none;
}
.topic-post .avatar img {
max-width: 80%;
max-height: 80%;
}
.topic-post .user-stats li {
margin: 0;
}
.topic-post .send-pm {
margin: 0 0 20px;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
padding: 8px 16px;
font-size: 13px;
}
.topic-post .post-content {
display: table-cell;
width: 85%;
border-left: 1px solid #ddd;
vertical-align: top;
text-align: left;
}
.topic-post .post-head {
min-height: 40px;
overflow: hidden;
background-color: #f6f6f6;
}
.topic-post .post-time {
float: left;
margin: 0;
font-size: 14px;
font-weight: normal;
}
.topic-post .post-actions {
float: right;
margin: 0;
}
.topic-post .post-actions a {
margin: 0;
line-height: 20px;
}
.topic-post .post-actions .quote-post a {
min-width: 70px;
}
.topic-post .post-actions a.post-link-button {
margin: 0 0 0 10px;
border-left: 1px solid #ddd;
text-align: center;
}
.topic-post .post-text {
padding: 20px 5px;
}
.topic-post .post-vote {
padding: 20px 0 20px 15px;
}
.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes {
display: table-cell;
}
.forum-table td.image {
max-width: none;
}
.forum-table td.image div {
max-width: none;
background-size: initial;
}
.ui-tabs-nav {
text-align: left;
}
.ui-tabs-nav li {
margin: 0 10px -1px 0;
margin: 0 10px -1px 0 !important;
}
.profile-info-box .avatar {
float: left;
margin: 0 15px 15px 0;
}
.profile-info-box .profile-stats {
float: left;
text-align: left;
}
.profile-info-box .title {
text-align: left;
}
.profile-info-box .send-pm {
clear: both;
text-align: left;
}
}
.block a.product-picture {
display: inline-block;
position: relative;
width: 25%;
margin: 0;
vertical-align: middle;
text-align: center;
}
.flyout-cart {
display: none;
}
@media all and (min-width: 992px) {
/*** GLOBAL STYLES ***/
.master-wrapper-content {
width: 980px;
margin: auto;
}
.center-2 {
float: right;
width: 73%;
}
.side-2 {
float: left;
width: 25%;
}
.page {
text-align: left;
}
.inputs {
text-align: left;
}
.inputs label {
display: inline-block;
width: 265px;
margin: 0 10px 0 0;
text-align: right;
}
.inputs input[type="text"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs input[type="password"],
.inputs select {
font-size: 16px;
}
.inputs input[type="text"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs input[type="password"],
.inputs select {
min-height: 40px;
}
.inputs .option-list li {
margin: 0 10px 0 0;
}
.center-1 .buttons {
text-align: center;
}
.center-2 .inputs label {
width: 136px;
}
.inputs.accept-consent label {
width: auto;
}
.page-title a+h1 {
float: left;
}
.link-rss {
display: block;
float: right;
margin: 6px 0 0;
}
/*** GLOBAL TABLES ***/
.cart tr {
width: auto;
margin: 0;
}
.cart label {
display: none;
}
.order-details-page .data-table tr {
width: auto;
margin: 0;
}
.order-details-page .data-table label {
display: none;
}
/*** HEADER ***/
.header {
width: 980px;
margin: auto;
}
.header-upper:after {
content: "";
display: block;
clear: both;
}
.header-selectors-wrapper {
float: left;
border: none;
padding: 0;
}
.header-selectors-wrapper>div {
width: auto;
min-width: 100px;
margin: 0 12px 0 0;
line-height: 43px;
}
.header-selectors-wrapper select {
height: 25px;
padding: 4px;
font-size: 12px;
}
.language-list {
text-align: left;
}
.header-links-wrapper {
float: right;
padding: 0;
}
.header-lower {
display: table;
width: 100%;
}
.header-logo {
display: table-cell;
text-align: left;
vertical-align: middle;
font-size: 0;
}
.search-box input.search-box-text,
.search-box .search-box-button {
height: 40px;
}
/*** NAVIGATION ***/
.menu-toggle,
.sublist-toggle {
display: none;
}
.header-menu>ul {
display: block !important;
font-size: 0;
}
.header-menu>ul.mobile {
display: none !important;
}
.header-menu>ul>li {
display: inline-block;
border-left: 1px solid #ddd;
padding: 0 15px;
vertical-align: middle;
}
.header-menu>ul>li:first-child {
border-left: none;
}
.header-menu>ul>li>a {
display: block;
padding: 5px 10px;
line-height: 20px;
font-size: 17px;
color: #555;
cursor: pointer;
}
.header-menu>ul>li>a:hover {
color: #4ab2f1;
}
a.nav-link {
white-space: nowrap;
text-align: center;
}
.theme-custom {
margin: -40px 0 0 !important;
}
/*** FOOTER ***/
.footer-upper {
width: 980px;
padding: 35px 10px;
}
.footer-upper:after {
content: "";
display: block;
clear: both;
}
.footer-block {
float: left;
margin: 0;
}
.footer-block .list {
margin: 0;
}
.follow-us {
float: right;
margin: 0;
text-align: left;
}
.follow-us .social li {
margin: 0 10px 0 0;
}
.newsletter-email {
display: block;
}
.newsletter-email input[type="text"] {
width: 200px;
}
.newsletter-validation .field-validation-valid {
text-align: left;
}
.footer-lower {
position: relative;
width: 980px;
padding: 25px 5px;
}
.footer-lower:after {
content: "";
display: block;
clear: both;
}
.footer-info {
float: right;
line-height: 32px;
}
.footer-powered-by {
margin: 0;
line-height: 32px;
}
.theme-selector {
float: left;
margin: 0 0 0 15px;
}
/*** COLUMN ***/
.block {
float: none;
width: auto;
}
.block .title {
margin: 0;
border-bottom: 1px solid #ddd;
background: none;
cursor: auto;
}
.block .title strong {
font-weight: bold;
}
.block .listbox {
display: block;
border-bottom: none;
}
.block a.product-name {
vertical-align: middle;
}
.block a.product-picture+a.product-name {
width: 70%;
}
.block a.product-picture+a.product-name:before {
display: none;
}
/*** CATEGORY ***/
.breadcrumb {
margin: 0 0 20px;
}
.item-box .buttons {
text-align: left;
}
.home-page .product-grid .item-box,
.product-details-page .product-grid .item-box,
.shopping-cart-page .product-grid .item-box {
width: 24%;
margin: 0 0.5% 50px;
}
.home-page .product-grid .item-box:nth-child(3n+1),
.product-details-page .product-grid .item-box:nth-child(3n+1),
.shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
clear: none;
}
.home-page .product-grid .item-box:nth-child(4n+1),
.product-details-page .product-grid .item-box:nth-child(4n+1),
.shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
clear: both;
}
/*** PRODUCT PAGE ***/
.gallery {
float: left;
width: 46%;
}
.gallery .picture {
width: auto;
}
.overview {
float: right;
width: 52%;
}
.rental-attributes {
overflow: hidden;
}
.rental-attributes .attribute-item {
float: left;
margin: 0 20px 0 0;
}
.rental-attributes .datepicker {
width: 160px;
text-align: left;
}
.attribute-squares li {
margin: 0 10px 10px 0;
}
.product-details-page .title {
text-align: left;
}
/*** PRODUCT REVIEWS ***/
.product-review-item .review-title {
max-width: 850px;
}
.write-review .review-rating div.name-description {
width: 265px;
margin: 0 5px 0 0;
text-align: right
}
/*** WISHLIST & COMPARE LIST ***/
.compare-products-page .page-title {
margin: 0 0 -1px;
}
.compare-products-table .full-description td {
display: table-cell;
}
.compare-products-table .full-description td p {
margin-top: 0;
}
/*** TOPICS ***/
.center-1 .topic-block-title {
text-align: center;
}
.topic-page p {
text-align: justify;
}
/*** REGISTRATION, LOGIN, ACCOUNT ***/
.gender span {
margin: 0 10px 0 0;
}
.gender span>* {
margin: 0 5px 0 0;
}
.date-of-birth select+select {
margin: 0 0 0 11px;
}
#check-availability-button {
display: block;
margin: 10px auto;
}
.login-page .customer-blocks {
overflow: hidden;
}
.login-page .new-wrapper {
float: left;
width: 49%;
margin: 0;
}
.login-page .new-wrapper .text {
min-height: 225px;
}
.login-page .returning-wrapper {
float: right;
width: 49%;
}
.login-page .returning-wrapper .form-fields {
min-height: 200px;
padding: 30px 0 0;
}
.login-page .returning-wrapper .inputs label {
width: 110px;
}
.login-page .returning-wrapper input[type="text"],
.login-page .returning-wrapper input[type="email"],
.login-page .returning-wrapper input[type="password"] {
width: 300px;
}
.address-list-page .section,
.order-list-page .section,
.return-request-list-page .section {
display: block;
width: auto;
margin: 0 0 40px;
}
.address-list-page .buttons,
.order-list-page .buttons {
position: absolute;
top: 12px;
right: 15px;
}
.avatar-page .message-error,
.avatar-page .buttons {
text-align: left;
}
.registration-page .vat-note {
margin-left: 275px;
}
.customer-info-page .vat-note,
.customer-info-page .email-to-revalidate-note {
margin-left: 150px;
}
.customer-info-page .vat-status {
display: inline-block;
}
/*** SHOPPING CART ***/
.shopping-cart-page .cart-options {
overflow: hidden;
}
.shopping-cart-page .checkout-attributes {
float: left;
max-width: 565px;
margin: 0 15px;
}
.shopping-cart-page .checkout-attributes li {
margin: 5px 10px 5px 0;
}
.shopping-cart-page .selected-checkout-attributes {
float: right;
max-width: 395px;
margin: 15px 0;
}
.checkout-page .address-item {
width: 31.33333%;
}
.checkout-page .terms-of-service {
text-align: center;
}
.payment-info .info {
padding: 30px 15px;
}
.payment-info .info td:first-child {
width: 265px !important;
margin: 0 10px 0 0;
text-align: right;
}
.payment-info .info td:only-child {
width: 100% !important;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
text-align: left;
}
.opc .order-review-data ul {
text-align: left;
}
/*** SEARCH & SITEMAP ***/
.advanced-search .price-range {
margin-left: 114px;
}
/*** BLOG & NEWS ***/
.comment-list {
margin: 0 0 50px;
}
.news-list-homepage .news-items {
overflow: hidden;
text-align: left;
}
.news-list-homepage .news-item {
float: left;
width: 31.33333%;
margin: 0 1% 30px;
}
.news-list-homepage .news-item:nth-child(3n+1) {
clear: both;
}
.news-list-homepage .news-item:only-child {
float: none;
width: auto;
margin: 0 0 30px;
}
.news-list-homepage .news-head {
text-align: center;
}
.news-list-homepage .news-body {
text-align: justify;
}
/*** FORUM & PROFILE ***/
.forum-breadcrumb {
margin: -30px 0 30px;
}
.current-time {
float: right;
}
.forum-search-box {
float: left;
}
.forum-search-box .advanced {
text-align: left;
}
.forum-search-box .advanced a {
line-height: normal;
}
.forums-table-section td {
min-width: 150px;
}
.forums-table-section td:first-child {
min-width: 90px;
}
.forums-table-section .view-all {
text-align: right;
}
.topic-actions .pager.upper {
display: block;
max-width: 400px;
}
.forum-table .forum-details,
.forum-table .topic-details {
min-width: 225px;
}
.forum-table td {
padding: 20px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
width: 600px;
height: 250px;
}
.private-message-send-page .bb-code-editor-wrapper {
display: inline-block;
width: 400px;
margin: 10px 0;
vertical-align: middle;
}
}
.header-menu .navbar-nav>.dropdown>a::after {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 5px;
}
@media all and (min-width: 1367px) {
/*** GLOBAL STYLES ***/
.master-wrapper-content {
width: 1200px;
}
.inputs label {
width: 375px;
}
.center-2 .inputs label {
width: 213px;
}
.inputs.accept-consent label {
width: auto;
}
/*** HEADER ***/
.header {
width: 1200px;
}
/*** NAVIGATION ***/
/*.header-menu {
width: 1200px;
}*/
.header-links {
white-space: nowrap;
padding: 0;
}
.header-menu>ul>li {
padding: 0 20px;
}
.header-menu>ul>li>a,
.header-menu>ul>li>span {
font-size: 18px;
}
/*** FOOTER ***/
.footer-upper {
width: 1200px;
padding: 35px 30px;
}
.footer-lower {
width: 1200px;
padding: 25px 20px;
}
/*** PRODUCT REVIEWS ***/
.product-review-item .review-title {
max-width: 1050px;
}
.write-review .review-rating div.name-description {
margin: 0 5px 0 0;
min-width: 375px;
}
/*** REGISTRATION, LOGIN, ACCOUNT ***/
.login-page .returning-wrapper input[type="text"],
.login-page .returning-wrapper input[type="email"],
.login-page .returning-wrapper input[type="password"] {
width: 360px;
}
.registration-page .vat-note {
margin-left: 385px;
}
.customer-info-page .vat-note,
.customer-info-page .email-to-revalidate-note {
margin-left: 225px;
}
/*** SHOPPING CART ***/
/*.cart-footer .totals {
width: 395px;
margin: 0;
}*/
.cart-footer .cart-collaterals {
margin: 0;
}
/*.cart-footer .cart-collaterals .deals {
float: left;
}
.cart-footer .cart-collaterals .shipping {
float: right;
}*/
.cart-footer .estimate-shipping .inputs label {
display:block;
width: 100%;
}
.cart-footer .estimate-shipping .inputs input,
.cart-footer .estimate-shipping .inputs select {
width: 100%;
}
/*** CHECKOUT ***/
.shipping-method .method-list li,
.payment-method .method-list li {
margin: 20px 1%;
}
.payment-info .info td:first-child {
width: 375px !important;
}
.payment-info .info td:only-child {
width: 100% !important;
}
/*** FORUM & PROFILE ***/
.forum-actions .pager,
.topic-actions .pager {
max-width: 600px !important;
}
.topic-post .post-text {
width: 930px;
max-width: 100%;
}
}
@media (min-width: 320px) and (max-width: 991px) {
.product-details-page .picture-gallery {
width: 100% !important;
}
.product-details-page .overview {
width: 100% !important;
}
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}*/
.owl-carousel .owl-dots {
text-align: center;
margin: 30px 0 0 0;
}
.owl-carousel .owl-dots button {
width:35px;
height:5px;
margin-right:10px;
background:#ccc !important;
}
.owl-carousel button.owl-dot.active {
background: #d31039 !important;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
/************************ICONS************************/
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.woff?tggnvy') format('woff');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-products-view:before {
content: "\e900";
}
.icon-products-view-1:before {
content: "\e908";
}
.icon-products-view-2:before {
content: "\e909";
}
.icon-right-arrow3:before {
content: "\e901";
}
.icon-right-arrow31:before {
content: "\e902";
}
.icon-cart:before {
content: "\e906";
}
.icon-love:before {
content: "\e903";
}
.icon-nav:before {
content: "\e904";
}
.icon-right-arrow:before {
content: "\e905";
}
.icon-search:before {
content: "\e907";
}
.icon-user:before {
content: "\e90a";
}
/************************ICONS************************/
/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before, .fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before, .fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"
}
.fa-won:before, .fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before, .fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before, .fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-signing:before, .fa-sign-language:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4"
}
.fa-handshake-o:before {
content: "\f2b5"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-open-o:before {
content: "\f2b7"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-book-o:before {
content: "\f2ba"
}
.fa-vcard:before, .fa-address-card:before {
content: "\f2bb"
}
.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-circle-o:before {
content: "\f2be"
}
.fa-user-o:before {
content: "\f2c0"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-drivers-license:before, .fa-id-card:before {
content: "\f2c2"
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content: "\f2c3"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content: "\f2cd"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fa-times-rectangle:before, .fa-window-close:before {
content: "\f2d3"
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content: "\f2d4"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-eercast:before {
content: "\f2da"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-snowflake-o:before {
content: "\f2dc"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-meetup:before {
content: "\f2e0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
margin-top: 0
}
address, dl, ol, p, pre, ul {
margin-bottom: 1rem
}
img, svg {
vertical-align: middle
}
body, caption {
text-align: left
}
dd, h1, h2, h3, h4, h5, h6, label {
margin-bottom: .5rem
}
pre, textarea {
overflow: auto
}
article, aside, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
display: block
}
address, legend {
line-height: inherit
}
.badge, progress, sub, sup {
vertical-align: baseline
}
label, output {
display: inline-block
}
button, hr, input {
overflow: visible
}
.dropdown-menu, .form-control, .modal-content, .popover {
background-clip: padding-box
}
.dropdown-menu, .nav, .navbar-nav {
list-style: none
}
:root {
--blue:#007bff;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#28a745;
--teal:#20c997;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#007bff;
--secondary:#6c757d;
--success:#28a745;
--info:#17a2b8;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#343a40;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*, ::after, ::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width:device-width
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff
}
.text-monospace, code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
[tabindex="-1"]:focus {
outline: 0!important
}
abbr[data-original-title], abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0
}
.btn:not(:disabled):not(.disabled), .close:not(:disabled):not(.disabled), .navbar-toggler:not(:disabled):not(.disabled), .page-link:not(:disabled):not(.disabled), summary {
cursor: pointer
}
address {
font-style: normal
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
blockquote, figure {
margin: 0 0 1rem
}
dfn {
font-style: italic
}
b, strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code, kbd, pre, samp {
font-size: 1em
}
pre {
-ms-overflow-style: scrollbar
}
img {
border-style: none
}
svg {
overflow: hidden
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
caption-side: bottom
}
th {
text-align: inherit
}
button {
border-radius: 0
}
button:focus {
outline: dotted 1px;
outline: -webkit-focus-ring-color auto 5px
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button, select {
text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, [type=button]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=radio], input[type=checkbox] {
box-sizing: border-box;
padding: 0
}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
-webkit-appearance: listbox
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
color: inherit;
white-space: normal
}
.badge, .btn, .dropdown-header, .dropdown-item, .input-group-text, .navbar-brand, .progress-bar {
white-space: nowrap
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
.display-1, .display-2, .display-3, .display-4 {
line-height: 1.2
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit
}
.blockquote, hr {
margin-bottom: 1rem
}
.display-1, .display-2, .display-3, .display-4, .lead {
font-weight: 300
}
.h1, h1 {
font-size: 2.5rem
}
.h2, h2 {
font-size: 2rem
}
.h3, h3 {
font-size: 1.75rem
}
.h4, h4 {
font-size: 1.5rem
}
.h5, h5 {
font-size: 1.25rem
}
.h6, h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem
}
.display-1 {
font-size: 6rem
}
.display-2 {
font-size: 5.5rem
}
.display-3 {
font-size: 4.5rem
}
.display-4 {
font-size: 3.5rem
}
hr {
box-sizing: content-box;
height: 0;
margin-top: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1)
}
.img-fluid, .img-thumbnail {
max-width: 100%;
height: auto
}
.small, small {
font-size: 80%;
font-weight: 400
}
.mark, mark {
padding: .2em;
background-color: #fcf8e3
}
.list-inline, .list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014 \00A0"
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code, kbd {
font-size: 87.5%
}
a>code, pre code {
color: inherit
}
code {
color: #e83e8c;
word-break: break-word
}
kbd {
padding: .2rem .4rem;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
.container, .container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: 100%
}
.btn, .btn-link, .dropdown-item {
font-weight: 400
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent
}
.table td, .table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table .table {
background-color: #fff
}
.table-sm td, .table-sm th {
padding: .3rem
}
.table-bordered, .table-bordered td, .table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
background-color: rgba(0,0,0,.075)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #b8daff
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #d6d8db
}
.table-hover .table-secondary:hover, .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
background-color: #c3e6cb
}
.table-hover .table-success:hover, .table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
background-color: #bee5eb
}
.table-hover .table-info:hover, .table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #ffeeba
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #f5c6cb
}
.table-hover .table-danger:hover, .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-hover .table-light:hover, .table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #c6c8ca
}
.table-hover .table-dark:hover, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgba(0,0,0,.075)
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #212529
}
.table-dark td, .table-dark th, .table-dark thead th {
border-color: #32383e
}
.table-dark.table-bordered, .table-responsive>.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255,255,255,.05)
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255,255,255,.075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.collapsing, .modal-open, .progress {
overflow: hidden
}
.form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-moz-placeholder {
color:#6c757d;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:focus::-ms-value {
color:#495057;
background-color:#fff
}
.form-control-file, .form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: .375rem;
padding-bottom: .375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.custom-file-input.is-valid~.custom-file-label, .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-file-input:valid~.custom-file-label, .was-validated .custom-select:valid, .was-validated .form-control:valid {
border-color:#28a745
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.8125rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(2.875rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple], select.form-control[size], textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.invalid-tooltip, .valid-tooltip {
position: absolute;
z-index: 5;
max-width: 100%;
padding: .25rem .5rem;
border-radius: .25rem;
top: 100%;
line-height: 1.5
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
display: none;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: rgba(40,167,69,.9)
}
.custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip {
display:block
}
.custom-control-input.is-valid~.custom-control-label, .form-check-input.is-valid~.form-check-label, .was-validated .custom-control-input:valid~.custom-control-label, .was-validated .form-check-input:valid~.form-check-label {
color:#28a745
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
border-color:#28a745;
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
background-color:#71dd8a
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
background-color:#34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(40,167,69,.25)
}
.custom-file-input.is-valid~.custom-file-label::after, .was-validated .custom-file-input:valid~.custom-file-label::after {
border-color:inherit
}
.custom-file-input.is-invalid~.custom-file-label, .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-file-input:invalid~.custom-file-label, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
border-color:#dc3545
}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
display: none;
margin-top: .1rem;
font-size: .875rem;
color: #fff;
background-color: rgba(220,53,69,.9)
}
.collapsing, .dropdown, .dropleft, .dropright, .dropup {
position: relative
}
.custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
display:block
}
.custom-control-input.is-invalid~.custom-control-label, .form-check-input.is-invalid~.form-check-label, .was-validated .custom-control-input:invalid~.custom-control-label, .was-validated .form-check-input:invalid~.form-check-label {
color:#dc3545
}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
border-color:#dc3545;
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
background-color:#efa2a9
}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
background-color:#e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(220,53,69,.25)
}
.custom-file-input.is-invalid~.custom-file-label::after, .was-validated .custom-file-input:invalid~.custom-file-label::after {
border-color:inherit
}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select, .form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn-block, input[type=reset].btn-block, input[type=submit].btn-block, input[type=button].btn-block {
width: 100%
}
.btn {
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:focus, .btn:hover {
text-decoration: none
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn.disabled, .btn:disabled {
opacity: .65
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-link, .btn-link:hover {
background-color: transparent
}
.btn-link.focus, .btn-link:focus, .btn-link:hover {
text-decoration: underline;
border-color: transparent
}
.btn-link {
color: #007bff
}
.btn-link:hover {
color: #0056b3
}
.btn-link.focus, .btn-link:focus {
box-shadow: none
}
.btn-link.disabled, .btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn, .btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn, .btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block
}
.btn-block+.btn-block {
margin-top: .5rem
}
.dropdown-toggle::after, .dropup .dropdown-toggle::after {
width: 0;
height: 0;
vertical-align: .255em;
content: ""
}
.fade {
transition: opacity .15s linear
}
@media screen and (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
transition: height .35s ease
}
@media screen and (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem
}
.dropdown-menu-right {
right: 0;
left: auto
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after {
width: 0;
content: "";
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
height: 0
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
border-right: 0;
border-left: .3em solid;
vertical-align: 0
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
border-right: .3em solid;
vertical-align: 0
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn, .custom-control-label, .custom-file, .dropdown-header, .input-group-text, .nav {
margin-bottom: 0
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
color: #212529;
text-align: inherit;
background-color: transparent;
border: 0
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after, .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child), .input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
font-size: .875rem;
color: #6c757d
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group, .btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn, .btn-group>.btn {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
z-index: 1
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
margin-left: -1px
}
.btn-group>.btn:first-child, .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left: 0
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical .btn, .btn-group-vertical .btn-group {
width: 100%
}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0
}
.input-group-append, .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text, .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control {
margin-left: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-prepend {
margin-right: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=radio], .input-group-text input[type=checkbox] {
margin-top: 0
}
.input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
height: calc(2.875rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
height: calc(1.8125rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-control-input:active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative
}
.custom-control-label::after, .custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: ""
}
.custom-control-label::before {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
background-color: #007bff
}
.custom-control-label::after {
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%
}
.custom-file-input:lang(en)~.custom-file-label::after, .custom-file-label::after {
content: "Browse"
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0,123,255,.5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
background-color: #007bff
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0,123,255,.5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select-lg, .custom-select-sm {
padding-top: .375rem;
padding-bottom: .375rem
}
.custom-file-input:focus~.custom-file-label::after, .custom-select:focus {
border-color: #80bdff
}
.custom-select:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(128,189,255,.5)
}
.custom-select:focus::-ms-value {
color:#495057;
background-color:#fff
}
.custom-file-input:disabled~.custom-file-label, .custom-select:disabled {
background-color: #e9ecef
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d
}
.custom-select::-ms-expand {
opacity:0
}
.custom-select-sm {
height: calc(1.8125rem + 2px);
font-size: 75%
}
.custom-select-lg {
height: calc(2.875rem + 2px);
font-size: 125%
}
.custom-file, .custom-file-input, .custom-file-label {
height: calc(2.25rem + 2px)
}
.custom-file {
position: relative;
display: inline-block;
width: 100%
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
margin: 0;
opacity: 0
}
.custom-file-label, .custom-file-label::after {
position: absolute;
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
top: 0;
right: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-file-label {
left: 0;
z-index: 1;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
bottom: 0;
z-index: 3;
display: block;
height: 2.25rem;
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 .25rem .25rem 0
}
.nav, .navbar {
display: -ms-flexbox;
-ms-flex-wrap: wrap
}
.modal-dialog-centered::before, .navbar-toggler-icon, .popover .arrow::after, .popover .arrow::before, .tooltip .arrow::before {
content: ""
}
.custom-range {
width: 100%;
padding-left: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow:0 0 0 1px #fff, 0 0 0 .2rem rgba(0,123,255,.25)
}
.custom-range::-moz-focus-outer {
border:0
}
.custom-range::-webkit-slider-thumb {
width:1rem;
height:1rem;
margin-top:-.25rem;
background-color:#007bff;
border:0;
border-radius:1rem;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance:none;
appearance:none
}
@media screen and (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
transition:none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color:#b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:#dee2e6;
border-color:transparent;
border-radius:1rem
}
.custom-range::-moz-range-thumb {
width:1rem;
height:1rem;
background-color:#007bff;
border:0;
border-radius:1rem;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance:none;
appearance:none
}
@media screen and (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
transition:none
}
}
.custom-range::-moz-range-thumb:active {
background-color:#b3d7ff
}
.custom-range::-moz-range-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:#dee2e6;
border-color:transparent;
border-radius:1rem
}
.custom-range::-ms-thumb {
width:1rem;
height:1rem;
margin-top:0;
margin-right:.2rem;
margin-left:.2rem;
background-color:#007bff;
border:0;
border-radius:1rem;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance:none
}
@media screen and (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
transition:none
}
}
.custom-range::-ms-thumb:active {
background-color:#b3d7ff
}
.custom-range::-ms-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:transparent;
border-color:transparent;
border-width:.5rem
}
.custom-range::-ms-fill-lower {
background-color:#dee2e6;
border-radius:1rem
}
.custom-range::-ms-fill-upper {
margin-right:15px;
background-color:#dee2e6;
border-radius:1rem
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition: none
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0
}
.nav-link, .navbar {
padding: .5rem 1rem
}
.nav-link {
display: block
}
.nav-link:focus, .nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar>.container, .navbar>.container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit
}
.card, .navbar-nav {
display: -ms-flexbox
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background: center center no-repeat;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: rgba(0,0,0,.9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0,0,0,.5)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0,0,0,.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0,0,0,.3)
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: rgba(0,0,0,.9)
}
.navbar-light .navbar-toggler {
color: rgba(0,0,0,.5);
border-color: rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
color: rgba(0,0,0,.5)
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: rgba(0,0,0,.9)
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.5)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255,255,255,.25)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #f05f5c;
}
.navbar-dark .navbar-toggler {
color: rgba(255,255,255,.5);
border-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
color: rgba(255,255,255,.5)
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.card-footer, .card-header {
padding: .75rem 1.25rem;
background-color: rgba(0,0,0,.03)
}
.card-title {
margin-bottom: .75rem
}
.card-header, .card-subtitle, .card-text:last-child {
margin-bottom: 0
}
.card-subtitle {
margin-top: -.375rem
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header-pills, .card-header-tabs {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-header {
border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0
}
.card-footer {
border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-bottom: -.75rem;
border-bottom: 0
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem
}
.alert, .btn .badge, .page-link {
position: relative
}
.card-img {
width: 100%;
border-radius: calc(.25rem - 1px)
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom {
border-bottom-left-radius: 0
}
.card-group>.card:only-child {
border-radius: .25rem
}
.card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child), .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
border-radius: 0
}
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.card-columns .card {
margin-bottom: .75rem
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.breadcrumb, .pagination {
border-radius: .25rem;
list-style: none
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
background-color: #e9ecef
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0
}
.page-link, .popover-body, .popover-header {
padding: .5rem .75rem
}
.page-link {
display: block;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.badge, .close {
font-weight: 700;
line-height: 1
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
text-align: center;
border-radius: .25rem
}
.badge:empty {
display: none
}
.btn .badge {
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #0062cc
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
color: #fff;
text-decoration: none;
background-color: #545b62
}
.badge-success {
color: #fff;
background-color: #28a745
}
.badge-success[href]:focus, .badge-success[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1e7e34
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
.badge-info[href]:focus, .badge-info[href]:hover {
color: #fff;
text-decoration: none;
background-color: #117a8b
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
color: #212529;
text-decoration: none;
background-color: #d39e00
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
color: #fff;
text-decoration: none;
background-color: #bd2130
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
.badge-light[href]:focus, .badge-light[href]:hover {
color: #212529;
text-decoration: none;
background-color: #dae0e5
}
.badge-dark {
color: #fff;
background-color: #343a40
}
.badge-dark[href]:focus, .badge-dark[href]:hover {
color: #fff;
text-decoration: none;
background-color: #1d2124
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position:1rem 0
}
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:1rem 0
}
to {
background-position:0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
background-color: #007bff;
transition: width .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item:focus, .list-group-item:hover {
z-index: 1;
text-decoration: none
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.popover, .tooltip {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
text-decoration: none
}
.modal-title, .popover, .tooltip {
line-height: 1.5
}
.popover, .text-hide, .tooltip {
text-shadow: none
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
color: #000;
text-decoration: none;
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%)
}
@media screen and (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height:calc(100% - (.5rem * 2))
}
.modal-dialog-centered::before {
display: block;
height:calc(100vh - (.5rem * 2))
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef
}
.popover, .popover .arrow, .popover .arrow::after, .popover .arrow::before, .tooltip, .tooltip .arrow {
position: absolute;
display: block
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-centered {
min-height:calc(100% - (1.75rem * 2))
}
.modal-dialog-centered::before {
height:calc(100vh - (1.75rem * 2))
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg {
max-width: 800px
}
}
.tooltip {
z-index: 1070;
margin: 0;
text-align: left;
text-align: start;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
top: 0;
left: 0;
z-index: 1060;
max-width: 276px;
text-align: left;
text-align: start;
background-color: #fff;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem
}
.popover .arrow {
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after, .popover .arrow::before {
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top], .bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
bottom:calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
border-width: .5rem .5rem 0
}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
bottom: 0;
border-top-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
bottom: 1px;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right], .bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
left:calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
border-width: .5rem .5rem .5rem 0
}
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
left: 0;
border-right-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
left: 1px;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
top:calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
border-width: 0 .5rem .5rem
}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
top: 0;
border-bottom-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
top: 1px;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.carousel, .carousel-inner, .carousel-item {
position: relative
}
.bs-popover-auto[x-placement^=left], .bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
right:calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
border-width: .5rem 0 .5rem .5rem
}
.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
right: 0;
border-left-color: rgba(0,0,0,.25)
}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
right: 1px;
border-left-color: #fff
}
.popover-header {
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
color: #212529
}
.carousel-inner {
width: 100%;
overflow: hidden
}
.carousel-item {
display: none;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block;
transition: -webkit-transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease
}
@media screen and (prefers-reduced-motion:reduce) {
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
transition: none
}
}
.carousel-item-next, .carousel-item-prev {
position: absolute;
top: 0
}
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.active.carousel-item-right, .carousel-item-next {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-right, .carousel-item-next {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.active.carousel-item-left, .carousel-item-prev {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.active.carousel-item-left, .carousel-item-prev {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
opacity: 1
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
opacity: 0
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
-webkit-transform: translateX(0);
transform: translateX(0)
}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: center center no-repeat;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
position: relative;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width:8px;
height:8px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255,255,255,.9);
border-radius: 50px;
}
.carousel-indicators li::after, .carousel-indicators li::before {
left: 0;
display: inline-block;
height: 10px;
position: absolute;
content: "";
width: 100%
}
.carousel-indicators li::before {
top: -10px
}
.carousel-indicators li::after {
bottom: -10px
}
.carousel-indicators .active {
background-color: #f05f5c;
width:25px;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
.align-baseline {
vertical-align: baseline!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.align-text-top {
vertical-align: text-top!important
}
.bg-primary {
background-color: #007bff!important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #0062cc!important
}
.bg-secondary {
background-color: #6c757d!important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color: #545b62!important
}
.bg-success {
background-color: #28a745!important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color: #1e7e34!important
}
.bg-info {
background-color: #17a2b8!important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color: #117a8b!important
}
.bg-warning {
background-color: #ffc107!important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color: #d39e00!important
}
.bg-danger {
background-color: #dc3545!important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color: #bd2130!important
}
.bg-light {
background-color: #f1f1f3 !important
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color: #dae0e5!important
}
.bg-dark {
background-color: #343a40!important
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
background-color: #1d2124!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.border {
border: 1px solid #dee2e6!important
}
.border-top {
border-top: 1px solid #dee2e6!important
}
.border-right {
border-right: 1px solid #dee2e6!important
}
.border-bottom {
border-bottom: 1px solid #dee2e6!important
}
.border-left {
border-left: 1px solid #dee2e6!important
}
.border-0 {
border: 0!important
}
.rounded-right, .rounded-top {
border-top-right-radius: .25rem!important
}
.rounded-bottom, .rounded-right {
border-bottom-right-radius: .25rem!important
}
.rounded-left, .rounded-top {
border-top-left-radius: .25rem!important
}
.rounded-bottom, .rounded-left {
border-bottom-left-radius: .25rem!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-primary {
border-color: #007bff!important
}
.border-secondary {
border-color: #6c757d!important
}
.border-success {
border-color: #28a745!important
}
.border-info {
border-color: #17a2b8!important
}
.border-warning {
border-color: #ffc107!important
}
.border-danger {
border-color: #dc3545!important
}
.border-light {
border-color: #f8f9fa!important
}
.border-dark {
border-color: #343a40!important
}
.border-white {
border-color: #fff!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
.position-static {
position: static!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.position-fixed {
position: fixed!important
}
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important
}
.fixed-bottom, .fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
.fixed-top {
top: 0
}
.fixed-bottom {
bottom: 0
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position:-webkit-sticky;
position:sticky;
top:0;
z-index:1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-40 {
width: 40%!important
}
.w-75 {
width: 75%!important
}
.w-90 {
width:90%!important
}
.w-80 {
width:90%!important
}
.w-95 {
width:95%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.m-0 {
margin: 0!important
}
.mt-0, .my-0 {
margin-top: 0!important
}
.mr-0, .mx-0 {
margin-right: 0!important
}
.mb-0, .my-0 {
margin-bottom: 0!important
}
.ml-0, .mx-0 {
margin-left: 0!important
}
.m-1 {
margin: .25rem!important
}
.mt-1, .my-1 {
margin-top: .25rem!important
}
.mr-1, .mx-1 {
margin-right: .25rem!important
}
.mb-1, .my-1 {
margin-bottom: .25rem!important
}
.ml-1, .mx-1 {
margin-left: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.mt-2, .my-2 {
margin-top: .5rem!important
}
.mr-2, .mx-2 {
margin-right: .5rem!important
}
.mb-2, .my-2 {
margin-bottom: .5rem!important
}
.ml-2, .mx-2 {
margin-left: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.mt-3, .my-3 {
margin-top: 1rem!important
}
.mr-3, .mx-3 {
margin-right: 1rem!important
}
.mb-3, .my-3 {
margin-bottom: 1rem!important
}
.ml-3, .mx-3 {
margin-left: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.mt-4, .my-4 {
margin-top: 1.5rem!important
}
.mr-4, .mx-4 {
margin-right: 1.5rem!important
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important
}
.ml-4, .mx-4 {
margin-left: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.mt-5, .my-5 {
margin-top: 3rem!important
}
.mr-5, .mx-5 {
margin-right: 3rem!important
}
.mb-5, .my-5 {
margin-bottom: 3rem!important
}
.ml-5, .mx-5 {
margin-left: 3rem!important
}
.p-0 {
padding: 0!important
}
.pt-0, .py-0 {
padding-top: 0!important
}
.pr-0, .px-0 {
padding-right: 0!important
}
.pb-0, .py-0 {
padding-bottom: 0!important
}
.pl-0, .px-0 {
padding-left: 0!important
}
.p-1 {
padding: .25rem!important
}
.pt-1, .py-1 {
padding-top: .25rem!important
}
.pr-1, .px-1 {
padding-right: .25rem!important
}
.pb-1, .py-1 {
padding-bottom: .25rem!important
}
.pl-1, .px-1 {
padding-left: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.pt-2, .py-2 {
padding-top: .5rem!important
}
.pr-2, .px-2 {
padding-right: .5rem!important
}
.pb-2, .py-2 {
padding-bottom: .5rem!important
}
.pl-2, .px-2 {
padding-left: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.pt-3, .py-3 {
padding-top: 1rem!important
}
.pr-3, .px-3 {
padding-right: 1rem!important
}
.pb-3, .py-3 {
padding-bottom: 1rem!important
}
.pl-3, .px-3 {
padding-left: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.pt-4, .py-4 {
padding-top: 1.5rem!important
}
.pr-4, .px-4 {
padding-right: 1.5rem!important
}
.pb-4, .py-4 {
padding-bottom: 1.5rem!important
}
.pl-4, .px-4 {
padding-left: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.pt-5, .py-5 {
padding-top: 3rem!important
}
.pr-5, .px-5 {
padding-right: 3rem!important
}
.pb-5, .py-5 {
padding-bottom: 3rem!important
}
.pl-5, .px-5 {
padding-left: 3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto, .my-auto {
margin-top: auto!important
}
.mr-auto, .mx-auto {
margin-right: auto!important
}
.mb-auto, .my-auto {
margin-bottom: auto!important
}
.ml-auto, .mx-auto {
margin-left: auto!important
}
.text-justify {
text-align: justify!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.float-sm-left {
float: left!important
}
.float-sm-right {
float: right!important
}
.float-sm-none {
float: none!important
}
.m-sm-0 {
margin: 0!important
}
.mt-sm-0, .my-sm-0 {
margin-top: 0!important
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0!important
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0!important
}
.ml-sm-0, .mx-sm-0 {
margin-left: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.mt-sm-1, .my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1, .mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1, .my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1, .mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2, .my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2, .mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2, .my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2, .mx-sm-2 {
margin-left: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.mt-sm-3, .my-sm-3 {
margin-top: 1rem!important
}
.mr-sm-3, .mx-sm-3 {
margin-right: 1rem!important
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem!important
}
.ml-sm-3, .mx-sm-3 {
margin-left: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem!important
}
.mr-sm-4, .mx-sm-4 {
margin-right: 1.5rem!important
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem!important
}
.ml-sm-4, .mx-sm-4 {
margin-left: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.mt-sm-5, .my-sm-5 {
margin-top: 3rem!important
}
.mr-sm-5, .mx-sm-5 {
margin-right: 3rem!important
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 3rem!important
}
.ml-sm-5, .mx-sm-5 {
margin-left: 3rem!important
}
.p-sm-0 {
padding: 0!important
}
.pt-sm-0, .py-sm-0 {
padding-top: 0!important
}
.pr-sm-0, .px-sm-0 {
padding-right: 0!important
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0!important
}
.pl-sm-0, .px-sm-0 {
padding-left: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.pt-sm-1, .py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1, .px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1, .py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1, .px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2, .py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2, .px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2, .py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2, .px-sm-2 {
padding-left: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.pt-sm-3, .py-sm-3 {
padding-top: 1rem!important
}
.pr-sm-3, .px-sm-3 {
padding-right: 1rem!important
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem!important
}
.pl-sm-3, .px-sm-3 {
padding-left: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem!important
}
.pr-sm-4, .px-sm-4 {
padding-right: 1.5rem!important
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem!important
}
.pl-sm-4, .px-sm-4 {
padding-left: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.pt-sm-5, .py-sm-5 {
padding-top: 3rem!important
}
.pr-sm-5, .px-sm-5 {
padding-right: 3rem!important
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 3rem!important
}
.pl-sm-5, .px-sm-5 {
padding-left: 3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto, .mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto, .mx-sm-auto {
margin-left: auto!important
}
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.float-md-left {
float: left!important
}
.float-md-right {
float: right!important
}
.float-md-none {
float: none!important
}
.m-md-0 {
margin: 0!important
}
.mt-md-0, .my-md-0 {
margin-top: 0!important
}
.mr-md-0, .mx-md-0 {
margin-right: 0!important
}
.mb-md-0, .my-md-0 {
margin-bottom: 0!important
}
.ml-md-0, .mx-md-0 {
margin-left: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.mt-md-1, .my-md-1 {
margin-top: .25rem!important
}
.mr-md-1, .mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1, .my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1, .mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2, .my-md-2 {
margin-top: .5rem!important
}
.mr-md-2, .mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2, .my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2, .mx-md-2 {
margin-left: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.mt-md-3, .my-md-3 {
margin-top: 1rem!important
}
.mr-md-3, .mx-md-3 {
margin-right: 1rem!important
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem!important
}
.ml-md-3, .mx-md-3 {
margin-left: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.mt-md-4, .my-md-4 {
margin-top: 1.5rem!important
}
.mr-md-4, .mx-md-4 {
margin-right: 1.5rem!important
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem!important
}
.ml-md-4, .mx-md-4 {
margin-left: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.mt-md-5, .my-md-5 {
margin-top: 3rem!important
}
.mr-md-5, .mx-md-5 {
margin-right: 3rem!important
}
.mb-md-5, .my-md-5 {
margin-bottom: 3rem!important
}
.ml-md-5, .mx-md-5 {
margin-left: 3rem!important
}
.p-md-0 {
padding: 0!important
}
.pt-md-0, .py-md-0 {
padding-top: 0!important
}
.pr-md-0, .px-md-0 {
padding-right: 0!important
}
.pb-md-0, .py-md-0 {
padding-bottom: 0!important
}
.pl-md-0, .px-md-0 {
padding-left: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.pt-md-1, .py-md-1 {
padding-top: .25rem!important
}
.pr-md-1, .px-md-1 {
padding-right: .25rem!important
}
.pb-md-1, .py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1, .px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2, .py-md-2 {
padding-top: .5rem!important
}
.pr-md-2, .px-md-2 {
padding-right: .5rem!important
}
.pb-md-2, .py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2, .px-md-2 {
padding-left: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.pt-md-3, .py-md-3 {
padding-top: 1rem!important
}
.pr-md-3, .px-md-3 {
padding-right: 1rem!important
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem!important
}
.pl-md-3, .px-md-3 {
padding-left: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.pt-md-4, .py-md-4 {
padding-top: 1.5rem!important
}
.pr-md-4, .px-md-4 {
padding-right: 1.5rem!important
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem!important
}
.pl-md-4, .px-md-4 {
padding-left: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.pt-md-5, .py-md-5 {
padding-top: 3rem!important
}
.pr-md-5, .px-md-5 {
padding-right: 3rem!important
}
.pb-md-5, .py-md-5 {
padding-bottom: 3rem!important
}
.pl-md-5, .px-md-5 {
padding-left: 3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto, .my-md-auto {
margin-top: auto!important
}
.mr-md-auto, .mx-md-auto {
margin-right: auto!important
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto, .mx-md-auto {
margin-left: auto!important
}
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.float-lg-left {
float: left!important
}
.float-lg-right {
float: right!important
}
.float-lg-none {
float: none!important
}
.m-lg-0 {
margin: 0!important
}
.mt-lg-0, .my-lg-0 {
margin-top: 0!important
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0!important
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0!important
}
.ml-lg-0, .mx-lg-0 {
margin-left: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.mt-lg-1, .my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1, .mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1, .my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1, .mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2, .my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2, .mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2, .my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2, .mx-lg-2 {
margin-left: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.mt-lg-3, .my-lg-3 {
margin-top: 1rem!important
}
.mr-lg-3, .mx-lg-3 {
margin-right: 1rem!important
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem!important
}
.ml-lg-3, .mx-lg-3 {
margin-left: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem!important
}
.mr-lg-4, .mx-lg-4 {
margin-right: 1.5rem!important
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem!important
}
.ml-lg-4, .mx-lg-4 {
margin-left: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.mt-lg-5, .my-lg-5 {
margin-top: 3rem!important
}
.mr-lg-5, .mx-lg-5 {
margin-right: 3rem!important
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 3rem!important
}
.ml-lg-5, .mx-lg-5 {
margin-left: 3rem!important
}
.p-lg-0 {
padding: 0!important
}
.pt-lg-0, .py-lg-0 {
padding-top: 0!important
}
.pr-lg-0, .px-lg-0 {
padding-right: 0!important
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0!important
}
.pl-lg-0, .px-lg-0 {
padding-left: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.pt-lg-1, .py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1, .px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1, .py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1, .px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2, .py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2, .px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2, .py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2, .px-lg-2 {
padding-left: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.pt-lg-3, .py-lg-3 {
padding-top: 1rem!important
}
.pr-lg-3, .px-lg-3 {
padding-right: 1rem!important
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem!important
}
.pl-lg-3, .px-lg-3 {
padding-left: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem!important
}
.pr-lg-4, .px-lg-4 {
padding-right: 1.5rem!important
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem!important
}
.pl-lg-4, .px-lg-4 {
padding-left: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.pt-lg-5, .py-lg-5 {
padding-top: 3rem!important
}
.pr-lg-5, .px-lg-5 {
padding-right: 3rem!important
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 3rem!important
}
.pl-lg-5, .px-lg-5 {
padding-left: 3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto, .mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto!important
}
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
.float-xl-left {
float: left!important
}
.float-xl-right {
float: right!important
}
.float-xl-none {
float: none!important
}
.m-xl-0 {
margin: 0!important
}
.mt-xl-0, .my-xl-0 {
margin-top: 0!important
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0!important
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0!important
}
.ml-xl-0, .mx-xl-0 {
margin-left: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.mt-xl-1, .my-xl-1 {
margin-top: .25rem!important
}
.mr-xl-1, .mx-xl-1 {
margin-right: .25rem!important
}
.mb-xl-1, .my-xl-1 {
margin-bottom: .25rem!important
}
.ml-xl-1, .mx-xl-1 {
margin-left: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.mt-xl-2, .my-xl-2 {
margin-top: .5rem!important
}
.mr-xl-2, .mx-xl-2 {
margin-right: .5rem!important
}
.mb-xl-2, .my-xl-2 {
margin-bottom: .5rem!important
}
.ml-xl-2, .mx-xl-2 {
margin-left: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.mt-xl-3, .my-xl-3 {
margin-top: 1rem!important
}
.mr-xl-3, .mx-xl-3 {
margin-right: 1rem!important
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem!important
}
.ml-xl-3, .mx-xl-3 {
margin-left: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem!important
}
.mr-xl-4, .mx-xl-4 {
margin-right: 1.5rem!important
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem!important
}
.ml-xl-4, .mx-xl-4 {
margin-left: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.mt-xl-5, .my-xl-5 {
margin-top: 3rem!important
}
.mr-xl-5, .mx-xl-5 {
margin-right: 3rem!important
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 3rem!important
}
.ml-xl-5, .mx-xl-5 {
margin-left: 3rem!important
}
.p-xl-0 {
padding: 0!important
}
.pt-xl-0, .py-xl-0 {
padding-top: 0!important
}
.pr-xl-0, .px-xl-0 {
padding-right: 0!important
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0!important
}
.pl-xl-0, .px-xl-0 {
padding-left: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.pt-xl-1, .py-xl-1 {
padding-top: .25rem!important
}
.pr-xl-1, .px-xl-1 {
padding-right: .25rem!important
}
.pb-xl-1, .py-xl-1 {
padding-bottom: .25rem!important
}
.pl-xl-1, .px-xl-1 {
padding-left: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.pt-xl-2, .py-xl-2 {
padding-top: .5rem!important
}
.pr-xl-2, .px-xl-2 {
padding-right: .5rem!important
}
.pb-xl-2, .py-xl-2 {
padding-bottom: .5rem!important
}
.pl-xl-2, .px-xl-2 {
padding-left: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.pt-xl-3, .py-xl-3 {
padding-top: 1rem!important
}
.pr-xl-3, .px-xl-3 {
padding-right: 1rem!important
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem!important
}
.pl-xl-3, .px-xl-3 {
padding-left: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem!important
}
.pr-xl-4, .px-xl-4 {
padding-right: 1.5rem!important
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem!important
}
.pl-xl-4, .px-xl-4 {
padding-left: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.pt-xl-5, .py-xl-5 {
padding-top: 3rem!important
}
.pr-xl-5, .px-xl-5 {
padding-right: 3rem!important
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 3rem!important
}
.pl-xl-5, .px-xl-5 {
padding-left: 3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto!important
}
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus, a.text-primary:hover {
color: #0062cc!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus, a.text-secondary:hover {
color: #545b62!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus, a.text-success:hover {
color: #1e7e34!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus, a.text-info:hover {
color: #117a8b!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus, a.text-warning:hover {
color: #d39e00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus, a.text-danger:hover {
color: #bd2130!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus, a.text-light:hover {
color: #dae0e5!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus, a.text-dark:hover {
color: #1d2124!important
}
.text-body {
color: #212529!important
}
.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: rgba(0,0,0,.5)!important
}
.text-white-50 {
color: rgba(255,255,255,.5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
background-color: transparent;
border: 0
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
@media print {
blockquote, img, pre, tr {
page-break-inside: avoid
}
*, ::after, ::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap!important
}
blockquote, pre {
border: 1px solid #adb5bd
}
thead {
display: table-header-group
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
@page {
size: a3
}
.container, body {
min-width: 992px!important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td, .table th {
background-color: #fff!important
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@font-face {
font-display: swap;
font-family:'barlowbold';
src: url('../fonts/barlow-bold-webfont.woff2') format('woff2'),
url('../fonts/barlow-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: 'barlowregular';
src: url('../fonts/barlow-regular-webfont.woff2') format('woff2'),
url('../fonts/barlow-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-display: swap;
font-family: 'brokmanw00-mediumregular';
src: url('../fonts/brokman_w00_medium-webfont.woff2') format('woff2'),
url('../fonts/brokman_w00_medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
word-break: break-word;
}
@font-face {
font-family: DINNextLTPro-Light;
font-display: swap;
src: url('../fonts/DINNextLTPro-Light.woff2') format('woff2'), url('../fonts/DINNextLTPro-Light.ce198086.otf') format('opentype');
}
body {
font-family: 'DINNextLTPro-Light';
}
a {
transition: all 0.3s;
}
a:hover {
text-decoration: none;
}
img {
max-width: 100%;
}
ul {
margin-bottom: 0;
}
button, input, optgroup, select, textarea {
font-size: 1rem;
}
.form-control:focus {
box-shadow: none;
}
select {
color: #8e95a0;
min-width: 100px;
border: solid 1px #ced4da;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
background: url(../images/select-arrow-dark.svg) #fff;
background-size: 15px;
background-position: 96%;
background-repeat: no-repeat;
}
/*========== Global style======= */
.free-delivery-text {
color: #333;
text-align: center;
font-size: 15px;
line-height: 34px;
}
.list label {
display: block;
max-width: 100%;
/* white-space: nowrap; */
/* overflow: hidden; */
text-overflow: ellipsis;
padding: 3px 0 0 0px;
margin-bottom: 0;
position: relative;
padding-left: 25px;
font-size: 15px;
}
.specCheck {
width: 18px;
height: 18px;
border: 1px solid #c8cad4;
margin-right: 10px;
/* vertical-align: middle; */
float: left;
/*display: table-cellblock;*/
top: 0;
position: absolute;
left: 0;
top: 4px;
}
/*.categories-container input[type="checkbox"]:checked ~ label .specCheck,
.categories-container .checkbox-item.active .specCheck {
border: 5px solid #cd192d !important;
}*/
.categories-container .card-body .list > li.active span {
background-color: #cd192d;
border: none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='13px' viewBox='0 0 16 13' style='enable-background:new 0 0 16 13%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.9 12.9c-0.4 0-0.8-0.2-1.2-0.5L0.5 7.9c-0.6-0.6-0.6-1.6 0-2.3c0.6-0.6 1.6-0.6 2.3 0l3.1 3.2l7.3-8.3c0.6-0.7 1.6-0.7 2.3-0.1c0.7 0.6 0.7 1.6 0.1 2.3l-8.5 9.6C6.8 12.7 6.4 12.9 5.9 12.9C6 12.9 5.9 12.9 5.9 12.9z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
}
.custom-container-fluid {
padding-left: 75px !important;
padding-right: 80px !important;
}
.custom-container-fluid-narrow {
padding-left: 270px !important;
padding-right: 270px !important;
padding-top: 60px !important;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.text-ellipsis {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-slider-horizontal .ui-slider-handle {
top: -5px !important;
}
.ajaxfilter-section ul li label::before {
display: none !important;
}
/*.ajaxfilter-section ul li input:checked+label .specCheck {
border: 3px solid #050a29;
}*/
.cubic {
width: 400px;
margin: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: left;
color: #624042;
}
/******Global Header******/
.global-header {
background: #fff;
z-index: 100;
}
.global-header .header-top {
background: #222222;
position: relative;
z-index: 30;
padding: 0px !important;
}
.global-header .header-selectors {
float: right;
display: flex;
}
.global-header .admin-links {
float: left;
}
.global-header .header-selectors [class*="selector"] {
margin: 5px 0 5px 10px;
}
.global-header .header-selectors select {
height: auto;
padding: 0 5px;
border-radius: 0;
color: #8e95a0;
min-width: 100px;
border: solid 1px #ced4da;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
background: url(../images/select-arrow-dark.svg) #fff;
background-size: 15px;
background-position: 96%;
background-repeat: no-repeat;
font-size: 14px;
color: #46282a;
}
/*.global-header .second-dropdown {
max-height: 100vh;
overflow: auto;
padding: 0 30px;
}*/
.global-header .second-dropdown {
padding: 15px 30px;
}
.global-header .second-dropdown > .row {
justify-content: center;
}
.global-header .header-menu .second-dropdown > ul > li > a {
position: relative;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}
.global-header .header-menu .second-dropdown > ul > li > a:hover {
border-bottom: 2px solid #000;
}
/*.global-header .header-menu .second-dropdown > ul > li > a::after {
content: "";
display: block;
width: 30%;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 3px solid #000;
}*/
.global-header .all-manufacture {
padding: 10px 0;
background: #eee;
margin: 40px auto 15px auto;
max-width: 250px;
}
.all-manufacture a {
color: #333 !important;
}
.top-nav-container .navbar {
padding: 0 30px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.top-nav-container .navbar ul li a.nav-link {
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.header-menu {
font-family: 'brokmanw00-mediumregular';
}
.top-nav-container .navbar > ul li .nav-link {
padding: 19px 10px;
font-size: 17px;
border-bottom: 4px solid #fff;
}
.top-nav-container .navbar ul li .nav-link:not(.login-button):hover, .top-nav-container .navbar ul li.active a:not(.login-button), .top-nav-container .navbar .dropdown-menu a:not(.login-button):hover {
color: #d31039;
}
/*.main-logo img{
max-width: 180px;
max-height: 40px;
}*/
.navbar .icon-nav {
color: #333;
font-size: 35px;
}
.header-links ul {
font-size: 1rem;
}
.mfp-close-btn-in .mfp-close {
border-radius: 0 3px 0 0 !important;
}
.top-nav-container .navbar .dropdown-menu {
position: absolute !important;
margin-top: 0;
left: 0;
width: 420px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);
border-radius: 0;
text-transform: capitalize;
color: #787878;
line-height: 18px;
padding: 0;
border: unset;
border-top: 3px solid;
}
.top-nav-container .header-links .navbar-nav .dropdown-login .user-login-box {
width: 420px;
}
.top-nav-container .navbar .dropdown-cart .dropdown-menu {
width: 420px;
margin: auto;
}
.top-nav-container .navbar .dropdown-menu.store-search-box {
width: auto;
right: 0;
left: auto;
padding: 15px;
}
.top-nav-container .navbar .dropdown-menu.store-search-box .search-box-text {
height: 48px;
width: 100%;
vertical-align: top;
}
.search-box .search-box-button {
height: 48px;
}
.top-nav-container .navbar .dropdown-menu a:hover {
color: #d31039;
border-bottom: 0;
text-decoration: none;
}
.top-nav-container .navbar .dropdown-menu ul li {
position: relative;
display: block;
padding: 2px 0 0;
margin: 25px 15px 0 15px;
width: 200px;
}
.search-box ul li {
width: 100% !important;
margin: 0 !important;
}
.search-box form {
width: 88%;
}
.top-nav-container .navbar .dropdown-menu .sublist.first-level .nav-item {
margin: 0;
width: 100%;
text-align: left;
}
.top-nav-container .navbar .dropdown-menu ul li .fa-angle-right {
background: #e4e6ec;
padding: 3px 7px;
margin-right: 5px;
}
.top-nav-container .navbar .dropdown-menu ul li:hover .fa-angle-right {
background: #d31039;
color: #fff;
}
.top-nav-container .navbar .user-login-box {
width: 300px;
padding: 15px;
}
.top-nav-container .header-links .navbar-nav .search-box-dropdown, .top-nav-container .header-links .navbar-nav .dropdown-login {
position: relative;
}
.top-nav-container .header-links .navbar-nav .search-box-dropdown .search-box-button {
background: #d31039;
border-radius: 0;
border: 0;
padding: 15px;
color: #fff;
}
.top-nav-container .navbar .user-login-box:before {
position: absolute;
right: 5px;
top: -12px;
width: 0;
height: 0;
content: "";
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
}
.nav-dropdown-container a {
line-height: 25px;
}
.top-nav-container .navbar .dropdown-menu a {
padding: 0;
}
.dropdown-menu .login-nav-box a:hover {
color: #fff !important;
}
.login-button {
background: transparent;
border: 1px solid transparent;
color: #fff;
}
ul.sublist.first-level::after {
content: "";
display: block;
clear: both;
}
.top-nav-container .navbar .sublist li .nav-link {
display: inline-block;
}
.top-nav-container .navbar .sublist li .nav-link:hover {
border-color: #d31039;
}
.top-nav-container .navbar ul.sublist li .nav-link:hover {
color: #fff;
}
.icon-search, .icon-user, .icon-cart, .icon-love {
font-size: 18px;
}
.search-box {
left: auto;
}
.cart-dropdown-box {
left: auto !important;
}
.search-box .lime.lighten-2, .my-cart-box .lime.lighten-2 {
background: #f05f5c;
border-radius: 0;
border: 0;
padding: 15px;
color: #fff;
}
.header-menu .navbar-nav > .dropdown > a {
padding-top: 0;
padding-bottom: 0;
}
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
padding-left: 20px;
padding-right: 20px
}
.header-menu .navbar-nav > .dropdown > a::after {
content: "\f107";
border: unset;
vertical-align: baseline;
}
.header-menu .nav-item a {
color: #fff;
text-transform: uppercase;
font-size: 17px;
}
.header-menu .second-dropdown li a {
color: #333 !important;
text-align: left;
}
.header-menu .first-lebel-nav > a, .header-menu .first-lebel-nav > p > a {
line-height: 0;
vertical-align: baseline;
text-decoration: none;
}
li.nav-item.nav-products {
width: auto;
position: static;
}
.search-box .form-control, .my-cart-box .form-control {
border-radius: 0;
}
.my-cart-box .form-control {
padding: 26px 15px;
}
.go-to-cart-button, .scrollup, .estimate-shipping-button {
background: #d31039;
padding: 10px 15px;
transition: all 0.3s;
outline: 0;
box-shadow: none !important;
}
.go-to-cart-button:hover {
background: #46282a;
cursor: pointer;
}
.go-to-cart-button:active {
background-color: #000 !important;
color: #fff !important;
}
.login-nav-box {
background: #d31039;
}
.login-nav-box-2 {
background: #999;
}
.login-nav-box a, .login-nav-box-2 a {
color: #dee1e7 !important;
font-size: 18px;
}
.login-nav-box a:hover, .login-nav-box-2 a:hover {
color: #dee1e7 !important;
}
.close-icon-box {
background: #d4d6de;
color: #fff !important;
}
.cart-quantity {
background: #d31039;
position: absolute;
color: #fff;
padding: 3px;
font-size: 12px;
top: 12px;
right: -18px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: unset;
}
.nav-dropdown-container .products-nav-icon li a img {
height: 50px;
fill: #f00;
transition: all 0.3s;
}
.manufacturer-container .products-nav-icon li a img {
height: 70px;
}
.nav-dropdown-container .products-nav-icon li {
text-align: center;
text-transform: uppercase;
font-size: 14px;
}
.nav-dropdown-container .products-nav-icon li a:hover, .nav-dropdown-container .products-nav-icon li:hover {
background: #d31039;
color: #fff !important;
}
.manufacturer-container .products-nav-icon li a:hover, .manufacturer-container .products-nav-icon li:hover {
background: none;
color: #d31039 !important;
}
.nav-dropdown-container .products-nav-icon li:hover img {
filter: contrast(220%);
-webkit-filter: contrast(220%);
}
.manufacturer-container .products-nav-icon li:hover img {
filter: none;
}
.btn-close-menu {
position: relative;
display: block;
width: 44px;
height: 44px;
margin-left: auto;
background: #cd192d;
z-index: 5;
text-align: center !important;
border: 0;
color: #fff;
}
/******Global Header******/
/******Start Main Slider*/
.home-page-slider-1 {
font-family: 'barlowbold';
}
.home-page-slider-1 .owl-nav.disabled {
display: none !important;
}
.home-page-slider-1 .owl-dots {
position: absolute;
bottom: 20px;
left: 49%;
}
.home-page-slider-1 button.owl-dot {
width: 35px;
height: 5px;
background-color: #fff !important;
opacity: 1 !important;
margin-right: 10px;
}
.home-page-slider-1 button.owl-dot.active {
margin-right: 10px;
}
.home-page-slider-1 .home-page-slider-item {
position: relative;
display: block;
}
.home-page-slider-1 .slider-caption {
position: absolute;
top: 30%;
left: 10%;
z-index: 2;
}
.home-page-slider-1 .slider-title {
font-size: 50px;
font-weight: bold;
line-height: 1;
color: #fff;
text-transform: uppercase;
text-align: left;
}
.home-page-slider-1 .slider-subtitle {
font-family: barlowregular;
font-size: 28px;
letter-spacing: 8px;
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
}
.home-page-slider-1 .slider-btn {
font-family: barlowregular;
font-size: 16px;
color: white;
padding: 10px 20px;
background: #e5ad39;
display: inline-block !important;
transition: all 0.5s;
text-transform: uppercase;
font-weight: bold;
border-radius: 3px;
}
.home-page-slider-1 .slider-btn:hover {
background: #46282a;
cursor: pointer;
}
.home-page-slider-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
color: #fff;
}
.home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {
font-size: 30px;
background: #edb948;
width: 30px;
height: 30px;
border-radius: 5px;
transition: all 0.2s;
}
.home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev:hover, .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover {
opacity: 1;
}
.home-page-slider-container .owl-carousel .owl-nav {
display: block;
top: auto;
}
.home-page-slider-container .owl-carousel .owl-nav .owl-prev {
margin-right: 5px;
}
/******end home page main Slider*/
/* newsletter */
#newsletter {
background: black;
color: white;
text-align: center;
padding: 0.2rem 0;
}
#newsletter p {
margin: 0;
}
#newsletter-dialog {
padding: 0 !important;
}
#newsletter a {
text-decoration: underline !important;
}
.page.newsletter-page .page-body {
text-align: center;
}
.home-page-newsletter
{
background-color: white;
text-align: center;
color: black;
padding: 4px 30px 4px 30px;
padding-top: 4px;
padding-right: 30px;
padding-bottom: 4px;
padding-left: 30px;
overflow-x: hidden;
}
.home-page-newsletter .block-text-bottom form {
margin-top: 50px;
display: flex;
align-items: stretch;
justify-content: center;
margin-bottom: 24px;
}
.home-page-newsletter .block-text-bottom form input {
width: 425px;
height: 58px;
background-color: #f0f0f0;
border: solid 1px black;
color: black;
padding-left: 16px;
font-weight: 400;
}
.home-page-newsletter .block-text-bottom form button {
font-size: 24px;
font-weight: 700;
border: none;
padding: 0px 27px;
background-color: #f0f0f0;
color: #090909;
}
.home-page-newsletter .block-text-bottom form button:hover {
background-color: #090909;
color: #fff
}
.home-page-newsletter .block-text-bottom form input::placeholder {
color: black;
opacity: 1;
/* Firefox */
}
.home-page-newsletter .block-text-bottom form input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: black;
}
.home-page-newsletter .block-text-bottom form input::-ms-input-placeholder {
/* Microsoft Edge */
color: black;
}
.home-page-newsletter .block-text-bottom p {
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.home-page-newsletter .block-text-bottom p img {
width: 16px;
height: auto;
margin-right: 9px
}
/*advanced-products-tab*/
.advanced-products-box-link {
display: block;
height: 100%;
}
.products-tab-ads {
height: calc(100% - 47px);
background-size: cover;
background-position: center center;
}
.products-tab-container {
background-image: url(../images/products-tab.png);
}
.products-tab-container .products-box-icon a {
border-right: 0 !important;
}
.advanced-products-titel {
background: #d31039;
color: #fff;
padding: 10px;
text-align: center;
z-index: 555;
position: absolute;
bottom: 0;
width: 100%;
}
.advanced-products-titel-box {
display: none;
}
.products-tab-container .OCarousel-item .product-item {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 20px;
}
.products-tab-container .picture {
width: 40%;
margin-right: auto;
}
.products-tab-container .details {
width: 55%;
margin-left: auto;
text-align: left;
}
.products-tab-container .products-box .add-info {
align-items: flex-start
}
/*.products-tab-ads img {
height: 100%;
background: #c69d65;
}*/
/*.products-tab-ads {
height: 100%;
background: #c69d65;
}*/
.advanced-products-tab .products-box-icon {
position: absolute;
top: 0;
margin: auto;
width: 45px;
text-align: center;
right: 0;
transition: all 0.3s;
transform: translateY(-100px);
}
.advanced-products-tab .products-box:hover .products-box-icon {
transform: translateY(0);
}
.advanced-products-tab .products-box-icon i {
background: #d31039;
padding: 0 2px;
margin-bottom: 2px;
}
.advanced-products-tab .products-box-icon i a {
margin: 2px 0 !important;
width: 35px !important;
height: 35px;
}
.advanced-products-tab .add-to-cart-button button {
margin-right: 0;
}
.advanced-products-tab .tab-header-box, .advanced-products-tab .nav-tabs {
border-bottom: none;
}
.advanced-products-tab .products-description .nav-tabs .nav-link {
border: 0 !important;
}
.advanced-products-tab .nav-tabs .nav-link {
border: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
font-family: 'brokmanw00-mediumregular' !important;
font-weight: bold;
letter-spacing: 1px;
color: #bbbcc0;
}
.advanced-products-tab .owl-carousel .owl-nav {
position: absolute;
top: 27%;
right: 0 !important;
width: auto;
z-index: -1;
}
.advanced-products-tab .owl-carousel .owl-nav .owl-next {
margin-right: 10px;
margin-left: 5px;
}
.advanced-products-tab .owl-carousel .owl-nav button.owl-prev, .advanced-products-tab .owl-carousel .owl-nav button.owl-next {
background: #eee;
color: #666;
}
.advanced-products-tab .owl-carousel .owl-dots {
margin: 10px 0 0 0 !important;
}
.share-icon-list ul li {
display: inline-block;
padding-right: 20px;
color: #b9bcbf;
}
.share-icon-list ul li a {
color: #b9bcbf;
}
.share-icon-list ul li a:hover {
color: #cd192d;
}
.overview .availability .stock, .overview .additional-details div {
margin: 0 0 5px !important;
}
.go-to-cart-button {
box-shadow: 3px 5px 10px #ddd !important;
}
.OCarousel-container .view-all-products-button {
display: none !important;
}
.product-details-page .overview .button-2 {
border: none !important;
max-width: 50px;
font-size: 16px;
padding: 0px;
margin: 0px;
height: 45px;
width: 45px;
}
.overview .actions {
display: flex;
margin-top: 30px;
position: relative;
}
.overview .add-to-cart-panel {
margin: 0px;
flex-wrap: nowrap;
position: static;
}
.overview .actions .quantity {
max-width: 120px;
position: relative;
}
.overview .actions .add-to-cart-button-detail {
padding-left: 0px;
}
.overview .actions .add-to-cart-button-detail button {
padding: 10px 30px;
height: 45px;
}
.overview .actions .add-to-cart {
margin: 0px;
}
.overview .actions .add-to-wishlist {
margin-left: 20px;
}
.overview .availability a, .overview .additional-details a {
border: none;
padding: 0px;
margin-bottom: 0px;
}
.overview .additional-details a {
color: #444;
}
/*advanced-products-tab*/
/* quick view */
.quick-view-product-details-modal .modal-dialog {
max-width: 100%;
margin: 0;
}
.quick-view-product-details-modal .overview {
margin: 0;
}
.quick-view-product-details-modal .share-item {
display: flex;
align-items: center;
}
.quick-view-product-details-modal .share-item .share-item-label {
margin-right: 8px;
}
.quick-view-product-details-modal .modal-content {
border: unset;
}
#quick-view-product-details-modal .product-price span {
font-size: 32px !important;
font-weight: normal !important;
}
#quick-view-product-details-modal .tabs-product-details p {
font-size: 16px !important;
}
.add-to-cart-wrapper .add-to-cart-button-quick-view {
background: #cd192d;
padding: 8px 20px;
transition: all 0.3s;
outline: 0;
box-shadow: none !important;
text-align: center;
width: 100%;
text-transform: uppercase;
border: none;
color: #fff !important;
}
.add-to-cart-wrapper .btn-quick-view:hover {
background: #46282a;
}
.add-to-cart-wrapper .btn-quick-view.wishlist-icon {
border: solid 1px #ddd;
background: #fff !important;
color: #666 !important;
}
.add-to-cart-wrapper .btn-quick-view.wishlist-icon:hover {
background: #eee;
}
.quick-view-product-details-modal .btn-email-friend, .quick-view-product-details-modal .btn-compare-product, .wishlist-icon {
padding: 8px 20px;
text-transform: uppercase;
font-size: 16px;
text-align: center;
width: 100%;
border: 1px solid #ddd;
color: #666 !important;
background: white;
}
.quick-view-product-details-modal .btn-email-friend:hover, .quick-view-product-details-modal .btn-compare-product:hover {
background: #eee;
}
.mfp-close-btn-in .mfp-close {
width: 45px !important;
height: 45px !important;
background: #d31039;
color: white !important;
}
.c-white {
color: #ffffff;
}
/*********Boby-css********/
.category-list-img div {
padding: 7px;
text-align: center;
}
.category-add-text, .featured-box-text, .category-list-img div {
/*bottom:30px;
left: 50%;
transform: translate(-50%, 50%);
position: absolute;*/
position: relative;
font-family: 'barlowbold';
font-size: 15px;
width: 100%;
color: #d31039;
background: #f2f2f2 !important;
border-bottom: 3px solid #d31039;
}
.category-add a {
color: #fff;
}
/*.category-page .category-add a {
border-radius: 3px !important;
box-shadow: 0px 3px 5px #c0c4ca !important;
}*/
.category-add a:hover {
box-shadow: none;
border-radius: 3px;
}
.category-add a:hover .category-add-text {
background: #d31039 !important;
}
.OCarousel-category-slider .OCarousel-item {
overflow: hidden;
}
.category-add a:hover .category-add-text {
color: #dee1e7;
transition: all 0.7s;
}
.OCarousel-category-slider a:hover .category-add-text, .category-list-img:hover div {
background: #d31039 !important;
transition: all 0.7s;
color: #fff;
}
.OCarousel-category-slider a img, .category-add a img, .featured-products-box img {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.OCarousel-category-slider a:hover img, .category-add a:hover img, .featured-products-box:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.category-add a, .featured-products-box {
overflow: hidden;
position: relative;
}
.featured-box-text h2 {
font-size: 22px;
background: rgba(255, 255, 255, 1);
padding: 10px 15px;
color: #333;
}
.featured-box-text {
background: none;
bottom: 25%;
font-family: 'barlowregular';
}
.featured-box-text button {
margin-bottom: 25px;
}
.featured-products-box img {
height: 100%;
}
.category-add-text i {
font-size: 12px;
}
.category-add .owl-carousel .owl-dots.disabled, .category-add .owl-carousel .owl-nav.disabled {
text-align: center !important;
}
/*featured-products-container*/
.owl-theme .owl-nav {
text-align: left !important;
}
.featured-products-container .owl-carousel .owl-nav button.owl-next, .featured-products-container .owl-carousel .owl-nav button.owl-prev, .featured-products-container .owl-carousel button.owl-dot, .ads-slider-container .owl-carousel .owl-nav button.owl-next, .ads-slider-container .owl-carousel .owl-nav button.owl-prev, .products-gallery .owl-carousel .owl-nav button.owl-next, .products-gallery .owl-carousel .owl-nav button.owl-prev, .bestsellers .owl-carousel .owl-nav button.owl-next, .bestsellers .owl-carousel .owl-nav button.owl-prev, .pagination-box button, .thumb-list-slider .owl-carousel .owl-nav button.owl-next, .thumb-list-slider .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-next, .home-page-slider-2.owl-carousel .owl-nav button.owl-prev, .home-page-slider-2.owl-carousel .owl-nav button.owl-next {
width: 30px;
height: 30px;
font: inherit;
color: #fff;
background: #cad3dd;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
color: #fff;
background: #d31039;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px !important;
border-radius: 0;
}
.category-slider .owl-carousel .owl-nav button.owl-prev, .category-slider .owl-carousel .owl-nav button.owl-next {
margin-left: 16px;
margin-right: 16px;
}
.featured-products-container {
padding: 0 2rem;
}
.featured-products-container .owl-nav {
position: relative;
}
.related-products .owl-carousel .owl-nav.disabled {
display: inherit !important;
}
.title-container {
padding: 10px;
text-align: center !important;
text-transform: uppercase;
width: 100%;
font-size: 30px;
font-family: 'barlowbold';
letter-spacing: 1px;
color: #000;
font-weight: 200;
}
.owl-nav .owl-next [aria-label="Next"], .owl-nav .owl-prev [aria-label="Previous"] {
font-size: 0;
}
.owl-nav .owl-next [aria-label="Next"]::before, .owl-nav .owl-prev [aria-label="Previous"]::before {
font-size: 12px;
font-family: 'icomoon' !important;
/*speak: none;*/
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.owl-nav .owl-next [aria-label="Next"]::before {
content: "\e902";
}
.owl-nav .owl-prev [aria-label="Previous"]::before {
content: "\e901";
}
/*products-quick-box*/
.mfp-content #quick-view-modal {
padding: 0 !important;
}
.products-quick-box .modal-dialog {
max-width: 75%;
margin: 30px auto;
}
.products-quick-box .modal-content {
border: 0;
border-radius: 0;
}
.products-quick-box .owl-dots {
display: none;
}
.products-quick-box .owl-nav {
bottom: 0 !important;
}
.products-quick-box .close {
right: 0;
position: absolute;
top: 0;
background: #d31039;
opacity: 1;
padding: 15px 15px;
color: #fff;
font-size: 12px;
z-index: 5;
}
.products-quick-box .close:hover {
background: #333;
color: #fff !important;
opacity: 1;
}
/*products-quick-box*/
/*products-box*/
.featured-products-box {
overflow: hidden;
height: 100%;
background: url(../images/featured-products-ads.jpg);
}
.products-box a {
font-size: 16px;
color: #080808;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
.products-box .product-title {
height: 50px;
}
.products-box .price {
color: #999 !important;
font-weight: bold;
margin: 0px 5px
}
.products-box .price.old-price {
margin: 0px 5px
}
.products-box-new-icon-set {
display: inline-flex;
margin: auto;
text-align: center;
background: #cad2d8;
border-radius: 4px;
box-shadow: 0 1px 3px #e8e6ed;
margin-top: auto;
margin-bottom: 0px;
}
.products-box-icon {
/*position: absolute;
bottom: 110px;
right:0;
left:0;*/
transition: all 0.3s;
opacity: 1;
text-align: center;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.products-box-icon .button-2 .text-white {
border-right: 1px solid #fff;
}
.product-list .products-box-icon {
opacity: 1;
position: static;
display: inline-block;
}
.product-list .add-to-cart-button {
position: static;
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
}
.add-to-cart-button-detail {
padding-left: 15px;
width: auto;
margin-left: 20px;
height: 43px;
}
.product-list .products-box-icon {
bottom: initial;
top: 40px;
}
.products-box:hover .products-box-icon {
transform: translateX(0);
opacity: 1;
}
.products-box-icon i {
display: inline-flex;
color: #fff;
vertical-align: top;
}
.products-box-icon > i:nth-child(4) {
margin-left: 4px;
}
.products-box-icon i a {
background: none !important;
color: #fff;
margin: 12px 0 0 0;
display: block;
transition: all 0.3s;
width: 38px;
display: flex;
align-items: center;
border-radius: 0;
color: white;
justify-content: center;
margin-top: 0px;
}
.products-box {
overflow: hidden;
position: relative;
background: #fff;
border: solid 1px #f4f4f4 !important;
box-shadow: 0 1px 3px #e8e6ed;
margin-bottom: 4px;
text-align: center;
}
.products-box .prices {
font-weight: bold;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.products-box .sku-box-new {
text-align: center !important;
padding-left: 0px !important
}
.quick-view-plugin-btn {
width: 42px !important;
}
.products-box .description {
display: none;
}
.products-box .add-info {
flex-grow: 1;
display: flex;
align-items: center;
flex-direction: column;
}
.products-box .products-box-new-icon-set {
margin: 0px;
display: flex;
}
.products-box-icon i a:hover {
background: #46282a;
}
.new-product-label {
background: #d31039;
text-align: center;
}
.discount-info-label, .bestseller-label {
background: #46282a !important;
}
.product-essential .bestseller-label, .product-essential .discount-info-label, .product-essential .new-product-label {
margin-left: 15px;
}
.modal-body .bestseller-label {
margin-left: 0 !important;
}
.old-price {
color: #999;
text-decoration: line-through;
}
.offer-content {
position: absolute;
top: 0;
left: 0;
z-index: 10001;
}
.offer-box {
background: #f42121;
padding: 7px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 14px;
display: inline-block;
}
.new-products {
background: #46282a;
}
.add-to-cart-button button, .PartsFinder-container .product-box-add-to-cart-button {
padding: 8px 14px;
background: #cd192d;
color: #fff;
border-radius: 5px;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.add-to-cart-button button .icon-cart {
margin-right: 5px
}
.add-to-cart-button button span, .slider-btn span, .go-to-cart-button span, .add-to-cart-button-quick-view span {
font-size: 23px;
line-height: 0;
font-weight: bold;
vertical-align: middle;
}
/*.add-to-cart-button {
position: absolute;
right: 15px;
bottom: 15px;
}*/
/*products-box*/
.featured-product, .bestsellers {
background-image: url(../images/Featured-Products-bg.png);
}
.new-product-container {
background-image: url(../images/New-Products-bg.jpg);
background-size: cover;
padding: 25px 0;
}
.new-product-container .products-box {
border: none !important;
box-shadow: none;
}
.featured-product .title-container, .new-product-container .title-container, .OCarousel-category-slider .title-container {
margin: 20px;
}
.new-product-container .title-container {
color: #fff;
}
.new-arrivals-container, .ads-slider-container {
margin-top: 80px;
}
.ads-slider-container {
background-image: url(../images/adsslidebg.jpg);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ads-slider-container .owl-carousel button.owl-dot.active {
background: #d31039;
padding: 8px 8px !important;
opacity: 1;
}
.ads-slider-container .owl-dots {
text-align: center;
}
.ads-slider-container .owl-carousel button.owl-dot {
padding: 5px 5px !important;
border: 0;
border-radius: 50px;
background: #d31039;
opacity: 0.4;
margin: 35px 5px 5px 5px;
}
.ads-slider-container .owl-stage-outer {
box-shadow: 0 0 10px #594c4c;
}
.ads-slider-container .owl-nav, .products-gallery .owl-nav {
position: absolute;
bottom: 64px;
}
.offer-box-content {
padding: 20px 0;
}
.offer-box-content h2 {
font-size: 45px;
color: #d31039;
font-family: 'barlowbold';
}
/*blogs-container*/
/*.products-gallery h2::before,
.blogs-container h2::before,
.read-mre-box::before,
.thumb-list-slider .title h2::before {
content: "";
display: inline-block;
width: 40px;
border-bottom: solid 4px #d31039;
margin-right: 15px;
color: #d31039;
}*/
.read-mre-box::before {
width: 25px;
border-bottom: solid 2px #d31039;
margin-right: 10px;
}
.products-gallery h2 span, .blogs-container h2 span, .read-mre-box a, .related-products h2 span {
vertical-align: middle;
color: #d31039;
font-weight: bold;
}
.products-gallery .owl-nav {
bottom: 24px;
}
/*blogs-container*/
/*********Footer********/
.mobile-footer-service h5 strong, .mobile-footer-information h5 strong {
color: #fff !important;
}
.manufacturers-bg {
padding: 30px 0;
background: #f3f3f3;
}
.manufacturers-bg img {
border: solid 1px #ddd;
}
.advantages-box {
background: #f3f4f9;
padding: 5rem !important;
}
.advantages-box .border-right {
border-right: solid 1px #66646a !important;
}
.all-manufacture {
padding: 8px 0;
background: #ecf0f1;
}
.footer-nav-header h5 {
color: #fff;
font-weight: bold;
letter-spacing: 1px;
}
.footer-nav-header {
font-size: 18px;
}
.footer-nav a, .footer-nav-header a, .copyright-container a {
color: #fff;
text-shadow: 0 1px 0 #000;
font-size: 18px;
}
.copyright-container a:hover, .footer-nav-header a:hover {
color: #d31039;
text-decoration: none;
}
.footer-nav-header a:hover i {
color: #d31039;
}
.footer-nav-header ul li {
display: inherit;
padding: 5px 0;
}
.newsletter-content, .newsletter-content input {
background: none;
border: solid 1px #424246;
color: #424246;
border-radius: 0;
}
.newsletter-content .input-group-text {
background: #18171d !important;
border: solid 1px #424246;
border-radius: 0;
}
.newsletter-email {
position: relative;
width: 100%;
}
.newsletter-email input[type="email"] {
width: 100%;
background: transparent;
border-color: #66646a;
}
.newsletter-email input[type="email"]:focus {
background: rgba(255, 255, 255, 1);
}
.newsletter-email .newsletter-subscribe-button {
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-color: #66646a;
border-width: 0;
transition: all 0.3s;
border-left: none;
}
.social a {
color: #babac2;
font-weight: bold;
font-size: 20px;
}
.newsletter-email .newsletter-subscribe-button:hover {
background: #66646a;
color: #fff;
}
.newsletter {
padding: 30px 20px 50px 20px;
background: #fff;
}
.newsletter h5 {
color: #333 !important;
}
.copyright-container {
background: #fff;
padding-top: 20px !important;
}
.copyright-container i, .social-media-icon i {
padding: 0px 10px 0 0;
font-size: 20px;
}
.payment-icon {
color: #66646a;
}
.social-media-icon {
text-align: right;
}
.footer-nav-content {
background: url(../images/footer-bg.jpg);
background-size: cover;
bottom: 0;
}
.triumph-withdrawal-footer {
display: flex;
justify-content: center;
width: 100%;
margin-top: 32px;
padding: 24px 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.triumph-withdrawal-footer .triumph-withdrawal-button {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 48px;
max-width: 100%;
padding: 12px 28px;
border: 2px solid #fff;
border-radius: 3px;
background: #222;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
text-align: center;
text-decoration: none;
overflow-wrap: anywhere;
}
.triumph-withdrawal-footer .triumph-withdrawal-button:hover {
background: #cd192d;
color: #fff;
}
.triumph-withdrawal-footer .triumph-withdrawal-button:focus {
outline: 3px solid #fff;
outline-offset: 4px;
}
.footer-nav li a::before {
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 3px;
}
.theme-selector select {
color: #8e95a0;
min-width: 100px;
border: solid 1px #ced4da;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
background: url(../images/select-arrow-dark.svg) #fff;
background-size: 15px;
background-position: 96%;
background-repeat: no-repeat;
border-radius: 0;
}
.footer-powered-by a {
color: #1088dd !important;
text-shadow: none;
}
.footer-disclaimer {
line-height: 35px;
}
/*********Footer********/
/*********Products-list-page********/
.products-list-header h1, .products-list-header-body ul li.active a {
font-family: 'barlowbold';
color: #fff;
}
.products-list-header h1 {
font-size: 2rem;
}
.products-list-header {
background: url(../images/products-page-header-bg.jpg);
background-size: cover;
padding: 35px;
/*height: 150px;*/
margin-top: 68px;
box-shadow: 1px 3px 2px #efeef5;
}
.products-list-header ul li, .products-list-header-body ul li, .products-description-container ul li {
display: inline-block;
}
.products-list-header ul li a, .products-list-header ul li, .products-list-header-body ul li a, .products-description-container ul li a {
color: #fff;
text-decoration: none;
}
.products-list-header-body ul li strong {
color: #fff !important;
text-decoration: underline;
}
.products-list-container-body, .products-body-content {
padding: 0 4rem;
}
.products-list-container-body, .products-body-content {
width: 100%;
max-width: 1380px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.products-list-header-body {
text-align: center;
}
.products-list-header-body ul li strong.active, .products-list-header-body ul li strong {
color: #d31039;
}
.products-list-header-body select, .products-description-container select, .manufacturers-container select, .checkout-box select, .product-selectors select, .date-of-birth select, .attributes select {
color: #8e95a0;
/*min-width: 100px;
max-width: 294px;*/
border: solid 1px #e4e7eb;
appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
background: url(../images/select-arrow-dark.svg) #fff;
background-size: 15px;
background-position: 97%;
background-repeat: no-repeat;
}
.product-selectors .product-viewmode {
display: none
}
.product-selectors {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 0px;
}
.product-selectors:after {
display: none;
}
.product-selectors span {
padding-top: 0px !important;
}
.product-sorting select {
min-width: 165px;
padding-left: 10px;
}
.product-selectors .product-page-size {
margin-left: auto;
margin-right: 10px;
}
.product-selectors > div {
border: none
}
.product-selectors .product-page-size span {
display: none
}
.pager ul {
display: flex;
justify-content: center;
align-items: stretch;
}
.pager li a, .pager li span {
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.attributes select, .attributes dd {
width: 100%;
}
.attributes dd {
margin-right: 7px;
}
.attributes dd:last-of-type {
margin-right: 0;
}
.products-list-header-body .icon-products-view-1, .products-list-header-body .icon-products-view {
font-size: 28px;
vertical-align: -6px;
color: #bac1cc;
}
.products-list-header-body a span:hover, .products-list-header-body a span.active, .cart-container .fa-trash-o:hover {
color: #000;
}
.products-body-content .products-box {
transition: all .3s linear;
width: 100%;
display: flex;
flex-direction: column;
}
.products-body-content .products-box:hover {
box-shadow: 0 0 15px #ddd;
}
/*categories*/
.bikepopup-label {
font-size: 16px;
}
.bike-filter h5 {
font-weight: bold;
overflow: hidden;
font-size: 15px;
cursor: pointer;
text-transform: uppercase;
max-height: 43px;
font-family: 'brokmanw00-mediumregular';
letter-spacing: 1px;
}
.bike-filter .block {
max-width: none
}
.bike-filter .block a {
padding: 8px 14px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
line-height: 1;
height: 40px;
font-weight: bold;
text-align: center;
}
.bike-filter .block a i {
margin-right: 7px;
font-size: 18px;
}
.bike-filter a {
color: #cd192d;
padding: 10px;
line-height: 1;
display: flex;
font-size: 16px;
}
.border-0.remove-search-bike {
background: transparent;
margin-right: 10px;
}
.clear-filters {
margin-bottom: 10px
}
.clear-filters a {
color: #b0b4bd;
}
.clear-filters img {
width: 12px;
margin-right: 7px
}
.ajax-filter-section input[type="checkbox"]:checked ~ label .specCheck {
border: 5px solid #cd192d !important;
}
.block-category-navigation, .block-recently-viewed-products, .block-popular-tags, .bike-filter {
border: solid 1px #dde1e7;
background: #fff;
text-transform: uppercase;
}
.filters-box .collapse {
border: solid 1px #dde1e7;
}
.filters-box .filters-box-header h5, .block-category-navigation h5, .block-recently-viewed-products h5, .block-popular-tags h5 {
font-weight: bold;
color: #fff;
overflow: hidden;
font-size: 15px;
cursor: pointer;
text-transform: uppercase;
background: #000;
padding: 13px 15px;
max-height: 43px;
font-family: 'brokmanw00-mediumregular';
letter-spacing: 1px;
}
.filters-box .filters-box-header h5 i, .block-category-navigation h5 i, .block-recently-viewed-products h5 i, .block-popular-tags h5 i {
font-size: 18px;
}
.filters-box .accordion h5 {
color: #fff;
font-size: 15px;
cursor: pointer;
font-family: 'brokmanw00-mediumregular';
/*margin-bottom: 10px !important;*/
letter-spacing: 1px;
}
.filters-box .filters-box-header h5 .rotate-icon {
color: #fff;
font-size: 18px;
}
.filters-box .accordion, .block-category-navigation .collapse, .block-recently-viewed-products .collapse, .block-popular-tags .collapse {
padding: 15px;
border-bottom: solid 1px #dde1e7;
text-transform: uppercase;
}
#filter-section-Preis .accordion {
padding: 0px;
}
#filter-section-Preis .block {
max-width: none
}
.accordion-info-nav .card-header h5 .rotate-icon, .accordion-service-nav .card-header h5 .rotate-icon, .accordion-my-account .card-header h5 .rotate-icon {
color: #fff;
}
.card, .card-header {
background: none !important;
border: 0 !important;
}
.ui-slider .ui-slider-range {
border: 0 !important;
}
.ui-widget-content .ui-state-default {
box-shadow: none !important;
border-radius: 0 !important;
}
.accordion-info-nav .card-header, .accordion-service-nav .card-header, .accordion-my-account .card-header {
outline: none;
cursor: pointer;
}
.categories-container .card-body ul li {
display: inherit;
padding: 5px 0;
}
.categories-container .card-body ul li a {
color: #333;
font-size: 16px;
}
.categories-container .card-body ul li a span {
opacity: .6
}
/*.categories-container .card-body ul li.active a {
color: #acafb3 !important;
}*/
.categories-container .card-body .list {
padding: 15px;
display: flex;
flex-wrap: wrap;
text-transform: uppercase;
}
.categories-container .card-body .list > li {
display: flex;
align-items: center;
width: 50%;
}
.categories-container .card-body .list label span {
/*top: 0px*/
}
.categories-list .active .sublist {
margin: 0 0 0 15px;
padding-top: 5px;
}
.sublist .active a {
border-left: solid 2px #d31039;
padding: 0 10px;
color: #cd192d !important;
}
.sublist .active li.inactive a {
border-left: none;
color: #333 !important;
}
.active .sublist .active a:hover {
border-left: solid 2px #d31039;
}
.accordion .card-header h5:not(.collapsed) .rotate-icon {
/* -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);*/
}
.accordion .card .card-header a:not(.collapsed) .rotate-icon {
/* -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);*/
}
.price-container .listbox {
padding: 15px
}
.price-container .noUi-handle {
background: #000;
}
.price-container .noUi-horizontal .noUi-handle::before, .price-container .noUi-horizontal .noUi-handle::after {
content: unset;
}
.price-container .noUi-connects {
height: 3px;
background-color: #000;
}
.price-container .noUi-touch-area {
cursor: ew-resize;
}
.price-container .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
left: 100%;
right: auto !important;
box-shadow: none;
border: none;
background: #cd192d;
border-radius: 0px;
cursor: pointer;
}
.price-container .noUi-horizontal .noUi-origin:last-child .noUi-handle {
left: auto;
right: -2px !important;
}
.price-container .noUi-horizontal {
height: 2px !important;
}
.price-container #slider-range {
background: #ccc !important;
margin: 25px 0px;
}
.price-container .rangeinput input {
padding: 0px 20px;
border: 1px solid #c8cad4;
height: 25px;
font-size: 14px;
max-width: 80px;
}
.side-2 input[type="reset"] {
display: none !important;
}
/*categories*/
/*colour*/
.color-one {
background: #d6cebf;
}
.color-two {
background: #f1c7bf;
}
.color-three {
background: #dc9c7a;
}
.color-four {
background: #c5d4cd;
}
.color-five {
background: #dac4ce;
}
.color-six {
background: #b1badd;
}
.color-seven {
background: #f1adcc;
}
.color-eight {
background: #fab591;
}
.color-nine {
background: #eed7a9;
}
.color-ten {
background: #beaaa6;
}
.color-box-container ul li {
display: inline-block !important;
margin-right: 5px;
}
.side-2 .seo-side {
margin-top: 30px
}
.side-2 .seo-side h2 {
font-size: 28px
}
/*colour*/
.pagination-box button:hover, .owl-nav button:hover {
background: #d31039 !important;
color: #fff !important;
transition: all 0.2s;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none;
background: #d31039;
border-radius: 50%;
cursor: e-resize;
}
.ui-widget-header {
border: 1px solid #eff1f5;
background: #eff1f5;
}
.ui-widget.ui-widget-content {
border: unset !important;
}
/*********Products-list-page********/
/*********products-description*********/
.attributes-content-box {
overflow: hidden;
}
.attributes-content-box dt {
width: 115px;
float: left;
margin-bottom: 5px;
padding: 10px 0;
}
.attributes-content-box dd {
float: left;
width: 47%;
}
.qtyminus, .qtyplus {
position: absolute;
background: #eee !important;
color: #333;
margin-right: 15px;
border: 1px solid #dde1e7;
line-height: 0;
}
.qtyminus {
margin-left: 15px;
bottom: 0;
right: -15px;
height: 24px;
padding: 6px 7px;
}
.qtyplus {
right: 0 !important;
left: auto !important;
height: 22px;
padding: 5px 5px;
min-width: 22px;
}
.add-to-cart-panel input[type="text"] {
height: 45px !important;
text-align: left !important;
}
.qtyplus {
right: -15px !important;
left: auto !important;
}
.related-products .owl-nav button {
margin-top: 0 !important;
}
.stock .text-warning {
font-family: 'brokmanw00-mediumregular';
color: #28b332 !important;
}
.products-description .nav-tabs li a.active {
color: #d31039;
}
.products-description .nav-tabs li a {
color: #afadb5;
font-weight: bold;
font-family: 'brokmanw00-mediumregular';
letter-spacing: 1px;
}
.products-description .nav-tabs {
border-bottom: 0;
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 16px;
}
.tab-header-box {
border-bottom: 1px solid #999;
margin: 0 0 20px 0;
}
.products-description .nav-tabs .nav-link.active,
.products-description .nav-tabs .nav-link:hover {
border: none;
color: #d31039;
}
.products-description .nav-tabs > li > strong {
padding: .4rem 0;
display: block;
font-family: 'brokmanw00-mediumregular';
font-size: 25px;
}
.products-description .nav-tabs .nav-link {
border: 0;
white-space: normal;
overflow-wrap: anywhere;
}
.products-description .nav-tabs > li {
list-style: none;
margin: 0;
max-width: 100%;
}
.products-description .nav-tabs .nav-link:focus-visible {
outline: 2px solid #d31039;
outline-offset: -2px;
}
.products-description .tab-content .tab-pane,
.products-description .tab-content p {
text-align: left;
color: #626262;
line-height: 1.65;
}
.products-description #product-description p {
margin: 0 0 1em;
}
.products-description #product-description h2,
.products-description #product-description h3,
.products-description #product-description h4 {
margin: 1.25em 0 .5em;
padding: 0;
line-height: 1.3;
}
.products-description #product-description ul,
.products-description #product-description ol {
margin: .5em 0 1em;
padding-inline-start: 1.5em;
}
.products-description #product-description li {
margin-bottom: .35em;
}
.products-description-container h3 {
font-weight: bold;
font-size: 24px;
}
.products-description-container h2 span {
font-size: 24px;
text-decoration: line-through;
}
.products-description-container input {
border-radius: 0;
}
.products-description-container .wishlist-icon {
padding: .375rem .75rem;
border: 1px #ced4da solid !important;
background: #fff;
color: #495057;
}
.products-description-container button {
padding: .375rem .75rem;
}
.attributes label {
margin-right: 5px !important;
cursor: pointer;
}
.product-tags-list li {
padding: 8px 15px;
background: #eff1f5;
margin: 5px;
}
.newsletter-subscribe-button {
padding: 0 13px !important;
}
.overview .product-name h2 {
font-size: 36px;
font-weight: bold;
}
.manufacturers span.label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.overview .button-2, .variant-overview .button-2 {
padding: 10px;
}
.overview .product-name {
margin: 0;
border-bottom: 0;
padding: 0 0 5px;
margin-top: 135px;
}
.at-icon-wrapper {
height: 20px !important;
}
.overview .product-price {
font-size: 30px;
margin-left: 20px !important;
}
.product-details-page .picture img {
margin-right: 10px;
display: inline-block;
}
.product-details-page .picture div {
border: 0 !important;
}
/*********products-description*********/
/***********Register**********/
.remember-text {
color: #333;
position: absolute;
padding: 5px 5px;
}
.checkout-box .card-header {
background: #fafbfc;
}
.register-container .page-body .search-input {
padding-left: 24px;
padding-right: 24px;
}
.product-grid, .product-list {
margin: 0 0 50px;
}
.search-results .item-grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -5px;
margin-right: -5px;
}
.search-results .item-grid .item-box {
display: flex;
width: 33.33%;
padding: 0px 5px;
margin: 0px 0px 30px 0px;
flex-shrink: 0;
}
.search-results .item-grid .item-box .item {
display: flex;
width: 100%;
}
.item-box .details {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.register-container h5 {
font-weight: bold;
}
.register-container input[type="text"], .register-container input[type="date"], .register-container input[type="password"], .checkout-box select, .register-container textarea {
border-radius: 0;
padding: 8px 15px;
height: auto;
border: solid 1px #d6dade;
font-size: 1rem;
}
.register-container input[type="text"]:focus, .register-container input[type="date"]:focus, .register-container input[type="password"]:focus, .register-container textarea:focus {
box-shadow: 0 0 10px #e4e7ee;
border: solid 1px #b6bcc6;
}
.register-box {
background: #efeff6;
color: #666;
}
#Newsletter + label {
width: auto;
}
.date-of-birth select + select {
width: calc(33.33% - 11px);
}
div.inputs {
position: relative;
}
.inputs .required {
position: absolute;
right: 15px;
top: 10px;
}
.inputs input:focus ~ .required {
display: none;
}
/***********Register**********/
/*checkbox-design*/
.categories-container input[type="checkbox"], .register-container input[type="radio"], .register-container input[type="checkbox"], .cart-container input[type="checkbox"], .custom-checkbox {
display: none;
}
/*.categories-container input[type="checkbox"] + label::before,*/
.register-container input[type="radio"] + label::before, .register-container input[type="checkbox"] + label::before, .cart-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
height: 25px;
width: 25px;
color: transparent;
transition: all 0.2s;
font-size: 15px;
line-height: 23px;
text-align: center;
cursor: pointer;
}
/*.categories-container input[type="checkbox"] + label::before,*/
.register-container input[type="checkbox"] + label::before, .cart-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
content: "\f00c";
}
.categories-container input[type="checkbox"]:checked + label::before, .custom-checkbox:checked + label::before {
color: #fff;
}
.register-container input[type="radio"] + label::before, .register-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
border-radius: 50px;
background: #fff;
border: solid 1px #cbcfd7;
margin-right: 7px;
}
.register-container input[type="radio"]:checked + label::before, .register-container input[type="checkbox"]:checked + label::before, .total-price-box input[type="checkbox"]:checked + label::before, .cart-container input[type="checkbox"]:checked + label::before, .custom-checkbox:checked + label::before {
color: #cea35f;
}
.register-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
border-radius: 0;
}
/*checkbox-design*/
/****************my-cart*************/
.manufacturers-container input[type="text"] {
padding: 7px 70px 7px 20px;
border: solid 1px #ced4da;
}
.total-price-box {
background: #f2f2f8;
font-size: 20px;
line-height: 20px;
}
.total-price-box h2, .blogs-box h5 {
font-family: 'barlowbold';
}
.cart-header {
font-weight: bold;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px #ced4da solid;
border-top: 1px #ced4da solid;
margin-bottom: 20px;
}
.cart-container .fa-trash-o {
font-size: 25px;
color: #babac6;
}
.my-cart-container-box {
border-bottom: 1px #ced4da solid;
}
td.cart-total-left a {
text-decoration: underline;
color: black;
}
.cart-total-left {
font-size: 16px;
color: #000;
}
/****************my-cart*************/
/***************checkout************/
.checkout-box {
border-bottom: none;
padding-bottom: 0;
}
.checkout-box select {
background-position: 98%;
}
.checkout-box .fa-cc-visa, .checkout-box .fa-cc-amex, .checkout-box .fa-cc-mastercard {
font-size: 45px;
vertical-align: bottom;
color: #11278a;
}
.checkout-box ul li {
padding: 0 !important;
}
/***************checkout************/
/*******customer-info-box**********/
.customer-info-box ul li a.active, .addresses-edit-box li a:hover {
color: #d31039;
}
.addresses-edit-box li a {
color: #bbb9c5;
}
.order-item .info {
padding: 10px 0 !important;
}
.order-list .section .title {
margin: 0 0 10px;
font-size: 18px;
color: #444;
font-family: 'barlowbold';
}
.block-account-navigation .list li a {
text-transform: uppercase;
}
/*******customer-info-box**********/
.manufacturer-logo-name {
position: absolute;
bottom: 0;
z-index: 5;
padding: 15px;
text-align: center;
width: 100%;
background: #eee;
display: block;
color: #444;
}
/**************blog***************/
.blogs-box ul li a {
color: #b8b7be;
}
.blogs-box h5 a {
color: #47474e;
}
.popular-tags-box li a {
/* background: #f3f4f9; */
padding: 2px 10px 5px 0px;
/* margin: 0px 5px 5px 0px; */
display: inline-block;
}
.product-review-item .review-item-head {
border-top: none;
background: #eff1f5;
}
.product-review-item {
margin: 0 0 20px;
border: 1px solid #e2e6ea;
}
.product-review-item .review-content {
padding: 20px 20px;
}
.product-review-item .review-item-head {
padding: 10px 20px;
}
.blogpost-page .post-body img {
width: 100%;
height: auto;
}
/**************blog***************/
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
/*scrollup*/
.scrollup {
position: fixed;
width: 40px;
height: 40px;
bottom: 10px;
right: 20px;
z-index: 100;
padding: 0 !important;
}
a.scrollup i {
color: #fff;
font-size: 25px;
margin-top: 7px;
}
a.scrollup {
text-align: center;
}
/*scrollup*/
.OCarousel-container .OCarousel-picture-wrapper {
overflow: hidden;
}
.OCarousel-container .OCarousel-picture-wrapper .title {
position: absolute;
bottom: 50px;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 1;
padding: 10px 30px;
font-size: 22px;
font-weight: bold;
margin: 0 15px 0px 30px;
text-align: center;
}
.OCarousel-container .OCarousel-picture-wrapper .title strong {
text-transform: uppercase;
}
.OCarousel-container .OCarousel-picture-wrapper a {
height: 100%;
}
.OCarousel-container .OCarousel-picture-wrapper img {
position: absolute;
height: inherit;
width: 97%;
}
.top-nav-container .navbar .header-upper .header-links .nav-link {
padding: 19px 15px;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
}
.top-nav-container .navbar .header-upper .header-links .nav-link:hover {
}
.top-nav-container .navbar .header-upper .login-nav-box .nav-link:hover {
color: #fff;
}
.menu-toggle-btn {
display: none;
}
.mini-shopping-cart .count {
padding: 5px 0 15px;
color: #444;
font-size: 16px;
}
.mini-shopping-cart .count a {
margin: 0 2px;
font-weight: bold;
color: #444;
}
.mini-shopping-cart .items {
/*border-bottom: 1px solid #ddd;*/
margin: 0 0 20px;
}
.mini-shopping-cart .picture {
float: left;
width: 70px;
text-align: center;
}
.mini-shopping-cart .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
}
.mini-shopping-cart .picture + .product {
margin: 0 0 0 80px;
}
.mini-shopping-cart .name {
margin: 0 0 10px;
font-size: 14px;
}
.mini-shopping-cart .name a {
color: #4ab2f1;
}
.mini-shopping-cart .name a:hover {
color: #248ece;
}
.mini-shopping-cart .attributes {
margin: 5px 0;
color: #444;
}
.mini-shopping-cart .totals {
margin: 0 0 12px;
font-size: 14px;
}
.mini-shopping-cart .totals strong {
font-size: 16px;
color: #444;
}
.mini-shopping-cart .buttons {
margin: 0 0 5px;
}
.mini-shopping-cart input[type="button"] {
display: inline-block;
border: none;
background-color: #d31039;
padding: 10px 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
border-radius: 3px;
}
.mini-shopping-cart input[type="button"]:hover {
background-color: #46282a;
}
.mini-shopping-cart {
max-height: calc(100vh - 100px);
overflow-y: auto;
overflow-x: hidden;
padding: 12px;
text-align: left;
font-size: 12px;
}
.mini-shopping-cart .item {
overflow: hidden;
padding: 10px 0;
}
.mini-shopping-cart a {
color: #787878;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}
.mini-shopping-cart .picture a {
display: block;
position: relative;
overflow: hidden;
min-height: 55px;
}
.mini-shopping-cart .close {
background: #d4d6de;
width: 20px;
height: 20px;
color: white;
text-shadow: none;
}
.flyout-cart {
position: absolute;
top: 66px;
right: 5px;
z-index: 100;
min-width: 400px;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);
background-color: #fff;
}
.flyout-cart::before {
position: absolute;
right: 5px;
top: -12px;
width: 0;
height: 0;
content: "";
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
}
.flyout-cart.active {
display: block;
}
.dropdown-menu-right li a img {
width: 100%;
border: 1px solid #eee;
}
.dropdown-menu-right ul li a span {
font-size: 16px;
font-weight: bold;
padding: 8px 0;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.dropdown-menu-right ul li ul a span {
padding: 0;
display: block;
text-align: left;
font-size: 15px;
text-transform: capitalize;
font-weight: normal;
line-height: 22px;
}
.top-nav-container .navbar ul.sublist li .nav-link {
color: #888888;
}
/*=================== home page bottom slider=============== */
.home-page-slider-2 {
padding: 50px 0;
margin: 50px 0;
}
.home-page-slider-2.owl-carousel .owl-nav {
margin: 0 10px;
text-align: center;
}
.home-page-slider-2 .slider-caption h3 {
font-family: barlowregular;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
.home-page-slider-2 .slider-caption .slider-btn {
background: #d31039;
padding: 10px 20px;
transition: all 0.3s;
box-shadow: none !important;
color: #ffffff;
border-radius: 3px;
}
.home-page-slider-2 .slider-caption .slider-btn:hover {
background: #46282a;
}
/*============== blog news area================ */
.latest-blog-container {
background: url(../images/escheresque.png) repeat;
}
.blog-news-area .blog-news-header {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
color: #d31039;
margin-bottom: 20px;
}
.blog-news-area .blog-news-header::before {
content: "";
display: inline-block;
width: 40px;
border-bottom: 4px solid #d31039;
margin-right: 15px;
color: #d31039;
}
.blog-news-area .single-blog, .news-box-inner {
padding: 15px;
border: 1px solid #efeef5;
border-radius: 3px;
box-shadow: 1px 3px 2px #efeef5;
background: #fff;
}
.news-box-inner {
margin-bottom: 15px;
}
.blog-news-area .single-blog img, .blog-news-area .single-news img {
width: 100%;
object-fit: cover;
margin-bottom: 14px;
}
.blog-news-area .single-news img {
height: 210px;
}
.blog-news-area .single-blog h4 a, .blog-news-area .single-news h4 a {
font-size: 20px;
text-transform: capitalize;
font-weight: bold;
margin-bottom: 0;
}
.blog-news-area .single-blog .date-time span, .blog-news-area .single-news .date-time span {
color: rgba(0, 0, 0, .5);
}
.blog-news-area .single-blog p, .blog-news-area .single-news p {
display: block;
max-width: 100%;
height: 65px;
margin: 0 auto;
font-size: 16px;
line-height: 1;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
text-align: left;
}
.blog-news-area .single-blog .blog-link, .blog-news-area .single-news .blog-link {
display: block;
font-size: 16px;
color: #d31039;
margin-bottom: 12px;
font-weight: bold;
}
.blog-news-area .single-blog .blog-news-social li, .blog-news-area .single-news .blog-news-social li {
display: inline-block !important;
display: flex;
justify-content: center;
align-items: center;
padding: 0 6px;
font-size: 14px;
}
.blog-news-area .single-blog ul li a, .blog-news-area .single-news ul li a {
color: #b8b7be;
transition: all 0.3s;
}
.blog-news-area .single-blog ul li a:hover, .blog-news-area .single-news ul li a:hover {
color: #d31039;
}
.ajaxfilter-section {
border: unset;
margin: 0 !important;
}
/* Category slider */
.owl-carousel .owl-nav {
position: absolute;
/*top:45%;*/
bottom: 0;
width: 100%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block-blog-archive .card-header {
background: none;
}
/*product details */
.OCarousel-container.custom-container-fluid.mlt-products-fluid {
padding-bottom: 60px;
}
.product-details-page .picture-gallery {
width: 100%;
float: none;
}
.product-details-page .offer-content {
left: 0 !important;
z-index: 10000;
}
.product-details-page .title h2 {
font-size: 22px !important;
text-align: left;
}
.product-details-page .giftcard input, .product-details-page .giftcard textarea {
width: 100%;
}
.home-page-slider-container {
overflow: hidden;
}
/*topic block*/
.not-found-page {
max-width: 1480px;
margin: 0 auto;
padding: 0 15px;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../images/status.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
.product-sorting select {
min-width: 165px;
}
/*
.ui-dialog-titlebar-close {
display: none !important;
}*/
.ui-dialog-content .products-list-header {
margin: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
display: block !important;
}
.ts-close-wrapper {
text-align: center;
margin-bottom: 0;
}
.ts-close {
padding: 7px 12px;
color: white !important;
}
.dropdown-menu-list .dropdown-menu-right {
display: none;
}
.dropdown-menu-list:hover .dropdown-menu-right {
display: block !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
position: absolute !important;
width: 60% !important;
/*top: 1100px !important;*/
left: 19% !important;
}
.ui-dialog-content {
max-height: 700px !important;
}
/****Payment information****/
.payment-info .box {
position: relative;
display: block;
max-width: 600px;
padding: 14px 20px;
margin: auto;
border: 0;
border-radius: 0;
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
text-align: left;
font-size: 17px;
color: #333;
text-transform: uppercase;
font-weight: 600;
}
.payment-info .box[style="background-color: rgb(74, 178, 241);"] {
background: #cd192d !important;
color: #fff;
}
/****Payment information****/
/****Triumph Spare Parts Finder****/
.TriumphSparePartsFinder-img {
border: solid 1px #eee;
margin-bottom: 15px;
}
.TriumphSparePartsFinder-img img {
padding: 10px;
}
.TriumphSparePartsFinder-img:hover {
box-shadow: 0 0 5px #ddd;
}
.TriumphSparePartsFinder-img span {
font-size: 15px;
width: 100%;
color: #d31039;
background: #f2f2f2;
display: block;
padding: 5px 10px;
}
.TriumphSparePartsFinder-img:hover span {
background: #d31039;
color: #fff;
transition: all 0.3s;
}
.SparePartsheader-three {
background: #f2f2f2;
padding: 10px 25px;
text-align: center;
margin: 0;
}
.TriumphSparePartsFinder-list ul li {
display: inline-block;
}
.TriumphSparePartsFinder-list ul {
border-bottom: 1px solid #ced4da;
padding: 10px 0;
margin-bottom: 15px !important;
}
.TriumphSparePartsFinder-list ul li a {
color: #cd192d;
text-transform: uppercase;
font-size: 16px;
}
.TriumphSparePartsFinder-list ul li span.delimiter i {
margin: 0 4px 0 2px
}
.PartsFinder-container .container {
box-shadow: 0 0 10px #ddd;
padding: 10px 30px;
margin: 30px auto;
}
.PartsFinder-container .product-box-add-to-cart-button {
border: 0;
}
.PartsFinder-container .product-box-add-to-cart-button:hover {
background: #000;
}
.PartsFinder-container .table {
font-size: 13px !important;
border: solid 1px #dee2e6;
}
.PartsFinder-container .table td {
vertical-align: middle;
padding: 1px 0 !important;
}
.PartsFinder-container .table qty {
height: 35px !important;
}
.PartsFinder-container .table-striped tbody tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
.PartsFinder-container .table-striped tbody tr:hover {
background: #f9f9f9;
}
.PartsFinder-container .table th {
border-width: 1px 1px 0;
border-style: solid;
border-color: #ddd;
background-color: #000;
padding: 5px 10px;
font-weight: normal;
color: #fff;
white-space: nowrap
}
/****Triumph Spare Parts Finder****/
@media only screen and (max-width: 1440px) {
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (max-width: 1410px) {
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
padding-left: 12px;
padding-right: 12px
}
}
@media only screen and (max-width: 1340px) {
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
}
@media only screen and (max-width: 1140px) {
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
font-size: 12px;
}
}
@media only screen and (max-width: 1040px) {
.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
font-size: 10px;
}
}
@font-face {
font-family: 'icomoon';
src: url('../fonts/cart-fonts/icomoon.eot?f1qjxe');
src: url('../fonts/cart-fonts/icomoon.eot?f1qjxe#iefix') format('embedded-opentype'), url('../fonts/cart-fonts/icomoon.ttf?f1qjxe') format('truetype'), url('../fonts/cart-fonts/icomoon.woff?f1qjxe') format('woff'), url('../fonts/cart-fonts/icomoon.svg?f1qjxe#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 320px) and (max-width: 414px) {
.gallery .picture-thumbs .thumb-item {
display: inline-block;
position: relative;
width: 29px;
height: 31px;
margin: 0 10px 10px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
overflow: hidden;
cursor: pointer;
}
.checkout-page .product a {
max-width: 100% !important;
}
}
/****Start-MultiStep-Checkout-page****/
#registerAsCompany + label::before {
display: none;
}
#registerAsCompany + label {
cursor: pointer;
color: #d31039;
user-select: none;
}
#registerAsCompany:checked + label > span:nth-child(1) {
display: none;
}
#registerAsCompany:not(:checked) + label > span:nth-child(1) {
display: inline;
}
#registerAsCompany:checked + label > span:nth-child(2) {
display: inline;
}
#registerAsCompany:not(:checked) + label > span:nth-child(2) {
display: none;
}
#registerAsCompany + label + .fieldset {
display: none;
}
#registerAsCompany:checked + label + .fieldset {
display: block;
}
.store-search-box ul {
box-shadow: rgb(189 180 181 / 45%) 0px 1px 3px;
max-height: max(48vh, 400px);
overflow-y: auto;
}
.OCarousel-container .owl-carousel .owl-nav.disabled, .thumb-list-slider .owl-carousel .owl-nav.disabled {
display: none !important;
}
.orderdetails-back-button {
position: absolute;
bottom: 3.4%;
background: #ACB1B5;
color: #fff;
padding: 10px 20px !important;
margin: 5px;
border: none;
font-size: 15px;
}
.orderdetails-back-button:hover {
background: #222 !important;
color: #fff !important;
}
@media (max-width: 991px) {
.orderdetails-back-button {
bottom: 3.2%;
left: 0;
margin-left: 4rem;
}
}
@media (max-width: 761px) {
.orderdetails-back-button {
bottom: -55px;
bottom: -62px;
left: 0;
right: 0;
max-width: 165px;
margin: 5px auto;
}
.order-details-page {
margin-bottom: 80px;
}
}
/*product picture gallery popup start*/
.html-product-details-page #lcl_window {
background: #fff;
border: solid 3px #cd192d;
min-height: 500px;
}
.html-product-details-page #lcl_contents_wrap {
bottom: 125px;
top: 55px;
}
.html-product-details-page .lcl_prev, .html-product-details-page .lcl_next {
position: absolute !important;
top: calc(50% - 50px);
z-index: 100;
}
.html-product-details-page .lcl_prev {
left: 10px;
}
.html-product-details-page .lcl_next {
right: 10px;
}
.html-product-details-page #lcl_nav_cmd {
position: static;
}
.html-product-details-page .lcl_play, .html-product-details-page .lcl_thumbs_toggle, .html-product-details-page .lcl_txt_toggle, .html-product-details-page #lcl_txt {
display: none !important;
}
.html-product-details-page .lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd .lcl_icon, .html-product-details-page .lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon {
opacity: 1;
transform: scale(1);
}
/*product picture gallery popup end*/
/*========= Bike search start ========*/
#bike-search-link {
font-size: 18px;
}
.bike-search-container {
position: absolute;
top: calc(100% + 0.2rem);
right: 0.2rem;
display: none;
width: min(95vw, 400px);
background-color: #fff;
--accent-color: #cd192d;
box-shadow: 0 0 8px 0 #0003;
}
.bike-search-container h3 {
font-size: 1.25rem;
font-weight: 600;
padding: 0.5rem 0;
margin: 0;
}
.bikefilter-tab .nav.nav-tabs a.nav-link {
font-size: 0.8rem !important;
color: #000;
padding: 0 0.2rem !important;
}
.bikefilter-tab .nav.nav-tabs a.nav-link.active {
color: #cd192d;
border-bottom: 2px solid #cd192d;
}
form#bikeForm {
padding: 0.5rem 1rem;
}
.bike-search-buttons {
margin-bottom: 1rem;
display: flex;
gap: 0.2rem;
}
.search-results-save-button {
color: var(--accent-color);
background-color: #fff;
font-size: 1rem;
border: 1px solid var(--accent-color);
flex-grow: 1;
padding: 0.3rem 0;
font-weight: 600;
}
.search-results-save-button:last-child {
background-color: #444;
color: #fff;
}
.search-results-save-button:hover {
color: #fff;
background-color: var(--accent-color);
}
.search-results-save-button:last-child:hover {
background-color: #d31039;
border-color: #444;
}
.bike-search-container .field-list select {
width: 100%;
}
.bike-search-title {
font-size: 0.8rem;
margin-top: 0.4rem !important;
}
#userbikes .header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--accent-color);
color: #fff;
margin: 0;
width: 100%;
padding: 0.5rem 1rem;
}
#userbikes .header h3 {
padding: 0;
}
#userbikes .header .add-btn {
width: 1.5rem;
height: 1.5rem;
color: var(--accent-color);
background-color: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.motocycle-over.view-item {
border-bottom: 2px solid var(--accent-color);
padding: 0.6rem 1rem;
}
.bike-action-button input {
padding: 0.2rem 1rem;
}
.motocycle-over.view-item > div:first-of-type {
margin-right: 0.7rem;
white-space: normal;
}
.motocycle-over.view-item > div:first-of-type button {
background-color: transparent;
color: var(--accent-color);
}
div#bikeItems + .links {
padding: 0.6rem 1rem;
}
div#bikeItems + .links a {
color: var(--accent-color);
}
.bike-title + .actions {
display: flex;
gap: 0.1rem;
flex-wrap: wrap;
margin-top: 0.4rem;
}
div#newLetter > div > h3 {
background-color: var(--accent-color);
color: #fff;
padding: 0.4rem 1rem;
font-size: 1.2rem;
}
div#newLetter > div > h3 + p {
font-size: 0.8rem;
padding: 0.2rem 0.6rem;
white-space: normal;
font-weight: 500;
}
form#newsletter-form {
padding: 0.1rem 0.7rem;
}
form#newsletter-form input[type="text"] {
border-radius: 0;
padding: 8px 15px;
height: auto;
border: solid 1px #d6dade;
font-size: 1rem;
width: 100%;
}
form#newsletter-form input[type="text"]:focus {
box-shadow: 0 0 10px #e4e7ee;
border: solid 1px #b6bcc6;
}
.search-results-save-button:last-child {
background-color: #444;
color: #fff;
padding: 0.3rem 0.8rem;
}
div#newLetter .links {
padding: 0 0 0.8rem 0;
}
div#newLetter .links a {
color: var(--accent-color);
display: inline-block;
padding: 0.2rem 0.5rem;
}
button.search-results-save-button:disabled {
-webkit-filter: grayscale(0.6);
filter: grayscale(0.6);
cursor: not-allowed;
}
.bike-filter {
margin: 0 !important;
padding: 0 !important;
margin-bottom: 10px !important;
}
.bike-filter h5 {
background-color: #000;
padding: 13px 15px;
color: #fff;
}
.bike-filter .block {
border: none;
padding: 13px;
}
a#bike-filter-contener-button {
margin: 0;
}
.search-bike {
display: flex;
align-items: center;
padding: 7px 13px;
--accent-color: #cd192d;
}
.search-bike a {
color: #000;
transition: all 0.3s;
flex-grow: 1;
}
.search-bike a:hover {
color: var(--accent-color);
}
.search-bike .remove-search-bike {
border: none;
background-color: transparent;
color: var(--accent-color);
}
/*========= Bike search end ========*/
/* Store-configured payment methods; replaces the static footer image. */
.tri-footer-payments ul { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.tri-footer-payments .tri-payment-badge { display:flex; align-items:center; justify-content:center; width:66px; height:38px; padding:4px; background:#fff; border:1px solid #ddd; }
.tri-footer-payments .tri-payment-badge img { width:56px; height:28px; object-fit:contain; }
.tri-footer-payments .tri-payment-label { display:none; }
@media (max-width:767.98px) { .tri-footer-payments ul { justify-content:center; margin-top:16px; } }
/* Homepage components: contents remain in Topics and existing widgets. */
.tri-home-editorial{max-width:1320px;margin:56px auto;padding:0 24px}
.tri-home-editorial .topic-block,.tri-home-editorial .topic-block-body,.tri-home-editorial p{margin:0;text-align:left}
.tri-home-editorial h1,.tri-home-editorial h2{font-family:barlowbold,Arial,sans-serif;font-weight:normal;line-height:1.15;letter-spacing:-.5px;margin:0 0 24px;color:#171717}
.tri-home-editorial h1{font-size:clamp(28px,3vw,42px)}
.tri-home-editorial h1 small{display:block;font-family:barlowregular,Arial,sans-serif;font-size:18px;line-height:1.5;letter-spacing:0;margin-top:16px;color:#555}
.tri-home-editorial h2{font-size:30px}
.tri-home-editorial p{font-size:17px;line-height:1.75;max-width:1000px;color:#444;margin:0 0 18px}
.tri-home-dealer{border-top:1px solid #ddd;padding-top:36px}
.tri-home-campaign{max-width:1320px;margin:24px auto;padding:0 24px}
.tri-home-campaign .topic-block,.tri-home-campaign .topic-block-body{margin:0;text-align:left}
.tri-home-campaign .tri-campaign{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#f4f3f1;border-left:4px solid #cd192d}
.tri-campaign h2{font-family:barlowbold,Arial,sans-serif;font-weight:normal;font-size:30px;margin:0 0 8px}
.tri-campaign p{text-align:left;font-size:17px;margin:0;color:#444}
.tri-campaign a{display:inline-block;flex-shrink:0;background:#cd192d;color:#fff;padding:14px 24px;font-family:barlowbold,Arial,sans-serif;text-decoration:none}
.tri-campaign a:hover,.tri-campaign a:focus-visible{background:#000;color:#fff}
.tri-home .home-page-slider-1 .slider-caption{top:auto;bottom:14%;left:8%;right:8%;max-width:780px;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.tri-home .home-page-slider-1 .slider-title{font-size:clamp(30px,4vw,60px);line-height:1.08;letter-spacing:-.5px;margin-bottom:16px}
.tri-home .home-page-slider-1 .slider-subtitle{font-size:clamp(15px,1.8vw,22px);line-height:1.5;letter-spacing:2px}
.tri-home .home-page-slider-1 .picture{background:#242424}
.tri-home .home-page-slider-1 .picture img{min-height:400px;max-height:640px;width:100%;object-fit:cover}
.tri-home .OCarousel-category-slider .category-list-img{display:block;background:#f5f5f3;padding:16px;text-align:left;color:#171717}
.tri-home .OCarousel-category-slider .category-list-img img{height:180px;width:100%;object-fit:contain}
.tri-home .OCarousel-category-slider .category-list-img div{white-space:normal;overflow:visible;text-overflow:clip;min-height:72px;font-family:barlowbold,Arial,sans-serif;font-size:clamp(14px,1.4vw,20px);padding:16px 0 8px;line-height:1.25;word-break:normal;overflow-wrap:normal;hyphens:auto}

.tri-home .products-box .picture{background:#f7f7f5;height:clamp(150px,18vw,240px);min-height:0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}
.tri-home .products-box .picture>a{display:flex;flex:1;min-height:0;align-items:center;justify-content:center}
.tri-home .products-box .picture img{height:100%;max-height:100%;object-fit:contain}
.tri-home .products-box .low-stock-label{padding-left:48px;font-size:13px;line-height:1.4;flex-shrink:0}
.tri-home .custom-container-fluid-narrow,.tri-home .tri-home-collections{max-width:1320px;padding:24px!important;margin-left:auto;margin-right:auto}
.tri-home .owl-stage{display:flex}
.tri-home .owl-item{float:none;display:flex;flex-direction:column}
.tri-home .owl-item>.item,.tri-home .owl-item>.OCarousel-item,.tri-home .OCarousel-item>.item,.tri-home .products-box,.tri-home .products-box .details{display:flex;flex-direction:column;flex:1}
.tri-home .products-box .add-info{justify-content:flex-end}


.tri-home .OCarousel-container.custom-container-fluid.mlt-products-fluid{padding-bottom:24px}
@media(max-width:767.98px){.tri-home .custom-container-fluid-narrow,.tri-home .tri-home-collections{padding:20px 16px!important}.tri-home .products-box .details.p-3{padding:12px 8px!important}}
.tri-search-all-results a{font-family:barlowbold,Arial,sans-serif}
.ui-autocomplete a span{min-width:0;overflow-wrap:anywhere}
.main-logo img{max-width:100%;object-fit:contain}
.tri-menu-promotion{box-shadow:inset 0 -2px #cd192d}
.tri-menu-promotion a{font-family:barlowbold,Arial,sans-serif}
.tri-home .home-page-slider-1 .picture{position:relative}
.tri-home .home-page-slider-1 .picture:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 85%)}
.tri-menu-promotion p{margin:0}
.menu-toggle-btn{border:0;background:transparent;color:inherit;padding:0}
/* CMS-managed homepage assortment cards. */
.tri-collection{padding:12px 0 8px}.tri-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.tri-collection-heading h2{ text-align:left;font-size:clamp(32px,3.4vw,48px);line-height:1.06;margin:12px 0 0;letter-spacing:-1.4px}.tri-collection-heading p{text-align:left;color:#686868;font-size:15px;line-height:1.6;margin:0}.tri-collection-heading .eyebrow{display:flex;align-items:center;gap:12px}.tri-collection-heading .eyebrow:before{content:'';width:30px;height:3px;background:#cf0a2c}.tri-collection-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.tri-collection-card{isolation:isolate;min-height:460px;position:relative;display:flex;align-items:end;overflow:hidden;background:#202321;color:white}.tri-collection-media img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .45s ease;z-index:-2}.tri-collection-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.88) 100%)}.tri-collection-card:hover .tri-collection-media img{transform:scale(1.04)}.tri-collection-card:focus-visible{outline:3px solid #d20b2e;outline-offset:5px}.tri-collection-copy{width:100%;padding:32px 28px 26px}.tri-collection-kicker{display:block;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:1.4px;color:#ddd}.tri-collection-copy h3{font-size:38px;line-height:1.05;letter-spacing:-.8px;margin:12px 0 14px}.tri-collection-copy p{font-size:14px;line-height:1.55;color:#ddd;margin:0 0 27px}.tri-collection-action{border-top:1px solid #ffffff45;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.3px}.tri-collection-action:after{background:#cf0a2c;color:white;width:32px;height:32px;display:grid;place-items:center;font-size:21px;transition:background .2s}.tri-collection-card:hover .tri-collection-action:after{background:#171717}.tri-collection-accessories .tri-collection-media img{object-position:center 25%;width:100%;max-width:none;left:0}.tri-collection-parts{background:#eeeae4;color:#171717}.tri-collection-parts .tri-collection-media img{width:92%;height:55%;top:0;left:4%;object-fit:contain;mix-blend-mode:multiply}.tri-collection-parts:after{background:linear-gradient(180deg,transparent 20%,#eeeae4 56%)}.tri-collection-parts .tri-collection-kicker,.tri-collection-parts .tri-collection-copy p{color:#585753}.tri-collection-parts .tri-collection-action{border-color:#17171735}.tri-collection-technical{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(#35353508 1px,transparent 1px),linear-gradient(90deg,#35353508 1px,transparent 1px);background-size:30px 30px}.tri-collection-clothing .tri-collection-media img{object-position:66% center}
@media(max-width:991.98px){.tri-collection-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tri-collection-card{min-height:420px}.tri-collection-copy{padding:24px 18px}.tri-collection-copy h3{font-size:30px}.tri-collection-kicker{font-size:9px;letter-spacing:.6px}.tri-collection-heading{gap:20px}.tri-collection-heading p{font-size:13px}}
@media(max-width:767.98px){.tri-collection-heading{display:block;margin-bottom:24px}.tri-collection-heading h2{font-size:36px;max-width:320px}.tri-collection-heading p{font-size:14px;margin-top:18px}.tri-collection-grid{grid-template-columns:1fr;gap:16px}.tri-collection-card{min-height:340px}.tri-collection-accessories{min-height:390px}.tri-collection-copy{padding:26px}.tri-collection-copy h3{font-size:38px}.tri-collection-copy p{font-size:14px;max-width:260px}.tri-collection-kicker{font-size:10px;letter-spacing:1px}.tri-collection-parts .tri-collection-media img{width:62%;height:68%;left:41%;top:0}.tri-collection-parts:after{background:linear-gradient(90deg,#eeeae4 5%,#eeeae4aa 50%,transparent 100%)}.tri-collection-parts .tri-collection-copy{padding-right:60px}.tri-collection-parts .tri-collection-copy p{max-width:210px}.tri-collection-clothing .tri-collection-media img{object-position:66% center}.tri-collection-action{font-size:13px}.tri-collection-accessories .tri-collection-media img{width:100%;left:0}}
@media(prefers-reduced-motion:reduce){.tri-collection-media img,.tri-collection-action:after{transition:none}.tri-collection-card:hover .tri-collection-media img{transform:none}}
.tri-home-collections{margin:48px auto}.tri-home-collections .topic-block{margin:0}.tri-home-collections .topic-block-body{padding:0}.tri-collection-heading h2,.tri-collection-copy h3{font-family:barlowbold,Arial,sans-serif}.tri-home-collections .tri-collection-copy p{font-size:14px;line-height:1.55;text-align:left}.tri-collection-heading .eyebrow{margin:0;font-size:12px;letter-spacing:2px;font-family:barlowbold,Arial,sans-serif}.tri-collection-heading>p{max-width:300px}.tri-collection-action:after{content:"↗";flex-shrink:0}.tri-home-collections .tri-collection-action{margin:0;font-size:12px}.tri-collection-action a,.tri-collection-action a:hover{color:inherit;text-decoration:none;border:0;font-family:barlowbold,Arial,sans-serif}.tri-collection-action a:after{content:"";position:absolute;inset:0;z-index:2}.tri-collection-card:focus-within{outline:3px solid #cd192d;outline-offset:4px}.tri-collection-technical{pointer-events:none}.tri-collection-media img{display:block}
@media(max-width:767.98px){.tri-home-collections{margin:32px auto}.tri-collection-heading h2{font-size:34px}}
/*********************New-color*********************/
/*********************New-color*********************/
.category-add-text, .featured-box-text,
.theme-custom .nivo-controlNav a.active,
.products-box-icon i a,
.go-to-cart-button, .scrollup, .estimate-shipping-button,
.ads-slider-container .owl-carousel button.owl-dot.active,
.go-to-cart-button, .scrollup, .estimate-shipping-button,
.ui-state-default, .ui-widget-content .ui-state-default,
.login-nav-box,
.search-box .search-box-button,
.mini-shopping-cart input[type="button"],
.wishlist-content .update-wishlist-button,
.wishlist-content .wishlist-add-to-cart-button,
.cart-collaterals .coupon-code input[type="submit"],
.account-page .button-1,
.contact-page .button-1,
.search-input .button-1,
.apply-vendor-page .button-1,
.newsletter-subscribe-button:hover,
.checkout-page .button-1,
.ui-slider .ui-slider-range,
.pager li span,
.home-page-slider-1 button.owl-dot.active,
.add-to-cart-wrapper .btn-quick-view,
.cart-quantity,
.home-page-slider-1 .slider-btn,
.home-page-slider-2 .slider-caption .slider-btn,
.top-nav-container .header-links .navbar-nav .search-box-dropdown .search-box-button,
.pager li a:hover,
.home-page-slider-2.owl-carousel .owl-nav button.owl-next,
.home-page-slider-2.owl-carousel .owl-nav button.owl-prev,
.latest-product .owl-carousel .owl-nav button.owl-next,
.latest-product .owl-carousel .owl-nav button.owl-prev,
.thumb-list-slider .owl-carousel .owl-nav button.owl-prev,
.thumb-list-slider .owl-carousel .owl-nav button.owl-next,
.mfp-close-btn-in .mfp-close,
.manufacturers-content .owl-carousel .owl-nav button.owl-prev,
.manufacturers-content .owl-carousel .owl-nav button.owl-next,
.manufactures-area .owl-carousel .owl-nav button.owl-prev,
.manufactures-area .owl-carousel .owl-nav button.owl-next,
.write-review .button-1,
.registration-page .button-1 {
background: #cd192d;
}
.top-nav-container .navbar ul li .nav-link:not(.login-button):hover,
.top-nav-container .navbar ul li.active a:not(.login-button),
.top-nav-container .navbar .dropdown-menu a:not(.login-button):hover,
.featured-products-container .owl-carousel .owl-nav button.owl-next,
.featured-products-container .owl-carousel .owl-nav button.owl-prev,
.featured-products-container .owl-carousel button.owl-dot,
.ads-slider-container .owl-carousel .owl-nav button.owl-next,
.ads-slider-container .owl-carousel .owl-nav button.owl-prev,
.products-gallery .owl-carousel .owl-nav button.owl-next,
.products-gallery .owl-carousel .owl-nav button.owl-prev,
.pagination-box button,
.related-products .owl-carousel .owl-nav button.owl-next,
.related-products .owl-carousel .owl-nav button.owl-prev,
.offer-box-content h2,
.products-gallery h2 span, .blogs-container h2 span, .read-mre-box a,
.footer-nav-header a:hover i,
.products-box .price,
.products-list-header-body ul li strong.active, .products-list-header-body ul li strong,
.categories-container .card-body ul li a:hover,
.item-box .product-title a:hover,
.block .view-all a,
.block .list a:hover,
.products-description .nav-tabs li a.active,
.products-description .nav-tabs li a:hover,
.cart-total .order-total,
.register-container input[type="radio"]:checked + label::before,
.register-container input[type="checkbox"]:checked + label::before,
.follow-us .social a:hover,
.compare-products-table .product-name td a:hover,
.footer-nav li a:hover::before,
.blog-page .tags a,
.blogpost-page .tags a,
.custom-checkbox:checked + label::before,
.home-page-slider-2 .slider-caption h2,
.blog-news-area .single-blog .blog-link,
.blog-news-area .single-news .blog-link,
.post-title:hover, .news-title:hover,
.blog-news-area .single-blog ul li a:hover,
.blog-news-area .single-news ul li a:hover {
color: #cd192d;
}
.read-mre-box::before,
.blogs-container h2::before,
.thumb-list-slider .title h2::before,
.global-header .header-menu .second-dropdown > ul > li > a,
.products-list-header-body,
.global-header .header-menu .second-dropdown > ul > li > a::after,
.blog-news-area .single-news .blog-link::before,
.blog-news-area .single-blog .blog-link::before {
border-bottom-color: #cd192d;
}
.sublist .active a {
border-left-color: #cd192d;
}
.cart-collaterals .coupon-code input[type="submit"],
.ui-slider .ui-slider-range {
border-color: #cd192d;
}
.top-nav-container .navbar .dropdown-menu {
border-top-color: #cd192d;
}
.category-add a:hover .category-add-text,
.products-box-icon i a:hover,
.go-to-cart-button:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.account-page .button-1:hover,
.search-input .button-1:hover,
.wishlist-content .update-wishlist-button:hover,
.wishlist-content .wishlist-add-to-cart-button:hover,
.mini-shopping-cart input[type="button"]:hover,
.contact-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.top-nav-container .navbar ul li .login-nav-box:hover,
.checkout-page .button-1:hover,
.top-nav-container .navbar,
.cart th {
background: #000;
}
/*********************New-color*********************/
/*********************New-color*********************/
@media(min-width: 992px) and (max-width: 1200px) {
.header-menu .nav-item a {
font-size: 13px;
}
.OCarousel-container .OCarousel-picture-wrapper .title {
padding: 10px 20px;
font-size: 18px;
}
.top-nav-container .navbar .header-upper .header-links .nav-link {
font-size: 12px !important;
padding: 19px 10px;
}
}
@media(max-width: 992px) and (max-width: 1199px) {
.advanced-products-tab .owl-carousel .owl-nav {
top: 15px !important;
position: relative;
}
.search-page .container, .search-page .container .col-12 {
padding-right: 0;
}
.product-details-page .overview .go-to-cart-button {
padding: 12px 10px;
font-size: 13px;
}
}
@media (max-width: 1200px) {
.cart .product a {
width: 100%;
display: block;
/* overflow: hidden; */
/*white-space: break-spaces;*/
}
}
@media (max-width: 800px) {
.products-tab-container .add-to-cart-button strong {
display: none;
}
}
@media (max-width: 1250px) {
.main-logo a img {
width: 118px;
}
}
@media (max-width: 1024px) {
.header-menu .navbar-nav .first-lebel-nav > a, .header-menu .navbar-nav .dropdown-menu-list > a, .header-menu .navbar-nav .first-lebel-nav > p > a {
padding: 18px 10px !important
}
.add-to-cart-button-detail {
margin-left: 10px;
}
.overview .actions .add-to-wishlist {
margin-left: 10px;
}
.overview .actions .add-to-cart-button-detail button {
padding: 10px 20px;
}
.products-box-icon i a {
height: 33px !important;
}
.qtyminus {
margin-left: 15px;
bottom: 0px;
right: -15px;
height: 22px;
padding: 6px 7px;
}
.picture img {
width: 100%;
}
.picture {
float: inherit !important;
}
}
@media (max-width: 1400px) {
.main-logo a img {
width: 130px;
}
/*.global-header .second-dropdown {
height: 300px;
}*/
}
@media (max-width: 1500px) {
.OCarousel-container .owl-carousel, .products-tab-container .row, .footer-container .row, .custom-container-fluid .order-summary-content {
max-width: 100% !important;
margin: auto;
}
}
@media (max-width: 1920px) {
.OCarousel-container .owl-carousel, .products-tab-container .row, .footer-container .row, .custom-container-fluid .order-summary-content, .billing-address-page .checkout-data, .html-payment-method-page .checkout-data, .html-payment-info-page .checkout-data, .html-order-confirm-page .checkout-data {
max-width: 1400px;
margin: auto;
}
}
@media (min-width: 992px) {
.header-menu .navbar-nav .first-lebel-nav > a, .header-menu .navbar-nav .first-lebel-nav > p > a {
padding: 18px 21px;
border-radius: unset;
border-bottom: 0;
transition: all 0.3s;
display: inline-block;
line-height: 24px;
font-weight: bold;
letter-spacing: 1px;
}
.header-menu .navbar-nav .first-lebel-nav > a:hover, .header-menu .navbar-nav .first-lebel-nav > p > a:hover {
text-decoration: none;
}
.header-menu .navbar-nav .dropdown-menu-list > a {
padding: 18px 10px;
border-radius: unset;
border: none;
border-bottom: 0;
transition: all 0.3s;
display: inline-block;
line-height: 24px;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}
.header-menu .navbar-nav .dropdown-menu-list > a:hover {
text-decoration: none;
}
.navbar .dropdown.nav-item {
position: static;
}
.top-nav-container .navbar .dropdown-menu {
width: 100%;
margin: auto;
}
.top-nav-container .navbar .dropdown-menu.store-search-box {
width: 420px;
}
.product-details-page .gallery {
float: none;
width: 100%;
}
.product-details-page .picture, .product-details-page .picture img {
width: 100%;
}
}
@media(min-width: 768px) and (max-width: 1199px) {
.home-page-slider-1 .slider-caption {
top: 15%;
left: 20%;
}
.home-page-slider-1 .slider-title {
font-size: 36px;
}
.home-page-slider-1 .slider-subtitle {
font-size: 28px;
letter-spacing: 5px;
margin-bottom: 18px;
}
}
@media (min-width: 320px) and (max-width:767px) {
.home-page-slider-1 .slider-caption {
display: block;
position: static;
background: #171717;
padding: 24px 20px 44px;
text-shadow: none;
}
.home-page-slider-1 .owl-dots {
left: 45%;
}
.top-nav-container .navbar .dropdown-cart .dropdown-menu {
/*font-display: none !important;*/
}
.bike-search-container {
right: 1.0rem;
}
.no-mobile {
display: none !important;
}
.mobile-bc-row {
margin-right: -63px;
margin-left: -63px;
font-size: 12px;
}
}
@media(max-width: 767px) {
.home-page-slider-2.owl-carousel .owl-nav button.owl-prev, .home-page-slider-2.owl-carousel .owl-nav button.owl-next {
padding: 10px !important;
}
.categories-container h5 {
font-size: 15px;
}
.global-header .header-selectors {
float: none;
text-align: center;
margin: 0 auto;
justify-content: center;
}
.global-header .admin-links {
float: none;
text-align: center;
margin: 0 auto;
}
.product-details-page .qty {
width: 96% !important;
}
}
@media(max-width: 575px) {
.featured-products-container .owl-carousel .owl-nav button.owl-next, .featured-products-container .owl-carousel .owl-nav button.owl-prev, .featured-products-container .owl-carousel button.owl-dot, .ads-slider-container .owl-carousel .owl-nav button.owl-next, .ads-slider-container .owl-carousel .owl-nav button.owl-prev, .products-gallery .owl-carousel .owl-nav button.owl-next, .products-gallery .owl-carousel .owl-nav button.owl-prev, .bestsellers .owl-carousel .owl-nav button.owl-next, .bestsellers .owl-carousel .owl-nav button.owl-prev, .pagination-box button, .thumb-list-slider .owl-carousel .owl-nav button.owl-next, .thumb-list-slider .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-next, .home-page-slider-2.owl-carousel .owl-nav button.owl-prev, .home-page-slider-2.owl-carousel .owl-nav button.owl-next {
padding: 8px !important;
font-size: 12px;
}
.top-nav-container .navbar .dropdown-menu.store-search-box {
right: -125px;
}
}
@media (min-width: 768px) {
.offer-box-content {
height: 150px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0;
}
}
@media(max-width:1199.98px) {
.products-box-icon {
position: absolute;
margin-top: 0px;
top: 10px;
right: 15px;
z-index: 100;
width: auto;
height: auto;
}
.products-box-icon i {
color: #000;
line-height: 1;
}
.products-box-icon i a {
border-right: 0px !important;
width: auto;
margin-top: 0px;
}
.add-to-cart-button button {
margin-right: 0px;
}
.bike-filter .block a {
font-size: 14px
}
}
/*********************Mobile View*********************/
@media(max-width: 991.98px) {
.footer-nav-header h5 strong {
color: #a09da7 !important;
}
}
@media(max-width: 575px) {
.date-of-birth select {
min-width: 100%;
margin: 0 0 15px 0 !important;
}
.search-text-box, .login-text-box, bikepopup-label {
display: none;
}
}
@media (max-width: 991.98px) {
.title-container {
margin: 25px 0 30px 0;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
width: auto !important;
left: 5% !important;
top: 90px !important;
}
#newsletter {
padding: 3px 7px;
}
.home-page-newsletter {
padding: 0 !important;
}
.home-page-newsletter .block-text-title {
font-size: 16px;
}
.home-page-newsletter .block-text-bottom form button {
font-size: 12px !important;
padding: 3px 8px !important;
line-height: normal;
width: 200px;
}
.mobile-menu {
box-shadow: 1px 15px 10px rgba(0, 0, 0, 0.5);
}
.latest-blog-container {
padding: 20px 0 0 0 !important;
}
.mobile-menu a.nav-link {
display: block;
width: 100%;
}
.top-nav-container .navbar ul li .nav-link {
padding: 1rem;
border-top: 1px solid #eee;
}
.top-nav-container .navbar .logo {
padding: 1rem 0;
}
.navbar-nav {
max-height: 80vh;
overflow: scroll;
}
.top-nav-container .navbar .dropdown-menu {
width: 100%;
}
.top-nav-container .navbar .dropdown-menu {
margin-top: 0;
}
.top-nav-container .navbar {
padding: 0.5rem 1rem;
}
.main-slider h2 {
font-size: 20px;
font-family: 'barlowbold';
}
.main-slider h3 {
letter-spacing: 0;
}
.ads-slider-container .owl-carousel .owl-nav button.owl-next, .ads-slider-container .owl-carousel .owl-nav button.owl-prev {
padding: 5px 10px !important;
}
.advantages-box .border-right {
border-right: 0 !important;
}
.advantages-box .col-md-3 {
padding-top: 30px;
}
.advantages-box {
padding: 1rem !important;
}
.copyright-container, .social-media-icon, .payment-icon, .copyright-text {
text-align: center;
padding-bottom: 15px;
}
.featured-products-box {
padding-bottom: 15px;
}
.blogs-container, .bestsellers {
padding: 20px 0 !important;
}
.products-gallery {
padding: 20px 20px 0 20px;
}
.products-body-content .products-gallery {
padding: 0;
}
h2 {
font-size: 18px;
}
.featured-products-container .owl-nav {
position: relative;
}
.featured-products-container, .ads-slider-container {
margin-top: 15px !important;
}
.top-nav-container .navbar ul li .nav-link:hover, .top-nav-container .navbar ul li.active a, .top-nav-container .navbar .dropdown-menu a:hover {
border-bottom: 0;
}
.ads-slider-container {
padding: 50px 0 0 0 !important;
}
.products-body-content .col-md-3 {
padding: 0 !important;
}
.products-list-container-body, .products-body-content {
padding: 0 1rem;
}
.products-list-header-body a span.icon-products-view-1, .products-list-header-body a span.icon-products-view {
padding: 15px 0 0 0;
display: block;
}
.products-box .products-box-icon {
transform: translateX(0) !important;
opacity: 1;
}
.add-to-cart-button-detail {
position: relative;
/* width: 100%; */
}
.overview .actions .quantity {
max-width: 100px;
}
.product-essential.row {
padding-bottom: 0px !important;
}
.overview {
margin: 0px;
}
.overview .product-name {
margin-top: 0px;
}
.overview .product-name h1 {
font-size: 23px;
font-weight: bold;
}
.overview .product-name h5 {
font-size: 14px;
font-weight: bold;
}
.overview {
font-size: 14px;
}
.gallery .picture {
max-width: 86%;
}
/*.products-description .nav-tabs li,
.products-tab-container .nav-tabs li {
width: 100%;
border-top: 1px #dddbe4 solid;
}*/
.products-gallery .owl-carousel .owl-nav button.owl-next, .products-gallery .owl-carousel .owl-nav button.owl-prev {
padding: 10px 15px !important;
font-size: 10px !important;
}
.personal-details button {
width: 100% !important;
}
.register-container {
padding: 20px !important;
}
.register-container-box .col-md-10, .register-container-box .col-md-7 {
padding: 0;
}
.top-nav-container .navbar ul li .nav-link {
border-bottom: 0;
}
.start-cart-container .col-md-4 {
padding: 0 !important;
}
.products-quick-box .modal-dialog {
max-width: 95%;
}
.products-quick-box .modal-dialog .products-gallery {
padding: 0;
}
.featured-products-container {
padding: 0 5px;
}
.product-selectors select {
padding-right: 30px !important;
}
.main-logo img {
width: 100px;
/*vertical-align: baseline;*/
}
.main-logo.d-lg-inline-block {
display: none !important;
}
.main-logo.d-lg-none {
display: inline-block !important;
}
.header-menu {
z-index: 1;
width: auto;
max-width: 100%;
margin: 0;
}
.menu-toggle {
line-height: 15px;
}
li.nav-item.dropdown {
width: 100%;
}
.top-menu .sublist {
display: none;
background-color: #fff;
margin: 0 7px;
}
.top-nav-container .navbar ul li .nav-link {
padding: 10px;
border-top: 1px solid transparent;
color: #fff;
}
.top-nav-container .navbar ul {
border-bottom: 1px solid #eee;
}
.header-upper {
width: auto;
position: static;
}
.header-links-wrapper {
position: static;
}
.header-upper .navbar-nav {
flex-direction: row;
overflow: visible;
}
.header-upper .nav-item {
position: static;
}
.top-nav-container .navbar ul:not(.sublist) > li > .nav-link:hover {
border-bottom: solid 0px #f05f5c;
}
.cart-quantity {
right: 10px;
}
.search-box form {
width: 100%;
}
.search-box input, .search-box input.search-box-text {
width: 100%;
padding-right: 50px;
}
.search-box .search-box-button {
position: absolute;
right: 0;
top: 0;
}
.newsletter-email input[type="email"] {
width: calc(100% - 44px);
}
.header-links-wrapper {
padding: 0;
}
.top-nav-container .navbar ul {
border: none;
}
.top-nav-container .navbar .navbar-nav {
padding-right: 23px;
}
.top-nav-container .navbar {
padding: 0;
}
.mobile-menu-wrapper {
background: #000;
position: relative;
}
.top-nav-container .top-menu.mobile a.nav-link {
color: #46282a;
border-right: none;
}
.menu-toggle {
width: auto;
padding: 12px;
}
.navbar .icon-nav {
font-size: 22px;
}
.navbar .icon-nav {
color: #fff;
transform: rotateY(180deg);
display: inline-block;
vertical-align: baseline;
cursor: pointer;
}
.icon-search, .icon-user, .icon-cart, .icon-love {
font-size: 18px;
}
/*.top-nav-container .header-links .navbar-nav
.search-box-dropdown .search-box-button {
padding: 17px;
}*/
.header-menu {
position: static;
display: inline-block;
}
.top-menu > li {
position: relative;
margin: 0;
background-color: #fff;
}
.top-nav-container .navbar {
padding-bottom: 0;
}
.search-box form {
position: relative;
}
#cart-list-box {
position: relative;
padding-right: 8px;
}
.ads-slider-container .owl-carousel button.owl-dot {
margin: 5px 5px 5px 5px;
}
.theme-custom {
margin-bottom: 0 !important;
}
.products-list-header-body select, .products-description-container select, .manufacturers-container select, .checkout-box select, .product-selectors select, .date-of-birth select, .attributes select {
padding: 5px;
}
/*ocarousel style*/
.OCarousel-container .OCarousel-picture-wrapper .title {
position: relative;
text-align: center;
left: initial;
right: initial;
margin-top: 15px;
}
.products-box .products-box-icon .quick-view-plugin-btn {
display: none !important;
}
.accordion .block {
max-width: 100%;
}
.top-nav-container .navbar .dropdown-menu.store-search-box {
width: 300px;
}
.top-nav-container .navbar .header-links .search-box-dropdown {
position: static;
}
.top-nav-container .navbar .header-links .search-box-dropdown > .store-search-box {
left: 15px;
right: 15px;
width: auto;
min-width: 0;
box-sizing: border-box;
}
.advanced-products-tab .products-box-icon, .products-tab-container .col-md-4 {
display: none !important;
}
.products-tab-container .col-md-8 {
max-width: 100% !important;
width: 100% !important;
}
.products-tab-container .add-to-cart-button button {
font-size: 13px;
}
.advanced-products-titel {
position: relative;
}
.advanced-products-titel-box {
display: block;
}
.search-results .item-grid .item-box {
display: flex;
width: 50%;
padding: 0px 5px;
margin: 0px 0px 30px 0px;
flex-shrink: 0;
}
}
@media (max-width: 767px) {
.search-page .container {
max-width: 100%;
margin-left: -15px;
margin-right: -15px;
}
.categories-container .card-body .list > li {
width: 33.33%;
}
}
@media (max-width: 575px) {
.top-nav-container .navbar .header-upper .header-links .nav-link {
padding-left: 6px;
padding-right: 15px;
}
.product-selectors select {
min-width: auto !important;
width: 100%;
}
.product-selectors .product-sorting {
width: 64% !important;
}
.product-selectors .product-page-size {
width: 34% !important;
}
.icon-cart {
font-size: 18px;
}
.main-logo a img {
width: 120px !important;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg .navbar-collapse:not(.show) {
display: none !important;
}
.footer-nav-header {
text-align: center;
}
.social a {
padding: 10px;
display: block !important;
border-bottom: 1px solid #babac2;
}
.payment-icon {
text-align: center !important;
padding: 10px 0;
}
}
@media (max-width: 767px) {
.featured-box-text.w-75 {
width: 100% !important;
background: #fff;
}
.featured-products-box {
background-image: none;
}
.featured-box-text {
bottom: 20%;
transform: translate(0, 0);
position: static;
background: none;
font-family: 'barlowbold';
font-size: 14px;
padding-top: 20px;
}
.offer-box-content h2 {
font-size: 20px;
}
.ads-slider-container .owl-nav {
display: none;
}
}
@media (max-width: 991.98px) {
.flyout-cart {
display: none;
}
.menu-toggle-btn {
display: block;
margin: 0 12px;
}
.mobile-menu {
position: absolute;
top: 100%;
left: -100%;
bottom: 0;
width: 280px;
transition: left 0.3s, visibility 0.3s;
visibility: hidden;
overflow: auto;
background: white;
height: 100vh;
}
.mobile-menu.isActive {
visibility: visible;
left: 0 !important;
display: block !important;
}
.mobile-menu .nav-link {
border-bottom: 1px solid #eeeeee !important;
}
.mobile-menu .nav-link:hover {
border-right: 3px solid #d31039;
border-bottom: unset !important;
}
.cart-options .common-buttons {
text-align: center;
}
.register-block, .returning-wrapper {
padding: 3rem 20px !important;
}
}
@media(max-width: 575px) {
.home-page-slider-2.owl-carousel .owl-nav {
left: 35%;
bottom: 10px;
}
.category-page .btn-info strong {
display: none;
}
.add-to-cart-button button {
font-size: 13px;
}
.add-to-cart-button button {
padding: 10px 10px;
}
.attributes-content-box dd {
width: 60% !important;
}
}
.home-page-slider-2.owl-carousel .owl-dots {
display: none !important;
}
.home-page-slider-2 .single-slide-content {
display: flex;
justify-content: center;
align-items: center;
}
@media(max-width: 991.98px) {
.home-page-slider-2.owl-carousel .owl-nav {
margin: 0 18px;
}
}
.home-page-slider-2 .slider-caption {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #ffffff;
}
.home-page-slider-2 .slider-caption h2 {
font-size: 45px;
font-family: 'barlowbold';
text-transform: uppercase;
font-weight: 500;
}
@media(max-width: 991.98px) {
.home-page-slider-2 .slider-caption h2 {
font-size: 32px;
}
.categories-container {
padding: 0;
}
/*.products-list-header {
padding: 15px;
height: 100px;
}*/
.products-list-header h1 {
font-size: 1.3rem;
}
.home-page-slider-container .owl-carousel .owl-dots {
display: block !important;
}
.owl-carousel .owl-dots {
display: none;
}
.owl-carousel .owl-nav {
position: inherit;
top: 20px;
width: auto;
display: block;
text-align: center !important;
}
.owl-carousel .owl-nav button.owl-next {
margin-left: 0 !important;
}
.owl-carousel .owl-nav button.owl-prev {
margin-right: 16px !important;
}
.products-box-new-icon-set {
/* width: 100%; */
}
.title-container {
margin: 0;
text-align: center;
}
.OCatrousel-container.custom-container-fluid-narrow {
padding: 20px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
.custom-container-fluid-narrow {
padding: 20px !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
.custom-container-fluid {
padding-left: 30px !important;
padding-right: 30px !important;
}
.overview .product-name {
margin-top: 0px;
}
.seo-left {
display: none;
}
.attributes select {
width: 100% !important;
}
.add-to-wishlist {
margin-left: 15px;
}
}
@media(max-width: 767px) {
.home-page-slider-2 .slider-caption h2 {
font-size: 28px;
}
.product-variant-line {
align-items: center;
flex-direction: column;
}
.variant-overview .prices {
justify-content: center;
}
.product-selectors select {
border: solid 1px #dddbe4;
}
.side-2 .seo-side {
display: none;
}
}
@media(min-width: 320px) and (max-width: 991.98px) {
.blog-news-area .blog-news-header {
font-size: 24px;
}
}
@media(min-width: 320px) and (max-width: 575px) {
.blog-news-area .single-blog {
margin-bottom: 15px;
}
.top-nav-container .header-links .navbar-nav .dropdown-login .user-login-box {
width: 300px;
}
.top-nav-container .navbar .dropdown-login .dropdown-menu.store-search-box {
right: -107px;
}
.top-nav-container .navbar .user-login-box:before {
right: 107px;
}
.top-nav-container .header-links .navbar-nav .dropdown-login .nav-link {
font-size: 16px;
}
.product-essential .overview-buttons .row > div {
padding-right: 0;
padding-left: 0;
}
.related-products-grid .row > div {
padding-left: 0;
padding-right: 0;
}
.also-purchased-products-grid > div {
padding-left: 0;
padding-right: 0;
}
}
@media(min-width: 768px) and (max-width: 991.98px) {
.product-grid .item-box {
width: 48%;
margin: 10px 1%;
}
.manufacturer-logo-name {
padding: 8px;
}
.filters-box .filters-box-header h5, .block-category-navigation h5, .block-recently-viewed-products h5, .block-popular-tags h5 {
font-size: 13px;
letter-spacing: 0px;
text-transform: capitalize;
font-weight: normal;
}
}
@media(min-width: 320px) and (max-width: 767px) {
.product-grid .item-box {
width: 48%;
margin: 0 1% 15px;
}
.search-page .product-selectors {
display: flex;
justify-content: space-between;
}
.product-selectors .product-sorting {
width: 40%;
}
.product-selectors .product-page-size {
width: 30%;
margin-left: auto;
}
.product-selectors select {
width: 100%;
}
.top-nav-container .navbar .dropdown-menu.store-search-box .search-box-text {
height: 44px;
min-width: 150px;
}
}
@media(max-width:1200px) {
.header-menu .nav-item a {
font-size: 13px;
}
}
@media(max-width:1260px) {
.header-menu .nav-item a {
font-size: 13px;
}
}
@media(max-width:800px) {
.category-page .col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media(max-width:800px) {
.overview .actions {
padding-top: 55px
}
.overview .actions .quantity {
position: absolute;
top: 0px;
left: 0px
}
.overview .actions .add-to-cart-button-detail {
margin-left: 0px;
}
.overview .actions .add-to-cart-button-detail {
width: 100%;
}
.overview .actions .add-to-cart {
flex-grow: 1;
}
}
@media(max-width:480px) {
.products-box-icon {
top: 5px;
right: 10px;
}
.search-results .item-grid .item-box {
margin: 0px 0px 10px 0px;
}
.item-box .details {
padding: 16px 10px !important
}
.product-selectors span {
display: none;
}
.product-selectors > div {
flex-grow: 1
}
.product-selectors select {
width: 100%
}
}
@media (max-width: 450px) {
.item-grid .item-box .products-box .products-box-icon {
position: static;
width: 40px;
height: 40px;
}
.add-to-cart-button {
flex-grow: 1
}
.add-to-cart-button button {
width: 100%;
}
.products-box-new-icon-set {
width: 100%;
}
.products-box-new-icon-set {
display: flex;
}
.item-grid .item-box .go-to-cart-button strong.text-uppercase {
display: none;
}
.products-box-icon i {
color: #fff;
}
}
@media(max-width:420px) {
.categories-container .card-body .list > li {
width: 50%;
}
}
/* Mobile side nav */
.filter-footer {
display: block;
margin-top: auto;
margin-bottom: 1rem;
}
.filter-footer > .close-btn, .filter-footer > .reset-btn {
width: calc(50% - 1rem);
display: inline-flex;
text-align: center;
padding: 0.5rem 1rem;
margin: 0.5rem 0.5rem;
height: 2rem;
vertical-align: middle;
align-items: center;
justify-content: center;
cursor: pointer;
}
.filter-footer > .reset-btn {
background-color: #CB0D26;
color: #fff;
}
.filter-footer > .close-btn {
background-color: #000;
color: #fff;
}
.filter-header {
display: flex;
justify-content: flex-end;
}
.filter-header > .close-btn {
width: auto;
color: #000;
margin-right: 1rem;
font-size: 2.4rem;
}
@media (min-width: 768px) {
.filter-header {
display: none !important;
}
.filter-footer {
display: none !important;
}
.mobile-only {
display: none!important;
}
}
@media (max-width : 767px) {
.store-info-banner-ES {
overflow: hidden;
}
#mobile ~ .dp-filter-wrap > .card {
padding: 10px 20px 20px 20px;
}
#mobile ~ .dp-filter-wrap {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 100%;
height: 100vh;
height: 100dvh;
padding: 10px 0px 0px 0px;
z-index: 9999;
background-color: #fff;
overflow-y: auto;
transform: translateX(-100%);
display: flex;
transition: 0.3s ease-in-out;
flex-direction: column;
}
#mobile:checked ~ .dp-filter-wrap {
transform: translateX(0);
box-shadow: 3px 3px 10px 7px rgb(0 0 0 / 9%);
}
#mobile ~ .accordion.dp-filter-wrap .block {
margin-bottom: 0px;
padding: 20px 0px;
background-color: transparent;
border-bottom: 1px solid #E0E2E7;
}
#mobile ~ .accordion.dp-filter-wrap .block .card-body {
margin-top: 15px
}
.html-filter-open {
overflow-y: hidden !important;
}
.html-filter-open .global-header {
z-index: -1;
}
.products-list-header {
padding: 0 0 10px 0 !important;
}
.side-2 {
margin: 0 !important;
}
.home-page-welcome-text left-side-ads {
display: none;
}
.pc-only {
display: none!important;
}
}
.clear-filters label {
font-size: 20px;
color: #090909;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0px;
margin-right: 20px !important;
padding-left: 28px;
background-image: url(../images/filter-icon.svg);
background-size: 18px;
background-repeat: no-repeat;
background-position: center left;
}
#price-collapse .listbox .filter-section.list {
display: block;
}
.dp-search-bar input[type='reset'] {
display: none!important;
}
.clear-filters {
text-align: left;
}@media(max-width:767.98px){
.tri-home-editorial{margin:32px auto;padding:0 16px}
.tri-home-editorial h1{font-size:28px}
.tri-home-editorial h1 small{font-size:16px;margin-top:12px}
.tri-home-editorial h2{font-size:25px}
.tri-home-editorial p{font-size:16px;line-height:1.65}
.tri-home-dealer{padding-top:28px}
.tri-home-campaign{padding:0 16px;margin:20px auto}
.tri-home-campaign .tri-campaign{padding:22px;flex-direction:column;align-items:stretch;gap:20px}
.tri-campaign h2{font-size:26px}
.tri-campaign a{text-align:center}
.tri-home .home-page-slider-1 .slider-caption{max-width:none}
.tri-home .home-page-slider-1 .slider-title{font-size:30px}
.tri-home .home-page-slider-1 .slider-subtitle{font-size:15px;letter-spacing:1px}
.tri-home .home-page-slider-1 .picture img{height:auto;min-height:0;max-height:none;object-fit:contain}
.tri-home .OCarousel-category-slider .category-list-img img{height:140px}
}

@media (min-width: 992px) {
    .header-menu .navbar-collapse > .navbar-nav {
        flex-wrap: nowrap !important; /* MegaMenu uses Bootstrap's flex-wrap utility. */
    }
    .top-nav-container .header-menu .navbar-collapse > ul > li.nav-item > a,
    .top-nav-container .header-menu .navbar-collapse > ul > li.nav-item > p > a {
        white-space: nowrap;
        font-size: clamp(12px, calc(1.1vw + 1px), 17px);
        padding-inline: clamp(4px, calc(2vw - 16px), 20px);
    }
}

@media (min-width: 992px) {
    .filter-section.accordion > .ajaxfilter-section[role="tabpanel"] {
        display: block !important; /* DevPartner sets display inline on collapsed facets. */
    }

    .filter-section .filters-box-header h5[data-target] {
        pointer-events: none;
        cursor: default;
    }

    .filter-section .filters-box-header .rotate-icon {
        display: none;
    }
}