.morph a, #tecnicas .morph a:focus img, .morph a .texto  { 
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
.morph a {
	float: left;
    position: relative;
    border: 1px solid #333;
    border: 10px solid #fff;
	border-radius: 50%;
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 0px 1px 15px #666;
    overflow: hidden;
}

.morph a:before { content:""; display: block; padding-top: 100%;}

.morph a .pic {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height; /* we specify, what properties we need to change*/
    -webkit-transition-duration: 300ms; /* we specify, with what speed it is necessary to return an image in its initial look*/
    -moz-transition-property: width, height;
    -moz-transition-duration: 300ms;
    -o-transition-property: width, height;
    -o-transition-duration: 300ms;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.morph111111 a:focus .pic {
    width: 300%; /* we increased an image to this size */
    height: 180%;
    top:0;
    position: absolute;
    z-index: 1; /* for a photo to enlarge over all images */
    -moz-box-shadow: 0 0 15px 2px #000;
    -webkit-box-shadow: 0 0 15px 2px #000;
    box-shadow: 0 0 15px 2px #000; /* we add some beauty */
    -webkit-transition-property: width, height; /* we decrease the image */
    -webkit-transition-duration: 2s; /* we specify, with what speed it is necessary to increase an image */
    -webkit-transition-delay: 0.3s; /* as a browser will process it, before enlarging a photo */
    -moz-transition-property: width, height;
    -moz-transition-duration: 2s;
    -moz-transition-delay: 0.3s;
    -o-transition-property:width, height;
    -o-transition-duration: 2s;
    -o-transition-delay: 0.3s;
    cursor: default;
}

#tecnicas .morph a img {
	position: relative; 
	width: 100%; 
	height: 100%;
    border: 0;
    float: none;
    padding: 0;
    margin: 0;
}

.morph a .texto { 
	position: absolute; 
	bottom: 0; 
	background: rgba(255,255,255,0.7); 
	width: 100%; 
	padding: 5px 10px; 
	text-align: center;
	opacity: 0;
}

.morph a:hover .texto, .morph111111 a:focus .texto { opacity: 1; }
.morph a:focus .texto { font-size: 15px; padding: 10px; bottom: 5px; }

.morph a {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.morph a:hover, .morph111111 a:focus {
	border: 5px solid #fff;
	border-radius: 0;
}

.morph111111 a:focus {
	border: 0;
	overflow: visible;
}

#tecnicas .morph111111 a:focus img {
	border: 5px solid #fff;
}

.closed {
    position:absolute;
	bottom: 50%;
	left:2%;
	display:none;
	text-align:center !important;
	font-weight:bold;
	font-size:70px;
	color:#555;
	width:20px;
	height:20px;
	-webkit-text-shadow:0px 0px 5px #fff;
	-moz-text-shadow:0px 0px 5px #222;
	text-shadow:0px 0px 5px #fff;
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	cursor:pointer;
	z-index:30;
}

.closed-layer {
    display: none;
    position: absolute;
    top: 140px;
    left: 150px;
    width: 500px;
    height: 352px;
    background: transparent;
    z-index: 30;
    cursor: pointer;
}
.morph a:focus~.closed{
    display: block;
}

/*****************************************************		SLIDER  	*********************************/
/* Visit http://www.menucool.com/responsive-slider for instructions */

#ninja-slider {
    position: relative;
    width:100%;
    padding-top:30px;
    padding-bottom:10px;

    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider.fullscreen {
    background:white;
}

#ninja-slider.fullscreen #ninja-slider-prev {
    left: -50px; 
}
#ninja-slider.fullscreen #ninja-slider-next {
    right: -50px;
}


#ninja-slider .fs-icon {
    top:0px;
    right:0px;
    width:45px;
    height:45px;
    background: rgba(0,0,0,0.1) url('../image/fullscreen.png') no-repeat 0 0;
    background: rgba(0,0,0,0.1);
    font-size:40px;
    color: #fff;
    z-index:2 !important;
    opacity:0;
    text-align: center;
    line-height: 40px;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}
