body {
    font-size: 14px !important;
}
#wrapper {
    background: none;
}
#header, #wrapper {
    border: none;
}
.col-md-auto {
    width: 20%;
    padding: 0px;
    /*float: left;*/
    display: inline-block; 
}
.p-xxxxs {
    padding: 1px !important;
}
.p-xxxs {
    padding: 2px !important;
}
.p-b-xs {
    padding-bottom: 10px !important;
}
.p-l-xs {
    padding-left: 10px !important;
}
.colorGreen {
    color: #00a4a1 !important;
}
.colorGreen-trans i{
    color: #00a4a1 !important;
    opacity: 0.5 !important;

    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
}
.colorGreen-trans:hover i{
    opacity: 1 !important;
}
.borderGreen-b {
    border-bottom:#00a4a1 1px solid; !important;
}
.backgroundGreen {
    background-color: #00a4a1 !important;
}
.colorGray {
    color: #ededed !important;
}
.backgroundGray {
    background-color: #ededed !important;
}
.colorDarkGray {
    color: #706f6f !important;
}
.backgroundDarkGray {
    background-color: #706f6f !important;
}
.colorBlue {
    color: #164194 !important;
}
.borderBlue-b {
    border-bottom:#164194 1px solid; !important;
}
.backgroundBlue {
    background-color: #164194 !important;
}
.font-small {
    font-size: 80%;
}
.font-normal-size {
    font-size: 100%;
}
.font-mid-size {
    font-size: 130%;
}
.font-extra-size {
    font-size: 250%;
}
.inline {
    display: inline-block !important;
    vertical-align: middle;
}
.vertical-mid * {
    display: inherit;
}
#header {
    height: 105px;
    white-space: nowrap;
}
#header .static-menu-container a {
    padding:4px 10px;
}
.optmenu .dropdown-content {
    color: #706f6f !important;
}
.col-md-8 .optmenu > a {
/*    margin: 0 auto;
    display: block;
    text-align: center;
    position: absolute;*/
    width: 120px;
}
.optmenu {
    padding: 0px;
}
.static-menu-container .bigmenu a i {
    font-size: 32px;
    display: inline-table;
}
.static-menu-container .bigmenu a {
    margin: 0px;
    min-width: auto;
}
.right {
    text-align: right !important;
}
a.logo {
    width: 105px;
    height: 105px;
    position: absolute;
    right: 0;
    padding: 0px !important;
    margin: 0px !important;
    z-index: 9999;
}
a.logo img {
    position: relative;
    /* float: right; */
    /* width: 100%; */
    height: 105px;
    width: 105px;
    right: 0px;
}
#header .static-menu-container .font-small {
    font-size: 70%;
}
.division-line {
    border-right: #FFF 1px solid;
}
#header .static-menu-container .font-small a {
    text-align: center;
    display: block;
}
#header .static-menu-container .font-small a :last-child {
    border-right: none;
}
#header .static-menu-container .font-small a i {
    font-size: 20px;
}
.left {
    text-align: left;
    display: block;
    float: left;
}
.center {
    text-align: center;
    display: block;
    margin: 0 auto !important;
}
.right {
    text-align: right;
    display: block;
    float: right;
}
.full-width {
    width: 100%;
}
#header h6 {
    margin: 0;
}
.white, .white a {
    color: #FFFFFF !important;
}
.uppercase, .uppercase a {
    text-transform: uppercase !important;
}
button.search.fa-search { 
    position: absolute;
    top: 10%;
    vertical-align: middle;
    right: 10%;
    font-size: 22px;
    border: none;
    background: none;
}
.btn-circle.btn-xl {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 180%;
    font-size: 46px;
    display: block;
    padding: 0;
}

.map-texts {
    position: relative;
    padding: 5%;
    background-image: url("/assets/images/map.jpg");
    background-size: cover;
    background-position: center;
}
.map-texts img {
    position: absolute;
    left: 0px;
    top: 0px;
}
.map-texts h1,
.map-texts h1 i {
    font-size: 4em;
}
.banner_home img {
    width: 100%;
}

