/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#authentication #header, #authentication #footer, #authentication .breadcrumb, #authentication .login-form hr {display: none !important;}

#authentication #main-page-content {padding: 60px 0;}

#authentication .row {flex-direction: row-reverse;}

#authentication #wrapper {border: none !important;}
#authentication .logo {text-align: center; margin-bottom: 30px;}

#authentication .beneficios-login {border-right: 1px solid #ccc; padding-right: 50px; padding-top: 50px;}
#authentication .login-form {padding-left: 50px; margin-top: 0 !important;}

#authentication h2 {text-align: center; font-size: 30px;}

#authentication #content {max-width: 1100px; margin: 0 auto;}

#authentication .btn {width: 100%;}
#authentication #submit-login, #authentication .form-control-submit {background: #ff0000;}
#authentication #submit-login:hover, #authentication .form-control-submit:hover {background: #000;}

#authentication .forgot-password {text-align: left !important;}

#authentication .iqitsociallogin-checkout .text-muted {display: none !important;}

#authentication .iqitsociallogin-colors-native .btn-facebook {
    background: #fff !important;
    color: #444 !important;
    border: 1px solid #444;
}

#authentication .iqitsociallogin-colors-native .btn-facebook i {
    color: #4267B2 !important;
}

@media (min-width: 768px) {
	#authentication .col-md-8 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
}

@media only screen and (max-width: 600px) {
  #authentication .login-form {padding-left: 15px;}
  #multiAccessoriesTab .add-to-cart i {display: none !important}
}

@media only screen and (max-width: 769px) {
	#multiAccessoriesTab {
		width: 100% !important;
		margin-left: 0 !important;
		float: left !important;
		display: flex !important;
		align-content: center !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		margin-bottom: 30px !important;
	}
	
	#multiAccessoriesTab .group-add-to-cart {
		flex-direction: row !important;
		align-items: flex-end !important;
	}
	
	#group_accessories .content_group {
		display: flex!important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		align-content: center !important;
	}
	
	.imagenes-accesorios {
		justify-content: center !important;
		padding: 0 !important;
	}
	
	.imagenes-accesorios div:before {
		width: 15px !important;
		height: 15px !important;
		border-radius: 20px !important;
		font-size: 7px !important;
		line-height: 14px !important;
	}
	
	.imagenes-accesorios div img {width: 100% !important;}
	
	.imagenes-accesorios div {
		width: 22% !important;
	}
	
	#product #group_accessories {
		width: 100% !important;
	}
	
	#multiAccessoriesTab .add-to-cart i {display: none !important}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
	#multiAccessoriesTab {
		width: 100% !important;
		margin-left: 0 !important;
		float: left ;
		display: flex;
		align-content: stretch !important;
		flex-direction: row !important;
	}
	
	.imagenes-accesorios div img {width: 100% !important;}
	
	.imagenes-accesorios div {
		width: 25%;
	}
	
	#multiAccessoriesTab .add-to-cart i {display: none !important}
}

.hliner {
	width: 100%;
    text-align: center;
    position: relative;
    margin: 2rem 0px;
    min-height: 22px;
}

.hliner::before {
	content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    height: 1px;
    background: rgb(204, 204, 204);
    left: 0px;
}

.hliner span {
	display: inline-block;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    padding: 0px 1rem;
    position: relative;
    font-size: 15px;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: normal;
}

.beneficio {
	width: 100%;
    padding: 0.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
	margin-bottom: 1.5rem;
}

.beneficio i {
	display: inline-flex;
    align-self: center;
    width: 64px;
    height: 64px;
	margin-right: 1rem;
	font-size: 45px;
	padding: 10px;
}

.beneficio .contenido {
	flex: 1 1 0%;
}

.beneficio .contenido .titulo {
	color: rgb(51, 51, 51);
    font-size: 20px;
    line-height: 1.5rem;
    font-weight: 700;
}

.beneficio .contenido .texto {
	font-size: 15px;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: normal;
}

.accessorygroup td {text-align: left;}

.accessorygroup .accessory_price {font-weight: bold;}
.accessorygroup .accessory_price:before {content:"+"}
.accessorygroup .checkbox_radio_image {display: none !important;}

#group_accessories .btn {margin-bottom: 20px;}

.block_accessory_name {
    float: none !important;
    width: auto !important;
    display: inline-block;
}
.imagenes-accesorios {text-align: center;}
.imagenes-accesorios div {display: inline-block; border-right: solid 1px #000; position: relative; margin: 0 5px;}
.imagenes-accesorios div img {width: 120px; opacity: 0.45;}
.imagenes-accesorios div.active img {opacity: 1;}
.imagenes-accesorios div:before {
	font-family: FontAwesome;
    content: "\f067";
    background-color: #fff;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    font-size: 10px;
    line-height: 17px;
    border: 1px solid #000;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -10px;
    text-align: center;
    font-weight: 900;
}

.imagenes-accesorios div:last-child  {border: none;}
.imagenes-accesorios div:last-child:before {display: none;}

#product #group_accessories .option-row table {
    margin-bottom: 0 !important;
	float: left;
	width: auto;
}

.accessories_table_price_content .right-column-total {text-align: center !important; font-size: 2rem !important;}
.accessories_table_price_content .left-column-total {display: none !important;}

