kingfisher/static/src/css/custom.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body {font-family: 'Open Sans', sans-serif; font-size: 13px;}

#wrapwrap { display: inline-block;}

main {  min-height: 473px;}

.modal-backdrop { z-index: 9}
.hover-edition-button { z-index: 4}
.oe_product .ribbon-wrapper { z-index: 1}
.input-group .form-control { z-index: 1}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 1}
.oe_product .oe_product_image img { z-index: 1}
.oe_product section { z-index: 1}
.dropdown-menu  { z-index: 1}

.carousel-indicators  { z-index: 1}

.oe_menu_editor .input-group .input-group-addon { display: table-cell;}
.oe_menu_editor .input-group-btn .fa { font-size: 20px;}
.modal-dialog  {z-index: 9}

a { color: #222}
a:focus, a:hover { color: #000; outline:none;}
img { max-width: 100%;}

b, strong{ font-weight: 600;}

.css_attribute_color input { margin: 6px}


.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background: #222; border-color: #222;}
.pagination > li > a, .pagination > li > span { color: #222}

.well {background-color: #D8D8D8; border-radius: 0;  box-shadow: none; }
.expanded-message h3 { margin: 0; padding: 0 0 10px 0;}
.expanded-message .search-box { position: relative; width: 100%; display: inline-block; padding: 0; margin: 10px 0 0;}
.expanded-message .search-box .btn{ position: absolute;  right: 0;  top: 0;}
.expanded-message p { font-size: 13px;}

.alert { border-radius: 0;}
/* Color
======================*/

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.owl-dots .owl-dot span,
.product .product-img .label-sale,
footer .list-social li a:hover,
.header-middle .cart-toggle .mini-cart { background: #222;}/*fondo boton al pasar mouse*/

.nav-top .navbar-nav > li > a:focus  { background: transparent;}

.btn-primary,
.nav-top .navbar-right > li > a,
.nav-top .navbar-nav > li > a:hover,
.nav-top .navbar-nav > li > a:hover,
.nav-top .navbar-nav > li:hover > a,
.nav-top .navbar-nav > li:hover > a,
.nav-top .navbar-nav > li:hover > a,
footer .list-social li a { background: #000045;}/* color botones*/


.form-control,
.form-control:focus { box-shadow: none;}
.form-control:focus { border-color: #000055;}

.btn-primary,
footer,
.section-title.style1 span,
.header-middle .search-toggle .icon {border-color: #9C9CA3 !important;}/*linea del footer y borde de botones*/


.page-title { height:100px; color:#000; background:#fff no-repeat fixed center center ; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;    border-style: solid;    border-width: 5px 0 0;    margin-top: -50px;    margin-bottom: 30px;    padding: 45px 0 20px;    position: relative;}
.page-title h1 { display: none; color: #000; font-size: 26px; position: relative; z-index: 1; float: left;}
.page-title:after {  background:none; color:#000 ;content: " ";  height: 100%;  left: 0;  position: absolute;  top: 0;   width: 100%;}
.page-title .breadcrumb {color:#000; background-color: transparent; border-radius: 0; list-style: outside none none; margin: 15px 0 0 0; padding: 0; position: relative;z-index: 1; width: 100%; display: inline-block; }
.page-title .breadcrumb > li { color: #000;}
.page-title .breadcrumb > li a { color: #000; font-size: 12px;}
.page-title .breadcrumb > .active{color: #000;}

.btn-primary:hover {border-color: #222 !important;} /*borde de boton al pasar mouse*/
.product .price {color: #EB4C4C;}

.table > thead > tr > th {  background: #f5f5f5;  border-bottom: 1px solid #ddd;}

.oe_website_login_container {background: #eee;  border: 1px solid #ddd;    margin: 40px auto;   max-width: 90%;   padding: 20px;    width: 400px;}

/* Button
===============================*/
.btn,
.form-control { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
 .section-title { width: 100%; display: inline-block; margin: 30px 0 30px 0; padding:0; border-bottom: 1px solid #ddd;}
.section-title.style1 span { border-bottom: 2px solid #EB4C4C; line-height: normal; padding: 0 0 5px 0;  display: inline-block;}



/* Header
===============================*/
.nav-top { background: #ffffff;  border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} /*color del  menu*/
.header-top { width: 100%; border-bottom: 1px solid #ddd; background: #ffffff; position: relative; z-index: 3; }/*menu superior*/
.header-top ul { margin: 0; padding: 0;}
.header-top li { display: inline-block; margin-left: 1px;}
.header-top li a { font-size: 11px; padding:5px 10px; display: block; color: #0B0B0B; text-transform: uppercase; }/*letras menu superior*/
.header-top li a:hover { background: none; text-decoration: underline;}

.navbar-nav li.dropdown:hover .dropdown-menu { display: block !important;}

.header-middle { padding:5px 0;}
.header-middle .logo { margin: 0; padding:5px;font-size: 12px; line-height: normal;  }
.menu-toggle { display: none;}

.header-middle .header-search { width: 92%; position: relative; margin-left: -30px; top:40px; }
.header-middle .header-search .form-control { padding-right: 30px;}
.header-middle .header-search .btn {position: absolute; top: 0px; right: -39px; color: #000055; background: #ccc}
/*.header-middle .logo {padding:0; margin: 0; margin-top: 10px}
.header-middle .header-search{width: 70%; top:-10px;}
.header-middle .header-search .btn{top:0; right:-39px;}*/


/*.header-middle .prueba {position:absolute;
					width:300px;
					padding:45px;
          color: #000055;

				}*/


.header-cart { text-align: right; margin-left: 10px; border-left: 1px solid #ddd; padding-left: 15px;}
.header-top .login-nav p { float: left; margin: 4px 0 0}
.header-top .login-nav p span { color: #000055} /*letra del usuario en el menu superior*/
.header-top .login-nav li > span { float: left;}
.cart-toggle { display: inline-block;    height: 30px;    position: relative;    text-align: center; z-index: 99; line-height: 28px;}
.cart-toggle .icon { color: #222; display: inline-block;}
.cart-toggle .icon i { color: #222;}
.cart-toggle .mini-cart {color: #222; display: inline-block;  font-size: 12px;  padding: 0 10px 0 3px;  text-align: center;}

/*Added for Top language selction*/
.header-top .js_language_selector .dropdown-toggle { background: none; border:none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 6px 10px 5px }
.header-top .js_language_selector .dropdown-toggle .caret { margin-left: 6px;}
.header-top .js_language_selector .btn-group.open .dropdown-toggle { box-shadow: none; background: #eee}

.header-top .js_language_selector .dropdown-menu { border-radius: 0; background: #eee; border: 1px solid #ddd;}
.header-top .js_language_selector .dropdown-menu li { width: 100%; display: inline-block; border-bottom: 1px solid #e4e4e4; border-top:1px solid #f5f3f3;}
.header-top .js_language_selector .dropdown-menu li a { padding: 8px;}
.header-top .js_language_selector .dropdown-menu li:hover a,
.header-top .js_language_selector .dropdown-menu li.active a{ background: #fafafa; text-decoration: none; color: #222}
/*language selction End*/


.cart-toggle .top-cart-content { background: #fff; border: 1px solid #eee;   display: none;  padding: 15px;  position: absolute;  right:0px;  text-align: left;  top: 30px;  width: 270px; box-shadow: -1px 2px 2px #eee; max-height: 400px; overflow-y: auto;}
.cart-toggle .top-cart-content li.item {float: left; margin: 0 0 10px; width: 100%; border-bottom: 1px solid #ddd;}
.cart-toggle .mini-products-list {display: inline-block;    list-style-type: none;    margin: 0;    padding: 0;    width: 100%;}
.cart-toggle .mini-products-list .product-image { border: 1px solid #ddd; display: inline-block; float: left; width: 52px; padding: 0;}
.cart-toggle .mini-products-list .product-details { margin-left: 70px;position: relative; }
.cart-toggle .top-cart-content .product-name { padding-right: 40px;  width: 100%;  word-wrap: break-word; line-height: normal;}
.cart-toggle .top-cart-content a {    color: #222;    font-size: 12px;    font-weight: 600;    padding: 0; line-height: normal;    text-transform: none; display: inline-block; line-height: normal;}
.cart-toggle .top-cart-content .product-details .btn-remove {  position: absolute; right: 0;top: 4px; }
.cart-toggle .top-cart-content .product-details .btn-edit {position: absolute;   right: 15px;  top: 4px;}
.cart-toggle .top-cart-contain .product-details .price { font-size: 15px; font-weight: bold; width: auto; }
.cart-toggle .top-subtotal { float: left; font-size: 12px; font-weight: 600; margin:2px 0 0; text-transform: uppercase;}
.cart-toggle .top-cart-content .actions { float: right; margin:0;  padding: 0;}
.cart-toggle:hover .top-cart-content { display: block;}
.cart-toggle:hover .icon i,
.cart-toggle:hover .mini-cart { color: #000055}

.nav-top { position: relative; z-index: 2}
.navbar-fixed-top { position: fixed; background: #ffffff;}/*color menu superior fijo*/
.nav-top .navbar-collapse { padding: 0; position: relative;}
.nav-top .navbar-nav > li > a {color: #000; text-transform: uppercase; }/*color letra menu superior fijo*/
.nav-top .navbar-nav > li a:hover { background: none; color:#000000; }/*color de fondo y letra sub menu titulos al pasar mouse*/
.nav-top .navbar-nav > li > a:hover { background: #000055; color:#ffffff; }/*color de fondo y letra menu al pasar mouse*/
.nav-top .navbar-nav > li.active > a { background: #000055; color: #ffffff;}/*menu seleccionado*/
.nav-top .navbar-nav > li > a:focus{ background: #000055; color: #ffffff;}

.nav-top .nav .open > li > a { background: #000055; color: #ffffff;}
.nav-top .nav .open > li a:hover { background: #000055; color: #ffffff;}
.nav-top .nav .open > li a:focus { background: #000055; color: #ffffff;}

.nav-top .navbar-right { margin-right: 0;}
.nav-top .navbar-right > li { border-left: 1px solid #222;}
.navbar-nav > li.cat-dropdown { position: static;}
.navbar-nav > li { position:relative;}
.navbar-nav ul.mega-menu { width: 100%; padding: 15px 0;  }



.navbar-header .navbar-brand{ display:none;}
.mega-menu .column { float: none; display: inline-block; margin-left: -4px; vertical-align: top; margin-bottom: 10px;}
.mega-menu .column > a  { margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: #000055; text-transform: uppercase; display: inline-block; margin-bottom: 15px;}
.mega-menu .column > a:hover{background: #fff; color: #000 ; }
.mega-menu .column > a:active{ background: #fff; color: #000;}
.mega-menu .column > a:focus { background: none; color:#fff; text-decoration: none; }

.mega-menu .level1 { margin: 0; padding: 0}
.mega-menu .level1 li{ display: inline-block; width: 100%; border-bottom: 1px solid #ddd; padding: 8px 0; position: relative; }
.mega-menu .level1 li:last-child{ border-bottom: none;}
.mega-menu .level1 li a { color: #000000; font-size: 13px; display: block;}/*letra del sub menu*/
.mega-menu .level1 li > a:hover {text-decoration: none; color: #000; background:#fff;}
.mega-menu .column ul > li > ul { display: none;margin: 0; padding: 0; position: absolute; left:90%; background: #fff; top: -1px; border: 1px solid #dedcde; width: 215px; z-index: 99; box-shadow: 0px 0px 7px 0px #ddd;}
.mega-menu .column ul > li > ul:after {display: inline-block; width: 0px; height: 0px; margin-left: 0; vertical-align: middle; border-right: 10px solid #dddbdd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: " "; position: absolute; top: 5px; left: -10px; }

.mega-menu .column ul > li > ul > li { width: 100%; float: left; padding: 0;}
.mega-menu .column ul > li > ul > li > a { padding:10px;}
.mega-menu .column ul > li:hover > a { text-decoration:underline; background: none; color: #000055;}/*letra y fondo del sub menu al pasar mouse*/
.mega-menu .column ul > li:hover > ul { display: block; }
.mega-menu .column:nth-child(4) ul > li > ul { right: 105%; left: auto; }
.mega-menu .column:nth-child(4) ul > li > ul:after {display: inline-block; width: 0px; height: 0px; margin-left: 0; vertical-align: middle; border-left: 10px solid #dddbdd; border-top: 10px solid transparent; border-right: 10px solid transparent; content: " "; position: absolute; top: 5px; right: -20px; left: auto; }


.home-slider { width: 100%; display: inline-block;}
.home-slider img { display: block; margin: 0 auto}
.home-slider .item { height: 450px; background-size: cover;  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; }
.home-slider.carousel .carousel-indicators li { border: 1px solid #000;}
.home-slider.carousel .carousel-indicators .active { background: #000055;}

@media only screen and (min-width: 801px) and (max-width: 992px) {
.home-slider .item { height: 400px;}
.home-slider.carousel{width: 100%}
.carousel-control{
     border-style: none;
     margin-right: 30px;
     margin-left: 30px;
     margin-bottom: 10%;
}
}
@media only screen and (min-width: 601px) and (max-width:800px) {
.home-slider .item { height: 180px;}
.home-slider.carousel{width: 100%}
.carousel-control{
     margin-right: 30px;
     margin-left: 30px;
     margin-bottom: 10%;


}
}
@media only screen and (min-width: 0) and (max-width:600px) {
.home-slider .item { height: 150px;}
.home-slider.carousel{width: 100%}
.carousel-control{
     margin-right: 30px;
     margin-left: 30px;
     margin-bottom: 10%;
}

}
@media only screen and (min-width: 0) and (max-width:480px) {
.home-slider.carousel{
  width: 100%;
  margin-top: -40px;

}
.home-slider .item { height: 150px;
}
.carousel-control{
     margin-right: 30px;
     margin-left: 30px;
     margin-bottom: 20%;

}
.carousel-indicators{bottom: 20%;}



}


/* Products
===============================*/
#products_grid_before h3 { background: #000;  font-size: 16px;    font-weight: 600;    margin: 0;    padding: 10px;    text-transform: uppercase; border: 1px solid #000; border-bottom: none; color: #fff}
#products_grid_before .nav-pills.mt16 { margin: 0 0 16px 0 !important}
#products_grid_before .nav-pills > li.active > a,
#products_grid_before .nav-pills > li.active > a:focus,
#products_grid_before .nav-pills > li.active > a:hover  { background-color: #eee;}

#products_grid {padding: 0}
#products_grid .product { margin-bottom: 30px;}
.product-list .item { margin-bottom: 30px;}
.product { width: 100%; display: inline-block; position: relative; margin-bottom: 30px;}
/*
.product .product-img { width: 100%; float: left;  position: relative; overflow: hidden; border: 1px solid #ddd; border-bottom: none; float: left; text-align: center;}
.product .image-back{ width: 100%; float: left;  position: absolute; overflow: hidden; border: 1px solid #ddd; border-bottom: none; float: left; text-align: center;}

.product .product-img img	{transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;}


}
.product .image-back img{
  opacity: 0;
}*/





.product .product-img .label-sale{color: #fff; padding: 5px 10px; position: absolute; right: 0; top: 0; width: 70px; z-index: 9;}
.product .product-img img { display: inline-block; width: 100%; float: left;}
.product .pro-info {background: #fff;  border: 1px solid #ddd;  display: inline-block;    padding: 10px; /*  bottom: 0;  left: 0; position: absolute; */ width: 100%;}
.product .title { width: 100%; display: inline-block; color: #000; font-weight: 400; padding: 0 0 10px; font-size: 15px;}
.product .title a { color: #222; font-weight: 600;}
.product .title a:hover { text-decoration: none;}
.product .price-box{ width: 100%; display: inline-block; padding: 0 0 10px 0;}
.product .price-box b { font-weight: normal;}
.product .price { display: inline-block; font-weight: 300; margin-right:8px; font-size: 16px; }
.product .old-price .price { color: #999; font-weight: 300; text-decoration: line-through; font-size: 14px;}

.input-group-addon { border-radius: 0 }
.product-details .product-info h1 { width: 100%; display:  inline-block; font-size: 22px; margin: 0; padding: 0;}


#product_detail .product-image {  border: 1px solid #ddd;  padding: 5px; text-align: center;}
#product_detail .product-image img { display: inline-block;}
#product_detail .product-info h1 { width: 100%; display:  inline-block; font-size: 32px; font-weight: 300; margin: 0 0 15px; padding: 0 0 15px 0;}
#product_detail .short-description { width: 100%; display: inline-block; padding: 0 0 20px; font-size: 13px;}
#product_detail .price-box { width: 100%; display: inline-block; padding: 0 0 20px ;}
#product_detail .price-box .price { font-size: 20px;}
#product_detail .cart-bottom { width: 100%; display: inline-block;  padding: 0 0 20px ;}
#product_detail .qty-wrapper { width: 100%; display: inline-block;  padding: 0 0 20px ;}

#product_detail .featured-pro { padding-top: 40px; }
#product_detail .featured-pro .product .pro-info { margin-bottom: 2px;}

#product_detail .block-policy {background: #fbfbfb;  border: 1px solid #ddd;  padding: 15px;}
#product_detail .block-policy .policy { position: relative; width: 100%; display: inline-block; vertical-align: top; padding: 0 0 10px 65px; border-bottom: 1px solid #ddd; margin: 0 0 10px 0 }
#product_detail .block-policy a { font-size: 12px; color: #444; text-transform: uppercase;}
#product_detail .block-policy a:hover,
#product_detail .block-policy a:focus,
#product_detail .block-policy a:active { text-decoration: none;}
#product_detail .block-policy .policy4 { border-bottom: 0 none;  margin-bottom: 0; padding-bottom: 0;}
#product_detail .block-policy .policy h2{ font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; font-weight: 600; color: #222}
#product_detail .block-policy .policy-inner i {  background:#000055;  border-radius: 50%;   color: #fff;    font-size: 18px;  height: 40px;    line-height: 40px;    text-align: center;    width: 40px; position: absolute; left: 0; top: 0}
#product_detail .pro-more-info { width: 100%; display: inline-block; padding: 40px 0 0; }
.pro-more-info .nav-tabs > li a { border:1px solid #222; border-radius: 0; margin-right: 15px; background: #222; color: #fff;}
.pro-more-info .nav-tabs > li.active a,
.pro-more-info .nav-tabs > li a:hover,
.pro-more-info .nav-tabs > li a:focus,
.pro-more-info .nav-tabs > li a:active { background: #fff; color: #222; border-color: #222; border-bottom: 1px solid transparent ;}
.pro-more-info .nav-tabs {border-bottom: 1px solid #222;}
.pro-more-info .tab-content { border:1px solid #222; padding: 25px; border-top: none;}

.section-404 { float: left;  margin-top:20px;  padding: 0;  width: 100%;}
.section-404 h1 label { color: #eb4c4c; float: left; font-size: 185px;  font-weight: 900;  line-height: normal; text-align: center; text-shadow: 6px 3px #000000; width: 100%;}
.section-404 h1 span{  color: #333;  float: left;  font-size: 60px;  font-weight: 800;  line-height: normal; margin-top: -29px;  text-align: center; text-shadow: 2px 2px #ccc;
width: 100%; margin-bottom:25px;}
.section-404 p {   color: #333;  float: left;  font-size: 20px;  font-weight: 500; margin: 10px 0;  padding: 0;   text-align: center;   text-shadow: 1px 1px #000;  width: 100%; line-height:40px;}
.section-404 p a{  color: #eb4c4c; font-size: 27px;  font-weight: 900;  line-height: 52px; text-transform: uppercase;}
.section-404 p a:hover{ color:#222; }

#products_grid_before .nav-stacked.mt16 { border: 1px solid #ddd }
#products_grid_before .nav-stacked.mt16 .nav-stacked.mt16 { border: none; margin-bottom: 0 !important}

/*#products_grid_before .nav-stacked.mt16 li:before {  color: #777;  content:"\f105";    float: left;  font-family: FontAwesome;    font-size: 16px;   height: 7px;    line-height: normal;    margin-left: 10px;    margin-right: 10px;    margin-top: 7px;    position: relative;    top: 4px;   width: 7px;   z-index: 1;}*/


/*.nav-stacked {-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}

#products_grid_before .nav-stacked li .nav-stacked,
#products_grid_before .nav-stacked li .nav-stacked li .nav-stacked,
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked .nav-stacked,
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked .nav-stacked { visibility: hidden; height: 0px;}


#products_grid_before .nav-stacked li.selected .nav-stacked,
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked,
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked,
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked { visibility: visible; height: 100px; overflow: auto; }*/

#products_grid_before .nav-stacked li .nav-stacked { display: none;}
#products_grid_before .nav-stacked li .nav-stacked li .nav-stacked { display: none;}
#products_grid_before .nav-stacked li.selected .nav-stacked { display: block;}
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked { display: block;}
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked .nav-stacked { display: none;}
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked { display: block;}
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked .nav-stacked { display: none; }
#products_grid_before .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked li.selected .nav-stacked { display: block; }

#products_grid_before .nav-stacked li.active > a { color: #EB4C4C !important;}

#products_grid_before .sub-cat-1,
#products_grid_before .selected .nav-stacked .sub-cat-2,
#products_grid_before .selected .nav-stacked .selected .nav-stacked .sub-cat-3,
#products_grid_before .selected .nav-stacked .selected .nav-stacked .selected .nav-stacked .sub-cat-2 { background: url("../img/plus.png") no-repeat scroll center center ;  cursor: pointer;   float: right;    height: 40px;    position: absolute;    right: 0;    top: 0;    width: 40px;    z-index: 1; }

#products_grid_before .selected .sub-cat-1,
#products_grid_before .selected .nav-stacked .selected .sub-cat-2,
#products_grid_before .selected .nav-stacked .selected .nav-stacked .selected .sub-cat-3,
#products_grid_before .selected .nav-stacked .selected .nav-stacked .selected .nav-stacked .selected .sub-cat-2 { background: url("../img/plus01.png") no-repeat scroll  center  center ; }

#products_grid_before .nav-stacked.mt16 > li > a { background: #eee; border-bottom: 1px solid #ddd;  border-radius: 0; border-top: 1px solid #fff;   color: #222;   padding: 10px;}
#products_grid_before .nav-stacked.mt16 > li > .nav-stacked > li > a { background: #f8f8f8}
#products_grid_before .nav-stacked.mt16 > li > .nav-stacked > li .nav-stacked > li > a { background: #fff}
#products_grid_before .nav-stacked.mt16 > li > a:hover {background: #eee;}
#products_grid_before .nav-stacked.mt16 li { font-size: 13px; padding:0; margin: 0; position: relative; }

#products_grid_before .nav-stacked.mt16 > li > ul > li:before { margin-left: 25px; }
#products_grid_before .nav-stacked.mt16 > li > ul > li > ul > li:before { margin-left: 40px;}
#products_grid_before .nav-stacked.mt16 a { border-radius: 0;padding: 10px 0; color: #222}
#products_grid_before .js_attributes .nav-stacked.mt16 > li { padding:0 10px; width: 100%; display: inline-block;}
#products_grid_before .js_attributes .nav-stacked.mt16 li div strong {  font-size: 14px;  padding:10px 0 4px; text-transform: uppercase; width: 100%; display: inline-block;}
#products_grid_before .js_attributes .nav-stacked.mt16 li:before { border:none; padding: 0; margin: 0; content: " "; height: 0; width: 0;}
#products_grid_before .js_attributes .nav-stacked.mt16 li ul { width: 100%; display: inline-block; padding: 0 0 10px;}
#products_grid_before .js_attributes .nav-stacked.mt16 li ul li label {margin: 0 !important;}

.products_pager  {padding-left: 25%; text-align: center;  width: 100%;}

.oe_product.oe_list { margin-bottom: 20px; padding: 20px; /*background: #f9f9f9; box-shadow: 0px 0px 2px 0px #eaeaea;*/ border: 1px solid #eee;}
#products_grid .oe_product.oe_list .product { width: 100%; display: inline-block;vertical-align: top; margin: 0;}
.oe_product.oe_list .product .product-img { height: auto !important; width: 30%; float: left; border: 1px solid #ddd;}
.oe_product.oe_list .product .product-img img { max-height: 100px; width: auto; display: block; margin: 0 auto; float: none;}
.oe_product.oe_list .product .pro-info { float: left; width: 70%; border: none; padding: 0 0 0 25px; background: transparent;}
.oe_product.oe_list .product .price-box .product_price{ position: relative; padding: 0;}

/* Shopping Cart
===============================*/
table.table { border-top: 1px solid #ccc; border-right: 1px solid #ccc}
table.table td,
table.table th { border-bottom:1px solid #ccc; border-left: 1px solid #ccc; }
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th { background: #fff}
table#cart_products td a img { max-width: 65px;}

.oe_website_sale #right_column {border: 1px solid #ccc; padding: 15px; position: relative; left: -15px;}
#cart_products .img-responsive { width: auto;max-width: 64px; } /* For cart table img issue */
#cart_products td:first-child { width: 12%;}
#cart_products td:first-child + td { width: 60%;}
#cart_products td:first-child + td + td { width: 10%;}
#cart_products td:first-child + td + td + td { width: 10%;}

#right_column h4 { border-bottom: 1px solid #ddd; font-size: 15px; font-weight: 600; padding: 0 0 8px; margin: 0 0 15px ; color: #000; }
#right_column address .css_editable_mode_hidden { padding: 8px 0 0 0; }
#right_column div a { clear: both;  display: inline-block; margin-top: 15px;}

ul.wizard { margin: 0 0 40px; width: 100%; text-align:center; border-radius: 0; box-shadow: none; }
ul.wizard li:first-child { border-radius: 0;}
ul.wizard li .chevron { display: none;}
ul.wizard li {  color: #999; border-color: #000; margin: 0 10px;   padding: 0 30px 0 20px;  border-right: 1px solid #ddd;}
ul.wizard li:before {  border: 2px solid #fff;  border-radius: 50%;  color: #999;  content: "1";  float: left;  font-size: 22px;   font-weight: 600;  height: 50px;  left: -40px;    line-height: 46px;  position: absolute;  text-align: center;   top: -6px;    width: 50px;}

ul.wizard li{ background: #ddf4db; border-color:#a8caa5; float: none; display: inline-block; }
ul.wizard li.text-muted {background: #f5f5f5; border-color: #ccc }
ul.wizard li a { color: #999}
ul.wizard li a:hover { text-decoration: none; color: #999}

ul.wizard li:before { content: "\f14a"; font-family: 'FontAwesome'; background:#ddf4db;  border-color: #a8caa5;    color: #a8caa5;}
ul.wizard li.text-muted:before { content: "\f101"; font-family: 'FontAwesome'; background: #f5f5f5; color: #ccc; border-color: #ccc;}
ul.wizard li.text-primary:before { content: "\f192"; font-family: 'FontAwesome'; background: #fbd3d3; color: #e49797; border-color: #e49797;}
ul.wizard li.text-primary { background: #fbd3d3; color: #be3f3f; border-color: #e49797;}

/*
.oe_website_sale { position: relative;}
ul.wizard {    border-radius: 0;    box-shadow: none;    margin: 0 0 40px;    position: absolute;    right: 15px;   text-align: center;    width: 58%;}
ul.wizard li:first-child {    border-radius: 0;}
ul.wizard li .chevron {    display: none;}
ul.wizard li {    border-color: #000 #ddd #000 #000;    border-right: 1px solid #ddd;    color: #999;    margin: 0 10px;    padding: 0 10px 0 50px;}
ul.wizard li::before {    border: 2px solid #fff;    color: #999;    content: "1";    float: left;    font-size: 19px;    font-weight: 600;    height: 45px;    left: -2px;    line-height: 41px;    position: absolute;    text-align: center;    top: -4px;    width: 44px;}
ul.wizard li,
.confirmation ul.wizard li.text-muted {    background: none repeat scroll 0 0 #ddf4db;    border-color: #a8caa5;    display: inline-block;    float: none;    margin: 0 0 0 -4px;    padding: 0 10px 0 48px;    width: 25%; color: #64a05f;}
ul.wizard li.text-muted {    background: none repeat scroll 0 0 #f5f5f5;    border-color: #ccc;}
ul.wizard li a {    color: #999;}
ul.wizard li a:hover {    color: #999;    text-decoration: none;}
ul.wizard li::before,
.confirmation ul.wizard li.text-muted::before {    background: none repeat scroll 0 0 #ddf4db;    border-color: #a8caa5;    color: #a8caa5;    content: "\f14a";    font-family: "FontAwesome";}
ul.wizard li.text-muted::before {    background: none repeat scroll 0 0 #f5f5f5;    border-color: #ccc;    color: #ccc;    content: "\f101";    font-family: "FontAwesome";}
ul.wizard li.text-primary::before {    background: none repeat scroll 0 0 #fbd3d3;    border-color: #e49797;    color: #e49797;    content: "\f192";    font-family: "FontAwesome";}
ul.wizard li.text-primary {    background: none repeat scroll 0 0 #fbd3d3;    border-color: #e49797;    color: #be3f3f;}

ul.wizard li:first-child { padding: 0 10px 0 50px}
*/

.payment h1,
.check-out h1,
.confirmation h1,
.oe_website_sale h1 { border-bottom: 1px solid #ddd;  display: inline-block;    float: left;   font-size: 24px;    margin-top: 0;    padding: 10px 0 20px;    width: 100%;}
.oe_website_sale h1 { display: block !important; }

#delivery_carrier {  margin: 0;  padding: 15px; width: 33.33%;  float: left; left: -15px; position: relative;}
#delivery_carrier .col-lg-5 { width: 100%; border: 1px solid #ddd; background: #fafafa;}
#payment_method  { margin: 0; padding:15px 0; width: 66.67%; float: left; position: relative; }
#payment_method .col-lg-5{ border: 1px solid #ddd;  width: 50%; margin-left: -15px; background:#fafafa; }
#payment_method .col-lg-3{ border: 1px solid #ddd;  float: right;  width: 50%; padding: 15px; text-align: right;}
#payment_method .col-lg-3 .btn { margin-bottom: 20px;}
#payment_method .list-unstyled li { border: 1px solid #ddd; display: inline-block; margin: 0 0 10px;  padding: 1px 10px;  width: 100%; background: #fff;}
#payment_method .list-unstyled li:last-child { margin: 0;}

#delivery_carrier .list-unstyled li { border: 1px solid #ddd; display: inline-block; margin: 0 0 10px;  padding: 5px 10px;  width: 100%; background: #fff;}
#delivery_carrier .list-unstyled li:last-child { margin: 0;}

#payment_method h4,
#delivery_carrier h4 { width: 100%; display: inline-block; font-size: 16px; color:#444; text-transform: uppercase; font-weight: 600; padding: 15px 0; margin: 0;}

.confirmation .oe_cart{ background: #ebf8e6; color: #69a251; border: 1px solid #69a251; position: relative; left: 15px;}
.confirmation .oe_cart h1 { font-size: 22px; color:#69a251 }

/* LANZAMIENTOS
===============================*/
.css_attribute_color.active {border: 2px solid #eb4c4c;}
.owl-controls { width: 100%; display: inline-block; text-align: center; }
.owl-controls .owl-nav { position: absolute;  right: 0; top: -60px;}
.owl-controls .owl-prev,
.owl-controls .owl-next { border: 1px solid #000; color: #fff; display: inline-block;  height: 25px;  line-height: 25px;  margin: 0 2px;  padding: 0; width: 25px; font-size: 0px; position: relative; float: left; }

.owl-controls .owl-next:after,
.owl-controls .owl-prev:after {  color: #000;  font-family: FontAwesome;  font-size: 21px;   position: absolute;  right: 0; top: 0px; line-height: 22px; text-align: center; width: 100%; height: 25px;}
.owl-controls .owl-next:after { content: "\f105";  }
.owl-controls .owl-prev:after { content: "\f104";  }
.owl-controls .owl-next:hover:after { background: #000; color: #fff;}
.owl-controls .owl-prev:hover:after { background: #000; color: #fff;}

.owl-dots { padding-top: 15px;}
.owl-dots .owl-dot { display: inline-block; margin: 0 3px;}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot span:hover{border: 1px solid #222;    border-radius: 50%;    display: inline-block;    height: 10px;    width: 10px; background: none}
.owl-dots .owl-dot span{border: 1px solid #222;    border-radius: 50%;    display: inline-block;    height: 10px;    width: 10px;}
.owl-carousel .owl-item img { display: inline-block;}
.owl-carousel .owl-item .product { margin-bottom: 0;}


/* policy wrap
===============================*/
.policy-wrap {  background: url("../img/policy-wrap2.jpg") no-repeat fixed center center / cover ;  display: inline-block;  padding: 80px 0;  width: 100%; position: relative; margin: 50px 0 30px;}
.policy-wrap:after {  background: rgba(0, 0, 0, 0.6);    content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.policy-wrap .container { position: relative; z-index: 1}
.policy-wrap .container .policy-inner { background: rgba(255, 255, 255, 0.8); padding: 15px 12px 15px 90px; border: 2px solid #fff; position: relative;}
.policy-wrap .container .policy-inner i { color: #222;  font-size: 50px; left: 15px; position: absolute; top: 10px;}
.policy-wrap .container .policy-inner h2,
.policy-wrap .container .policy-inner a h2 { margin: 0; padding: 0; font-size: 18px; text-transform: uppercase; color: #222;}
.policy-wrap .container .policy-inner a { color: #999; text-transform: uppercase; font-size: 12px;}
.policy-wrap .container .policy-inner a:hover { text-decoration: none;}

.review-box .row { margin: 0;}

.contact-section .alert { padding: 10px; margin: 20px 0 0 0;}
.contact-section .alert  h4 { font-size: 14px; margin: 0;}


.icon-container i.fa { width: 70px; height: 70px; font-size: 35px; color: #fff; background: #000; border-radius: 50%; line-height: 70px;}
.icon-container h4 { color: #eb4c4c;}

.parallax { width: 100%; display: inline-block; padding: 70px 0; background: url("../img/banner3.png") no-repeat fixed center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; position: relative; margin: 30px 0 ; color: #fff; }
.parallax:after {  background:rgba(0, 0, 0, 0.8);  content: " ";  height: 100%;  left: 0;  position: absolute;  top: 0;   width: 100%;}
.parallax .container { position: relative; z-index: 1}
.parallax .h2 { width: 100%; text-align: center; color: #fff;}
.parallax .carousel-indicators { bottom: 0px}
.parallax .carousel-inner .item { width: 50%; margin: 0 auto; max-width: 100%;}


/*color del footer*/
footer {  border-width: 0 0 0 0; border-style:none; padding: 20px 0 40px; position: relative; background: #000045 no-repeat fixed center center ; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; margin-top: 100px;height: auto;}
footer .block-title { width: 100%; display: inline-block; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0 0 20px 0; }
footer .widget { color: #666666; font-size: 14px; font-weight: 400;}/*letras del footer bloque infomacion de contacto*/
footer .widget .has-error .form-control{ background: #f5cfcf}
footer .widget .has-error .form-control::-moz-placeholder {  color: #b35151;  opacity: 0;}
footer .widget .has-error .form-control:-ms-input-placeholder {  color: #b35151;}
footer .widget .has-error .form-control::-webkit-input-placeholder {  color: #b35151;}


footer .widget li { margin-bottom: 10px;}
footer .widget li a:focus,
footer .widget li a:hover  { color: #fff; text-decoration: none;}
footer a { font-size: 14px; color: #666666; font-weight: 400;}/*letras del footer bloque infomaciones y visitanos*/
footer a:hover { text-decoration: none; color: #fff; }
footer .form-control { margin-bottom: 15px;}
footer .copyright { border-top: thin solid #A4A4A4; background: #000045;  bottom: 0;  color: #ffffff; display: inline-block;  font-size: 14px;  font-weight: 300;  left: 0;  margin: 25px 0 0;   padding: 8px 0;  position: absolute;   width: 100%;}
footer .copyright .container {width: 1170px; max-width: 100%;}
footer .copyright p {    font-size: 13px; margin: 5px 0 0; padding: 0;}
footer .copyright-right { text-align: center;}
footer .list-social { margin: 0; padding: 0; position: relative}
footer .list-social li { display: inline-block;}
footer .list-social li a { width: 32px; height: 32px; display: block;text-align: center; line-height: 25px; color: #ffffff}
footer .list-social li a:hover{
    background: none;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
footer .list-social li .fa { color: #fff;}
footer .widget .alert { padding: 5px;}
footer .widget .alert h4 { margin: 0; font-size: 12px; }



/* Responsive
---------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1200px) {
.oe_website_sale #right_column { left: 0}
ul.wizard { width: 70%;}
}

@media only screen and (min-width: 0) and (max-width: 1000px) {
html, body, #wrapwrap { min-height: 100%; height: inherit;}
header { position: relative; z-index: 9}
.page-title{height: 60px;}
.nav-top { position: absolute; top: 0; right: 0; z-index: 10; background: none}
/*.navbar-header .navbar-toggle {  background:#222;  border: medium none;  border-radius: 0;   cursor: pointer;   display: inline-block;    float: left;    height: 32px;    margin: 0;   padding: 0 10px;    position: absolute;   right: 0;    top: 0;    width: 40px;    z-index: 999;}
.navbar-header .navbar-toggle .icon-bar { background: #fff}*/
.nav-top .navbar-collapse {  background: #222;  position: absolute;   right: 15px;  top: 92px;  width: 300px; margin: 0; padding: 0;}
.navbar-nav { margin: 0;}
.header-top li a { padding: 3px 4px}
.nav-top .navbar-nav > li { width: 100%;}

.nav-top .navbar-nav > li.dropdown:hover ul.mega-menu { display:none !important;}


.navbar-nav ul.mega-menu .column.selected:hover ul.level1 { display: block !important;}

.navbar-nav ul.mega-menu .column.selected ul.level1 > li:hover .level2,
.navbar-nav ul.mega-menu .column.selected ul.level1 > li:hover .level2 > li:hover .level3,
.navbar-nav ul.mega-menu .column.selected ul.level1 > li:hover .level2 > li:hover .level3 > li:hover .level4{ display: none;}

.navbar-nav ul.mega-menu .column.selected ul.level1,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected:hover .level2,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected:hover .level3,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected:hover .level3 .selected:hover .level4,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected .level3,
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected .level3 .selected .level4 { display: block;}
.navbar-nav .selected > a { background: #58D3F7 !important; width: 100%; color: #fff !important}


.navbar-nav ul.mega-menu .column.selected { background: #555;}
.navbar-nav ul.mega-menu .column.selected .selected { background: #777;}
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected{ background: #777;}
.navbar-nav ul.mega-menu .column.selected ul.level1 .selected .level2 .selected .level3 .selected{ background: #777;}
.mega-menu .column ul > li > ul > li > a { padding: 10px 15px;}
.mega-menu .column ul > li > ul { width: 100%;}

.mega-menu .column ul > li > ul,
.mega-menu .column:nth-child(4) ul > li > ul { position: relative; left: auto; right: auto; box-shadow: none; border: none;}


.nav-top .navbar-nav > li > a { background: #fff;}
.nav-top .navbar-nav li.cat-dropdown.open ul.mega-menu { position: relative; background: #fff; display: inline-block !important; box-shadow: none; border-radius: 0;}
.nav-top .navbar-nav li.cat-dropdown.open ul.mega-menu a:focus { background: none}
.nav-top .navbar-nav li.cat-dropdown.open ul.mega-menu .dropdown-toggle a:focus { background: none}
.mega-menu .level1 li { border:none;}
.mega-menu .column > a { margin: 0}
.navbar-nav ul.mega-menu .column {margin-bottom: 10px;}

.navbar-nav .open ul.mega-menu .column > a { padding: 0}
.navbar-nav ul.mega-menu .column { width: 100%; margin-bottom: 20px;}
.menu-toggle {  background: #000;  border:none; cursor: pointer;  display: inline-block;  float: left;  height: 40px;  padding: 22px 10px;  position: absolute;  top: 46px;  width: 40px;  z-index: 999;  right: 0;}
.menu-toggle span { background-color: #fff; display: block; font-size: 0;  height: 3px;  left: 8px;  margin-top: -2px;  position: absolute;  top: 50%;  width: 25px;
	-transition: background-color 0.3s ease 0s;
  	-moz-transition: background-color 0.3s ease 0s;
  	-o-transition: background-color 0.3s ease 0s;
  	transition: background-color 0.3s ease 0s;

}
.menu-toggle span:before,
.menu-toggle span:after { background:#fff;  content: "";  height: 100%; left: 0;  position: absolute;
	width: 100%;
 	webkit-transition: transform 0.3s ease 0s;  width: 100%;
  	-moz-transition: transform 0.3s ease 0s;  width: 100%;
  	-o-transition: transform 0.3s ease 0s;  width: 100%;
  	transition: transform 0.3s ease 0s;  width: 100%;
}
.menu-toggle span:after {
	transform: translateY(250%);
    -ms-transform: translateY(250%);
    -webkit-transform:  translateY(250%);
}
.menu-toggle span:before {
	transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -webkit-transform: translateY(-250%);
}
.menu-show .menu-toggle span:before {
	-webkit-transform:  translateY(0px) rotate(45deg);
	-moz-transform: translateY(0px) rotate(45deg);
	-o-transform: translateY(0px) rotate(45deg);
	transform: translateY(0px) rotate(45deg);
}
.menu-show .menu-toggle span:after {
	-webkit-transform:  translateY(0px) rotate(-45deg);
	-moz-transform: translateY(0px) rotate(-45deg);
	-o-transform: translateY(0px) rotate(-45deg);
	transform: translateY(0px) rotate(-45deg);
}
.menu-show .menu-toggle span { background-color: transparent;}

body{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  overflow-x: hidden;
}


.nav-top { z-index: 1}
.nav-top .navbar-collapse { display:none !important; right: 0;  position: absolute;   top: 90px;  visibility: visible;    width: 280px;   background: #222}
.menu-show .nav-top .navbar-collapse { display: block  !important;}
.header-top li a { padding: 3px 4px}
.nav-top .navbar-nav > li { width: 100%;}

.navbar-nav .open ul.mega-menu { position: relative; background: #fff; display: inline-block;}
.navbar-nav .open ul.mega-menu .column > a { padding: 0}
.navbar-nav ul.mega-menu .column { width: 100%; margin-bottom: 20px;}

.home-slider {margin-top:0;}
.header-top .login-nav p { margin: 1px 0 0 0;}

.policy-wrap .container .policy-inner { padding: 15px 10px 15px 50px; margin-bottom: 15px; }
.policy-wrap .container .policy-inner a { font-size: 11px;}
.policy-wrap .container .policy-inner i { font-size: 30px; left: 10px;}
.policy-wrap .container .policy-inner h2, .policy-wrap .container .policy-inner a h2 { font-size: 15px;}
.page-title { margin-top: 0; padding: 0px 0 20px}



.footer .col-sm-6 { float: none; display: inline-block;   width: 49.6%; vertical-align: top;}



}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.page-title{height: 60px;}
.product-detail .block-policy { padding: 8px; margin-top: 30px;}
.product-detail .block-policy .policy {width: 24.6%; border:none;}
.product-detail .block-policy .policy { padding: 0 0 0 40px}
.product-detail .block-policy .policy h2 {font-size: 14px;}
.product-detail .block-policy .policy-inner i { width: 35px; height: 35px; line-height: 35px;}
.product-detail .block-policy a {font-size: 10px;}
.product-detail .block-policy .policy { margin: 0}

.confirmation .oe_cart {margin: 0 0 20px; left: 0;}
.payment h1, .check-out h1, .confirmation h1, .oe_website_sale h1 { float: none;}

.products_pager { padding: 0; }
ul.wizard { width: 100%; position: relative;top: 0;}

.menu-toggle{top: 60px}
.header-middle .logo{margin-right: 0}
.header-middle .header-search { width: 90%; padding-right: 0;}
.header-middle .header-search .btn {right:0; top: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 815px) {
.header-middle .header-search {width: 90%; margin-left: 0; }
.header-middle .header-search .btn {right:-39px; top: 0; }
.page-title{height: 60px;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.tienda-boton{display: none}
.page-title{height: 60px;}
.header-top { z-index: 9999}
.nav-top { z-index: 999; position: relative;}
.nav-top .navbar-collapse { top: 0;}
.header-middle .logo { width: 100%; display: inline-block; margin-bottom: 20px;  text-align: center;}
.header-top .account-nav { width: 70%; display: inline-block; text-align: left;}
.header-top .login-nav { border-top: 1px solid #ddd;   display: inline-block;    padding-top: 5px;   text-align: center;   width: 100%;}
/*language Selection Risponsive*/
.header-top .js_language_selector.hidden-xs { display: block !important; position: absolute; top: 0; right: 60px;}
/*language Selection  Risponsive End*/


.menu-toggle { top: -65px;}
.header-middle .header-search {width: 80%; margin-left: 20px; top:-20px;}
.header-middle .header-search .btn {right:-39px; top: 0; margin-right:0px;}

.header-top .login-nav p { margin: 0;}
.

.cart-toggle .top-cart-content { top: 32px;}
.product-detail .product-info { margin-top: 20px;}


#product_detail .product-info {  display: inline-block;  margin-top: 20px;  width: 100%;}
#product_detail .block-policy { margin-top: 20px;}


ul.wizard li {width: 70%; border-right: 1px solid #ddd }
.oe_website_sale #right_column { left: 0; width: 96%; margin: 0 2%;}

#delivery_carrier { width: 100%; left: 0; padding: 0; margin: 15px 0; }
#payment_method { width: 100%;}
#payment_method .col-lg-3 { width: 100%;}
#payment_method .col-lg-5 { width: 100%; left: 0; margin: 15px 0; }
.payment h1, .check-out h1, .confirmation h1, .oe_website_sale h1 { float:none;}

ul.wizard { width: 100%; position: relative;top: 0; right: 0;}
ul.wizard li { margin-bottom: 15px;}
.confirmation .oe_cart {margin: 0 15px 20px; left: 0;}

.oe_cart table td:nth-child(2), #modal_optional_products table td:nth-child(2) { border-top-width: 0px;}

.footer .col-sm-6 { float: none; display: inline-block;   width: 100%; }
footer { padding-bottom: 60px}
footer .copyright { text-align: center; padding: 10px;}
footer .copyright-right{ width: 100%;text-align: center;}
footer .list-social {margin-left:0 ; text-align: left; position: absolute;}

.products_pager { padding: 0; }


}


@media only screen and (min-width: 0px) and (max-width: 479px) {
  footer .copyright { text-align: center; padding: 8px;}
  footer .copyright-right{text-align: center;}
  footer .list-social {margin-left:0 ; text-align: center; position: relative;}
.page-title{margin-top: -40px; }
.tienda-boton{display: none}

.header-middle .logo {padding:0; margin: 0; margin-top: 10px}
.header-middle .header-search{width: 70%; margin-top:30px; margin-bottom: 30px;margin-left: 0}
.header-middle .header-search .btn{top:0; right:-39px;}
.menu-toggle { top: -95px;}
.nav-top{border: none}

.product-list .item,
#product_grid .item { width: 100%;}

}

.mob_sub { display: none;}
/*Added BY BC 03-07-2015*/
@media (min-width: 0px) and (max-width: 1000px) {

/*Dropdown mmega menu*/
.nav-top .navbar-nav > li .caret { display: none;}
.nav-top .navbar-nav > li { position: relative; float: left;}
.nav-top .navbar-nav > li.dropdown.selected:hover .mega-menu { display: block !important;}
.nav-top .navbar-nav > li.dropdown.selected > a { background: #20CED7;}
.nav-top .navbar-nav > li.dropdown.selected .mega-menu { display: block; position: relative; border-radius: 0; top: auto; left: auto; box-shadow: none; padding: 0;}

.mega-menu .category-img { padding: 10px 0;}
.mega-menu .level1 li { padding:0px;}
.navbar-nav ul.mega-menu .column { margin: 0px; padding: 0; background: #fff;}
.navbar-nav ul.mega-menu .column:last-child { border-bottom: none; margin-bottom: 0; padding-top: 0;}
.mega-menu .column > a {padding: 10px 15px; font-weight: 300; color: #000; font-size: 13px;}
.mega-menu .level1 { display: none;}


.mega-menu .level1 li a { color: #fff; padding: 10px 15px;}
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a:hover {color:#000055; }
.mega-menu.dropdown-menu { border: none;}



.nav-top .navbar-nav .divider { display: none;}



.category-img { width: 100%; max-width: 100%;}
.mob_sub { display: block;}

.mob_sub {  position: absolute; right: 0;   top: 0;  height: 40px;  width: 40px; z-index: 999; cursor: pointer;}
.mob_sub span { background-color: transparent; display: block; font-size: 0;  height: 1px;  right: 12px;  margin-top: -2px;  position: absolute;  top: 5px; bottom: 0; margin: auto;  width: 15px;  z-index: 99;
  -transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;

}
.mob_sub span:before,
.mob_sub span:after { background:#000;  content: "";  height: 100%; left: 0;  position: absolute;
  width: 100%;
  webkit-transition: transform 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;

}
/*
.mob_sub span:after {
  transform: translateY(250%);
    -ms-transform: translateY(250%);
    -webkit-transform:  translateY(250%);
     top: -5px;
}*/
.mob_sub span:before {
  transform: translateY(-250%) rotate(90deg);
    -ms-transform: translateY(-250%) rotate(90deg);
    -webkit-transform: translateY(-250%) rotate(90deg);
top:3px;
}
.mob_sub_open span:before {
  -webkit-transform:  translateY(0px) rotate(45deg);
  -moz-transform: translateY(0px) rotate(45deg);
  -o-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.mob_sub_open span:after {
  -webkit-transform:  translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
  top: 0; left: 0;
}
.mob_sub_open span { background-color: transparent;}

}




/*---------probando efectos---------*/


.product .product-img {
position:relative;
overflow:hidden;
width: 100%;
float: left;
border: 1px solid #ddd;
border-bottom: none;
text-align: center;
z-index:1;
}
.product .image-back {
position:absolute;
overflow: hidden;
top:0;
left:0;
}


/*efecto deslizar*/
/*.product img, .product-img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.product .product-img:hover img {
margin-left:315px;
}*/


/*efecto desvanecer*/
.product img, .product-img {
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.product .product-img:hover img {
opacity: 0;
}


/*brand*/

#owl-demo .item{
    margin: 3px;

}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;

}
.container2{width:82%;
height: 180px;
margin-left: 9%;
margin-right: 9%;
position: relative;
}
.owl-carousel {
position: relative;
}
/**/