/* CSS Document */
/* 
 *	Go-media | Design + Comunication + Development + Marketing Online
 *  info@go-media.com | www.go-media.com.ar
 * 
*/
@charset "utf-8";
/*base*/
body{
	line-height: 1.5;
}
hr{width: 100%;
	height: 0;
	border:0;
	margin: 0;
}
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.espacio_xsmall, .espacio_xs{
	height: 2px;
	width: 100%;
}
.espacio_small, .espacio_s{
	height: 5px;
	width: 100%;
}
.espacio{
	height: 10px;
	width: 100%;
}
.espacio_big, .espacio_l{
	height: 20px;
	width: 100%;
}
.center{
	text-align: center;
}
.floatder{
	float: right !important;
}
.floatizq{
	float: left !important;
}
.floatlast{
	margin-right: 0 !important;
}
.mespacio_s{
	margin-bottom: 5px !important;
}
.mespacio{
	margin-bottom: 10px !important;
}
.mespacio_l{
	margin-bottom: 20px !important;
}
.no-margin{
	margin: 0;
}
.no-margin-bot {
	margin-bottom: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.no-padding-bot {
	padding-bottom: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.box{
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.no-box{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.mt{
	padding:10px;
}
.borderall{
	-webkit-box-shadow: 0px 0px 0px 1px #cccccc;
	-moz-box-shadow: 0px 0px 0px 1px #cccccc;
	box-shadow: 0px 0px 0px 1px #cccccc;
}
.btn.full{
	width: 100%
}
html, a{
	font-family: 'Open Sans', sans-serif !important;
	color: #424242 /*grey darken-3*/

}
a {
	color: #424242 /*grey darken-3*/
}
.footer-gomedia{
	margin: 0 auto;
}
.page-footer .footer-copyright, .page-footer .footer-copyright a{
	background: transparent !important;
}
/*fonts*/
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 400;
	/*line-height: 1.3;*/
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	font-weight: inherit;
}
.h1 {
	font-size: 4.2rem !important;
	/*line-height: 110%;*/
	/*margin: 2.8rem 0 1.68rem 0;*/
}
.h2 {
	font-size: 3.56rem !important;
	/*line-height: 110%;*/
	/*margin: 2.3733333333rem 0 1.424rem 0;*/
}
.h3 {
	font-size: 2.92rem !important;
	/*line-height: 110%;*/
	/*margin: 1.9466666667rem 0 1.168rem 0;*/
}
.h4 {
	font-size: 2.28rem !important;
	/*line-height: 110%;*/
	/*margin: 1.52rem 0 0.912rem 0;*/
}
.h5 {
	font-size: 1.64rem !important;
	/*line-height: 110%;*/
	/*margin: 1.0933333333rem 0 0.656rem 0;*/
}
.h6 {
	font-size: 1.15rem !important;
	/*line-height: 110%;*/
	/*margin: 0.7666666667rem 0 0.46rem 0;*/
}
.p{
	font-size: 1rem !important;
	/*line-height: 100%;*/
}
.p_s{
	font-size: 0.8rem !important;
	/*line-height: 100%;*/
}
.p_xs{
	font-size: 0.6rem !important;
	/*line-height: 100%;*/
}
/* Mobile Devices */
@media screen and (max-width: 600px) {
	.h1_mobile {
		font-size: 4.2rem !important;
		line-height: 110%;
		/*margin: 2.8rem 0 1.68rem 0;*/
	}
	.h2_mobile {
		font-size: 3.56rem !important;
		line-height: 110%;
		/*margin: 2.3733333333rem 0 1.424rem 0;*/
	}
	.h3_mobile {
		font-size: 2.92rem !important;
		line-height: 110%;
		/*margin: 1.9466666667rem 0 1.168rem 0;*/
	}
	.h4_mobile {
		font-size: 2.28rem !important;
		line-height: 110%;
		/*margin: 1.52rem 0 0.912rem 0;*/
	}
	.h5_mobile {
		font-size: 1.64rem !important;
		line-height: 110%;
		/*margin: 1.0933333333rem 0 0.656rem 0;*/
	}
	.h6_mobile {
		font-size: 1.15rem !important;
		line-height: 110%;
		/*margin: 0.7666666667rem 0 0.46rem 0;*/
	}
	.p_mobile{
		font-size: 1rem !important;
		line-height: 100%;
	}
	.p_s_mobile{
		font-size: 0.8rem !important;
		line-height: 100%;
	}
	.p_xs_mobile{
		font-size: 0.6rem !important;
		line-height: 100%;
	}
}
@font-face {
	font-family: 'Agrandir';
	src: url('../../../img/font/Agrandir.woff2') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Agrandir';
	src: url('../../../img/font/AgrandirBold.woff2') format('woff');
	font-weight: 600;
	font-style: normal;
}
.fontalt{
	font-family: "Agrandir" !important;
	font-weight: normal;
}
.fontalt2{
	font-family: "Agrandir" !important;
	font-weight: bold;
}
.uppercase{
	text-transform: uppercase;
}
.btn-xsmall{
	height: 20px !important;
	line-height: 20px !important;
	font-size: 10px !important;
}
.btn-outline{
	border-style: solid !important;
	padding: 0px 15px !important;
	border-width: 1px !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
strong, .strong{
	font-weight: 700 !important;
}
.container{

}
.nocontainer{
	width: 100%;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}
.nocontainer .container{
	padding-right: 0;
	padding-left: 0;
}
.nocontainer.sec, .container.sec{
	padding-top: 10px;
	padding-bottom: 10px;
}
.slider-back{
	filter:brightness(0.35);
}
.slider-back2{
	filter: invert(13%) sepia(77%) saturate(1718%) hue-rotate(196deg) brightness(30%) contrast(100%);
	background-color: rgba(255, 255, 255, 1);
	opacity: 0.5;
}
.slider-back3{
	filter:brightness(0.3);
}
.top-logo{
	height: 40px;
	line-height: 40px;
	font-weight: 300;
}
/* Mobile Devices */
@media screen and (max-width: 600px) {
	.top-logo {
		height: auto;
		line-height: 20px;
		padding: 10px 0;
	}
}
.top-logo ul{
}
.top-logo ul li{
	float:left;
	padding: 0 15px;
}

/* Loader */
#loadermain{
	display: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index:99999999999;
}
#loadermain .preloader-wrapper{
	position:absolute;
	top: 50%;
	left: 50%;
}
/* EoF Loader */

/*base*/
/*FIX INPUTS v1*/
input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
	z-index: 0;
}

/* nav bar */
.navbar-fixed nav{
	top:0 !important;
}
nav {
	box-shadow: none;
}
nav .brand-logo img{

}
nav ul a{
	transition: background-color 0.5s;
}
nav ul a:hover:not(.btn){
	background: transparent !important;
}
/* nav bar */

.parallax-container{
	padding: 0 20px;
}

/* materializecss 2.0.1*/

#header-bar ul:not(.dropdown-content) {
	list-style-type: none;
}

