@charset utf-8;
/*
Theme Name: Jambo
Author: Jambo
Version: 1.0
*/


header {width: 100%;overflow: hidden;margin-bottom: 40px;background-color:#ffffff;padding: 10px 0 10px;z-index: 10;}
.white-box {background: rgba(255, 255, 255, 0.55);overflow: hidden;padding: 30px 20px;border: 1px solid #eee;margin: 40px 0px;}
.white-box.modelos {width: 70%;margin: 0;}
.beneficio {position: relative;text-align: center;width: 20%;display: block;float: left;z-index: 8;-webkit-font-smoothing: antialiased;}
.titulo-division {text-align: center;font-size: 22px;border-bottom: 1px solid #CCC;box-shadow: 0px 1px white;}
.content {padding-top: 40px;}
.logo h2 {margin-top: 0;margin-bottom: 0;color: white;position: relative;text-align: left;}
.logo h2 a.logoB {display:none;}
.logo h2 a.brand {color: black;position: relative;font-size: 20px;top: 0;bottom: 0;margin: auto;height: 32px;left: 0;display: inline-block;}


/************/
/** HEADER **/
/************/
.logo {text-align: center;}
.content-menu{float: right;position: relative;top: 20px}
.content-menu ul li{float: left;margin-left: 50px}
.content-menu ul li a {color: white;font-size: 14px;font-family: Montserrat;}


/**********/
/** HOME **/
/**********/
.content-slogan {position: relative;}
.content-title {margin: auto;left: 0;right: 0;width: 80%;text-align: center;}
.content-slogan h1 {font-size: 40px;line-height: 45px;font-weight: 600;margin-bottom: 0;}
.content-slogan h2{color: white;font-size: 23px;font-weight: 400;}
.ver-slogan {position: relative;color: white;padding: 20px 30px;display: inline-block;line-height: 20px;font-size: 18px;margin-top: 18px;font-weight: 600;border-radius: 3px;background: linear-gradient(120deg, var(--base) 0%, var(--base) 100%);transition: all 0.3s cubic-bezier(.21, .6, .35, 1);}
.ver-slogan span {position: relative;z-index: 3;}
.ver-slogan:after {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;border-radius: 3px;background-image: linear-gradient(90deg, var(--base) 0%, var(--secundario) 100%);transition: opacity 0.5s ease-out;z-index: 2;opacity: 0;
}
.ver-slogan:hover:after {opacity:1;}
.separator {background: linear-gradient(90deg, var(--base) 0%, var(--secundario) 100%);height: 2px;width: 100px;display: inline-block;margin: 25px 0 15px;}
.ultimos-modelos {margin-right: -12px;margin-left: -12px;}
.content-categorias {margin-right: -1%;margin-left: -1%;}
.content_last_products {display: flex;flex-wrap: wrap;}
.last_products {flex: 0 0 23%;margin: 0 1% 20px;padding: 6px;border-radius: 3px;transition: all 0.3s cubic-bezier(.21, .6, .35, 1);cursor: pointer;}
.content-categorias.relacionados .last_products {min-height: auto;}
.modelos .last_products {width: 31%;}
.last_products img {height: auto;max-height: 100%;transition: all 0.5s cubic-bezier(.21, .6, .35, 1);}
.last_products:hover img {opacity: 0.5;}
.last_products h2, .last_products h3, .related .last_products h2 {font-size: 16px;line-height: 25px;margin: 5px 0;font-weight: 600;}
.last_products .callto, .last_products .ver_mas {width: 100%;text-align: center;margin-right: 2%;height: 45px;line-height: 45px;margin: 15px 0;padding: 0;font-size: 14px;color: black;background:transparent;border: 1px solid var(--base);transition: all 0.3s cubic-bezier(.21, .6, .35, 1);}
.last_products:hover .callto, .last_products:hover .ver_mas, .last_products .callto:hover, .last_products .ver_mas:hover {color: white;background-color: var(--base);}
.last_products .lupa {opacity: 0;border-radius:50%; width: 40px; height: 40px; background: linear-gradient(120deg, var(--base) 0%, var(--secundario) 100%); position: absolute; top:0; bottom: 0; left: 0; right: 0;margin: auto; line-height: 40px; text-align: center;transition: all 0.5s cubic-bezier(.21, .6, .35, 1);}
.last_products:hover .lupa {opacity: 1;}
.last_products .lupa i {color:#fff; font-size:15px;}
.link-detalle {text-align: center;display: block;font-size: 13px;margin-bottom: 5px;}
.link-externo {text-align: left;font-size: 13px;margin-bottom: 5px;}
.link-detalle:hover, .link-externo:hover {text-decoration: underline;}
.img-prime {margin-left: 10px;}

.content-img {height: 250px;position: relative;background-color: white;}
.content-img-home {height: 235px;background-color: white;}
.content-img img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.beneficio .icono {background: #015287;padding: 20px;display: inline-block;border-radius: 50%;color: white;width: 56px;height: 56px;font-size: 20px;position: relative;margin-bottom: 20px;}
.beneficio .icono i {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 20px;}
.boton-ver-todos {text-align: center;display: block;margin: 20px auto 10px;background: #585858;width: 132px;color: white;padding: 11px 4px;}
.beneficio h3 {font-weight: 600;}
#new-royalslider-1 {margin-top: -50px;}
.content-bk {position: relative;background: url(https://iscooter.es/wp-content/themes/jambo/img/bk-header.jpg);height: 450px;background-repeat: no-repeat;background-size: cover;}
.bk-header {height: 100%;background-color: rgba(0, 0, 0, 0.5);}

/**************/
/** PRODUCTO **/
/**************/
.titular-producto{font-size: 27px;line-height: 34px;}
.mas_info {display: block;text-align: center;text-transform: uppercase;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;color: #4A4A4A;text-shadow: 1px 1px 1px white;box-shadow: 0px 1px white, inset 0px 1px white;padding: 10px 0;margin-bottom: 20px;}
.callto, .ver_mas {background: #f4d078;background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);background: linear-gradient(to bottom,#f7dfa5,#f0c14b);clear: none;margin: 10px 15px 10px 0;padding: 0 50px;height: 45px;line-height: 45px;color: #111;display: inline-block;font-size: 14px;border:1px solid #888;border-radius:3px;}
.callto .fab {display:none;}
.price-antiguo {font-size: 18px;color: #8c8c8c;margin: 10px 10px 10px 0;text-decoration: line-through;}
.price {font-size: 18px;color: var(--base);margin: 10px 0;font-weight: 600;display: block;}
.reviews_amazon {background-color: white;padding: 10px;}
.title_tabs {display: inline-block;width: 100%;clear: both;margin: 0;border-bottom: 0;text-align: center;margin-bottom: 35px;}
.title_tabs li {color: #cccccc;float: none;list-style: none;display: inline-block;height: auto;line-height: 40px;font-size: 22px;font-weight: 500;margin: 0;padding: 0 15px;position: relative;}
.tablinks{color: #4A4A4A;cursor: pointer;}
span.tablinks.active {rder-bottom: 2px solid;padding-bottom: 5px;}
.content_ratings {height: 35px;margin-top: 15px;}
.ultimos-modelos .content_ratings {ight: auto;}
.content-offer-price {margin: 20px 0;}
.imagenes {margin-bottom: 50px;}

table.caracteristicas {width: 100%;}
table.caracteristicas td {width: 25%;border: 1px solid #e4e4e4;padding: 15px 10px 15px;color: #555;position: relative;}
table.caracteristicas tr:nth-child(even) td {background: rgb(230, 230, 230);}
.tabs {display: none;}
.content-features ul {dding-top: 10px;margin-top: 10px;margin-bottom: 15px;}
.content-features ul li {margin-bottom: 14px;color: #515151;font-size: 14px;line-height: 22px;}
.content-features ul li::before {	content: "\f058";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 7px;color: #b3315f;}
.content-features ul li i {margin-right: 10px;}
.lista-destacado {dding-top: 10px;margin-top: 10px;margin-bottom: 15px;}
.lista-destacado li {	margin-bottom: 14px;color: #515151;font-size: 17px;line-height: 24px;}
.lista-destacado li i {margin-right: 10px;}
.lista-borde {border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;box-shadow: 0px 1px white, inset 0px 1px white;}
.tabcontent {margin-bottom: 19px;line-height: 29px;color: #4A4A4A;}
.pagination {float: left;padding-left: 10px;}
.page-numbers {display: inline-block;background: #ededed;padding: 10px 17px;}
.page-numbers:hover {background: white;}
.page-numbers.current{background: white;}
.content-price {padding: 10px 0 0;overflow: hidden;}

.section-related {background: #ffffff;padding: 70px 0;margin: 70px 0;border-top: 1px solid #ddd;}
.related-title{font-size: 24px;margin-bottom: 35px;}
.related .content-price {padding: 10px;}
.related .price {font-size: 21px;margin: 10px 10px 10px 0;}

/***********************/
/**  VISOR PRODUCTOS  **/
/***********************/
.gallery-thumbs img {max-width: 100px;cursor: pointer;}
.swiper-button-next, .swiper-button-prev {top: 45%;width: 40px;height: 90px;background: rgba(0, 0, 0, 0.3);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;}


/*******************/
/**  BREADCRUMBS  **/
/*******************/
.section-breadcrumbs {background: #ffffff;padding: 7px 0;margin-top: -40px;}
#breadcrumbs {margin-bottom: 0;font-size: 14px;}
.section-breadcrumbs a {color: #0066c0;text-decoration: underline;}


/************/
/**  BLOG  **/
/************/
.content_blog {width: 70%;float: left;}
.content_blog article {background: white;padding: 15px 20px;margin-bottom: 30px;}
#sidebar_blog {width: 28%;float: right;}
#sidebar_products {width: 28%;}
aside section {background: white;padding: 20px;margin-bottom: 20px;}
aside section h2 {font-size: 18px;margin-bottom: 10px;line-height: 30px;border-bottom: 1px solid #ededed;}
aside ul li {margin-bottom: 8px;font-size: 14px;line-height: 18px;}
#searchform input[type="text"] {padding: 5px;}
#searchsubmit {background: black;color: white;border: none;padding: 7px 20px;}
.content_data {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;margin-bottom: 20px;padding: 11px;font-size: 13px;}
.content_data .post-categories li {float: left;margin-right: 10px;border-right: 1px solid #ededed;padding-right: 10px;}
.texto_noticia {margin-top: 10px;}
.texto_noticia ul li {margin-bottom: 10px;line-height: 29px;padding-left: 20px;color: #4A4A4A;}
.texto_noticia a {color: #08b22e;border-bottom: 1px dotted;}
.post_thumbnail img {height: auto;}
.texto_noticia h2 {font-size: 25px;}
.content_iframes {overflow: hidden;}
.iframes{width: 50%;float: left;}


/************/
/** FOOTER **/
/************/
footer {width: 100%;background-color: black;margin-top: 50px;padding: 20px 0;}
footer p {margin-bottom: 0;color: #ccc;}
footer a {color: #ccc;}


/****************/
/** RESPONSIVE **/
/****************/
@media (max-width: 992px){
	.container {width: 90%}
	.last_products {flex: 0 0 31%;}
}
@media (max-width: 767px){
	.container, .beneficio, .last_products, .content_blog, #sidebar_blog, .w-60, .w-40, .content-menu {width: 100%;}
	h2.titulos_blog, .titulo_noticia {font-size: 22px;}
	.content-menu {top:0;}
	.content-menu ul li {float: none;margin-bottom: 10px;margin-left: 0;padding-bottom: 10px;text-align: center;border-bottom: 1px solid #CCC;}
	.menu-mv {width: 26px;float: right;padding-top: 24px;}
	.menu-mv .line {width: 100%;height: 2px;background: #CCC;margin-bottom: 4px;}
	#menu-principal {border-top: 1px solid #CCC;padding-top: 10px;}
	.menu-principal-container {display: none;}
	.content-slogan img {display: none;}
	.content-title {width: 99%;}
	.content-slogan h1 {font-size: 30px;}
	header {background-color: rgb(3, 50, 81);}
	.ultimos-modelos {margin: 0;}
	.last_products {flex: 0 0 48%;margin: 0 0 20px;}
}
@media (max-width: 400px){
	.last_products {flex: 0 0 100%;}
}
