/**

 *---------------------------------------------------------------------------------------

 * @package       VP Merchant Template for Joomla!

 *---------------------------------------------------------------------------------------

 * @copyright     Copyright (C) 2012-2015 VirtuePlanet Services LLP. All rights reserved.

 * @license       GNU General Public License version 2 or later; see LICENSE.txt

 * @authors       Abhishek Das

 * @email         info@virtueplanet.com

 * @link          http://www.virtueplanet.com

 *---------------------------------------------------------------------------------------

 */



body {
    font-family: "akzidenz-grotesk_bq_lightRg",Helvetica,Arial,sans-serif !important;
    color: #111111 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'akzidenz-grotesk_bq_condensBd' !important;
	text-transform: uppercase !important;
}
.vpf-mega-menu-container.sticky {

	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);

	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);

	        box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);

}
div.row.crLogo {
	padding: 0 !important;
}
.vpf-logo{
	padding: 0 !important;
} 
.phoneHeader h3{
	font-family: 'queretaroregular' !important;
	font-size: 48px !important;
	line-height: 30px !important;
	color: #e92963 !important;
	padding: 0 !important;
}
.phoneHeaderM h3{
	display: none !important;
}
.navbar {
	margin-bottom: 0px !important;
}
.XXXbtn{
	border: 1px dotted #e92963 !important;
}
.form-control {
	/* border: 1px dotted #e92963 !important; */
	box-shadow: none !important;
}
.product-listing.mode-grid .product-name{
	text-transform: uppercase !important;
	text-align: center !important;
	font-weight: normal !important;
	font-size: 20px !important;
}
.product-sku-cont{
	text-transform: uppercase !important;
	text-align: center !important;
	font-weight: normal !important;
	font-size: 20px !important;
}

.category-list .category-name{
	color: #e92963 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	font-weight: normal !important;
	font-size: 18px !important;
}
	h4.category-name a{
		color: #e92963 !important;
		text-transform: uppercase !important;
		text-align: center !important;
		font-weight: normal !important;
		font-size: 18px !important;
	}
	h4.category-name a:hover{
		color: #000000 !important;
	}
	h2.product-name a{
		color: #e92963 !important;
		text-transform: uppercase !important;
		text-align: center !important;
		font-weight: normal !important;
		font-size: 18px !important;
	}
	h2.product-name a:hover{
		color: #000000 !important;
	}
.btn.btn-modal-close, .btn.btn-modal-close:hover, .btn.btn-modal-close:focus, .btn.btn-modal-close:visited, .btn.btn-modal-close:active
{

}
.izquierda{
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
.derecha{
	margin-left: 15px;
	float: right;
	margin-bottom: 15px;
}
.crHeader div{
	padding: 0 !important;
	margin: 0 !important;
}
.buscar{
	
}
.buscar .form-control{
	background-color: transparent !important;
	border: 0 !important;
	line-height: 48px !important;
}
	.buscar .search-button-cont{
		top: 9px !important;
		right: 17px !important;
	}
	.buscar .btn-invert{
		background-color: transparent !important;
		border: 0 !important;
	}
	.buscar .search-input-group{
		min-height: 49px !important;
		padding-top: 8px !important;
		background-image: url(../../images/buscar.png) !important;
		background-position: left center !important;
		background-repeat: no-repeat !important;
		background-size: contain;
	}


.btnPersonalizados{
}
	.btnPersonalizados img{
		padding-top: 8px;
	}
.rSociales img{
	padding-top: 10px;
}
.container{

}
.vpf-scroll-top-button, .vpf-scroll-top-button, ::selection{
	border-color: #FFFFFF !important;
	border-style: solid !important;
	border-width: 2px !important;
}
.vp-manufacturer-carousel-header-text{
	color: #fcf063 !important;
	background-color: #e92963 !important;
	padding: 15px !important; 
	line-height: 1.1;
	margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: normal;
    position: relative;
    text-transform: uppercase !important;
}
.product-action-buttons.display-on-mouseover {
    bottom: 40% !important;
    right: 40% !important;
}
.btn.btn-modal-close, .btn.btn-modal-close:hover, .btn.btn-modal-close:focus, .btn.btn-modal-close:visited, .btn.btn-modal-close:active {
	font-size: 70px !important;
}
#bottom .mod-header, footer.footer .mod-header{
	font-size: 20px !important;
	font-weight: bold !important;
	padding: 0 !important;
}

