/*
Theme Name:     stylook
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

/* MENU */


html .titulo-paginas h1 {
  font-size: 130px;
	color: #342f6f !important;
	font-weight: 600 !important;
  font-size: 130px !important;
	line-height: 130px !important;
	font-family: "Poppins", sans-serif !important;
  text-transform: none !important;
}

html .titulo-catalogo h1 {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 80px !important;
  line-height: 80px !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: none !important;
}

html .titulo-complementos h1 {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 130px !important;
  line-height: 130px !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: none !important;
}

html .titulo-conocenos h1 {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 130px !important;
  line-height: 130px !important;
  font-family: "Poppins", sans-serif !important;
  text-transform: none !important;
}

html .master-holder h2, html .master-holder h2 p {
  line-height: 5rem !important;
}

html .conocenos .mk-skip-to-next {
  bottom: 20px;
}


html .main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
  margin: 10px 20px;
  padding: 0;
}

html .main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
  width: auto;
  display: inline-block;
  float: left;
  border-bottom: 2px solid #fff;
}

html .header-align-left .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  width: 230px;
}

html .main-navigation-ul ul.sub-menu li.menu-item:hover > a.menu-item-link {
  border-bottom: 2px solid #000 !important;
}

/* COMPLEMENTOS */

html .titulo-complementos p {
  color: #fff;
  font-weight: 700;
  font-size: 56px;
  font-family: "Poppins", sans-serif;
  line-height: 56px;
}

html .texto-complementos p {
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}

html .titulo-ciudades p {
  color: #1a1a1a;
  font-size: 36px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 36px;
}

html .titulo-personalizables p {
  color: #1a1a1a;
  font-size: 56px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 56px;
}

html .texto-personalizables p {
  color: #000;
  font-size: 26px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
}

html .boton-complementos .mk-button {
  background-color: transparent !important;
  border: 2px solid #1a1a1a;
  padding: 20px 30px;
  line-height: 24px;
}

html .boton-complementos .mk-button span {
  color: #1a1a1a;
  font-size: 24px;
  font-weight: 600;
}

html .boton-complementos .mk-button:hover {
  background-color: #1a1a1a !important;
}

html .boton-complementos .mk-button:hover span {
  color: #e3d893;
}


/* COLECCIONES */

html .colecciones .wpb_content_element, html .home-imagenes .wpb_content_element {
  margin-bottom: 0;
}


/* FORMULARIOS */

html div.wpcf7-response-output {
  font-size: 14px;
}

html .oculto {
  display: none !important;
}

html .main-nav-side-search, html .mk-header-login {
  display: none !important;
}

html .home .mk-header-toolbar .mk-header-social svg {
  height: 20px !important;
  width: 18px;
}

html .mk-header {
  border-bottom: none;
}

html .mk-header-toolbar .header-toolbar-contact:hover svg {
  fill: #342f6f !important;
}

html .mk-header-toolbar .header-toolbar-contact:hover a {
  color: #342f6f !important;
}

html .mk-header-social ul li a:hover svg {
  fill: #342f6f !important;
}

html .idiomas {
  display: inline-block;
}

html .idiomas .wpml-ls-legacy-list-horizontal {
  padding: 0;
}

html .idiomas ul li a {
  color: #a2a2a2;
  font-size: 13px;
  padding: 5px 0 5px 4px !important;
}

html .idiomas ul li a::after {
  content:"  |";
  font-size: 12px;
  color: #a2a2a2;
}

html .idiomas ul li:last-child a::after {
  content: "";
  font-size: 0;
}


html .idiomas ul li a:hover {
  color: #342f6f;
}

html .home .boton-conocenos a.mk-button--dimension-outline.mk-button--size-medium {
  padding: 20px;
}

html .home .boton-conocenos a.font-weight-700 span {
  font-size: 24px;
  font-weight: 400;
}

html .home .boton-conocenos a:hover {
  border-color: #000;
}

html .home .conocenos-h1 {
  margin-top: 100px;
}

html .home .slider-home-container .wpb_content_element {
  margin-bottom: 0;
}

html .home .solicitar-texto p {
  color: #fff;
}

