* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
h5 {font-size: 18px; line-height: 23px; margin-bottom: 16px; font-style: normal; color: #000}
body {background: #f6f6f6; padding: 0; margin: 0; font-family: "Montserrat",sans-serif;}
/*start:: required for banner*/
img {max-width: 100%;height: auto;}
/*end: required for banner*/
p{/*color: #000; text-align: justify*/}
.clear{clear: both};
.leftRsc{float: left;}
.rightRsc{float: right}
.shadowRsc{-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4)}
.radiusBourder{border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
sup {top: 0;}
/*  EFFECT BORDER   */
.effectborder{}
.effectborder a{display: inline-block; max-width: 100%; position: relative;}
.effectborder a:before, .effectborder a:before { border: 0 solid rgba(255, 255, 255, 0.5); bottom: 0; box-sizing: border-box; content: "";
  left: 0; opacity: 0; overflow: visible; position: absolute; right: 0; top: 0;
  transition: all 0.3s ease-in-out 0s; z-index: 9;
}
.effectborder a:hover:before, .effectborder a:hover:before {border: 15px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box; opacity: 1; transition: all 0.3s ease 0s;
}
header .row #header_logo {padding-top: 27px;}
button[type="submit"] {width: 100%; padding: 3px; margin-top: 0px!important; letter-spacing: 4px; font-size: 13px;}
/*

    VALIDATION form product det
*/
#errormessages{display: none}
#errormessages2{display: none}
div.error, table tr.error {background-color: #fef5f1;}
div.messages {background-position: 8px 8px; background-repeat: no-repeat; border: 1px solid; margin: 6px 0; padding: 5px 5px 5px 50px;}
div.error {background-image: url(../img/message-24-error.png); border-color: #ed541d;}
div.error, .error {color: #8c2e0b;}
div.messages ul li {list-style-image: none; font-size: 12px; list-style: square;}
/* AJAX Gif y mensajes de exito o fracaso */
.hide{  display: none;}
.ajaxgif{
    /*position: absolute;
    right: 150px;
    top: 5px;*/
}
.msg{color: white; font-weight: bold; height: 32px; line-height: 32px; padding: 0 10px; position: absolute;
    /*right: -155px;*/ text-transform: uppercase; min-width: 121px;
}
.msg_ok{ background: #589D05;}
.msg_error{background: red;}
.input_text_error { border:2px solid #FF0000; font-weight: bold; color:#FF0000;  }
#webform-ajax-response-success{display: none}

#center_column{padding: 0!important;}
.grid-item {height: auto!important;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color: #000;  border-color: #000;}
#top_column{padding: 0}
.container {padding-bottom: 0px!important;}
#slider_row{margin: 0; padding: 0}
#homepage-slider .homeslider-description h2 {font-size: 2.7em; color: white; margin: 0;   padding: 0; text-shadow: 1px 1px #000;}
#homepage-slider .homeslider-description p {width: 50%; font-size: 1.15em; line-height: 1.3em; padding: 0.5em 0; color: white; text-shadow: 1px 1px #000;}
#homepage-slider .bx-wrapper .bx-controls-direction a {top: auto; margin-top: 0px; font-size: 1em; bottom: 10px; outline: 0; width: 50px; height: 50px;
    text-indent: -9999px; z-index: 9999; border: 1px solid #ccc; line-height: 18px;
}
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
    display: block; width: 48px; height: 48px; color: #222; text-indent: 0; text-align: center; font-size: 21px; font-family: "FontAwesome";
    position: absolute; top: 0; left: 0; z-index: 2; padding: 16px 0 0 0;
}
.new-label {
    font: 700 14px/12px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #3bc33c;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
label:before {
    content: "";
    display: inline-block;
    width: 0px!important;
    height: 0px!important;
    margin-right: 0px!important;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 0px solid #cccccc;
}
.contact_box_txt{padding: 0 0 20px 0}
.contact_box_txt p{font-size: 16px;}
.contact_box_txt p a{color: #ff4400}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.fadeInUp{
     -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.b-filter-smart .filter-smart-item:hover .smart-caption p {color: #f15a18!important; box-shadow: 1px 5px 7px 3px rgba(243, 243, 243, 0);}
.main-slider .sp-buttons .sp-button {
    border: 1px solid #ccc; width: 13px; height: 13px; -moz-user-select: none; -khtml-user-select: none; user-select: none; background: #333
}
.b-featured {background: #f6f6f6; padding: 20px 0 20px 0!important; margin: 20px 0 20px 0!important;}
.main-slider .slider-discount {font-size: 45px!important; font-weight: normal!important; text-transform: uppercase; line-height: 100%;}
.main-slider .slide-tex-1 {font-size: 42px; font-weight: bold; text-transform: uppercase; line-height: 100%;}
.main-slider .slide-tex-1-white {font-size: 30px; font-weight: normal!important; text-transform: uppercase; line-height: 100%; color: #fff}
.main-slider .slider-text-2-white {font-size: 20px; line-height: 100%; text-transform: uppercase; line-height: 22px; color: #fff}
.main-slider .s3-discount span{font-size: 42px; line-height: 100%; text-transform: uppercase; color: #fff; font-weight: bold;}
.button.button-medium span {display: block; padding: 10px 10px 10px 14px; border: 1px solid; border-color: #f15a18;}
.button.button-medium {
    font-size: 17px; line-height: 21px; color: #fff; padding: 0; font-weight: bold; background: #f15a18;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f15a18), to(#f15a18));
    background-image: -webkit-linear-gradient(top, #f15a18, 0%, #f15a18, 100%);
    background-image: -moz-linear-gradient(top, #f15a18 0%, #f15a18 100%);
    background-image: linear-gradient(to bottom, #f15a18 0%, #f15a18 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF43B754', endColorstr='#FF42AC52', GradientType=0);
    border: 0px solid; border-color: #f15a18 #f15a18 #f15a18 #f15a18;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.button.button-medium:hover {
    background: #000;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000), to(#000));
    background-image: -webkit-linear-gradient(top, #000, 0%, #000, 100%);
    background-image: -moz-linear-gradient(top, #000 0%, #000 100%);
    background-image: linear-gradient(to bottom, #000 0%, #000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3AA04C', endColorstr='#FF3AA04A', GradientType=0);
    border-color: #000 #000 #000 #000;  color: #fff
}
/*  MOBILE  */

@media (min-width: 768px){
    #search_block_top {position: absolute; top: 35px; right: 0; z-index: 2; width: 17%; padding-top: 0px}
    #block_top_menu{width: 68%; padding: 0; position: absolute; z-index: 1; right: 0; margin-top: 35px}
    #header .nav div container{}
    .sf-menu { position: relative; padding: 0; width: 100%; border-bottom: 0px solid #e9e9e9; background: transparent;}
    .sf-menu > li {border: 0}
    .sf-menu > li > a{font-size: 14px; text-transform: uppercase;  color: #333; padding: 17px 10px;
        display: block;text-align: center; font-weight: normal; border-bottom: 0px solid #e9e9e9;
        border: 0px solid transparent;
        border-radius: 5px;
        -webkit-transition: color 0.3s ease-out;
        -moz-transition: color 0.3s ease-out;
        transition: color 0.3s ease-out;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        color: #444444;
    }
}

@media screen and (max-width: 1200px) {
    #search_block_top {top: 5px; width: 25%;}
    #search_block_top #search_query_top {display: inline; padding: 7px 60px 7px 13px; height: 30px; background: #fbfbfb; margin-right: 1px;}
    #search_block_top .btn.button-search {
        background: #333; display: block; position: absolute; top: 0; right: 0; border: none; color: #fff;  width: 50px;  text-align: center;
        padding: 3px 0 3px 0;
    }
    /*
    #search_block_top #search_query_top {
        display: inline;
        padding: 13px 60px 13px 13px;
        height: 45px;
        background: #fbfbfb;
        margin-right: 1px;
    }
    #search_block_top .btn.button-search {
        background: #333;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        color: #fff;
        width: 50px;
        text-align: center;
        padding: 10px 0 11px 0;
    }
    */
    .container_nav{max-width: none; width: 95%!important; margin: 0 auto; padding: 0!important}
}
@media screen and (max-width: 1800px) {

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

}

@media screen and (max-width: 767px) {
    .cat-title {background: #f15a18; cursor: pointer; color: #fff}
    #search_block_top {width: 100%; padding-top: 5px;}
    #search_block_top #search_query_top {
        display: inline;
        padding: 13px 60px 13px 13px;
        height: 45px;
        background: #fbfbfb;
        margin-right: 1px;
    }
    #search_block_top .btn.button-search {
        background: #333;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        color: #fff;
        width: 50px;
        text-align: center;
        padding: 10px 0 11px 0;
    }
}
@media screen and (max-width: 700px) {

}