/* Dropdown */

.imgdropdow{
    max-width: 28px;
    border-radius: 80px;
    display: inline-flex;
    margin-right: 10px;
}

.link-drop-kit{
    padding: 5px !important;
    font-weight: 200;
    margin-right: 15px;
}

.columns_kit {
    border-radius: 0px !important;
}

@media screen and (max-width: 991px) {
  .columns_kit {
    min-height:30px;
    overflow-y: scroll;
  }
}

@media screen and (min-width: 992px) {
  .columns2_kit {
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-count: 2;
    /* Safari and Chrome */
    column-count: 2;
    width: 500px;
    min-height:30px;
  }
}

/* End Dropdown */

/* Filtros */
    .columns_kit label {
        width: 100%;
        margin-bottom: 0px;
        color: #585858;
        font-weight: lighter;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        line-height: 24px;
        cursor: pointer;
    }
    .columns_kit input[type=checkbox] {
        visibility: hidden;
    }
    .columns_kit input[type=checkbox] {
        background-color: #eee;
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 6px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float: left;
        margin-left: 0px;
        margin-right: 6px;
        content: '';
        left: 0;
        top: 1px;
        height: 15px;
        width: 15px;
        border: solid 1px #aaaaaa;
        background: white;
        display: none;
    }
    .columns_kit label input:checked + span:before {
        background-color: #E30613;
    }
    .columns_kit label span:before {
        content: '';
        height: 15px;
        width: 15px;
        border: solid 1px #aaaaaa;
        background-color: white;
        display: block;
        float: left;
        margin-right: 8px;
        margin-top: 4px;
    }

    .cont-list-options {
        margin-bottom: 0px;
        overflow: hidden;
        margin-left: 8px;
        margin-right: 8px;
    }

    .cont-list-options.cont-list-options-new .toggle-list-options-btn {
        display: block;
        color: #494949;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        border-bottom: 1px solid #494949;
        border-width: 0 0 1px;
    }
    .cont-list-options.cont-list-options-new div label {
        width: 100%;
        margin-bottom: 0px;
        color: #585858;
        font-weight: lighter;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        line-height: 24px;
        cursor: pointer;
    }
    .cont-list-options.collapsed {
        line-height: 24px;
        max-height: 48px;
    }
    .cont-list-options.cont-list-options-new.collapsed .toggle-list-options-btn {
        display: block;
        color: #494949;
        font-size: 16px;
        font-weight: 500 !important;
        position: relative;
        border-bottom: 1px solid #494949;
        border-width: 0 0 1px;
    }
    .cont-list-options.collapsed .toggle-list-options-btn:before {
        -webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    .cont-list-options .toggle-list-options-btn.:before {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        width: 30px;
        height: 30px;
        z-index: 1;
        opacity: .4;
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .collapsed svg {
        transform: rotate(-90deg);
        color: #000;
    }

    .cont-list-options.cont-list-options-new div label {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    

    .cont-list-options.cont-list-options-new.options2 div label {
        display: block;
        color: #494949;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        border-bottom: 1px solid #494949;
        border-width: 0 0 1px;
        padding: 3px 1px;
    }


    .lastoption{
        border-bottom: 2px solid #494949;
        padding-bottom: 20px !important;
    }

    .cont-list-options.cont-list-options-new.options2 div label input:checked + span:before {
        background-color: #E30613;
    }
    .cont-list-options.cont-list-options-new.options2 div label span:before {
        content: '';
        height: 15px;
        width: 15px;
        border: solid 1px #aaaaaa;
        background-color: white;
        display: none;/*block;*/
        float: left;
        margin-right: 8px;
        margin-top: 4px;
    }
    .options2 > .list-unstyled.list-options2 input[type=checkbox]:checked + span {
        color: #000;
        font-weight: 700;
    }
/* End Filtros */

.container-makevolution-cart .total-amount {
  color: #FFFFFF;
}



.height-mke-footer-buybutton .btn-heart-make, .height-mke-compraprod .btn-heart-make {
    margin-top: 20px;
    height: 48px;
}
.btnmenumobile.text-center.hidden-md.hidden-lg .burgrer-btn .filter-nav{
    display:none;
}

@media screen and (min-width:1024px) and (max-width: 1280px) {
  .makevolution-banner-container {
     /*width: 1000px !important;*/
  }
}

@media screen and (min-width:1366px){
  .col-md-12.text-center.height-mke-comments {
      margin-bottom: -580px !important;

  }
}



@media screen and (max-device-width: 1367px) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332){

    .makevolution-hidden-tab{
        display: block !important;
    }

  }


/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
    .makevolution-hidden-tab { background:rgba(0,0,0, 0.50) !important; }
}

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {

    .makevolution-hidden-tab {
      display: block !important;
      background:none !important;
    }

    .kitstitoltouch{
       display: block !important;
       min-height: 115px;
    }

    .kitstitoltouch .preciokitcart{
      display: inline-flex;
    }

    .makevolution-hidden-tab .makevolution-ver-patron h2{
      display: none !important;
    }
    .makevolution-hidden-tab .makevolution-ver-patron span{
      display: none !important;
    }

    .container-makevolution-cart .total-amount {
        color: #494949;
        display: block !important;
    }

    .container-makevolution-cart .modelorel-wrapper{
      flex-wrap: wrap;
    }



#modal-make .cont-detail .cont-resum-items .item-cont.make-pdf {
    width: 100%;
    border-radius: 4px;
    border: dashed 1px #aaaaaa;
    padding: 10px 10px;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 15px;
}


#modal-make .cont-detail .cont-resum-items {
       margin-top: 20px;
}

#modal-make .container h4 {
    float: left !important;
    width: 50% !important;
    padding-bottom: 10px !important;
}

#modal-make .cont-detail .total-amount-items-cont {
    border-top: none !important;
    padding: 0px !important;
        position: inherit;
}

#modal-make .container .pull-right .btn-box {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
}
#modal-make .container.cont-detail .cont-select-tallas {
    width: 50% !important;
    float: left !important;
    height: 10px !important;
    margin-top: 5px !important;
    margin-right: 0px !important;
}

#modal-make  .cont-detail .cont-resum-items .item-cont.make-lanas {
    padding: 20px 0 0px 0;
    width: 46%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    z-index: auto !important;
}

#modal-make  .cont-detail .cont-resum-items .item-cont.make-agujas {
    padding: 20px 0 0px 0;
    width: 46%;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
}

#modal-make  .modal-body {
    position: initial;
}

 .cont-promo-makevolution-katia {
    background-size: cover;
    background-position: initial;
 }
 .makevolutionbox{
    padding: 16px;
    border-radius: 2px;
 }




 .modal2 {


    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: overlay;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);

}


#modal-make .cont-detail .cont-resum-items .item-cont .item-quantity {
    width: 70%;
}

#modal-make .cont-detail .cont-resum-items .item-cont .item-img-cont {
    width: 25%;
    padding: 0;
}

#modal-make .cont-detail .model-title {
    margin: 0 0 15px 0;
    font-size: 2.9em;
}

#modal-make .custom-hr {
    margin: 5px 0;
    border-color: #aaaaaa;
    width: 100%;
}

#modal-make .cont-detail .cont-resum-items .item-cont {
    padding: 20px 0 0px 0;
}

#modal-make .close {
    float: right;
    font-size: 35px;
    font-weight: 700;
    line-height: 0.85;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.85;
    width: 35px;
    height: 35px;
    border: 1px dotted #aaa;
    border-radius: 40px;
    text-align: center;
    margin-right: 12px;
}

#modal-make .cont-detail {
    padding-bottom: 0px;
}



.modal-content2 {
    background-color: #fefefe;
    margin: 3% auto;
    padding: 20px 0px 0px 0px;
    border: 1px solid #888;
    width: 55%;
}


@supports (-ms-ime-align: auto) {

.over-mke .makevolution-intro-text {
    padding-bottom: 5% !important;
}


.over-mke .makevolution-intro-box.mke-intro-autor .makevolution-title-logo.mke-detalle-logo-autor{
height: 10% !important;
}

.makevolution-title-logo {
    height: 90px !important;
}

.makevolution-intro-text {
    padding-bottom: 30px;

}
}


@-moz-document url-prefix() {


.over-mke .makevolution-intro-text {
    padding-bottom: 5% !important;
}
.over-mke .makevolution-intro-box.mke-intro-autor .makevolution-title-logo.mke-detalle-logo-autor{
height: 10% !important;
}

.makevolution-title-logo {
    height: 90px !important;
}
.makevolution-intro-text {
    padding-bottom: 30px;

}

}

@media screen and (min-width:300px) and (max-width: 812px) {  
.llistatrelacionats .row.filallistats {
    margin-left: 8px !important;
    margin-right: 8px !important;
    display: block !important;
}

.llistatrelacionats .row.filallistats .modelorel-wrapper {
    margin-bottom: 32px !important;
    width: 95% !important;
}
}


