/* Ensure elements load hidden before animated runs */
.masonry__container { visibility: hidden; }
.animated { visibility: visible !important; }


.product img {
    margin-bottom: 0.92857143em;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;
}



/*! Logo size */

.bar .logo {
    max-height: 4.85714286em;
    max-width: none;
}


/*! Nav from top */

.bar .menu-horizontal {
    position: relative;
    top: 21px;
}

.menu-horizontal > li .active {
    color: #42bb92 !important;
    }


.sub-menu .menu-horizontal  { text-transform: uppercase !important;}

.sub-menu .menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 1;
}



/*! style for teh submit button */

#loginform button[type="button"]:not([class*="col-"]) {width: 100%; }

/****** Animation css */

.delay-1 {
animation-delay: .25s;
-moz-animation-delay: .25s;
-webkit-animation-delay: .25s;
-o-animation-delay: .25s;

animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
}
.delay-2 {
animation-delay: .5s;
-moz-animation-delay: .5s;
-webkit-animation-delay: .5s;
-o-animation-delay: .5s;

animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
}
.delay-3 {
animation-delay: .75s;
-moz-animation-delay: .75s;
-webkit-animation-delay: .75s;
-o-animation-delay: .75s;

animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
}
.delay-4 {
animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
-o-animation-delay: 1s;

animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
}

.delay-5 {
animation-delay: 2s;
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
-o-animation-delay: 2s;

animation-duration: 2.5s;
-moz-animation-duration: 2.5s;
-webkit-animation-duration:  2.5s;
-o-animation-duration:  2.5s;
}

.delay-6 {
animation-delay: 3s;
-moz-animation-delay: 3s;
-webkit-animation-delay: 3s;
-o-animation-delay: 3s;

animation-duration: 3.5s;
-moz-animation-duration: 3.5s;
-webkit-animation-duration:  3.5s;
-o-animation-duration:  3.5s;
}


.delay-7 {
animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;

animation-duration: 3.5s;
-moz-animation-duration: 3.5s;
-webkit-animation-duration:  3.5s;
-o-animation-duration:  3.5s;
}

.duration-05 { -webkit-animation-duration: 1s; animation-duration: .5s;}
.duration-1 { -webkit-animation-duration: 1s; animation-duration: 1s;}
.duration-2 { -webkit-animation-duration: 2s; animation-duration: 2s}
.duration-3 { -webkit-animation-duration: 3s; animation-duration: 3s}