/* FOOTER */
#banner_makes img {
    width: auto;
    height: 30px;
}
.footer-footer h5 {
    color: #ffffff;
    margin-bottom: 15px;
}
.footer-footer a:hover {
    color: #ffffff !important;
}
.footer-footer input[type="submit"] {
    border: none;
}


.ellipsis {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.ellipsis-xs {
    -webkit-line-clamp: 1; 
}

.ellipsis-sm {
    -webkit-line-clamp: 2; 
}

.ellipsis-md {
    -webkit-line-clamp: 3; 
}

.ellipsis-lg {
    -webkit-line-clamp: 4; 
}

.ellipsis-xl {
    -webkit-line-clamp: 5; 
}

/* PRODUCT */
.product-thumb {
    border:#ADADAD 1px solid !important;
    overflow: hidden;
    width: 100%;
}

.product-thumb-compare {
    float: right;
    margin-bottom: 10px;
    margin-right: 12px;
}

.product-thumb .description {
    overflow: hidden;
    margin: 10px 0 0 0;
    height: 60px;
}

.product-thumb .description-content {
    padding: 0 15px;
    min-height: 105px;
}

.product-thumb span.title {
   /* padding: 10px 0;
    height: 55px;*/
    padding: 0;
    height: 65px;
    margin: 0 auto;
}

.product-thumb .no-padding span{
    padding: 0;
}

@media (min-width: 768px) {
    .no-padding-left {
      padding-left: 0 !important;
    }

    .no-padding-right {
      padding-right: 0 !important;
    }

    .no-padding-top {
      padding-top: 0 !important;
    }

    .no-padding-bottom {
      padding-bottom: 0 !important;
    }

    .no-margin-left {
      margin-left: 0 !important;
    }

    .no-margin-right {
      margin-right: 0 !important;
    }

    .no-margin-top {
      margin-top: 0 !important;
    }

    .no-margin-bottom {
      margin-bottom: 0 !important;
    }
 
    .float-bottom {
        position: absolute;
        bottom: 0px;
    }
}

/* MOBILE HEADER */
.small-logo {
    padding: 0px;
}
.small-logo img {
    height: 55px;
    position: relative;
}
aside#menu,
.hide-menu {
    display: none;
}
@media (max-width: 768px) {
    #menu {
        top: 55px;
        background-color: #f7f9fa;
        z-index: 9999;
        position: fixed;
    }
    #header {
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    #wrapper {
        top: 55px;
    }
}

body.page-small.show-sidebar #wrapper {
    margin-left: inherit;
}

@media (max-width: 768px) {
    #header {
        height: 55px;
    }
    .static-menu-container {
        display: none !important;
    }
    .item-thumbs-options span {
        width: 81px;
        display: inline-block;
    }
    .item-thumbs-options h4 {
        font-size: 28px;
    }
    .product-thumb-compare input[type="radio"],
    .product-thumb-compare input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }
    .social div {
        width: 81px;
        display: inline-block;
        font-size: 28px;
    }
    aside#menu,
    .hide-menu {
        display: inherit;
    }
    body.page-small.show-sidebar #menu {
        overflow: auto;
    }

}

/* CATEGORIES */
.category-filters {
    border-bottom: #999 1px solid;
    width: 95%;
}
.category-filters div,
.category-filters .control-label {
    white-space: nowrap;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    line-height: 3em;
}
.category-filters select.form-control {
    padding: 0px;
    margin-left: 5px;
    height: 3em;
    width: 90%;

}

/* MENU */
/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.bigmenu {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    padding-right: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #706f6f !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-transform: none !important;
    text-align: left !important;
}