html .home .boton-solicitar .mk-button {
  background-color: transparent !important;
  border: 2px solid #fff;
  padding: 20px 30px;
}

html .home .boton-solicitar .mk-button span {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}

html .home .boton-solicitar .mk-button:hover {
  background-color: #fff !important;
  border: 2px solid #fff;
}

html .home .boton-solicitar .mk-button:hover span {
  color: #342f6f;
}

html .home .contacta-texto p {
  color: #808080;
}

html .home .boton-contacta .mk-button {
  background-color: #000 !important;
  padding: 20px 30px;
  line-height: 24px;
}

html .home .boton-contacta .mk-button span {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}

html .home .boton-contacta .mk-button:hover {
  background-color: #342f6f !important;
}

html #mk-footer .widgettitle {
  color: #333;
}

html #mk-footer .widget_contact_info ul li {
  color: #808080;
}

html #mk-footer {
    background-color: #fff;
    color: #808080;
}

html #mk-footer {
  border-top: 1px solid #cdcdcd;
}

html #mk-footer .widget:not(.widget_social_networks) a {
  line-height: 30px;
}

html #mk-footer .widget:not(.widget_social_networks) a:hover {
  border-bottom: 2px solid #000;
}

html .complementos-imagenes .primera, html .complementos-imagenes .ultima, html .complementos-imagenes .vc_col-sm-1\/5 {
  width: 20%;
}


html .complementos-imagenes .vc_col-sm-1\/5 .box-holder .mk-fancy-title {
  display: table;
  height: 300px;
  margin: 0 auto;
}

html .complementos-imagenes .vc_col-sm-1\/5 .box-holder .mk-fancy-title span {
  display: table-cell;
  vertical-align: middle;
}

/* CATALOGO */

html .catalogo-form .mk-grid .wpb_row .vc_col-md-6 {
  padding: 5px 10px 5px 0;
}

html .catalogo-form .mk-grid {
  padding: 0;
}

html .catalogo-form .mk-grid .wpb_row input {
  width: 100%;
  background-color: #e1e1e1;
  color: #808080;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  padding: 15px 12px;
}

html .catalogo-form .wpcf7-textarea {
  background-color:  #e1e1e1;
  color: #808080;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  width: 100%;
  max-height: 250px;
}

html .catalogo-form .area {
  padding: 5px 10px 0 0;
}

html .catalogo-form p {
  padding: 5px 0;
}

html .catalogo-form p, html .catalogo-form p a {
  font-size: 12px;
  color: #808080;
}

html .catalogo-form p a:hover {
  color: #342f6f;
}

html .catalogo-form .boton-env {
  text-align: right;
  padding-right: 10px;
}

html .catalogo-form .boton-env input:hover {
  background-color: #342f6f;
}

html .catalogo-form .boton-env input {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px !important;
  padding: 15px 30px;
}

html .catalogo-form .boton-env span {
  float: left;
}

html .texto-catalogo {
  padding-top: 150px !important;
}

html .texto-catalogo p {
  color: #fff;
  font-size: 24px !important;
  line-height: 34px !important;
}

html .boton-catalogo .mk-button {
  background-color: rgba(255, 255, 255, 0.75) !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

html .boton-catalogo .mk-button:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  box-shadow: none !important;
}

html .boton-catalogo .mk-button:hover span {
  text-shadow: none;
}

html .boton-catalogo .mk-button span {
  color: #1a1a1a;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-shadow: none;
  line-height: 24px;
}


/* PRODUCTOS */

html .slider-prod .wpb_content_element {
  margin-bottom: 0 !important;
}

html .productos-mujer .half_left_layout .mk-half-layout-inner,  html .productos-complementos .half_left_layout .mk-half-layout-inner{
  margin-right: 0 !important;
}

html .productos-ninos .half_right_layout .mk-half-layout-inner {
  margin-left: 0 !important;
}

html .productos-mujer .half_left_layout .mk-half-layout-inner .boton-coleccion, html .productos-ninos .half_right_layout .mk-half-layout-inner .boton-coleccion, html .productos-complementos .half_left_layout .mk-half-layout-inner .boton-coleccion {
  margin-right: 0 !important;
}