.llistatrelacionats .row.filallistats {
    margin-left: 25px;
    margin-right: 25px;
    display: inline-flex;
    width: 97%;
}
.llistatrelacionats .row.filallistats .modelorel-wrapper {
    margin: 8px;
    width: 32.2%;
}
.llistatrelacionats .row.filallistats .modelorel-wrapper img {
    border-radius: 0px;
}
.llistatrelacionats .row.filallistats .modelorel-wrapper .similar-model-description {    
margin: 4px 0;
    font-size: 1.5em;
    text-align: center;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 16px;

 }


 .llistatrelacionats .row.filallistats .modelorel-wrapper .similar-model-description-makevolution {    
margin: 4px 0;
    font-size: 1.5em;
    text-align: left;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-top: 16px;

 }

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

.container-makevolution-cart .modelorel-wrapper .modelorel-content-makevolution .makevolution-hidden-tab a {

    display: inline-block !important;

}

.container-tabs-info .info-cont-right h4{
 display: inline-block !important;
line-height: auto !important;

}

}}



.container-makevolution-cart .modelorel-wrapper .modelorel-content-makevolution .makevolution-hidden-tab a  {
    z-index: 15;
    cursor: pointer;
    /*width: -webkit-fill-available;*/
    /*min-height: 320px;
    min-width: 320px;*/
    display: block;
    height: -webkit-fill-available;
    padding-top: 35%;
    /*padding-left: 25px;
    padding-right: 25px;*/

    z-index: 15;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    height: 100%;
    padding-top: 0px;

}
}

.container-makevolution-cart{
    padding-right: 0px !important;
    padding-left: 0px !important;
	text-align: center;
}

.container-makevolution-cart .modelorel-wrapper .modelorel-content-makevolution a {
    z-index: 9;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    height: 100%;
    text-decoration: none;
}

.modelorel-content-makevolution {
    display: flex;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.modelorel-content-makevolution img {
    border-radius: 1px !important;
}

.h-makevolution {
    color: #321E1F !important;
}

  .bg-grey-dark-makevolution {
            padding-top: 0px !important;
            background: white;

    }


* {
  box-sizing: border-box;
}

#makevolution-gallery .row  {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    z-index: auto;
}

#makevolution-gallery .row > .column {
  padding: 0px;
}

#makevolution-gallery .row:after {
  content: "";
  display: table;
  clear: both;
}

#makevolution-gallery .column {
  float: left;
  width: 33.3333%;
  overflow: hidden;
}
#makevolution-gallery{
height: fit-content;
    margin-bottom: 0px;
    position: relative;
    z-index: auto;

}

/* The Modal (background) */
#makevolution-gallery .modal {
  display: none;
  position: fixed;
 z-index: 999999999999999999;
      padding-top: 2%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
      background-color: rgba(0,0,0, 0.75);
      padding: 5%;
}

/* Modal Content */
#makevolution-gallery .modal-content {
    position: relative;
    background-color: none;
    margin-top: auto;
    width: 80%;
    height: max-content;
    display: block;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
 
}

/* The Close Button */
#makevolution-gallery .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  border: 2px solid white;
  border-radius: 80px;
  text-shadow: none !important;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 28px;
  opacity: 1 !important;
}




}

#makevolution-gallery .close:hover,
#makevolution-gallery .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#makevolution-gallery .mySlides {
  display: none;
}

#makevolution-gallery .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
#makevolution-gallery .prev,
#makevolution-gallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
#makevolution-gallery .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#makevolution-gallery .prev:hover,
#makevolution-gallery .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
#makevolution-gallery .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

#makevolution-gallery img {
  margin-bottom: -4px;
}

#makevolution-gallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

#makevolution-gallery .demo {
  opacity: 0.6;
}

#makevolution-gallery .active,
#makevolution-gallery .demo:hover {
  opacity: 1;
}

#makevolution-gallery img.hover-shadow {
  transition: 0.3s;
}

#makevolution-gallery .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@mixin center-v () {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
}

body {
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

.item {
  /* width: 200px;
  margin: 50px auto;
  max-height: 250px;
  padding: 75px 20px;
  background: #ccc;
  text-align: center;
  color: #FFF;
  font-size: 3em; */
  
  span {
    display: block;
    font-size: 1rem;
  }

  &--primary {
    @include center-v;
    right: 0px;
    background: none;
  }
  
  &--secondary {
    @include center-v;
    left: 20px;
    background: red;
  }
}
 section[role="main"] {
    background: url(http://zurb.com/playground/uploads/upload/upload/87/wood-bg.jpg) repeat;
  }

    section[role="main"] p a:hover, li a:hover {
      color: #461C00;
    }
  div#sidebarAd.cleanslate {
    background: rgba(255, 255, 255, 0.25);
  }
  .CodeRay { background: rgba(255, 255, 255, 0.75); }
  .row { overflow: visible }
  .project-header { margin-bottom: 1em; }
  
  .polaroids-DP-makevolution {
    padding-right: 25%;
}
  .polaroids-DP-makevolution-s {
    float:right;
}
  .polaroids-DP-makevolution li {   float:right;

    z-index: 999;}
.item.item--primary.aos-init {
    width: 130px;
    right: 3%;
}



/* ul.polaroids-DP-makevolution a { 
        -webkit-transform: rotate(0deg) !important; 
        -webkit-transition: -webkit-transform .15s linear; 
        -moz-transform: rotate(0deg) !important; 
    }
*/




    ul.polaroids a { 
        background: #fff; 
        display: inline; 
        float: left; 
        margin: 0; 
        width: 280px; 
        padding: 0px; 
        text-align: center; 
        text-decoration: none; 
        color: #333; 
        font-size: 18px; 

    }





ul.polaroids-s a { 
        margin: 0 0 27px 10px; 
        width: 120px; 
        padding: 10px 10px 15px; 
        text-align: center; 
        font-family: "Marker Felt", sans-serif; 
        color: #333; 
        font-size: 10px; 
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
        -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); 
        -webkit-transform: rotate(0deg); 
        -webkit-transition: -webkit-transform .15s linear; 
        -moz-transform: rotate(0deg); 
    }

ul.polaroids-s .btn-box {
    color: #000;
    background-color: #FFF;
    border: solid 1px #000;
    text-align: center;
    padding: 4px 2px;
    border-radius: 4px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

ul.polaroids-s .btn {
    font-size: 9px;
}

    ul.polaroids li {
      padding-left: 0px;
    }

.bg-grey-dark-makevolution .swiper-wrapper {
    height: min-content !important;
}

@media screen and (max-width: 812px) {
  
.bg-grey-dark-makevolution .container-related-content .intro-related-content {
    margin: 35px 0 0px 0 !important;
}
    ul.polaroids li {
    display: inline-block;
    padding-left: 0;
}
   ul.polaroids li a {
    margin-left: 0;
    margin: auto;
    width: 100%;
    /* padding: 10px; */



}
    [class*="block-grid-"] {
    margin: auto;
    padding: 7%;
    }

  /*  ul.polaroids a { 
        -webkit-transform: rotate(0deg); 
        -moz-transform: rotate(0deg); 
    }
    */


    .polaroids-DP-makevolution {
    padding-right: 10%;
    padding-top: 15%;
    padding-bottom: 0%;
    }

.cont-detail-makevolution-katia .author-img {
    width: 100% !important;
}

.cont-detail-makevolution-katia .author-img img {
    width: 100%;
    height: -webkit-fill-available;
}
.cont-detail-makevolution-katia .author-img p {
    top: 60% !important;
    bottom: -2% !important;
    position: absolute;
    width: 100% !important;
    border: 0 !important;
    font-size: 1.1em !important;
}

.cont-detail-makevolution-katia .makev-product-desc-teaser {
    width: 100% !important;
    float: none !important;
    padding: 20px !important;
    font-size: 1.8em !important;
    text-align: center !important;
    vertical-align: text-bottom !important;
    padding-top: 15% !important;
    margin-top: 15% !important;
    display: flow-root !important;
}
#makevolution-gallery .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    top: 10%;
    width: 80%;
}

}


/** @media screen and (min-width: 568px) and (max-width: 812px){
        ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(6deg); position: relative; top: 19px; margin-bottom:20px; -moz-transform: rotate(10deg); }
        ul.polaroids li:nth-child(3n) a { -webkit-transform: rotate(-5deg); position: relative; top: 19px; margin-bottom: 60px; }
        ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(3deg); position: relative; right: 5px;   margin-bottom:20px; }
        ul.polaroids li:nth-child(8n) a { -webkit-transform: rotate(-5deg);position: relative; right: 5px; top: 18px; margin-bottom:25px; }
        ul.polaroids li:nth-child(11n) a { -webkit-transform: rotate(-1deg);position: relative; left: -5px; top: 18px; margin-bottom:25px; }
        

} **/


@media screen and (min-width: 1366px) {
#makevolution-gallery .modal-content {
    width: 44% !important;
 
}

.col-md-3.text-center.mke-img-prod {

    height: 550px;
    min-height: 500px;

}

}