ul.nav i.fa.fa-caret-right {
    position: absolute;
    right: 0%;
    line-height: 24px;
    opacity: 0.7;
}
.nav-sub-level {
    display: none;
    left: 100%;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

ul.nav li:hover > ul.nav-sub-level {
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.bigmenu div:hover > .dropdown-content_ {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.bigmenu:hover .dropbtn {
    background-color: #3e8e41;
}


/* LEFT MENU */
.left-menu {
    color: #999;
}

.left-menu li .l1 {
    border-bottom: #999 1px solid;
    margin-left: 0px;
    padding: 10px 2px;
}
.left-menu li .l2 {
    border-bottom: #999 1px solid;
    margin-left: 8px;
    padding: 2px;
}
.left-menu li .l3 {
    border-bottom: #999 1px solid;
    margin-left: 16px;
    padding: 2px;
}
.left-menu li a span.description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
}
.left-menu li a span.total-items {
    float: right;
}


/* PAGINATION */
.pages {
    float: right;
}
.pages div {
    float: left;
    border: #8aa0c9 1px solid;
    color: #164194;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}
.pages div:hover,
.pages div.selected {
    background-color: #8aa0c9;
    color: #FFFFFF;
}

.pagination {
    margin-top: 0;
    padding-left: 15px;
    line-height: 25px;
    color: #164194;
}
.pagination span {
    float: left;
}


/* ITEM DETAILS */
.item-details img{
    width: auto;
   /* border: #999 1px solid;*/
    max-height: 350px;
    max-width: 350px;
}
.item-details .title {
    border-bottom: #999999 1px solid;
}
.item-details .title {
    border-bottom: #999999 1px solid;
}

.bootstrap-touchspin span
{
    font-size: 85% !important;
}
.bootstrap-touchspin input {
    width: 30px !important;
    margin: 0;
    padding: 0;
    text-align: center;
}

.bootstrap-touchspin {
    width: 80px;
    display: inline-flex;
}
.bottom-details .btn{
    display: inline-block;
}
 .bootstrap-touchspin .input-group-btn,
 .bootstrap-touchspin input {
    display: inline-block !important;
    width: 30px !important;
    float: left;
}

.category-details, .tags-details {
    border-top: #e6e6e6 1px solid;
    line-height:24px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

.category-details label, .tags-details label {
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
}

.tagGroup span:after {
    content: ", ";
}
.tagGroup span:last-child:after {
    content: "";
}

.lightBoxGallery a {
    display: none !important;
}

.lightBoxGallery a:nth-child(1) {
    display: block !important;
    text-align: center;
    border: #999 1px solid;
}
.img-responsive {
    margin: 0 auto;
}
.nav-tabs .active a {
    background-color: #164194 !important;
    color: #FFFFFF !important;
}
.nav-tabs a { 
    color: #164194;
    text-transform: uppercase;
}


/* INSTITUTIONAL */
div.institutional-description span {
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

div.institutional-description .services-details,
div.location-content {
    border: #e6e6e6 1px solid;
    border-top: #00a4a1 3px solid;
}
div.institutional-description .services-details {
    height: 90px;
}
div.institutional-description .services-details img {
    height: 65px;
    width: 65px;
}



/* TEST SQUARE IMAGES */
.frame-square {
    text-align: center;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    /*padding: 10px;*/
    width: 100%;
    /*height: 200px;*/
    height: auto;
}

.crop {
    height: 100%;
    overflow: hidden;
    position: relative;

    img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        margin: auto;
        position: absolute;
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%;
    }
}

.crop a {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.env {
    background: #ea4202;
    color: white;
    position: fixed;
    text-align: center;
    width: auto;
    padding: 5px;
    z-index: 9999;
    font-size: 1.3em;
    text-transform: uppercase;
    right: 0;
}
.breadscrumb a {
    color: #337ab7;
}


@media (max-width: 1000px) {
    .map-texts {
        padding: 0;
    }
}

.profile_image {
    display: inline-block;
}

.profile_image i {
    opacity: 0;
    float: left;
    position: absolute;
    left: 40%;
    top: 30%;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
    z-index: 9999;
}

.profile_image i,
.profile_image img {
    -webkit-transition: all .2s; /* Safari */
    transition: all .5s;
}
.profile_image:hover i {
    opacity: 1;
}
.profile_image:hover img {
    filter: brightness(0.5);
}
.dropzone .dz-preview .dz-image img {
    width: 100%;
}

.profile_image {
    width: 200px;
    height: 200px;
}
.profile_image_small {
    width: 100px;
    height: 100px;
}
.profile_image,
.profile_image_small {
    position: relative;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
    cursor: default;
}
.profile_image .img-circle {
    line-height: 194px;
}
.profile_image_small .img-circle {
    line-height: 100px;
}
.profile_image .img-circle,
.profile_image_small .img-circle {
    height: 100%;
}
.profile_image .img-circle span {
    font-size: 100px;
}
.profile_image_small .img-circle span {
    font-size: 50px;
}
.profile_image .img-circle span,
.profile_image_small .img-circle span {
    font-weight: bold;
    vertical-align: middle;
}

.no-animated * {
  -webkit-animation-duration: .0s !important;
  animation-duration: .0s !important;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

.leftFilters {
    padding-top: 5px;
    width: 100%;
}

.leftFilters .l1 {
    border-bottom: #999 1px solid;
    margin-left: 0px;
    padding: 10px 2px;
    width: 100%;
}

.lightBoxGallery a {
    position: relative;
}

.lightBoxGallery .rollover {
    opacity: 0;
    transition: all .3s;
}

.lightBoxGallery a:hover .rollover {
    opacity: 1;
}

.rollover .overlay {
    opacity: 0.5;
    background: #164194;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    top: 0;
    padding: 0;
    margin: 0;
}

.rollover i {
    top: 45%;
    color: white;
    position: absolute;
    margin: 0 auto;
    z-index: 999;
    left: 0;
    width: 100%;
}

.modal-content, .modal-body, .video-responsive {
    height: auto !important;
}

.arrow-go-up {
    position: fixed;
    bottom: 7%;
    right: 7%;
    opacity: 1;
    z-index: 99999;

    transition: all 0.5s;
    color: #00a4a1;
}
.transparent {
    opacity: 0;
}
.modal-dialog {
    max-width: 400px;
    max-height: 400px;
    margin: 10px auto;
}

.filtersKeys {
    float: left;
    padding: 10px;
   
    border: solid 1px #cecece;
    margin: 3px;
}
.filtersKeys a {
    float: right;
    color: #cecece;
    padding-left: 10px;
}
.filtersKeys a:hover {
    color: #606060;
}

.splash {
    z-index: 999999;
    background-color: rgba(255,255,255,0.85);
}
.splash-close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.splash-close a {
    color: gray;
}
.bottom-details {
    display: inline-block;
}
.item-details span.description {
    display: block;
}
/** MULTIPLE ITEMS TO CART VARIANTS */
.select-variants span {
    position: relative;
    display: block;
    float: left;
}
.variants {
    float: left;
    width: 100%;
}
.variant {
    margin: 3px;
    float: left;
    position: relative;
}
.variant img {
    width: 36px;
    height: 36px;
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
.variant-img {
    display: block !important;
}
.cart-multiitems-cont {
    display: -webkit-box;
}
.popover{
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
}
.popoverImgCol {
    border: #cdcdcd 2px solid
}

.available{
    margin: 1px;
}
.not-available{
    opacity: 0.6;
    filter: opacity(0.6);
    filter: contrast(.7);
    border: #3aa5a1 2px solid;
}
.multiple-carts .title,
.multiple-carts .removeFromMultiItems {
    line-height: 40px;
    border: none;
}
.cart-multiitems-cont .variant img {
    padding: 2px;
    border: #cbcbcb 2px solid;
    border-radius: 4px;
    width: 40px;
    height: 40px;
}
.popover-title, .popover-title a {
    line-height: 30px;
    text-transform: uppercase;
}


/* Fix buttons */
input.backgroundGreen.text-white.m-t-sm {
    border: 0px;
    padding: 10px;
}