.qty .fa-angle-up:before {
    content: "\f067" !important;
    font-size: 11px;
}

.qty .fa-angle-down:before {
    content: "\f068" !important;
	font-size: 11px;
}

#product #group_accessories h3,
#product #group_accessories .h3{
	text-align: center;
	font-family:inherit;
	line-height:1.2;
	color:inherit;
}

#multiAccessoriesTab {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

#group_accessories .content_group {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.imagenes-accesorios {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
	padding-right: 20px;
}

.accessorygroup .accessory_price {display: inline-block;}

#product #group_accessories {
    margin: 0 !important;
    padding: 0 !important;
}

#multiAccessoriesTab .group-add-to-cart {
	vertical-align: bottom;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.label__checkbox {
  display: none;
}

.label__check {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.1);
  background: white;
  vertical-align: middle;
  margin-right: 0;
  width: 2em;
  height: 2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border .3s ease;
}
  
  .label__check i.icon {
    font-size: 15px;
    color: #fff;
    transition: opacity .3s .1s ease;
  }
  
  .label__check i.icon :hover {
    border: 5px solid rgba(0,0,0,0.2);
  }

.label__checkbox:checked + .label__text .label__check {
  animation: check .5s cubic-bezier(0.895, 0.030, 0.685, 0.220) forwards;
}
  
  .label__checkbox:checked + .label__text .label__check.icon {
    opacity: 1;
    transform: scale(0);
    color: white;
    -webkit-text-stroke: 0;
    animation: icon .3s cubic-bezier(1.000, 0.008, 0.565, 1.650) .1s 1 forwards;
  }

.center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}

@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes check {
  0% {
    width: 1.5em;
    height: 1.5em;
    border-width: 5px;
  }
  10% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.1;
    background: rgba(0,0,0,0.2);
    border-width: 15px;
  }
  12% {
    width: 1.5em;
    height: 1.5em;
    opacity: 0.4;
    background: rgba(0,0,0,0.1);
    border-width: 0;
  }
  50% {
    width: 2em;
    height: 2em;
    background: #222;
    border: 0;
    opacity: 0.6;
  }
  100% {
    width: 2em;
    height: 2em;
    background: #222;
    border: 0;
    opacity: 1;
  }
}

#login-form .form-group, #customer-form .form-group {
    flex-direction: initial !important;
}

#login-form .form-control-comment, #customer-form .form-control-comment {
    display: none !important;
}

#module-ph_simpleblog-single .page-header h1 {font-size: 25px !important;}

@media only screen and (max-width: 768px) {
	.product-manufacturer img {max-width: 110px !important;}
}

.product-features {
    max-width: 50%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.product-features {
		max-width: 100%;
	}
	
	#content-wrapper .product_header_container .page-title {font-size: 20px;}
}

@media (max-width: 991px) {
	.product_p_price_container #product-availability {
		width: 100%;
	}
}

/*Arreglo focus saphari Iphone*/

@media only screen and (max-width: 768px) {
	.product-quantity .qty .input-group {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	.has-discount {
		width: 100%;
		float: left;
	}
}

/* **** multiaccesories ****  */


/* ****  banner cookies    **** */
.lgcookieslaw-reject-button-enabled .lgcookieslaw-banner-message {
 	 width: 100%;
  min-height: 50px;
  display: block;
	margin-right: 0;
  	float: none;
}
#lgcookieslaw_banner .lgcookieslaw-link-container {
  margin-top: 10px;
}
.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container {
  width: 100%;
}	


/* **** después de actualizar el theme **** */
.products-grid .product-miniature-default {
  height: auto;
}

.cbp-hrmenu > ul > li#cbp-hrmenu-tab-11 > a, .cbp-hrmenu > ul > li#cbp-hrmenu-tab-11 > span.cbp-main-link {
  background-color: #ff0000;
  color: #ffffff;
}

.cbp-hrmenu > ul > li#cbp-hrmenu-tab-91 > a, .cbp-hrmenu > ul > li#cbp-hrmenu-tab-91 > span.cbp-main-link {
  background-color: #fff1ef;
}

.product-carousel {
  height: auto;
}

.swiper-slide, .swiper-wrapper {
  width: 100%;
  height: auto;
}	


.product-unavailable {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #f8d7da;
  border-color: #f5c6cb;
	color: #000000;
}

/* *** checkout    ***  */
body#checkout section.checkout-step .delivery-option > label > .row > div:first-child img {
  max-width: 100px;
}

body#checkout #order-summary-content .summary-selected-carrier img {
  max-width: 100px;
}

/* iqitmegamenu */
.cbp-hrmenu .cbp-hrsub-inner .product-title a, 
.cbp-hrmenu .cbp-hrsub-inner .product-title a:link {
    font-size: 17px;
	font-weight: 700;
}

#authentication #main #content > .row > .login-form{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#authentication #main #content > .row > .login-form h2{
	display:block;
}

#product .product-additional-info .js-mailalert #gdpr_consent_340 {
	width: 100%;
	display: flex;
	justify-content: center;
}

#product .product-additional-info .js-mailalert {
  width: 100%!important;
  text-align: center;
  margin: 1rem auto 0 auto;
}