@media screen and (max-width: 760px) {
          ul.polaroids li {
    padding-left: 6%;
    padding-right: 6%;
    margin-bottom: 20px;
    }

    [class*="block-grid-"]  {
    margin-left: 0 auto !important;
    margin-right: 0 auto !important;
    width: 100% !important;
}



      /*  ul.polaroids li:nth-child(even) a { -webkit-transform: none;  -moz-transform: none; }
        ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative;  -moz-transform:  none; }
        ul.polaroids li:nth-child(5n) a { -webkit-transform: none; position: relative;   -moz-transform: none; }
        ul.polaroids li:nth-child(8n) a { -webkit-transform: none; position: relative;  }
        ul.polaroids li:nth-child(11n) a { -webkit-transform: none;position: relative;  }
        */

}

@media screen and (min-width: 761px) and (max-width: 812px) {

    ul.polaroids li {
            position: inherit;
            width: 100%;
            margin-bottom: 8%;
            margin-left: auto;
            margin-right: auto;
    }    
    [class*="block-grid-"] {

    display: block;
    padding: 0;
    margin-left: 10%;
    margin-right: 2%;
    zoom: 1;
}

.large-12 {
    position: relative;
    width: 100%;
}

.large-block-grid-4>li:nth-of-type(4n+1) {
    clear: both;
}
.large-block-grid-4>li:nth-of-type(n) {
    clear: none;
}

.small-block-grid-2>li:nth-of-type(2n+1) {
    clear: none;
}

}



        ul.polaroids img { display: block; width: 253px;  }
        ul.polaroids-s img {  width: 100px; }
        .cont-promo-makevolution ul.polaroids a:before { 
          content: attr(title); 
        }
        .cont-promo-makevolution ul.polaroids a:after { 
          content: attr(price); 
        }
        /* ul.polaroids a:after { content: attr(title); } */


        
        ul.polaroids li.messy a {
      margin-top: -400px;
      position: relative;
      left: 160px;
    }
      /*  ul.polaroids-s li a:hover { 
            -webkit-transform: scale(2.1) !important; 
            -moz-transform: scale(2.1) !important; 
            right: 30%;
  }
        ul.polaroids li a:hover { 
            -webkit-transform: scale(1.35); 
            -moz-transform: scale(1.35); 
            -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); 
            position: relative; 
            z-index: 5; }

       ul.polaroids-DP-makevolution li a:hover { 
            -webkit-transform: scale(1.35) !important; 
            -moz-transform: scale(1.35) !important; 
          
  }
  */

.cont-detail-makevolution-katia .author-img {
    width: 50%;
    position: relative;
    float: left;
}

.cont-detail-makevolution-katia .author-img .inner-author {
    width: 100%;
    display: inline-flex;
    float: left;
}


.cont-detail-makevolution-katia .author-img p{
    top: 45%;
    position: absolute;
    width: 58%;
    padding: 20px 20px 20px 40px;
    background: linear-gradient( rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85) );
    border: 4px;
    font-size: 1.3em;
}

.cont-detail-makevolution-katia .makev-product-desc-teaser {
width: 40%;
    float: right;
    padding: 20px;
    font-size: 1.8em;
    text-align: center;
    vertical-align: middle;
    padding-top: 4%;
}

.bg-grey-dark-makevolution .cont-button-units .btn-manage-units {
    width: 25%;
 }

  .makevolutionbox {
    margin-left: auto;
    width: 550px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-top: 50px;
  display: none;
}


    .makevolutionbox img {
width: 550px;
    }


.img-makevolution.center-block {
        border-radius: 0px;
        top: 0px;
        padding: 0px !important;
        width: 100%;

    }

     .cont-breadcrumb{
        padding-top: 120px;
        /*border-bottom: solid 1px #aaaaaa;*/
        position: relative;
        font-size: 16px;
    }
    .container.cont-breadcrumb.cont-breadcrumb-make{
      position:absolute;
      z-index:99;
      /*background-color: rgba(255,255,255, 0.9);*/
      padding-top: 120px;
      width: 100%;
    }

    .cont-detail-makevolution-katia .col-md-12.text-centerheight-mke-compraprod {
    margin-top: 0px;
    height: 500px;
}

.mke-img-comments-1 {
    z-index: 1;
    margin-right: 30px;
    top: 0px;
    width: 450px;
    float: right;
height: 100%;
}

.mke-img-comments-1 img {
    width: 100%;
    min-height: 435px;
}


.mke-img-comments-1 .mke-text-prod-p {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
}


.mke-text-comments-1  {
    min-height: auto;
    background: white;
    height: 100%;
    float: left;
    width: 540px;
    margin-left: 0;
    z-index: 99;
-webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
-moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    top: -460px;
}
.mke-text-comments-1 h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 400px;
    margin-top: -21px;
    margin-left: -35px;
    text-transform: uppercase;
}

.mke-text-comments-1 .mke-text-prod-p {
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
}

.mke-text-comments-2 .mke-text-comments-p {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
}

.mke-img-comments-2 {
    /*position: absolute;
    z-index: 9;
    top: 455px;
    margin-left: 34px !important;
    width: 350px !important;
    height: 100%;*/

    position: absolute;
    margin-left: 28px !important;
    width: 450px !important;
    float: left;
    top: 21%;
    z-index: 9;
    height: 100%;

}
.mke-img-comments-2 img {
    width: 100%;
    min-height: 400px;
}
.mke-text-comments-2  {
    background: #bec0c0;

    float: left;
    padding-left: 15px;
    top: -510px;
    z-index: 5;
    padding-top: 60px;
    width: 365px;
    margin-left: 450px;
    height: 100%;
-webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
-moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
.mke-text-comments-2 .mke-text-comments-p p {
    font-size: 16px;
}
.mke-text-comments-2 h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 100;
    position: absolute;
    width: 90%;
    margin-top: -21px;
    margin-left: -30px;
}



.mke-text-compraprod-1 h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 200px;
    margin-top: -21px;
    margin-left: -35px;
    text-transform: uppercase;
}

.mke-text-compraprod-1 {
    background: white;
    height: fit-content;
    float: left;
    width: 60%;
    margin-left: 0;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    margin-bottom: 50px;
    padding-bottom: 30px;
    display: none;
}
.mke-img-compraprod-1 .lanas_make {
    width: 50%;
    float: left;
}

.mke-img-compraprod-1 {

    /*float: left;
    background: white;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    padding-bottom: 30px;
    width: 100%;
    display: inline-flex;
    text-align: center;
        padding-top: 30px;*/

float: left;
    background: white;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    padding-bottom: 30px;
    width: 40%;
    /* display: inline-flex; */
    text-align: center;
    padding-top: 30px;
    background: white;
    height: fit-content;
    float: left;
    width: 34%;
    margin-left: 6%;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    margin-bottom: 50px;
    display: none;

}
.mke-button-1 {
    width:100%;
}
.mke-text-compraprod-1 .mke-text-prod-p {
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
}


.mke-img-compraprod-1 h2 {
    /*background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 200px;
    margin-top: -21px;
    margin-left: -35px;
    text-transform: uppercase;*/


    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 200px;
    margin-top: -50px;
    margin-left: -35px;
    text-transform: uppercase;

}


.mke-img-compraprod-1 img {
    width: 100%;
    margin-top: 0px;
}
.mke-img-compraprod-1 h3 {
    font-size: 12px;
    letter-spacing: 2.8px;
    font-weight: normal;
    margin-top: 8px;
    height: 40px;
}

.mke-button-1 .btn-box.box-pink {
    color: #FFF;
    background-color: #E30613;
    border: solid 1px #E30613;
        border-radius: 2px;
    width: 300px;
    margin-top: 20px;
    letter-spacing: 2.8px;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 20px;
}


.mke-button-1 .btn-box.box-pink:hover,
.mke-button-1 .btn-box.box-pink:focus{
        color: #E30613;
        background-color: #FFF;
    }

.mke-button-1 .sub-wool {
    font-size: 16px;
    font-weight: lighter;

}
    .cont-promo-academia-katia .description-promo{
        font-size: 1.3em;
        margin: 0 0 25px 0;
    }

    .cont-promo-newsletter{
        overflow: hidden;
        padding: 90px 0 90px 0;
        background: #f6f4f1;
        border-top: solid 5px #f6f4f1;
    }

@-moz-document url-prefix() {
  .cont-promo-makevolution {
    height: 1000px;
}
  }
@supports (-ms-ime-align:auto) {
  .cont-promo-makevolution {
    height: 1000px;
}
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .cont-promo-makevolution {
    height: 1000px;
}
}


