/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.paragraph ul {list-style: disc; margin-left: 20px;}

/* POSITION CLASSES */
.wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.clear {
    clear: both;
}
.dpn {
    display: none!important;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatRightI {
    float: right!important;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt80{
    margin-top: 80px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb100 {
    margin-bottom: 100px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.pb5{
    padding-bottom: 5px;
}

/* FONT CLASSES */
.lightFont {
    font-family: 'open sans';
    font-weight: 300;
    font-style: normal;
}
.regularFont {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
}
.semiBoldFont {
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
}
.boldFont {
    font-family: 'open sans';
    font-weight: 700;
    font-style: normal;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
strong {
    font-weight: bold!important;
}
.italic {
    font-style: italic;
}
em {
    font-style: italic;
}
.centerText {
    text-align: center;
}

.title-1{font-size: 26px; line-height: 1.5;}
.title-2{font-size: 24px; line-height: 1.5;}
.title-3{font-size: 20px; line-height: 1.5;}
.title-4{font-size: 18px; line-height: 1.5;}
.title-5{font-size: 16px; line-height: 1.5;}
.title-6{font-size: 14px; line-height: 1.5;}
.title-7{font-size: 12px; line-height: 1.5;}

/* GENERAL STYLING CLASSES */
.backgroundCover {
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
.clearFix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.relative {
    position: relative;
}
.formshowerror {
    border: 1px solid red;
    background-color: #ffd0d0;
    color: red;
}

/* GENERAL ELEMENTS */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    margin: 0;
    background-color: #E9ECEF;
    line-height: 2;
    font-size: 14px;
}
a {
    color: inherit;
}
.paragraph,
p {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    font-size: 14px;
}
.paragraph.content p {
    margin-bottom: 1rem
}
.paragraph img,
p img {
    max-width: 100%;
    height: auto;
}
.paragraph.white,
p.white,
.btn.white {
    color: white!important;
}
.paragraph.italic,
p.italic {
    font-style: italic;
}
.paragraph.small,
p.small {
    font-size: 12px;
}
.paragraph a,
p a {
    color: black;
    text-decoration: none;
}
.paragraph a:hover,
p a:hover {
    color: black;
}

/* COL */
.col-padding {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.col-padding-right {
    padding-right: 15px;
}
.col-padding-left {
    padding-left: 15px;
}
.s-show,
.s-show-block {
    display: none;
}

input {
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
}
h1,
.h1 {
    font-size: 2.0rem;
}
h2,
.h2 {
    font-size: 1.8rem;
}
h3,
.h2 {
    font-size: 1.6rem;
}
h4,
.h4 {
    font-size: 1.4rem;
}
h5,
.h5 {
    font-size: 1.2rem;
}

/* PAGES */
.logo {
    position: fixed;
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    top: 0;
    left: -230px;
    width: 230px;
    height: 60px;
    background-color: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 13px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    z-index: 1030;
    transition: all 0.2s ease-in-out;
}
.logo-mobile {
    position: relative;
    z-index: 1030;
    transition: all 0.2s ease-in-out;
    width: 120px;
    top: 12px;
}

.logo img {
    width: 120px;
    margin-top: 10px;
}
.logo-mobile img {
    max-width: 100%;
}

.logo a:hover, .log-mobile a:hover {
    text-decoration: none;
    color: #0096ff;
}
    
    /*BUTTONS*/
.btn-brand {
     background-color: rgb(229, 34, 50);
     color: white;
     border-color: rgb(229, 34, 50);
 }
.btn-brand:hover {
    background-color: #d02a29;
}

.btn-success {
    background-color: rgb(6, 72, 73) !important;
    border-color: rgb(88, 123, 125) !important;
}
.btn-success:hover {
    background-color: rgb(51, 96, 98) !important;
}

.btn-grey {
    background-color: #e9ecef;
    color: black;
}
.btn-grey:hover {
    background-color: #dedede;
}
.btn-default{
    background-color: white;
    border: 1px solid #dee2e6;
}

.fixed-btn-favorites {
    width: calc(100% - 230px);
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-left: 230px;
    z-index: 999;
    font-size: 20px;
}

.submit-favorites.bottom{
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    bottom: 0;
    right: 0;
    z-index: 101;
    position: fixed;
    width: calc(100% - 495px);
    padding: 10px 0;
    background-color: white;
}

.collapsed-menu .submit-favorites.bottom{
    width: calc(100% - 60px);
    transition: 0.3s;
}
.collapsed-menu.expand-menu .submit-favorites.bottom{
    width: calc(100% - 230px);
    transition: 0.3s;
}
.modal .submit-favorites.bottom{
    float: left;
    position: relative;
    box-shadow: none;
    width: 100%;
}
    /*PANELS*/
.sideLeft {
    position: fixed;
    top: 60px;
    left: -230px;
    bottom: 0;
    z-index: 100;
    width: 230px;
    background-color: #212d36;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.2s ease-in-out;
}

.sideleftMenu{
    position: relative;
    padding-bottom: 100px;
    min-height: calc(100% - 50px);
    min-height: calc(100% - 50px);
}

.mainPanel {
    margin-left: 0;
    margin-top: 60px;
    transition: all 0.2s ease-in-out;
	width: calc(100% - 230px);
}

/*SIDEBAR*/
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.sidebarLabel {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    color: #fff;
    letter-spacing: 1px;
    opacity: .3;
    white-space: nowrap;
}
.menuLink {
    color: #adb5bd;
    display: block;
    font-size: 14px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.menuLink:hover,
.menuLink:focus {
    color: #fff;
    background-color: #344757;
    text-decoration: none;
}
.menuLink:focus,
.menuLink:active {
    outline: none;
}
.menuLink.showSub {
    background-color: #19242f;
    color: #fff;
}
.menuLink#active {
    background-color: #19242f;
    color: #fff;
}
.menuItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    height: 40px;
    letter-spacing: 0.2px;
    font-size: .85rem;
}
.menuItemIcon {
    width: 18px;
    transition: all 0.2s ease-in-out;
}
.menuItemLabel {
    white-space: nowrap;
    margin-left: 10px;
    margin-right: auto;
}
.menuItemLabel,
.menuItemArrow {
    transition: all 0.2s ease-in-out;
}

.menuItemArrow {
    padding: 10px 5px 10px 10px; /* Added to create more clickable space */
}

.menuSub {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 27px;
    background-color: #000000;
    display: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.menuSub .navLink {
    line-height: 1.5;
    font-size: 13px;
    color: #adb5bd;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.menuSub.active{
    display: block;
}

.menuSub .navLink:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -0.5px;
    width: 2px;
    height: 2px;
    background-color: #fff;
    opacity: .5;
    transition: all 0.2s ease-in-out;
}
.menuSub .navLink:hover,
.menuSub .navLink:focus {
    color: #18a896;
    text-decoration: none;
}
.menuSub .navLink:hover:before,
.menuSub .navLink:focus:before {
    width: 4px;
    height: 4px;
    left: -6px;
    opacity: 1;
    background-color: #044849;
}
.menuSub .navLink.active {
    color: #044849;
}
.menuSub .navLink.active:before {
    width: 20px;
    left: -15px;
    opacity: 1;
    background-color: #044849;
}
.collapsed-menu .sideLeft {
    left: 0;
}
.collapsed-menu .mainPanel {
    width: calc(100% - 60px);
}
.navItem {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: left;
    justify-content: left;
    position: relative;
}
.navItem i{
    cursor: pointer;
    margin-left: 0 !important;
}
.navLink {
    color: #868e96;
    border: 0;
    padding: 5px 10px;
    border-radius: 0;
}
.rightMenu .navItem{
    display: block;
}
.rightMenu .navItem ul{
    padding-left: 20px;
    float: left;
    background-color: #e4e4e4;
    width: 100%;
    border-left: 2px solid #079e8c;
}

.rightMenu .navItem ul ul{
    border-left: none;
    padding-left: 10px;
}

.rightMenu .navItem ul ul li a{
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*HEADER*/
.header {
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}
.header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 3px;
    background-color: #fff;
    z-index: 1040;
}
.headerLeft {
    display: flex;
}
.headerRight {
    display: flex;
    align-items: flex-end;
}
.headerRight .form-control {
    border: 0;
    border-radius: 0;
    padding: 0 20px;
    outline: none;
    height: 60px;
}
.headerRight .input-group-btn {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.headerRight .input-group-btn .btn,
.headerRight .input-group-btn button {
    background-color: #fff;
    border-radius: 0;
    border: 0;
    color: #868e96;
    padding-left: 20px;
    padding-right: 20px;
}
.headerRight .input-group-btn .btn:hover,
.headerRight .input-group-btn button:hover,
.headerRight .input-group-btn .btn:focus,
.headerRight .input-group-btn button:focus {
    color: #343a40;
    box-shadow: none;
}
.headerRight a {
    color: #868e96;
}
.headerRight a:hover,
.headerRight a:focus {
    color: #343a40;
    text-decoration: none;
}
.counter {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 50%;
}
.mediaListLink {
    display: block;
    transition: all 0.2s ease-in-out;
}
.naviconLeft {
    width: 60px;
    height: 60px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.naviconLeft a {
    color: #868e96;
    font-size: 20px;
    width: 60px;
    text-align: center;
    padding: 10px 0;
    height: 60px;
    transition: all 0.2s ease-in-out;
}
.naviconLeft a:hover,
.naviconLeft a:focus {
    color: #343a40;
}
.naviconRight {
    display: flex;
    width: 60px;
    height: 60px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
}
.pageHeader {
    display: flex;
    align-items: center;
    background-color: #dee2e6;
    padding-left: 20px;
    padding-right: 20px;
}
.pageHeader .breadcrumb {
    background-color: transparent;
}
.pageHeader .breadcrumbItem:not(.active) {
    color: #868e96;
}
.pageHeader .breadcrumbItem:not(.active):hover,
.pageHeader .breadcrumbItem:not(.active):focus {
    color: #495057;
}
.pageHeader .breadcrumbItem.active {
    color: #495057;
}
.pageHeader .breadcrumbItem:before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #868e96;
    content: "/";
}
.pageHeader .breadcrumbItem:first-child:before {
    display: none;
}
.dropup, .dropdown {
    position: relative;
}
.profileLink {
    position: relative;
    color: #868e96;
    transition: all 0.2s ease-in-out;
    min-width: 150px;
    height: 60px;
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.profileLink i{
    color: #868e96;
}
.profileName {
    display: inline-block;
    font-size: 13px;
    text-decoration: none!important;
}
.profileLink img {
    opacity: .85;
    transition: all 0.2s ease-in-out;
    vertical-align: middle;
    border-style: none;
    width: 32px;
}
.onlineDot {
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
}

.profileLink {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown-menu-header {
    position: relative;
    border-top: 0;
    margin-top: 1px;
    padding: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: auto !important;
    right: -1px !important;
    top: 59px !important;
    transform: none !important;
    will-change: unset !important;
}
.user-profile-nav {
    margin: 0;
    font-size: 13px;
    text-decoration: none;
}
.user-profile-nav a {
    display: block;
    padding: 7px 10px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.user-profile-nav a:hover, .user-profile-nav a:focus {
    background-color: #dee2e6;
}
.user-profile-nav .icon {
    display: inline-block;
    width: 20px;
    line-height: 0;
    text-align: center;
    font-size: 20px;
    position: relative;
    color: #1fa18f;
    top: 2px;
    margin-right: 5px;
}
.user-profile-nav .ion-ios-folder,
.user-profile-nav .ion-power {
    font-size: 18px;
}


/*CART*/
.shoppingCart {
    position: relative;
    color: #868e96;
    transition: all 0.2s ease-in-out;
    min-width: 150px;
    height: 60px;
    display: block;
    line-height: 60px;
    padding: 0 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.shoppingText{
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    text-decoration: none!important;
}
.shoppingCartIcon{
    display: inline-block;
}

/*EXTRA MENU*/
.subMenuLeft {
    position: fixed;
    top: 60px;
    bottom: 0;
    width: 265px;
    padding: 10px;
    z-index: 10;
    background-color: #dadde0;
    overflow-y: auto;
}
.subMenuLeft.favorites{
    padding: 10px 10px 60px 10px;
}
.rightMenu{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rightMenu .navLink {
    float:left;
    width: 95%;
    line-height: 1.5;
    font-size: 13px;
    color: #60666d;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.rightMenu .navLink:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -0.5px;
    width: 2px;
    height: 2px;
    background-color: #60666d;
    opacity: .5;
    transition: all 0.2s ease-in-out;
}
.rightMenu .navLink:hover,
.rightMenu .navLink:focus {
    color: #044849;
    text-decoration: none;
}
.rightMenu .navLink:hover:before,
.rightMenu .navLink:focus:before {
    width: 4px;
    height: 4px;
    left: -6px;
    opacity: 1;
    background-color: #044849;
}
.rightMenu .navLink.active {
    color: #044849;
}
.rightMenu .navLink.active:before {
    width: 20px;
    left: -15px;
    opacity: 1;
    background-color: #044849;
}
.subProductRight{width: calc(100% - 265px); float: right;}
.subProductRight.full{width: 100%; float: left;}

/*TABLES*/
table td, table th{
    vertical-align: middle;
}
table.dataTable {
    border: 1px solid #dee2e6;
    margin-bottom: 15px;
}
table.dataTable.no-footer {
    border-bottom-color: #dee2e6;
}
.input-xs{
    padding: 7px!important;
}
.form-control,
.dataTables_filter input {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dataTables_filter {
    padding-bottom: 10px;
    padding-right: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background-color: #ced4da;
    background-image: none;
    border-color: transparent;
    color: #343a40 !important;
}

/*FORM*/
form label {
    font-size: 0.8rem;
    margin-bottom: 10px;
    font-weight: bold;
}
.form-group{
    margin-bottom: 10px;
}

/*CHECKBOX*/
.checkbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}
.checkbox span {
    padding-left: 6px;
    font-size: 0.8rem;
}
.checkbox span:empty {
    float: left;
}
.checkbox span:before,
.checkbox span:after {
    line-height: 18px;
    position: absolute;
}
.checkbox span:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 2px;
    top: 1px;
    left: 0;
}
.checkbox span:after {
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 9px;
    text-align: center;
    color: #fff;
    background-color: #28a745;
    line-height: 17px;
    border-radius: 2px;
    display: none;
}
.checkbox input[type='checkbox'] {
    opacity: 0;
    margin: 0 5px 0 0;
}
.checkbox input[type='checkbox']:checked + span:after {
    display: block;
}
.checkbox input[type='checkbox'][disabled] + span,
.checkbox input[type='checkbox'][disabled] + span:before,
.checkbox input[type='checkbox'][disabled] + span:after {
    opacity: .75;
}
.checkbox-inline {
    display: inline-block;
}
/* Checheckbox color variant */
.checkbox-brand span::after {
    background-color: #0096ff;
}

/* Radio Box */
.radiobox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}
.radiobox span {
    padding-left: 6px;
    font-size: 0.8rem;
}
.radiobox span:before,
.radiobox span:after {
    line-height: 18px;
    position: absolute;
}
.radiobox span:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 50px;
    top: 2px;
    left: 0;
}
.radiobox span:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50px;
    top: 7px;
    left: 5px;
    display: none;
}
.radiobox input[type='radio'] {
    opacity: 0;
    margin: 0 5px 0 0;
}
.radiobox input[type='radio']:checked + span:before {
    border-color: transparent;
    background-color: #0866C6;
}
.radiobox input[type='radio']:checked + span:after {
    display: block;
}
.radiobox input[type='radio'][disabled] + span,
.radiobox input[type='radio'][disabled] + span:before,
.radiobox input[type='radio'][disabled] + span:after {
    opacity: .75;
}
.radiobox-inline {
    display: inline-block;
}
/* Radiobox Color Variant */
.radiobox-brand input[type='radio']:checked + span:before {
    background-color: #0096ff;
}

/*FOOTER*/
.footer {
    font-size: 11px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #8b8b8b;
    line-height: 1.8;

}
.footer a {
    color: #868e96;
}
.footer a:hover,
.footer a:focus {
    color: #343a40;
}

/*POSITIONS*/
.flex {
    display: flex !important;
}
.block {
    display: block !important;
}
.flexColumn {
    flex-direction: column !important;
}
.justifyContentCenter {
    justify-content: center !important;
}
.alignItemsCenter {
    align-items: center !important;
}
.alignItemsLeft {
    align-items: left !important;
}
.dtr-details{
    line-height: 1.5rem;
}

/*FAQ*/
.faq.card .card-link i.toggle {
    display: none;
    margin-top: 0.6rem;
    font-size: 1.25rem;
}
.faq.card .card-link.collapsed i.toggle.toggle-down {
    display: inline-block;
}

.faq.card .card-link:not(.collapsed) i.toggle.toggle-up {
    display: inline-block;
}

.faq.card .card-body a {
    color: #d02a29;
}

.faqanswer {
    display: none;
    background: #f6f6f6;
    padding: 20px;
    width: 100%;
    float: left;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}
.faqanswer .paragraph {
    font-size: 13px;
    line-height: 17px;
}
.togglefaq.active {
    font-weight: bold;
}
.togglefaq {
    cursor: pointer;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    padding: 10px 20px;
    line-height: 20px;
    display: block;
    border: 1px solid #d0d0d0;
    width: 100%;
    float: left;
    margin-bottom: -1px;
}
.togglefaq .fa-plus {
    color: #e3032f;
    margin-right: 15px;
    float: left;
    margin-top: 5px;
    font-size: 12px;
}
.togglefaq .fa-minus {
    color: #e3032f;
    margin-right: 15px;
    float: left;
    margin-top: 5px;
    font-size: 12px;
}

/*FONT*/
.fs10 {
    font-size: 10px;
}
.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.fs20 {
    font-size: 20px;
}
.fs22 {
    font-size: 22px;
}
.fs24 {
    font-size: 24px;
}
.fs26 {
    font-size: 26px;
}
.fs28 {
    font-size: 28px;
}
.fs30 {
    font-size: 30px;
}
.fs60 {
    font-size: 60px;
}

/*HEIGHTS*/
.h50 {
    height: 50px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}
.h200 {
    height: 200px;
}
.h250 {
    height: 250px;
}
.h300 {
    height: 300px;
}
.h350 {
    height: 350px;
}
.h400 {
    height: 400px;
}
.h450 {
    height: 450px;
}
.h500 {
    height: 500px;
}
.h550 {
    height: 550px;
}
.h600 {
    height: 600px;
}
.h650 {
    height: 650px;
}
.h700 {
    height: 700px;
}
.h750 {
    height: 750px;
}
.h800 {
    height: 800px;
}
.h100v {
    height: 100vh;
}

/*WIDTHS*/
.w30{
    width: 30px;
}
.w40 {
    width: 40px;
}
.w50{
    width: 50px;
}
.w100 {
    width: 100px;
}
.w150{
    width: 150px;
}
.w175{
    width: 175px;
}
.w300 {
    width: 300px;
}
.w100v {
    width: 100vh;
}

/*PADDING*/
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.p25 {
    padding: 25px;
}
.p30 {
    padding: 30px;
}
.p40{
    padding: 40px;
}
.pl40{
    padding-left: 40px;
}
.pr40{
    padding-right: 40px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb100 {
    padding-bottom: 100px;
}
.pt30 {
    padding-top: 30px;
}
.pl20 {
    padding-left: 20px;
}
.px15 {
    padding-left: 15px;
    padding-right: 15px;
}
.px30 {
    padding-left: 30px;
    padding-right: 30px;
}
.p20-20-10-20{
    padding: 20px 20px 10px 20px;
}
.noPad{
    padding: 0;
}
.col-padding-left-big{
    padding-left: 50px;
}
.col-padding-right-big{
    padding-right: 50px;
}

/*BACKGROUNDS*/
.backGreen {
    background-color: #62be26;
}
.backBlue {
    background-color: #26a2c2;
}
.backOrange {
    background-color: #f67207;
}
.backPrimary {
    background-color: #1D2939;
}
.backBrand {
    background-color: #0096ff;
}
.backWhite {
    background-color: white;
}
.backGrey{
    background-color: #e9ecef;
}

/*TEXTCOLOR*/
.colorPrimary {
    color: #0866C6;
}
.colorSuccess {
    color: #23BF08;
}
.colorWarning {
    color: #F49917;
}
.colorDanger {
    color: #dc3545;
}
.colorInfo {
    color: #17a2b8;
}
.colorDark {
    color: black;
}
.colorBrand {
    color: #0096ff;
}
.colorWhite {
    color: white;
}
.colorGrey{
    color: #8a8a8a;
}
.table .btn-sm{
    font-size: 12px;
    padding: 0px 6px;
    margin-top: -2px;
}
.buttonTd{
    padding: 9px!important;
}
.border-bottom{
    border-bottom: 1px solid #eee;
}
.fullWidth{
    float: left;
    width: 100%;
}
.image{
	float: left;
	width: 100%;
}
.image img{
	float: left;
	max-width: 100%;
    width: 100%;
    height: auto;
}

/*PRODUCTS*/
.mediaContainer{
    width: 100%;
    padding: 0 5px;
    float: left;
}
.product{
    float: left;
    background-color: white;
    min-height:200px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.product.downloads{
    width: 18%;
    margin: 1%;
    min-height: inherit;
}
.product.list{
    width: 100%;
    min-height: inherit;
}
.product.list .image{width: 15%;}
.product.list .productInfo{width: 60%; float:left;}
.product.list .cartButtons{width: 25%; float:left; border: none;}
.product.list .cartButtons .buttonProduct{float:left; width: 100%;}
.product.list .cartButtons .buttonProduct.info{border: 1px solid #dbdbdb;}
.product.list .cartButtons .buttonProduct.order{margin-top: 10px;}
.product.list .favorite{right: auto; left: 20px;}
.cartButtons{
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
}
.buttonProduct{
    float: left;
    width: calc(100% - 50px);
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 12px;
    height: 50px;
}

.buttonProduct.full {
    width: 100%;
    border-right: none !important;
}

.buttonProduct:hover{
    text-decoration: none;
}
.buttonProduct.order{
    background-color: #e9302d;
    color: white;
    width: 50px;
    height: 50px;
}
.buttonProduct.order:hover{
    background-color: #d32b29;
}
.buttonProduct.info{
    border-right: 1px solid #e6e6e6;
}
.buttonProduct.info:hover{
    background-color: #e6e6e6;
}
.favorite{
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 10px;
    background-color: transparent;
    border: 1px solid #eee;
    cursor: pointer;
}
.favorite:hover i:before{
    content: '\f004';
    color: #e9302d;
}
.favorite.selected i:before{
    content: '\f004';
    color: #e9302d;
}
.favorite.selected:hover i:before{
    content: '\f08a';
    color: #e9302d;
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 20vh);
    overflow-y: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .modal-body {
        height: 600px;
    }
}

/*REVIEWS*/
.stars {
    float: none;
    position: relative;
    margin: auto;
    display: table;
}
.stars.left {
    float: left;
    display: block;
    margin: 3px 0;
}
.stars.small {
    margin: 0px 0 5px;
}
.stars i {
    font-size: 12px;
    margin-right: 2px;
    color: #ffd600;
}
.stars i:last-child {
    margin-right: 0;
}
.stars i.empty {
    color: #e6e6e6;
}


/*ORDER*/
.orderForm{
    margin-top: 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #fdfdfd;
    font-size: 14px;
}
.quantity-left-minus, .quantity-right-plus{
    background-color: white;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    padding: 10px;
    color: #8e8e8e;
}
.quantity-right-plus{
    border-left: 0;
    border-right: 1px solid #d7d7d7;
}
.custom-select{
    border: 1px solid #d7d7d7;
    border-radius: 0;
    height: auto;
    padding: 10px;
}
.custom-select:focus{
    border-color: #afafaf;
    outline: 0;
}
.btn-group-lg>.btn, .btn-lg{
    font-size: 16px;
}
#populair .item{
    float:left;
    border-right: 1px solid #e9ecef;
}
.fancyInner{
    max-width: 800px;
    float: left;
}
.leftFancy{
    width: 40%;
    float: left;
}
.rightFancy{
    width: 60%;
    float: left;
}


/*CART*/
.table th{
    font-weight: bold;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.4;
    vertical-align: middle;
    border-top: 1px solid #e5e5e5;
}
.form-check-input{
    margin-left: 0;
}
.form-check-label{
    line-height: 1.9;
    font-size: 13px;
}

/*CART NAVBAR*/
.alert{
    font-size: 13px;
    line-height: 1.4;
}
.shopping-cart {
    right: 20px;
    position: fixed;
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    border-radius: 3px;
    padding: 20px;
    z-index: 199;
    box-shadow: 0px 0px 2px #c4c4c4;
}
.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
.shopping-cart-items{
    float: left;
    width: 100%;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}
.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}
.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
    max-width: 70px;
}
.item-name {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.item-price {
    font-size: 13px;
    color: black;
    margin-right: 8px;
}
.item-quantity {
    font-size: 13px;
    color: #ABB0BE;
}
.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}
.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}
.button {
    background: #6394F8;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    margin: 25px 0 15px 0;
}
.button:hover {
    background: #729ef9;
}

/*NEWS*/
.newsItem{
    padding: 20px;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    float: left;
    width: 33.33%;
}
.newsItem:nth-child(3n+3){
    border-right: none;
}

/*PAGINATION CUSTOM*/
.pagination{
    font-size: 12px;
}
.page-link{
    color: black;
}
.page-link:focus, .page-link:hover{
    color: black;
}

/*FILTER*/
.filterLabel{
    font-size: 0.8rem;
    margin-right: 10px;
}
.dropdown-toggle{
    font-size: 0.8rem;
    text-align: left;
}
.dropdown-toggle::after{
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
}
.dropdown-menu{
    float:left;
    padding: 0;
    font-size: 0.8rem;
}
.dropdown-menu li{
    float:left;
    width: 100%;
}
.dropdown-menu a{
    float:left;
    width: 100%;
    padding: 7px 10px;
    text-decoration: none;
}
.dropdown-menu a:hover{
    background-color: #eee;
}

/*GENERAL*/
/*TABLE*/
.responsiveTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}
.responsiveTable th {
    font-weight: bold;
    background-color: #f6f6f6;
}
.responsiveTable th,
.responsiveTable td {
    padding: 5px;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e8e8e8;
}
.responsiveTable th {
    padding: 10px 5px;
}


.noMargin{
    margin: 0;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.centerDiv{
    float: none;
    display: table;
    margin: auto;
}
.borderDark {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.ls15 {
    letter-spacing: 1.5px;
}
.opacity7 {
    opacity: 0.7;
}
.rounded {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}
.shadow {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
}
.overflowYAuto {
    overflow-y: auto;
}
.overflowXAuto {
    overflow-x: auto;
}
.overflowHidden {
    overflow: hidden;
}
.table{
    width: 100%!important;
}
.line14{
    line-height: 1.4;
}
.min150{
    min-width: 150px;
}
.overlayButtons{
    opacity: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}
.downloads:hover .overlayButtons{
    opacity: 1;
}

.invalid-feedback {
    display: block !important;
}
modal:before {
    content: "...";
}

modal > * {
    display:none;
}

[v-cloak] {
    display:none;
}

a.action{
    cursor: pointer;
}
.mobileIcon{
    display: none;
}
.video-holder{
    float: left;
    margin-right: 10px;
}
.linked-products-owl .product{
    width: 100% !important;
}
.btn{padding: 0.475rem .75rem;}
.btn-label {position: relative;left: -12px;display: inline-block;padding: 10px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

.sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.favoriteHead{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: 13px;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}