/* COLORS GENERAL */
/* COLORS GENERAL */
:root {
	/* original */
	--primary-color: #AB7D22;
	--primary-color-dark: #97711d;
	//--primary-color-numeric: 38, 166, 154;
	--primary-color-raised-hover-solid: #AB7D22;
	--primary-color-raised-focus-solid: #2E353F;


	--colormarca: #2E353F;
	--colormarca2: #AB7D22;
	--colormarca3: #8b517a;
	--colormarca4: #EAE7E7;
	--colormarca5: #8a6b2c;
	--colormarca6: #6A3454;
}


.colormarca{
	background-color: var(--colormarca) !important;
}
.colormarca-text{
	color: var(--colormarca) !important;
}
.colormarca2{
	background-color: var(--colormarca2) !important;
}
.colormarca2-text{
	color: var(--colormarca2) !important;
}
.colormarca3{
	background-color: var(--colormarca3) !important;
}
.colormarca3-text{
	color: var(--colormarca3) !important;
}
.colormarca4{
	background-color: var(--colormarca4) !important;
}
.colormarca4-text{
	color: var(--colormarca4) !important;
}
.colormarca5{
	background-color: var(--colormarca5) !important;
}
.colormarca5-text{
	color: var(--colormarca5) !important;
}
.colormarca6{
	background-color: var(--colormarca6) !important;
}
.colormarca6-text{
	color: var(--colormarca6) !important;
}

hr{
	width: 100%;
	height: 0;
	border: 0;
	border-top-color: rgb(229, 229, 229);
	border-top-style: dashed;
	border-top-width: 1px;
	margin: 0 auto;
}
.divider{
	width: 100px;
	height: 3px;
	background-color: var(--colormarca);
}

.menuul2 li:hover {
	background-color: #666666 !important;

}

/******************************************* START *******************************************/

body{
	background-color: var(--colormarca4);
}
.btn{
	font-weight: bold !important;
}
/* Mobile Devices */
@media screen and (max-width: 600px) {
	.card.large{
		height: auto;
		max-height: none;
	}
	.card-content{
		height: 100%;
	}
	.card.large .card-action{
		position: relative;
	}

}