/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cont-promo-makevolution {
    height: 1000px;
}
}

    .cont-promo-makevolution {
    overflow: hidden;
    padding: 350px 0 70px 0;
    background-image: url(https://www.katia.com/imgs/makevolution-top-header-banner-bg.jpg);
    height: -webkit-fill-available;

    height: fill-available;

    background-size: cover;
    background-origin: border-box;
    background-position-x: 30%;
    background-position-y: 50%;
        z-index: auto;
}

.over-mke {
    position: relative;
    display: block;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    z-index: auto;
}


.over-mke h2 {
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1.5px;
    line-height: 45px;
    z-index: 99;
    position: relative;
}

.mke-height-top {
    height: fit-content;
    height: fill-available;
    width: 100%;
    position: relative;
    display: block;    
    margin-bottom: 0px;
}

/*  1367 AND MORE  */



@media screen and (min-width: 1367px){

.makevolution-hidden-tab {
    display: none;
}

/*
@-moz-document url-prefix() {
#detail-makevolution-katia .col-md-12.text-center.presen-prod {
    margin-bottom: -230px !important;
    margin-top: -390px !important;
}
  }

@supports (-ms-ime-align:auto) {
  #detail-makevolution-katia .col-md-12.text-center.presen-prod {
    margin-bottom: -130px !important;
    margin-top: -390px !important;
height: 790px;
} 
.col-md-5.mke-text-prod {
    top: -660px !important;
    height: auto !important;
}


}
*/


#detail-makevolution-katia .col-md-12.text-center.presen-prod {
   /* height: 100%;
    position: inherit;
    margin-top: -300px;
    margin-bottom: -230px;

    height: -webkit-fill-available;
    position: inherit;
    margin-top: -300px;
    margin-bottom: -130px;*/

height: 550px !important;

position: relative;

margin-top: 0px;

margin-bottom: 110px;
}
.col-md-12.text-center.height-mke-compraprod {
    height: 100%;
    z-index: 99;
    margin-bottom: 60px;
    margin-top: 0px;
}

.col-md-12.text-center.height-mke-footer-buybutton   .center {

    padding: 0px;
}
   .center {
    margin: auto;
    height: 100%;
    width: 1115px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .makevolution-intro-box.mke-intro-autor {
    width: 1070px !important;
}

#makevolution-gallery {
    height: 100%;
    margin-bottom: 0px;
    position: relative;
    width: 1085px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
#makevolution-gallery .row {
text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}
}

/*  ENDS 1367 AND MORE  */

.col-md-12.text-center.presen-prod .center {
padding-left: 8px;
    padding-right: 8px;
}
.col-md-12.text-center.height-mke-comments .center {
    padding-left: 5%;
    padding-right: 5%;
}

.over-mke .makevolution-intro-text {
    position: inherit;
    margin: 40px auto 50px auto;
    padding-left: 7%;
    padding-right: 7%;
    z-index: 99;
}
.over-mke .makevolution-intro-text p {
   font-size: 18px;
   z-index: 999;
 }
    .cont-promo-makevolution-katia {
                  /*
                  background: 
                    linear-gradient(
                      rgba(255, 255, 255, 0.45), 
                      rgba(255, 255, 255, 0.45)
                    ),
                    url(https://www.katia.com/./files/img/banner-katia-academy.jpg);*/
                    background: white;
    }

 .makevolution-intro-text p {
    font-size: 18px;
    font-weight: 100;
    -webkit-font-smoothing: auto;
    line-height: 24px;
  letter-spacing: 1px;
 }


.col-md-3.mke-img-prod img {
    width: 100%;
-webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
-moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}

.col-md-5.mke-text-prod {
    background: white;
    height: 100%;
    float: left;
    padding-left: 50px;
    width: 555px;
     top: -460px;
    z-index: 1;
    margin-left: 550px;
        min-height: 250px;
}

.col-md-5.mke-text-prod h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 100%;
    margin-top: -26px;
    margin-left: -30px;
    text-indent: 28px;
}
.col-md-12.text-center.presen-prod{
    height: 100%;
    position: relative; 
}
.col-md-12.text-center.height-mke-comments{
    height: 100% !important;
    margin-bottom: -780px;
    min-height: 1550px;
}

.col-md-3.text-center.mke-img-prod {
    z-index: 9;
    top: 30px;
    left: 0px;
    width: 600px !important;
    float: left;
    height: 100%;
    min-height: auto !important;
    cursor: pointer;
 
}

.col-md-5.mke-text-prod .mke-text-prod-p {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
}
.col-md-12.text-center.height-mke-compraprod {
    height: 100%;
    z-index: 99;
   /* display: none;*/
}
.mke-text-prod-p p {
font-size: 18px;
  
}
    .makevolution-intro-box {
    /*background: url(/makeevolution/makevolution-background-top.png);*/
    width: 70%;
    height: auto;
    margin: auto auto 35px auto;
    display: block;
    /*-webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.10);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.10);*/
    background-size: cover;
    background-clip: content-box;
    }

    .makevolution-intro-box.mke-intro-autor {
    background: url(bg-intro-autor-mke-detalle.jpg);
    width: 84%;
    height: fit-content;
    background-size: auto;
    margin: auto;
    display: block;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    padding-top: 30px;
    z-index: auto;
    position: relative;
}

.makevolution-title-logo {
    width: 72%;
    position: relative;
    /*height: 90px;*/
    text-align: center !important;
    padding: 50px 0 0 0;
    font-size: xx-large;
    letter-spacing: 2px;
    border-bottom: 0px solid #494949;
    margin-left: auto;
    margin-right: auto;
    line-height: 0em;
	font-family: "DryBrush";
	font-size: 70px;
	color: #585858;
}

.makevolution-title-logo img {
    width: 50%;

}

.makevolution-title-logo.mke-detalle-logo-autor {
    width: 30%;
    position: relative;
    text-align: center;
    padding: 0px;
    height: auto;
    padding-bottom: 20px;
}

.makevolution-title-logo.mke-detalle-logo-autor img {
    margin-top: 35px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-height: 20%;
    width: 100%;
}

 .makevolution-intro-text {
    position: inherit;
    margin: 50px auto 50px auto;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    font-size: 20px;
    padding-bottom: 0px;
	color: #585858;
}

.makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}
#detail-makevolution-katia .makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}
.footer-banner-mk img {
   /* background: url(https://www.katia.com/makeevolution/makevolution-banner-bg.jpg);*/
    width: 100%;
   /* height: 397px;
   -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);*/


}


#detail-makevolution-katia .makevolution-banner-container .footer-banner-mk img {
    width: 100%;
    /*height: 397px;*/
/*   -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
*/    
    margin-left: auto;
    margin-right: auto;
}

.footer-banner-content-mk {
    background-color: rgba(0,0,0, 0.85);
    padding: 15px 35px 15px 35px;
    color: white;
    font-size: 25px;
    margin-top: 245px;
    margin-left: 65px;
    text-transform: UPPERCASE;
    width: 530px;
    position: absolute;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    letter-spacing: 1.5px;
    display: none;
}

.footer-banner-content-mk:hover {
  background:#E30613 !important;
  }


.makevolution-imgs.img-responsive.center-block {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    top: 0px;
    padding: 0px !important;
    width: 100%;
}
.makevolution-hidden-tab {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    cursor: pointer;
}
.container-makevolution-cart .modelorel-wrapper{
  width: 25%;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
}

    .animate {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    transition: all 6s !important;
    }

    .animateOff {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    transition: all 6s !important;
    }

   /*.makevolution-hidden-tab { background:rgba(0,0,0, 0.50) !important; }*/

/*   .makevolution-hidden-tab.one { background:rgba(50,50,50, 0.85) !important; }
   .makevolution-hidden-tab.two { background:rgba(10,117,18, 0.85) !important; }
   .makevolution-hidden-tab.three { background:rgba(101,72,12, 0.85) !important; }
   .makevolution-hidden-tab.four { background:rgba(12,84,138, 0.85) !important; }
   .makevolution-hidden-tab.five { background:rgba(83,37,43, 0.85) !important; }
   .makevolution-hidden-tab.six { background:rgba(87,82,3, 0.85) !important; }
   .makevolution-hidden-tab.seven { background:rgba(76,6,121, 0.85) !important; }
   .makevolution-hidden-tab.eight { background:rgba(75,124,73, 0.85) !important; }
   .makevolution-hidden-tab.nine { background:rgba(50,50,50, 0.85) !important; }
   .makevolution-hidden-tab.ten { background:rgba(52,80,35, 0.85) !important; }
   .makevolution-hidden-tab.eleven { background:rgba(69,47,8, 0.85) !important; }
   .makevolution-hidden-tab.twelve { background:rgba(61,96,32, 0.85) !important; }
   .makevolution-hidden-tab.thirteen { background:rgba(101,72,12, 0.85) !important; }
   .makevolution-hidden-tab.fourteen { background:rgba(12,84,138, 0.85) !important; }
   .makevolution-hidden-tab.fifteen { background:rgba(83,37,43, 0.85) !important; }
   .makevolution-hidden-tab.sixteen { background:rgba(87,82,3, 0.85) !important; }
   .makevolution-hidden-tab.seventeen { background:rgba(76,6,121, 0.85) !important; }
   .makevolution-hidden-tab.eighteen { background:rgba(75,124,73, 0.85) !important; }
*/

