* {
    padding: 0;
    margin: 0;
}

/* =================
==== DEFAULT STYLE
================== */

.smdmc-product-main div.locationwrapper{
    margin-top:10px;
    height:38px;
}

.smdmc-product-main div.locationwrapper h5{
    line-height:18px;
    font-size: 18px;
}

.smdmc-product-main div.namewrapper{
    height:52px;
}

.smdmc-shortcode-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.smdmc-product-main-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.smdmc-trans-float {
    padding: 20px 0;
    -webkit-transition: padding 0.2s linear;
    -moz-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
}
.smdmc-product-main-holder.smdmc-trans-float:hover {
    padding: 0;
}
.smdmc-trans-zoom {
    -webkit-transition: transform 0.2s linear, z-index 0.2s linear;
    -moz-transition: transform 0.2s linear, z-index 0.2s linear;
    -o-transition: transform 0.2s linear, z-index 0.2s linear;
    transition: transform 0.2s linear, z-index 0.2s linear;
    z-index: 0;
}
.smdmc-product-main-holder.smdmc-trans-zoom:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    z-index: 12;
}
.smdmc-product-main-holder.smdmc-trans-pop:hover {
    -webkit-animation: pop 0.3s linear 1;
    animation: pop 0.3s linear 1;
    z-index: 12;
}
@keyframes pop {
    50% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}
.smdmc-product-main-holder.smdmc-trans-bounce {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform, z-index;
    transition-property: transform, z-index;
    z-index: 0;
}
.smdmc-product-main-holder.smdmc-trans-bounce:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    z-index: 12;
}
.smdmc-product-main-holder.smdmc-trans-buzz:hover {
    -webkit-animation: buzz 0.75s linear 1;
    animation: buzz 0.75s linear 1;
}
@keyframes buzz {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.smdmc-product-main-holder.smdmc-trans-wobble-skew:hover {
    -webkit-animation: wobble-skew 0.75s ease-in-out 1;
    animation: wobble-skew 0.75s ease-in-out 1;
}
@keyframes wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}
.smdmc-product-main-holder.smdmc-trans-wobble-vertical:hover {
    -webkit-animation: wobble-vertical 0.75s ease-in-out 1;
    animation: wobble-vertical 0.75s ease-in-out 1;
    z-index: 12;
}
@keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
    transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.smdmc-product-main-holder.smdmc-trans-wobble-horizontal:hover {
    -webkit-animation: wobble-horizontal 0.75s ease-in-out 1;
    animation: wobble-horizontal 0.75s ease-in-out 1;
    z-index: 12;
}
@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.smdmc-product-wrapper {
    position: relative;
    padding: 0 0 55px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-transition: box-shadow 0.2s linear, padding 0.2s linear;
    -moz-transition: box-shadow 0.2s linear, padding 0.2s linear;
    -o-transition: box-shadow 0.2s linear, padding 0.2s linear;
    transition: box-shadow 0.2s linear, padding 0.2s linear;
}
.smdmc-product-main-holder.smdmc-trans-float:hover .smdmc-product-wrapper {
    -webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    border-radius: 5px;
    padding: 0 0 95px;
}
.smdmc-product-main-holder.smdmc-trans-zoom:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-pop:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-bounce:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-buzz:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-wobble-skew:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-wobble-vertical:hover .smdmc-product-wrapper,
.smdmc-product-main-holder.smdmc-trans-wobble-horizontal:hover .smdmc-product-wrapper {
    -webkit-box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    box-shadow:0 0 20px -2px rgba(0,0,0,0.25);
    border-radius: 5px;
}
.smdmc-product-wrapper img {
    max-width: 100%;
    width: 100%;
}
.smdmc-product-name {
    margin-bottom: 5px;
    font-size: 20px;
    padding: 0 5px;
}

.smdmc-product-name a, .smdmc-product-name a:hover,
.smdmc-product-location a, .smdmc-product-location a:hover,
.smdmc-product-info a, .smdmc-product-info  a:hover
{
    color:#444444;
    border-bottom: none !important;
}

.smdmc-product-price {
    font-size: 24px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}
.smdmc-product-info {
    padding: 0 5px;
    min-height: 182px;
}
.smdmc-product-main-holder .smdmc-button {
    background-color: #2e62d2;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    text-align: center;
    -webkit-transition: bottom 0.2s linear;
    -moz-transition: bottom 0.2s linear;
    -o-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
    box-shadow: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.smdmc-product-main-holder.smdmc-trans-float:hover .smdmc-button {
    bottom: 20px;
}
.smdmc-product-main-holder .smdmc-button:hover {
    box-shadow: none;
}
.smdmc-product-info p {
    margin-bottom: 0;
}
.smdmc-shortcode-wrapper .owl-carousel .smdmc-product-main-holder .smdmc-product-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 98, 210, 0.33);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    z-index: 10;
}
.smdmc-shortcode-wrapper .owl-carousel .smdmc-product-main-holder:hover .smdmc-product-wrapper:before {
    opacity: 1;
}
.smdmc-shortcode-wrapper .owl-carousel .smdmc-product-info {
    display: none;
}
.smdmc-product-main-holder.align-default {
    margin: 20px auto;
    max-width: 350px;
    text-align: center;
}

/* =================
==== TRANSITIONS
================== */



/* =================
==== ALIGN-LEFT STYLE
================== */

.smdmc-product-main-holder.align-left {
    width: 50%;
    max-width: 350px;
    float: left;
    margin: 0 20px 20px 0;
}

/* =================
==== ALIGN-RIGHT STYLE
================== */

.smdmc-product-main-holder.align-right{
    width: 50%;
    max-width: 350px;
    float: right;
    margin: 0 0 20px 20px;
}

/* =================
==== LAYOUT STYLES
================== */

.smdmc-product-main-holder.two-columns {
    width: 50%;
    float: left;
}
.smdmc-product-main-holder.three-columns {
    width: 33.33%;
    float: left;
}
.smdmc-product-main-holder.four-columns {
    width: 25%;
    float: left;
}
@media screen and (min-width: 768px) {
    .smdmc-product-main-holder.four-columns:nth-child(4n+1),
    .smdmc-product-main-holder.three-columns:nth-child(3n+1) {
        clear: both;
    }
}
@media screen and (min-width: 480px) {
    .smdmc-product-main-holder.two-columns:nth-child(odd) {
        clear: both;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .smdmc-product-main-holder.four-columns,
    .smdmc-product-main-holder.three-columns {
        width: 50%;
    }
    .smdmc-product-main-holder.four-columns:nth-child(odd),
    .smdmc-product-main-holder.three-columns:nth-child(odd) {
        clear: both;
    }
}
@media screen and (max-width: 479px) {
    .smdmc-product-main-holder.four-columns,
    .smdmc-product-main-holder.three-columns,
    .smdmc-product-main-holder.two-columns {
        width: 100%;
        clear: both;
    }
}


/* =================
==== OWL CAROUSEL STYLES
================== */

.smdmc-shortcode-wrapper .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.smdmc-shortcode-wrapper .owl-carousel .owl-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

h5.smdmc-product-location a {
    color: grey;
}

h3.smdmc-product-name a {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}

h4.smdmc-product-price {
    font-weight: normal;
    font-size: 18px;
    padding: 12px;
}

div.smdmc-product-wrapper {
    margin: 10px;
}