html .productos-mujer .half_left_layout .mk-half-layout-inner .boton-coleccion a, html .productos-ninos .half_right_layout .mk-half-layout-inner .boton-coleccion a, html .productos-complementos .half_left_layout .mk-half-layout-inner .boton-coleccion a {
  background-color: #000 !important;
}

html .productos-mujer .half_left_layout .mk-half-layout-inner .boton-coleccion a:hover, html .productos-ninos .half_right_layout .mk-half-layout-inner .boton-coleccion a:hover, html .productos-complementos .half_left_layout .mk-half-layout-inner .boton-coleccion a:hover {
  background-color: #342f6f !important;
}

html .productos-mujer .half_left_layout .mk-half-layout-inner .boton-coleccion a, html .productos-ninos .half_right_layout .mk-half-layout-inner .boton-coleccion a, html .productos-complementos .half_left_layout .mk-half-layout-inner .boton-coleccion a {
  font-size: 24px;
  font-weight: 600;
}

html .izquierda-conocenos {
  padding: 0;
}

html .derecha-conocenos {
  padding: 0;
}


/* CONTACTO */

html .direccion-contacto {
  line-height: 30px;
}

html .catalogo-form.contacto-form .mk-grid .wpb_row input, .catalogo-form.contacto-form .wpcf7-textarea {
  background-color: transparent;
  border-bottom: 4px solid #000;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #000;
}

html .catalogo-form.contacto-form p, html .catalogo-form.contacto-form p a {
  font-size: 14px;
  color: #000;
}

html .catalogo-form.contacto-form .wpcf7-submit {
  background-color: #000;
}

html .catalogo-form.contacto-form p a:hover {
  color: #342f6f;
}

html .catalogo-form.contacto-form .acepto, html .catalogo-form.contacto-form .acepto a {
  font-size: 12px;
}





/* RESPONSIVO */

@media (min-width:992px) and (max-width:1024px) {
  html .titulo-complementos h1 {
    font-size: 120px !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  html .titulo-paginas h1 {
    font-size: 100px !important;
  }

  html .titulo-complementos h1 {
    font-size: 90px !important;
  }

  html .titulo-conocenos h1 {
    font-size: 90px !important;
  }

  html .complementos-imagenes .vc_col-sm-1\/5 {
    width: 33.33%;
  }

  html .complementos-imagenes .primera, html .complementos-imagenes .ultima {
    display: none;
  }
}

@media (max-width: 767px) {
  html .catalogo-home .half_right_layout {
    width: 100% !important;
  }

  html .catalogo-form .boton-env span {
    float: none;
  }

  html .catalogo-form .boton-env {
    padding-right: 0;
  }

  html div.wpcf7 .ajax-loader {
    margin: 0;
  }

  html .wpb_row .vc_col-sm-6, html .wpb_row .vc_col-sm-8 {
    padding: 0 !important;
  }

  html .mk-half-layout-inner {
    margin: 0 !important;
  }

  html .titulo-catalogo h1 {
    font-size: 60px !important;
  }

  html .titulo-conocenos h1 {
    font-size: 38px !important;
  }

  html .titulo-paginas h1 {
    font-size: 50px !important;
  }

  html .titulo-complementos h1 {
    font-size: 40px !important;
  }

  html .complementos-imagenes .vc_col-sm-1\/5 {
    width: 100%;
  }

  html .titulo-hecho.mk-title-box p {
    font-size: 32px !important;
  }

  html .titulo-hecho span {
    line-height: 40px !important;
  }

  html .texto-hecho p {
    font-size: 20px !important;
  }

  html .catalogo-home .solicitar-texto {
    font-size: 32px !important;
    text-align: left !important;
  }

  html .contacta-texto p {
    font-size: 20px !important;
  }

  html .responsive-searchform {
    display: none !important;
  }

  html .mk-toolbar-resposnive-icon {
    top: 3px;
  }

  html .complementos-imagenes .column_container {
    margin-bottom: 30px;
  }

  html .home .conocenos-h1 {
    margin-top: 20px !important;
  }

  html .complementos-imagenes {
    margin-top: 50px !important;
  }

}