.makevolution-hidden-tab h2 {
    color: white !important;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    letter-spacing: 2.5px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30%;
    margin-bottom: auto;
    /* display: inline-grid;
    height: 50%; */
}

.makevolution-hidden-tab .similar-model-description{
  color: white !important;
  font-size: 14px  !important;
  text-transform: uppercase;
  }

.makevolution-hidden-tab .btn-box-makevolution {
    color: white !important;
    font-size: 16px !important;
    text-transform: uppercase;
    background: none !important;
    padding: 1px 35px 5px 35px;
    border: 1px solid white;
    border-radius: 0px !important;
    margin-top: 20px;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 100;
}

.makevolution-hidden-tab .btn-box-makevolution:hover{
  background:#E30613 !important;
  }


.makevolution-hidden-tab a:hover{
        color: white;
    }

.makevolution-hidden-tab .btn-box-makevolution:before {
  content:"+";
  margin-right: 10px;
  font-size: 20px;
line-height: 25px;

  }

.bg-grey-dark-makevolution .row.filallistats {
    margin-left: 25px;
    margin-right: 25px;
    display: flex;
    width: 100%;
}


.modelorel-content-makevolution .btn-box-makevolution {
    color: white !important;
    font-size: 16px !important;
    text-transform: uppercase;
    background: none !important;
    padding: auto;
    border-radius: 0px !important;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 100;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 13%;
    width: 100%;
}


.modelorel-content-makevolution .btn.button-mke{
    color: white !important;
    font-size: 20px !important;
    text-transform: uppercase;
    padding: 10px 45px 10px 45px;
    border: 1px solid white;
    border-radius: 0px !important;
    margin-top: 0px;font-family: 'Ubuntu', 
    sans-serif;letter-spacing: 1.5px;
    font-weight: 100;
    background: rgba(0,0,0, 0.20) !important;
}



.modelorel-content-makevolution .btn.button-mke:hover{
  background:#E30613 !important;
  }


.modelorel-content-makevolution .btn.button-mke:before {
  content:"+";
  margin-right: 10px;
  font-size: 20px;
line-height: 25px;

  }

@media screen and (max-width: 1024px){
.makevolution-hidden-tab h2 {
    font-size: 16px !important;
}
}

@media screen and (min-width: 1025px) and (max-width: 1368px){
.makevolution-hidden-tab h2 {
    font-size: 24px !important;
}
.modelorel-wrapper{
  width: 33.33% !important;
}

}
/* 1025 x 1366 */

@media screen and (min-width: 1025px) and (max-width: 1366px){



.col-md-3.text-center.mke-img-prod {
    height: 550px;
    min-height: 500px;
 }



.mke-height-top {
    height: 100% !important;
    position: relative;
}
.col-md-12.text-center.height-mke-comments {
    height: 100%;
    margin-bottom: -580px;
    display: block;
}
.col-md-12.text-center.height-mke-compraprod {
    margin-top: 0px;
    margin-bottom: 30px;
}
/*
@-moz-document url-prefix() {
#detail-makevolution-katia .col-md-12.text-center.presen-prod {
    margin-bottom: -230px !important;
    margin-top: -390px !important;
}

.col-md-12.height-mke-compraprod {
margin-top: -14%;
}

  }
*/

/* Microsoft Edge Browser 12+ (All) - @supports method */

/*@supports (-ms-ime-align:auto) {
  #detail-makevolution-katia .col-md-12.text-center.presen-prod {
    margin-bottom: -230px !important;
    margin-top: -390px !important;
} 
.col-md-12.height-mke-compraprod {
margin-top: -14%;
}
}*/

.col-md-12.text-center.presen-prod {
    /*height: fit-content;
    position: relative;
    margin-top: -330px;
    margin-bottom: -25%;
    min-height: 450px;*/
    height: 550px;
    position: relative;
    margin-top: 0px;
    min-height: 500px;
    margin-bottom: 90px;
}
.col-md-12.text-center.height-mke-compraprod {
    height: fit-content;
    z-index: 99;
    margin-bottom: 50px;
}
.col-md-12.text-center.height-mke-comments.center {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    overflow: none !important;
}
.over-mke {
    position: inherit;
    display: block;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;

}
.makevolution-intro-box.mke-intro-autor {
    width: 90%;

}
.mke-img-comments-1 {
    z-index: 1;
    margin-right: auto;
    top: 0px;
    width: 450px;
    float: left;
    position: absolute;
    margin-left: 448px;
}
#detail-makevolution-katia h2 {
    top: -10px !important;
}

.mke-img-compraprod-1 h2 {
    margin-top: -21px !important;
}
.mke-text-comments-1 {
    background: white;
    height: auto;
    float: left;
    width: 540px;
    margin-left: 0;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
        top: 14px;
}
.mke-img-comments-2 {
    position: inherit;
    z-index: 9;
}
.mke-text-comments-2 {
    background: #bec0c0;
    height: fit-content;
    float: left;
    padding-left: 15px;
    top: -630px;
    z-index: 5;
    padding-top: 60px;
    width: 365px;
    margin-left: 450px;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
#detail-makevolution-katia .makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}
.makevolution-banner-container {
    margin: 0px auto 0px auto;
   /* width: 89%;*/
}

#detail-makevolution-katia .makevolution-banner-container {
    padding-right: 0px;
    padding-left: 0px;
}

#detail-makevolution-katia .makevolution-banner-container .footer-banner-mk img {
    width: 100% !important;

}
.footer-banner-mk img {
   /* background: url(https://www.katia.com/makeevolution/makevolution-banner-bg.jpg);*/
    width: 100%;
/*   
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
*/    
    margin-left: auto;
    margin-right: auto;
}
.center {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 90% !important;
    position: relative;
    text-align: center;
}

}

/* ENDS 1025 x 1366 */

.agujasmodelomake .info-cont-right .agujasusadas_make  {
    width: 40%;
    float: left;
}
.agujasmodelomake .info-cont-right .puntosusados_make {
    float: left;
    width: 58%;
}



.agujasmodelomake .info-cont-right .medidasusadas_make  {
    width: 100%;
    float: left;
}


.agujasmodelomake .info-cont-right .col_1_make {
    width: 40%;
    float: left;
}

.agujasmodelomake .info-cont-right .col_2_make {
    float: left;
    width: 58%;
}
.agujasmodelomake .info-cont-right .line_make {
    width: 100%;
}
@media screen and (min-width: 813px) and (max-width: 1280px){
.modal-content2 {
    width: 90% !important;
}
}

@media screen and (min-width: 569px) and (max-width: 812px){
    #modal-make .cont-detail .model-title {
    font-size: 1.8em;
}
#modal-make .container {
    padding: 0px !important;
}
#modal-make .cont-detail .cont-resum-items .item-cont .item-quantity {
    width: 72% !important;
    margin-top: 20px !important;
    display: inline-block !important;
    margin-left: 12px;
}
#modal-make .cont-detail .cont-resum-items .item-cont .item-quantity {
    width: 72% !important;
    margin-top: 20px !important;
    display: inline-block !important;
    margin-left: 12px;
}
#modal-make .btn.btn-box.box-pink.btn-buy-all.afegircarritomodelo {
    width: 89% !important;
    float: left !important;
    background-image: none !important;
}
.modal-content2 {
    width: 95% !important;
}
#modal-make .container.cont-detail .cont-select-tallas {
    width: 100% !important;
    float: left !important;
    height: 22px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
}
    #modal-make .btn.btn-box.box-pink.btn-buy-all.afegircarritomodelo {
    width: 88% !important;}



    #modal-make .cont-detail .cont-resum-items .item-cont.make-lanas {
    padding: 0 0 20px 0 !important;
    width: 100% !important;
    }
    #modal-make .cont-detail .cont-resum-items .item-cont.make-agujas {
    padding: 0 0 20px 0 !important;
    width: 100% !important;
    }
    #modal-make .custom-hr {
    border-color: #aaaaaa !important;
    width: 100% !important;
    display: inline-flex !important;
}
#modal-make .container h4 {
    width: 100% !important;

}
}


@media screen and (min-width: 300px) and (max-width: 568px){

.mke-text-prod-p .agujasmodelomake .info-cont-right {
    font-size: 11px;
}
    
.modal-content2 {
    width: 90%;
}
#modal-make .cont-detail .model-title {
    font-size: 1.8em;
}
#modal-make .container {
    padding: 0px !important;
}
#modal-make .container.cont-detail .cont-select-tallas {
    width: 100% !important;
    float: left !important;
    height: 22px !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
}
#modal-make .btn.btn-box.box-pink.btn-buy-all.afegircarritomodelo {
    width: 78% !important;
    float: left !important;
    background-image: none !important;
}
#modal-make .cont-detail .cont-resum-items .item-cont.make-lanas {
    padding: 0 0 20px 0 !important;
    width: 100% !important;
    }
    #modal-make .cont-detail .cont-resum-items .item-cont.make-agujas {
    padding: 0 0 20px 0 !important;
    width: 100% !important;
    }