.card .card-content {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.card .card-action{
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 10px;
	padding-bottom: 20px;
	border: 0px;
}
.card .card-action a{
	padding-left: var(--padding);
	padding-right: var(--padding);
	display: inline-flex;
}

.cardproducto{
	height: 570px !important;
}


/**NOTAS**/
.nota .img .imgppal, .nota .img img{
	border-radius: 12px;
	overflow: hidden;
}

.nota .img {
	position: relative;
}
.nota .img .imgppal{
	width: 100%;
	/*height: 480px;*/
	background-size: cover;
	/*background-position: center 20%;*/
	/*background-position: center bottom;*/
	background-position: center center;
	background-repeat: no-repeat;

}
.nota.n11 .img .imgppal{
	height: 480px;
}
.nota.n12 .img .imgppal{
	height: 220px;
}
.nota.n3 .img .imgppal{
	height: 220px;
}
.nota.n2 .img .imgppal{
	height: 390px;
}
.nota.n4 .img .imgppal{
	height: 220px;
}
.nota .img .chip{
	position: absolute;
	top: 10px;
	right: 20px;
}
.nota{
	margin-bottom: 30px;
}
.nota .cat{

}
.nota .cat. nacionales{
	color: blue;
}
.nota.notasocial.fh .imgppal, .nota.notacomercial.fh .imgppal{
	width: 100%; height: 480px; background-size: cover; background-position: center 20%; background-repeat: no-repeat;
}
.nota.notasocial.fv .imgppal, .nota.notacomercial.fv .imgppal{
	width: 100%; min-height: 400px; background-size: cover; background-position: center 20%; background-repeat: no-repeat;
}

.compartirredesico{
	margin: 0 5px;
	filter: grayscale(100%);
	transition: all 0.5s ease-out 0s;
}
.compartirredesico:hover{
	filter: grayscale(0%);
}

#footer-bar{
	background-image:url('../../../img/footer-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#footer-bar #contacto .input-field{
	margin-bottom: 20px;
}
#footer-bar #contacto .input-field input{
	background-color: transparent;
	color: white;
	border-bottom: 1px solid #FFFFFF;
}
#footer-bar #contacto .input-field textarea{
	background-color: transparent;
	color: white;
	border-bottom: 1px solid #FFFFFF;
}
#footer-bar #contacto .input-field label{
	color: white;
}


#mobile-demo .collapsible-header{
	/*padding: 0 32px;*/
	padding: 0;
}
#mobile-demo .collapsible-header a{
	margin: 0 12px;
	padding: 0 16px;
	height: 48px;
	line-height: 48px;
}
#mobile-demo .collapsible-body  a {
	height: 38px;
	line-height: 38px;
	font-size: smaller;
}
#mobile-demo .collapsible-body{
	padding: 0 42px;
}


/* MENU */

.navbar{
	position: relative;
	z-index: 997;
}
.navbar-fixed{
	height: 90px;
}
#navbar1 nav ul a{
	padding: 0 5px;
}

#navbar nav{
	/*overflow: hidden;*/
	height: 90px;
	line-height: 90px;
}
#navbar nav .nav-wrapper{
	line-height: 90px;
}

#navbar nav ul li a:hover{
	/*background: transparent;*/
}
#navbar nav ul li a{
	position: relative;
}
/*
#navbar nav ul li a:not(.btn):after{
	position: absolute;
	bottom: 35px;
	left: 10%;
	width: 0%;
	height: 2px;
	background-color: #aaaaaa;
	content: "";
	opacity: 0;
	transition: all 0.3s ease 0s;
	transform: translateY(10px);
	text-align: center;
}
#navbar nav ul li a:hover:after{
	opacity:1;
	width: 20px;
	background-color: var(--colormarca3);
	left: calc(50% - 10px);
}
#navbar nav ul li a.nohover:hover:after{
	opacity:0;
}
*/

#navbar nav ul li a:hover{
	color: #ffffff !important;
	background: var(--colormarca) !important;
}
#navbar nav ul .parent:hover, #navbar nav ul .parent:hover > a {
	background-color: var(--colormarca) !important;
	color: #ffffff !important;
}