#ninja-slider .fs-icon::before {
    content: "+";
    display: block;
}
#ninja-slider.fullscreen .fs-icon::before {
    content: "x";
    line-height: 35px;
}
#ninja-slider:hover .fs-icon {
    opacity: 1;
}

#ninja-slider.fullscreen .fs-icon {
    background-position: center -45px;
    opacity:1;
}

#ninja-slider .slider-inner {
    max-width:980px;
    margin:0 auto;/*center-aligned*/
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider.fullscreen .slider-inner {
    max-width:980px;
    max-height:80%;
}

#ninja-slider ul {
    /*overflow:hidden;*/
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider li {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider li.ns-show {
    opacity:1;
}



/* --------- slider image ------- */  
#ninja-slider .ns-img {
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    border-radius:3px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}


/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
#ninja-slider-pause-play { display:none;}    

#ninja-slider-prev, #ninja-slider-next
{
    position: absolute;
    display:inline-block;
    width:42px;
    height:56px;
    line-height:56px;
    top: 50%;
    margin-top:-28px;
    background-color:rgba(0,0,0,0.4);
    background-color:#ccc\9;/*IE8 hack*/
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    white-space:nowrap;
    -webkit-user-select: none;
    user-select:none;
    border-radius:2px;
    z-index:10;
    opacity:0.3; 
    font-family:sans-serif;   
    font-size:13px;
    cursor:pointer;
    -webkit-transition:all 0.7s;
    transition:all 0.7s;
}

.slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next {
    opacity:1;
}


#ninja-slider-prev {
    left: 0; 
}
#ninja-slider-next {
    right: 0;
}

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before {
    position: absolute;
    top: 17px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;
}

#ninja-slider-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    backface-visibility:hidden;
    right:4px;
}

#ninja-slider-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    backface-visibility:hidden;
    left:4px;
}


/*pagination num within the arrow buttons*/
#ninja-slider-prev div, #ninja-slider-next div {display:none;}


/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
#ninja-slider-pager { display:none;}


#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}


/*Responsive settings*/
@media only screen and (max-width:800px){

    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
        display:none;
    }
    #ninja-slider .fs-icon {
        display:none;
    }
}

/* http://www.menucool.com */

#thumbnail-slider {
    -webkit-transform: scale(0.7);
    transform:scale(0.7);
    transition:transform 0.25s;
    opacity:0.8;

    margin:4px auto; /*center-aligned*/
    width:100%;
    max-width:780px;
    padding:0px 40px;/*Gives room for arrow buttons*/
    box-sizing:border-box;
    position:relative;
    -webkit-user-select: none;
    user-select:none;
}

#thumbnail-slider:hover {
    -webkit-transform: scale(1);
    transform:scale(1);
    opacity:1;
}

#ninja-slider.fullscreen #thumbnail-slider {
    width:90%;
    max-width:1120px;
}

#thumbnail-slider div.inner {
    /*the followings should not be changed */
    position:relative;
    overflow:hidden;
    padding:2px 0;
    margin:0;
}

 
#thumbnail-slider div.inner ul {

    /*the followings should not be changed */
    white-space:nowrap;
    position:relative;
    left:0; top:0;
    list-style:none;
    font-size:0;
    padding:0;
    margin:0;
    float:left!important;
    width:auto!important;
    height:auto!important;
}

#thumbnail-slider ul li {
    opacity:1;
    overflow:visible;
    display:inline-block;
    *display:inline!important; /*IE7 hack*/
    border:2px solid #222;
    margin:0 4px;/* Spacing between thumbs*/
    box-sizing:content-box;
    
    text-align:center;
    vertical-align:middle;
    padding:0;
    position:relative;
    list-style:none;
    backface-visibility:hidden;

    transition:all 0.2s;
    -webkit-transform:scale(1); 
    transform:scale(1);
}