#modal-make .cont-detail .cont-resum-items .item-cont .item-img-cont {
    width: 100% !important;
}
#modal-make .custom-hr {
    border-color: #aaaaaa !important;
    width: 100% !important;
    display: inline-flex !important;
}
#modal-make .container h4 {
    width: 100% !important;

}
#modal-make .cont-detail .cont-resum-items .item-cont .item-quantity {
    width: 100% !important;
    margin-top: 20px !important;
    display: inline-block  !important;
}

}
/* 300 x 568 */

@media screen and (min-width: 300px) and (max-width: 568px){

.mke-button-1 .btn-box.box-pink {
    color: #FFF;
    background-color: #E30613;
    border: solid 1px #E30613;
        border-radius: 2px;
    width: 300px;
    margin-top: 20px;
    letter-spacing: 2.8px;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 17px;
}


.container-banner .col-md-12{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.bg-grey-dark-makevolution .cont-promo-makevolution-katia .container.container-makevolution-cart{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.cont-promo-makevolution {
    height: 600px;
    background-position-x: 45%;
    background-position-y: 50%;


}
.over-mke {
    width: 100%;
    top: -200px;
    height: 100%;
    position: relative;
    z-index: 9;
}
.mke-height-top {
    height: 100%;
    margin-bottom: -140px;
 }
.over-mke h2 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1.5px;
    line-height: 10px;
}
.over-mke .makevolution-intro-text p {
    font-size: 14px;
}
.mke-img-comments-1 {
    z-index: 1;
    margin-right: 0px;
    margin-left: 0px;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
    right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.mke-text-comments-1 {
background: white;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    top: 20px;
    position: relative;
    margin-top: 0px;

}
.mke-text-comments-2 {
    background: #bec0c0;
    height: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    top: 15px;
    z-index: 5;
    padding-top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
.col-md-12.text-center.height-mke-comments {
    height: 100%;
    margin-bottom: -720px !important;
    /* margin-bottom: 50px; */
}
.mke-text-comments-2 .mke-text-comments-p p {
    font-size: 16px;
}

.mke-button-1 .btn-box.box-pink {

    width: 195px;
    letter-spacing: 0px;
    padding: 9px 6px;
}
.col-md-12.text-center.height-mke-compraprod {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    padding-top: 0px;
    height: 100% !important;
}
#makevolution-gallery {
    height: fit-content;
    margin-bottom: 30px;
    position: relative;
}
.mke-img-compraprod-1 {
    height: 100%;
    position: relative;
    top: 25px !important;
    margin-top: 0px !important;
    margin-bottom: 30px;
        width: 100%;
}

.col-md-12.height-mke-footer-buybutton {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    padding-top: 0px;
    height: 100% !important;
}
.col-md-4.mke-img-compraprod-1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    float: inherit !important;
}

#detail-makevolution-katia .mke-img-compraprod-1 h2 {
    font-weight: 300 !important;
    position: absolute !important;
    z-index: 5 !important;
    padding: 0 !important;
    padding-top: 12px !important;
    margin: 0px 0 10px 0 !important;
    color: white !important;
    top: -20px !important;
    width: 95% !important;
    font-size: 20px !important;
    letter-spacing: 1px !important;
    padding-bottom: 12px !important;
    left: 8px;
    right: 8px;
}
.mke-text-compraprod-1 .mke-text-prod-p {
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}
.mke-img-compraprod-1 img {
    margin-top: 20px !important;
 
}

.mke-img-compraprod-1 .lanas_make {
    width: 95%;
    margin:auto !important;
    float: unset !important;
}
.col-md-5.mke-text-prod .mke-text-prod-p {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    padding-top: 15%;
}
.mke-img-comments-2 {
    position: inherit;
    z-index: 9;
    top: 0px;
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    height: 100%;
    float: left;
    display: none;
}
.mke-text-comments-1 .mke-text-prod-p {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    padding-top: 60px;
}

.col-md-12.text-center.height-mke-comments .center { display: flex; flex-direction: column; }
.mke-img-comments-1 { order: 4; }
.mke-text-comments-1{ order: 1; }
.mke-img-comments-2 { order: 3; }
.mke-text-comments-2 { order: 2; }

.makevolution-intro-box.mke-intro-autor {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
}
.over-mke .makevolution-intro-text {
        margin: 0px auto 25px auto;
}
.makevolution-title-logo.mke-detalle-logo-autor {
    height: auto;
    width: 85%;
}
.col-md-3.mke-img-prod img {
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    border-radius: 0px !important;
}

.makevolution-title-logo.mke-detalle-logo-autor img {
    margin-top: 20px !important;
    width: 100%;
}
.mke-text-prod-p p {
    font-size: 16px;
}
#detail-makevolution-katia h2 {
    font-weight: 300 !important;
    position: absolute !important;
    z-index: 5 !important;
    padding: 0 !important;
    padding-top: 12px !important;
    margin: 0px 0 10px 0 !important;
    color: white !important;
    top: -20px !important;
    width: 95% !important;
    font-size: 20px !important;
    letter-spacing: 1px !important;
    padding-bottom: 12px !important;
    left: 8px;
    right: 8px;
    text-indent: 0px;
    text-align: center;
        padding-left: 5% !important;
    padding-right: 5% !important;
}
#detail-makevolution-katia .nom-autor {
    font-weight: 300 !important;
    position: relative !important;
    z-index: 9 !important;
    padding: 0 !important;
    margin: 40px 0 0px 0 !important;
    color: inherit !important;
}
.col-md-5.mke-text-prod {
    background: white;
    height: fit-content;
    float: none;
    padding-left: 0px !important;
    width: 100%;
    top: 15px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px !important;
}
.col-md-3.text-center.mke-img-prod {
    z-index: 9;
    top: 0px;
    left: 0px;
    width: 100% !important;
    float: none;
    min-height: 100%;
    right: 0px;
}
.center {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding: 0px;
    position: relative;
    overflow: inherit;
}
.mke-text-compraprod-1 {
     display: inline-block;
     margin-right: auto !important;
     margin-left: auto !important;
     right: none !important;
     left: none !important;
}
.mke-text-compraprod-1 {
    background: white;
    height: 100%;
    float: none;
    width: 100%;
    margin-left: auto !important;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    top: 25px;
    margin-right: auto !important;
    left: none;
    right: none;
    padding-bottom: 30px;
    margin-bottom: 60px;
    margin-top: 50px;
    display: none;
}

}

/*  768x1024  */

@media screen and (min-width: 768px) and (max-width: 1024px){

.makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}

#detail-makevolution-katia .makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right:0px;
    padding-left: 0px;
}

.container-banner.bg-grey-dark-makevolution .makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;

}
.footer-banner-mk img {
    background-size: cover !important;
    text-align: center;
    /*padding-left: 5%;
    padding-right: 5%;*/
    z-index: auto;
    margin-left: auto;
    margin-right: auto;
}
.container-makevolution-cart .modelorel-wrapper{
  width: 50%;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
}

#detail-makevolution-katia .makevolution-banner-container .footer-banner-mk img {
    width: 100%;
}

.footer-banner-content-mk {
    margin-top: 120px;
    margin-left: 65px;
    
}
.bg-grey-dark-makevolution .col-md-12 {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.makevolution-hidden-tab h2 {
    font-size: 14px;
    letter-spacing: 0.8px;
}

.modelorel-content-makevolution .btn.button-mke {
    padding: 1px 20px 5px 20px;
    margin-left: auto;
    margin-right: auto;
}

.modelorel-content-makevolution .btn.button-mke:before {
    margin-right: 6px;
}

.col-md-12.text-center.presen-prod {
    height: 100%;
    position: relative;
    margin-top: 0px;
}
.mke-text-compraprod-1 .mke-text-prod-p {
    margin-top: 70px;
    height: 100%;
    display: block;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
}
.height-mke-compraprod .mke-img-compraprod-1 {
    height: 100%;
    width: 90%;
    margin-left: 30px !important;
    z-index: 99;
    top: 80px;
    left: 0;
    right: 0;
    margin-bottom: 0px;
}
.mke-img-compraprod-1 img {
    width: 90%;
    margin-top: 50px;
}

.cont-detail-makevolution-katia .col-md-12.height-mke-compraprod .col-md-4.mke-img-compraprod-1 .lanas_make{
float:left !important;
width: 50%;
padding: 4px;
}

.height-mke-compraprod .mke-img-compraprod-1  h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: absolute;
    width: 200px;
    margin-top: -50px;
    margin-left: -35px;
    text-transform: uppercase;
}

.mke-img-comments-2 {
    /* top: 550px; */
    height: 100%;
    width: 350px !important;
}
.mke-img-comments-2 img {
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}

.height-mke-footer-banner {
    width: 100%;
}