.resalto{
	color: #e92963 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
.inputContact input{
	color: #e92963 !important;
	background-color: #b1e5f9 !important;
	border-color: #b1e5f9 !important;
	width: 100% !important;
}
.textareaContact textarea{
	color: #e92963 !important;
	background-color: #b1e5f9 !important;
	border-color: #b1e5f9 !important;
	width: 100% !important;
	min-height: 150px !important;
}
.tulioContact{
	padding-top: 10% !important;
}
h3.mod-header{
	background-color: #fcf063 !important;
	padding: 15px !important;
	margin-bottom: 20px !important;
	text-transform: uppercase !important;
}
section#bottom{
	text-align: left !important;
}
.carousel-nav-top .owl-controls .owl-buttons{
	right: 15px !important;
}
.carousel-nav-top .owl-controls.clickable .owl-buttons .owl-next, .sidebar-menu .opener, .carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev, .side-nav-theme .owl-controls .owl-buttons .owl-next, .carousel-nav-top .owl-controls.clickable .owl-buttons .owl-prev, .side-nav-theme .owl-controls .owl-buttons .owl-prev {
	background-color: #e92963 !important;
	color: #FFF !important;
}
nav div ul li a.iconInicio{
	background-image: url(../../images/home.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	text-indent:-666em;
    overflow:hidden;
    background-color: #fcf063 !important;
}

.navbar-mainmenu .navbar-nav > li.active > a, .navbar-mainmenu .navbar-nav > li.active > span{

}

.page-header{
 display: none !important;
}
footer{
	margin-bottom: 60px;
}
.footerCR{
	background-color: #fcf063;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 !important;
	text-align: center;
	color: #000;
	line-height: 20px;
	font-family: "akzidenz-grotesk_bq_lightRg",Helvetica,Arial,sans-serif !important;
	font-size: 16px;
	font-weight: bold;
}
	.footerCR span{
		font-family: 'akzidenz-grotesk_bq_condensBd' !important;
		font-size: 18px;
	}
	.footerCR a{
		font-family: 'akzidenz-grotesk_bq_condensBd' !important;
		color: #000 !important;
	}
.item-page ul li{
	list-style-image: url("../../images/li.png");
}




@media (max-width: 992px) {
    .phoneHeader h3{
    	display: none !important;
	}
    .phoneHeaderM h3{
    	font-family: 'queretaroregular' !important;
    	display: block !important;
		font-size: 36px !important;
		padding: 0 15px !important;
		font-weight: bold !important;
		color: #e92963 !important;
		text-align: left !important;
		line-height: 20px !important;
	}
	.phoneHeaderM h3 a{
		color: #e92963 !important;
	}
	.buscar{
		float: none !important;
		clear: both !important;
		width: 100% !important;
	}
	.btnPersonalizados{
		display: block !important;
	}
		.btnPersonalizados img{
			display: table !important;
  			margin: 0 auto !important;
		}
	.rSociales{
		display: none !important;
	}
	.navbar.navbar-offcanvas {
	    margin-bottom: 15px !important;
	}
	.buscar{
		color: #FFF !important;
	}
	.buscar .form-control{
		background-color: transparent !important;
		border: 1px solid #FFF !important;
		line-height: 48px !important;
		color: #FFF !important;
	}
		.buscar .search-button-cont{
			top: 2px !important;
			right: 17px !important;
			color: #FFF !important;
		}
		.buscar .btn-invert{
			background-color: transparent !important;
			border: 0 !important;
			color: #FFF !important;
		}
		.buscar .search-input-group{
			min-height: 40px !important;
			padding-top: 2px !important;
			background-image: none !important;
			color: #FFF !important;
		}
				.buscar .form-control::-webkit-input-placeholder {
				  color: #FFF !important;
				}
				.buscar .form-control:-moz-placeholder {
				  color: #FFF !important;
				}
				.buscar .form-control::-moz-placeholder {
				  color: #FFF !important;
				}
				.buscar .form-control:-ms-input-placeholder {
				  color: #FFF !important;
				}
}
@media (max-width: 1200px) {
    .phoneHeader h3{
		font-size: 40px !important;
	}
    .phoneHeaderM h3{
    	
	}
	.buscar{
		
	}
	.btnPersonalizados{
		
	}
	.rSociales{
		
	}
	nav div ul li a.iconInicio{
		padding: 0 40px !important;
	}
	.mega-menu-expand.mega-align-right{
		left: -100px !important;
	}
	.navbar-mainmenu .navbar-nav > li > a, .navbar-mainmenu .navbar-nav > li > span {
		padding: 0 30px !important;
	}
	.rSociales img{
		width: 24% !important;
	}
}
@font-face {
    font-family: 'akzidenz-grotesk_bqbold';
    src: url('akzidenzgrotesk-bold-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_condensBd';
    src: url('akzidenzgrotesk-boldcond-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-boldcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_condensBd';
    src: url('akzidenzgrotesk-boldcondalt-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-boldcondalt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_lightRg';
    src: url('akzidenzgrotesk-light-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_light_cRg';
    src: url('akzidenzgrotesk-lightcond-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-lightcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_light_eRg';
    src: url('akzidenzgrotesk-lightextended-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-lightextended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bqmedium';
    src: url('akzidenzgrotesk-medium-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'akzidenz-grotesk_bq_condensMd';
    src: url('akzidenzgrotesk-mediumcondalt-webfont.woff2') format('woff2'),
         url('akzidenzgrotesk-mediumcondalt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}