#thumbnail-slider ul li.active {
    border-color:white;
}

#thumbnail-slider li:hover {
    border-color:rgba(255,255,255,0.7);
}


#thumbnail-slider .thumb {
    width:100%;
    height: 100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    position:absolute;
    font-size:0;
}


/* --------- Captions ------- */
#thumbnail-slider li > span {
    position:absolute;
    color:rgba(255,255,255,0.7);
    font-size:22px;
    bottom:2px;
}


/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbnail-slider-pause-play {display:none;} /*.pause*/

#thumbnail-slider-prev, #thumbnail-slider-next
{
    position: absolute;
    background-color:none;
    width:40px;
    height:50px;
    line-height:50px;
    top: 50%;
    margin:0;
    margin-top:-25px;
    color:white;
    z-index:10;
    cursor:pointer;
    opacity:1;
    *background-color:#ccc;/*IE7 hack*/
}

#thumbnail-slider-prev {
    left:0px; right:auto;
}

#thumbnail-slider-next {
    left:auto; right:0px;
}
#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
    opacity:0.3;
    cursor:default;
}

/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before {
    position: absolute;
    top: 15px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-left: 3px solid #DDD;
    border-top: 3px solid #DDD;
}

#thumbnail-slider-prev::before {
    left:14px;
    -ms-transform:rotate(-45deg);/*IE9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
}

#thumbnail-slider-next::before {
    right:14px;
    -ms-transform:rotate(135deg);/*IE9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
}

/*Responsive settings*/
@media only screen and (max-width:736px){
    
    #thumbnail-slider {
        padding:0;
    }

    #thumbnail-slider-prev, #thumbnail-slider-next {
        display:none;
    }
}

#ninja-slider .caption {
    padding: 20px 40px;
    margin: auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0px;
    width: auto;
    text-align: right;
    font-family: sans-serif;
    font-size: 11px;
    color: rgba(255,255,255,0.2);
    background: none;
    /* background: rgba(0,0,0,0.12); */
    position: absolute;
    box-sizing: border-box;
}

#ninja-slider li[class*='-'] .cap1 {
    opacity: 1;
    bottom: 0;
}
#ninja-slider li .cap1 {
    z-index: 10;
    color: #333;
    text-shadow: 2px 2px 3px #fff;
    font: bold 22px arial;
    text-align: center;
    opacity: 0;
    bottom: -10%;
    -webkit-transition: bottom 1.3s, opacity 1s;
    transition: bottom 1.3s, opacity 1s;
}

/*****************************************************      LIGHTBOX      *********************************/



.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../image/light/close.png) url(../image/light/loading.gif) url(../image/light/prev.png) url(../image/light/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#fff;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../image/light/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../image/light/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../image/light/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#666}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:none !important;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../image/light/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


/*****************************************************		RESPONSIVE  	*********************************/


@media only screen and (min-width: 768px) {
	.morph a { width: 20%; height: 20%; margin: 2.5% 5% 2.5% 0; }
	.morph a:nth-child(4n+4) .pic, .morph a:nth-child(4n+3) .pic { right: 0; }
	.morph a:nth-child(n+5) .pic { top: auto; bottom: 0; }
}
@media only screen and (max-width: 767px) {
	.morph a { width: 45%; height: 45%; margin: 2.5% 5% 2.5% 0; border: 5px solid #fff; }
	.morph a:nth-child(2n+2) .pic { right: 0; }
	.morph a:nth-child(n+3) .pic { top: auto; bottom: 0; }
	.morph a:focus .pic {
    width: 200%; height: 150%; }
}


.price, .btn-box, 
.quick-access #cart,
.product-item .link_box_image,
.product-grid .image:hover .link_box_image,
.product-grid .image .link_box_image { display:none !important; }