.height-mke-footer-banner .makevolution-banner-container {
    width: 700px;
}
.mke-text-comments-2 {
    top: -462px !important;
    margin-left: 360px !important;
    z-index: 1 !important;


}
.mke-text-comments-2 .mke-text-comments-p p {
    font-size: 14px;
}
.mke-text-comments-1 .mke-text-prod-p {
    margin-top: 45px !important;
}
.mke-img-comments-1 {
    width: 360px !important;
    float: left;
    margin-left: 315px;
 }
.mke-text-comments-1 {
    height: 100%;
    width: 375px;
    top: -420px;
}
.col-md-12.text-center.presen-prod .center {
    padding-left: 5% !important;
    padding-right: 5% !important;
    width: 100% !important;
    height: 100% !important;
}
#detail-makevolution-katia .nom-autor  {
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 1.5px;
    line-height: 45px;
}
.col-md-3.text-center.mke-img-prod {
    z-index: 9;
    top: 0px;
    left: 20px;
    width: 90% !important;
    float: unset;
    height: 100%;
}
.col-md-12.text-center.presen-prod .center {

}
.col-md-5.mke-text-prod {
    background: white;
    height: 100%;
    float: unset;
    padding-left: 0px;
    width: 90%;
    top: 30px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}
#detail-makevolution-katia .mke-text-prod h2 {
    font-weight: 300 !important;
    position: inherit;
    z-index: 5;
    padding: 0;
    margin: 60px 0 0 0;
    color: white !important;
    padding-top: 12px;
    padding-bottom: 12px;
    top: -25px !important;
}
.mke-button-1 .btn-box.box-pink {
    width: 300px;
}

.col-md-12.text-center.height-mke-compraprod {
    height: 100%;
    z-index: 99;
    margin-bottom: 30px !important;
}

.makevolution-intro-box.mke-intro-autor {
      background: url(bg-intro-autor-mke-detalle.jpg);
    height: 100%;
    background-size: auto;
    margin: auto;
    display: block;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 700px !important;
    padding: 10px;
    position: relative;
    overflow: -webkit-paged-x;
}

.mke-text-compraprod-1 {
     display: inline-block;
     margin-right: auto !important;
     margin-left: auto !important;
     right: none !important;
     left: none !important;
}

.mke-text-compraprod-1 {
    background: white;
    height: 100%;
    float: none;
    width: 90%;
    margin-left: auto !important;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    top: 25px;
    margin-right: auto !important;
    left: none;
    right: none;
    display: none;
}

}



/*  ENDS 768x1024  */

@media screen and (min-width: 569px) and (max-width: 767px){

/*.container-makevolution-cart .modelorel-wrapper{
  width: 50%;
  float: left;
}
 */

.mke-img-comments-1 {
    z-index: 1;
    margin-right: 0px;
    margin-left: 0px;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
    right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: inherit;
}
.mke-text-comments-1 {
background: white;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    top: 20px;
    position: relative;
    margin-top: 0px;

}
.mke-text-comments-2 {
    background: #bec0c0;
    height: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    top: 15px;
    z-index: 5;
    padding-top: 0px;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
.mke-img-comments-2 {

        display: none;
}
.col-md-12.text-center.height-mke-comments .center { display: flex; flex-direction: column; }
.mke-img-comments-1 { order: 4; }
.mke-text-comments-1{ order: 1; }
.mke-img-comments-2 { order: 3; }
.mke-text-comments-2 { order: 2; }

.col-md-12.text-center.height-mke-comments .center {
    display: flex;
    flex-direction: column;
}


.col-md-12.text-center.presen-prod .center {
    width: 560px;
        margin-left: auto;
    margin-right: auto;
}


.col-md-12.text-center.height-mke-comments {
    height: 100%;
    margin-bottom: -260px;
    display: -webkit-box;
}
.col-md-12.text-center.height-mke-compraprod .center {
    width: 560px;
        margin-left: auto;
    margin-right: auto;
}

.col-md-3.text-center.mke-img-prod {
    z-index: 9;
    top: 0px;
    left: 20px;
    width: 100%;
    float: unset;
    height: 100%;
    display: contents;
}
.col-md-5.mke-text-prod {
    background: white;
    height: 100%;
    float: left;
    padding-left: 0px;
    width: 100%;
    top: 0px;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0px;
    margin-top: 40px;
}


#detail-makevolution-katia .mke-text-prod h2 {
    margin: -16px 0 12px 0 !important;
 }

.makevolution-intro-box {
    background: url(/makeevolution/makevolution-background-top.png);
    width: 90% !important;
    height: 395px;
    background-size: unset !important;
    margin: auto auto 35px auto !important;
    display: block;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
.footer-banner-mk img {
   width: 100% !important;
    background-size: cover !important;
    
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28)
}




.footer-banner-content-mk {
    background-color: rgba(0,0,0, 0.85);
    padding: 15px 35px 15px 35px;
    color: white;
    font-size: 25px;
    margin-top: 145px;
    margin-left: 15px;
    text-transform: UPPERCASE;
    width: 430px;
    position: absolute;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    letter-spacing: 1.5px;
    margin-right: 10%;
}

.bg-grey-dark-makevolution .row.filallistats {
    margin-left: 25px;
    margin-right: 25px;
    display: block;
    width: 100%;
}

.modelorel-content-makevolution {
   
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.container-makevolution-cart .modelorel-wrapper {
    width: 50%;
    float: left;
}



.height-mke-compraprod .height-mke-footer-buybutton .btn-heart-make, .height-mke-compraprod .btn-heart-make {
    height: 48px;
    margin-top: 30px;
}

.height-mke-footer-buybutton {
    margin-top: 40px;
    margin-bottom: 40px;
}

.height-mke-footer-buybutton .mke-button-1 .btn-box.box-pink {

    width: 300px;
    margin-top: 0px;

}
.height-mke-footer-buybutton .btn-heart-make {
    margin-top: 0px !important;

}
.height-mke-compraprod .btn-heart-make {
    margin-top: 30px !important;

}
.height-mke-compraprod .mke-button-1 .btn-box.box-pink {
color: #FFF;
    background-color: #E30613;
    border: solid 1px #E30613;
    border-radius: 0px;
    width: 300px;
    margin-top: 30px;
    letter-spacing: 2.8px;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 20px;
 
}
.col-md-12.text-center.height-mke-compraprod {

    margin-bottom: 30px !important;
}
.height-mke-footer-buybutton .col-md-12.text-center.height-mke-compraprod {

    margin-bottom: 0px !important;
}
.height-mke-compraprod .text-center.mke-button-1 {
    padding-left: 5%;
    padding-right: 5%;
}

#detail-makevolution-katia .nom-autor {
    font-weight: 300 !important;
    position: relative !important;
    z-index: 9 !important;
    padding: 0 !important;
    margin: 12px 0 20px 0 !important;
    color: inherit !important;
}
.over-mke .makevolution-intro-text {
    position: inherit;
    margin: 8px auto 50px auto;
    padding-left: 7%;
    padding-right: 7%;
}
.mke-text-comments-2 {
    width: 345px;
}

.mke-img-compraprod-1 {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
    left: 0;
    right: 0;
    position: relative;
    display: flow-root;
    width: 100%;
    height: fit-content;
    margin-bottom: 45px;
    display: none;
}
.mke-img-compraprod-1 h2 {
    background: black;
    color: white;
    font-size: 20px;
    letter-spacing: 2.8px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 100;
    position: relative;
    width: 200px;
    margin-top: -50px;
    margin-left: -35px;
    text-transform: uppercase;
    display: flow-root;
}
.mke-text-compraprod-1 {
    background: white;
    height: 100%;
    float: left;
    width: 100%;
    margin-left: 0;
    margin-bottom: 60px;
    z-index: 99;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
}
.makevolution-banner-container {
    margin: 0px auto 0px auto;
    width: 100%;
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
}
#detail-makevolution-katia  .makevolution-banner-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.mke-img-compraprod-1 img {
    width: 70%;
    margin-top: 50px;
}
}












@media screen and (min-width: 300px) and (max-width: 568px){
.bg-grey-dark-makevolution .row.filallistats {
    display: block !important;
}
.makevolution-hidden-tab {
 display: block !important;
 background:none !important;
}
.container-makevolution-cart .total-amount {
    color: #494949;
}
.makevolution-intro-box {
    /*background: url(/makeevolution/makevolution-background-top.png);*/
    width: 100%;
    height: 501px;
    background-size: cover;
    margin: auto auto 35px auto;
    display: block;
}

.makevolution-title-logo img {
    width: 60%;
 }

.container-makevolution-cart .modelorel-wrapper{
  width: 100%;
  float: left;
}
.modelorel-wrapper.logo-katia {
    display:none;
}



.makevolution-intro-box {
    /*background: url(/makeevolution/makevolution-background-top-mov.png) !important;*/
    width: 100%;
    height: fit-content;
    /*background-size: cover;*/
    background-position-x: center;
    margin: auto auto 0px auto;
    display: block;
    /*-webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);*/
    padding-bottom: 20px;
    padding-top: 15px !important;
}
.footer-banner-content-mk {
    background-color: rgba(0,0,0, 0.85);
    padding: 15px 35px 15px 35px;
    color: white;
    font-size: 19px;
    margin-top: 55%;
    margin-left: 5%;
    text-transform: UPPERCASE;
    width: 80%;
    position: absolute;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 100;
    letter-spacing: 1.2px;
    margin-right: 5%;
}

#detail-makevolution-katia .makevolution-banner-container .footer-banner-mk img {
    background: url(https://www.katia.com/makeevolution/cart-makevolution-banner-bg-s.jpg) !important;
    background-position-x: 80% !important;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.28);
    background-size: cover !important;
    /* background-position-x: 70% !important; */
    width: 100% !important;
}