/* Submenu */
nav ul .parent {}
nav ul .parent:hover > ul {display: block;height: auto;display:block;position:absolute; opacity: 1;}
nav ul .child {width:min-content; height: 0;overflow: hidden;top:85px; transition: all 0.7s; position: absolute; opacity: 0; margin-left: 0px !important;}
nav ul .parent .child a{padding: 16px 10px;}
nav ul .child li {/*border-bottom:#CCC 1px solid;border-right:#CCC 1px solid;*/ width:100%; line-height: 100%;}
nav ul {list-style: none;margin: 0;padding: 0px; min-width:10em;}
nav ul ul ul{left: 100%;top: 0;margin-left:1px;}
nav ul li:hover {background-color: #fff;}
nav ul .parent li:hover {background-color: #fff;}
nav ul .expand{float:right;margin-right:5px;}




/* fix usr menu */
.dropdown-content li a:hover:after{
	opacity:0 !important;
}
nav .sidenav-trigger i {
	height: 90px;
	line-height: 90px;
}

/* TOP */
.linedeco{
	width: 100px;
	height: 2px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.top {

}
.top .toptit{

}
.top .toptit .tit{

}
.top .toptit .tit::before{
	/*
	background-color: #fbc02d;
	left: -44px;
	width: 6px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	width: 3px;
	height: 80px;
	*/
}

.hr2{
	width: 100%;
	height: 0;
	border: 0;
	border-top-color: var(--colormarca);
	border-top-style: solid;
	border-top-width: 1px;
	margin: 0 auto;
}

/* MENU DROPDOWN */
#filtros .dropdown-trigger.active{
	color: #F56E00;
}
#filtros .dropdown-trigger.active::after{
	height: 2px;
	width: 50%;
	content: "";
	position: absolute;
	bottom: 0;
	background: #F56E00;
	left: 25%;
}
#filtros .dropdown-content{
	left: 0 !important;
	width: 100% !important;
	overflow-x: hidden;
}
#filtros .dropdown-content li {
	min-height: auto !important;
}
#filtros .dropdown-content .subcat a{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
}
/* styling search bar */
.search input[type=text]{
	width:300px;
	height:25px;
	border-radius:5px;
	border: none;
	padding-left: 15px;
	background: #e1e1e1;
}

.search input[type=text]::placeholder {
	color: #6c757d;
	opacity: 1;
}
.search{
	width: 325px;
	margin: 0 auto;
}
.search .searchico{
	margin-right: 10px;
}

/*MENU 2*/
.menuul2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 9;
}
.menuul2 a {
	padding: 10px 0px;
}
.menuul2 li {
	padding: 0px 10px;
}
.menuul2 li:hover {
	/*background-color: #666666 !important;*/
	/*background-color: hsl(240,65%,75%);*/
	/*color: #fff !important;*/
}

.menuli2 {
	float: left;
	/*border-right: 1px solid #ffffff;*/
}

.menuli2:last-child {
	border-right: none;
}

.menuli2 .ali {
	display: block;
	text-align: center;
	text-decoration: none;
}
.menuli2 .ali.active {
	background-color: #ffffff;
}

.menuul2 .parent {display: block;position: relative;float: left;line-height: 30px;}
.menuul2 .parent:hover > ul {display:block;position:absolute;}
.menuul2 .child {display: none; margin-left: 0px !important;}
.menuul2 .child li {/*border-bottom:#CCC 1px solid;border-right:#CCC 1px solid;*/ width:100%; line-height: 100%; padding: 16px 10px;}
.menuul2 {list-style: none;margin: 0;padding: 0px; min-width:10em;}
.menuul2 ul ul{left: 100%;top: 0;margin-left:1px;}
.menuul2 li:hover {background-color: #fff;}
.menuul2 .parent li:hover {background-color: #fff;}
.menuul2 .expand{float:right;margin-right:5px;}

/*
#productoslista{

}
#productoslista .productolista{

}
#productoslista .productolista .card-image{
	height: 200px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
#productoslista .productolista .card-content{
	overflow: hidden;
	height: 150px;
}
*/

.productolista{

}
.productolista .card-image{
	height: 200px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;

	background-image:url('../../../data/sinfoto.png');
}
.productolista .card-content{
	overflow: hidden;
	height: 150px;
}

#novedades .novedad .imgdiv{
	position: relative;
}
#novedades .novedad .imgdiv .img{
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#novedades .novedad .tags{
	position: absolute;
	bottom: -5px;
	left: 20px;

	border-radius: 60px;
	overflow: hidden;
}
#novedades .novedad .tags a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
	/*margin: 0 16px 8px 12px;*/
	padding: 0 10px 0 12px;
	background: #777;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	/*
    color: #fff;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    font-weight: bold;
    */
}
/*
#novedades .novedad .tags a:before {
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #F56E00 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}
#novedades .novedad .tags a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 1px;
	float: left;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
	box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
}
*/
#novedades .novedad .titulodiv{

}
#novedades .novedad .textdiv{
	max-height: 200px;
	overflow: hidden;
}

/* CARRO MODAL */
.carro-item-del{
	position: absolute; top:0; left:0;
}

/* OLD */


/*
.whatsappico {
	position: relative;
	transform: rotate(0deg);

	animation-name: saltitos;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;


}
.whatsappicoa:hover:after {
	opacity:0 !important;
}
@keyframes saltitos {
	0% {top: 0px;}
	50% {top: 0px;}
	60% {top: -5px;}
	70% {top: 0px;}
	100% {top: 0px;}
}

.linedeco{
	width: 60px;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 15px;
}
*/

/* Large & desktop Desktop Devices */
@media screen and (min-width: 993px) {
}

/* Tablet Devices */
@media screen and (max-width: 992px) {
}

/* Mobile Devices */
@media screen and (max-width: 600px) {

}