.footer-banner-mk img {
   /* background: url(https://www.katia.com/makeevolution/makevolution-banner-bg.jpg) !important;*/
    /*width: 100%  !important;
    height: 397px;*/
    background-position-x: 80% !important;
    -webkit-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    -moz-box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    box-shadow: 3px 3px 5px 1px  rgba(0,0,0,0.28);
    background-size: cover;
    /*background-position-x: 70% !important;*/
}
.makevolution-banner-container {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.makevolution-intro-text {
    position: inherit;
    margin: 40px auto auto auto;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    font-size: 16px;
	color: #585858;
}
.makevolutionbox img {
    width: 100% !important;
}
.makevolutionbox {
    width: 100% !important;
}
}



 @media screen and (min-width:300px) and (max-width: 640px) {
.bg-grey-dark-makevolution {
    padding-top: 0px !important;

}
.container.cont-breadcrumb.cont-breadcrumb-make {
    padding-top: 130px;
    position: absolute;
 }

.cont-breadcrumb.cont-breadcrumb-make .col-md-12{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.cont-breadcrumb.cont-breadcrumb-make .col-md-12 .custom-breadcrumb{
    font-size: 12px !important;
}

.cont-breadcrumb.cont-breadcrumb-make .col-md-12 .custom-breadcrumb .list-inline>li {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.makevolution-title-logo {
    width: 72% !important;
    font-size: 50px;
    letter-spacing: 1px !important;
	font-family: "DryBrush";
	font-weight: 100;
	color: #585858;
 }
  }

  .h-makevolution.intro-related-content.intro-similar-models.text-center:before,
    .h-makevolution.intro-related-content.intro-similar-models.text-center:after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        background-color: #321E1F;
        height: 3px;
        width: 28%;
        z-index: -1;
    }
    .h-makevolution.intro-related-content.intro-similar-models.text-center:after{
        left: auto;
        right: 0;
    }

     .container-banner.bg-grey-dark-makevolution .container-similar-products .similar-product .cont-img-similar-product{
        max-width: 283px;
        margin: 0 auto;
    }

.bg-grey-dark-makevolution .select-colors-cont .top-select-colors{
        border-bottom: solid 1px #aaaaaa;
        padding: 0 0 10px 0;
    }

    .bg-grey-dark-makevolution .select-colors-cont .top-select-colors .label-select-color{
        font-size: 1.3em;
        margin: 6px 16px 0 0;
    }
    
    .bg-grey-dark-makevolution .select-colors-cont .top-select-colors .available-colors {
        color: #E30613;
        width: 30%;
        margin-top: 6px;
        text-indent: 8px;
        position: initial;
        float: right;
        font-weight: normal;
        text-align: right;
    }

    .bg-grey-dark-makevolution .linkcolorido{
        border-radius: 6px;
        border: 1px dotted #a7a7a7;
        padding: 0px 12px;
        top:10px;
        line-height: 36px;
        background: #fffcf5;
        text-decoration: none;
        color: black;
        font-size: 14px;
        margin: 20px 0px;

    }

.bg-grey-dark-makevolution .linkcolorido:hover{
        margin: 20px 0px;
        background: #E30613;
        text-decoration: none;
        color: white;
    }


.container-related-content .intro-related-content:before,
    .container-related-content .intro-related-content:after{
        background-color: initial;
    }
.h-makevolution.intro-related-content.intro-similar-models.text-center:before, 
.h-makevolution.intro-related-content.intro-similar-models.text-center:after{
        background-color: initial;
    }


#detail-makevolution-katia .mke-text-prod h2 {
    font-weight: 300 !important;
    position: relative;
    z-index: 5;
    padding: 12px 0 12px 0;
    margin: 35px 0 12px 0;
    color: white !important;
}

li.filtretriat {
    text-align: left !important;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased !important;
    color: #4e4e4e !important;
    font-size: 24px !important;
    text-indent: 24px;
}
}

@media screen and (max-width: 767px){
.h-makevolution {
    color: #DEDEDE !important;
}
.cont-detail-makevolution-katia .author-img p {
    padding: 15px 20px 15px 20px;
}

    
#makevolution-gallery .row > .column  {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

@media screen and (max-width: 600px){

    /*Caption Slider*/

.slider_0 .caption .slider_0 { left: 3% !important; } 
.slider_0{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } 

.slider_1 .caption .slider_1 { left: 3% !important; } 
.slider_1{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } 

.slider_2 .caption .slider_2 { left: 3% !important; } 
.slider_2{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } 

.slider_3 .caption .slider_3 { left: 3% !important; } 
.slider_3{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } 

.slider_4{ bottom:0px !important; top: auto !important; } 
.slider_4 .caption .slider_4 {left: 3% !important;right: auto;} 
.slider_4{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } 

.slider-home h2{ font-size: 1em; }



@media screen and (min-width: 1600px){
    .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn {
        padding: 18px 10px 22px 10px !important;
  }
}

@media screen and (max-width: 360px){
    .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li {
            width: 15% !important;
            margin-left: auto;
            margin-right: auto;
    }
    }


@media screen and (max-width: 463px){
    .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li {
        font-size: 10px;
        line-height: 9px;
    }
    .footer{
        font-size:12px;
        padding: 8px;
    }
}

@media screen and (max-width: 321px){
    .container {
        padding-right: 8px;
        padding-left: 8px;
    }
    #formnewsk input{
        font-size: 12px;
        padding: 6px;
    }
}
.container-fluid{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media screen and (max-device-width: 375px) {
  
.preciokitcart{
  font-size: 10px;
  color: white;
}

.col-amount .total-amount{
  margin: 78px 0px 0px 0px !important;
  font-weight: 500;
  color: white !important;
} 
.makevolution-hidden-tab h2{
  min-height: 100px;
  font-size: 22px !important;
}
.col-amount .discount{
  margin: 70px 30px 0px 118px !important;
  font-weight: 500;
  color: white;
  font-size: 14px !important;
}

.col-amount .total-amount .offer{
  color:white;
}

}

@media screen and (min-device-width: 376px) and (max-device-width: 649px) {
  
.preciokitcart{
  font-size: 10px;
  color: white;
}

.col-amount .total-amount{
  margin: 100px 0px 0px 0px !important;
  font-weight: 500;
  color: white !important;
} 
.makevolution-hidden-tab h2{
  min-height: 100px;
  font-size: 22px !important;
}
.col-amount .discount{
  margin: 90px 30px 0px 140px !important;
  font-weight: 500;
  color: white;
  font-size: 14px !important;
}

.col-amount .total-amount .offer{
  color:white;
}

}

@media screen and (min-device-width:650px) and (max-device-width: 1023px) {
  
.preciokitcart{
  font-size: 10px;
  color: white;
}

.col-amount .total-amount{
  margin: 92px 0px 0px 0px !important;
  font-weight: 500;
  color: white !important;
} 
.makevolution-hidden-tab h2{
  min-height: 100px;
  font-size: 22px !important;
}
.col-amount .discount{
  margin: 86px 30px 0px 130px !important;
  font-weight: 500;
  color: white;
}

.col-amount .total-amount .offer{
  color:white;
}

}

@media screen and (min-device-width:1024px) and (max-device-width: 1279px) {
  
.preciokitcart{
  font-size: 10px;
  color: white;
}

.col-amount .total-amount{
  margin: 155px 0px 0px 0px !important;
  font-weight: 500;
  color: white !important;
} 
.makevolution-hidden-tab h2{
  min-height: 100px;
  font-size: 24px !important;
}
.col-amount .discount{
  margin: 150px 30px 0px 190px !important;
  font-weight: 500;
  color: white;
}

.col-amount .total-amount .offer{
  color:white;
}


}


@media screen and (min-device-width:1280px) and (max-device-width: 1368px) {
  
.preciokitcart{
  font-size: 10px;
  color: white;
}

.col-amount .total-amount{
  margin: 110px 0px 0px 0px !important;
  font-weight: 500;
  color: white !important;
} 
.makevolution-hidden-tab h2{
  min-height: 100px;
}
.col-amount .discount{
  margin: 105px 30px 0px 147px !important;
  font-weight: 500;
  color: white;
}

.col-amount .total-amount .offer{
  color:white;
}

}