/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* ////////////// */
/* General Layout */
/* ////////////// */
/* Large Screens */
.inner-content
{
	height:100vh;
	overflow:hidden;
}

@media (min-width: 1025px)
{
	#content
	{
		height:100vh;
		overflow:hidden;
		padding-left:0px !important;
		margin-left:300px;
	}
	.content
	{
		width: calc(100% - 300px);
		margin-left: 300px;
	}
}
/* Medium Screens */
@media (min-width: 426px) and (max-width: 1024px)
{
	#content
	{
		height:100vh;
		overflow:hidden;
	}
	.content
	{
		width: calc(100% - 250px);
		margin-left: 250px;
	}
}
/* Small Screens */
@media  (max-width: 425px)
{
	#content
	{
		height:100vh;
		overflow:hidden;
		overflow-y:scroll;
	}
	.content
	{
		width: 100%;
		height: 50vh;
	}
}


/* ////////// */
/*   Header   */
/* ////////// */
ul.drop-down
{
	z-index:300;
}

menu-item
{
	z-index:500;
}

@media (min-width:769px)
{
	header
	{
		height:100vh !important;
	}	
}

@media (min-width:426px) and (max-width: 768px)
{
	header
	{
		top:0px !important;
	}	
	.navbar-fixed-top
	{
		height:50vh !important;
	}
	.menu-box
	{
		display:block !important;
	}
}

/* ////////////// */
/*   Home Page    */
/* ////////////// */
#homepage
{
	height:100vh;
	overflow:hidden;
}
#homepageBackgroundVideo
{
	width:100%;
	height:100%;
}

#homepageContentArea
{
	margin: 0 auto;
	font-size: 5vw; 
	text-align : center; 
	color:white;
	padding-top:40vh;
	
	margin-left:15%;
	position:absolute;
	z-index:200;
}

#videoOverlay
{
	width:80.5%;
	height:100%;
	z-index:100;
	background-color: rgba(10, 10, 10, 0.6); 
	float:left;
	position:absolute;
	pointer-events:none;
}

@media (min-width:1025px)
{
	#homepageBackgroundImage
	{
		width:100%;
		height:100%;
		background-image:url("http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontBig.jpg");
		background-size: cover;
    background-repeat: no-repeat;
	}
}
@media (max-width:1024px)
{
	#homepageBackgroundImage
	{
		width:100%;
		height:100%;
		background-image:url("http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontMedium.jpg");
		background-size: cover;
    background-repeat: no-repeat;
	}

	#homepage
	{
		margin-left:250px;
		width: calc(100vw - 250px);
	}
}
@media (max-width:425px)
{
	#homepageBackgroundImage
	{
		width:100%;
		height:100%;
		background-image:url("http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontMedium.jpg");
		background-size: cover;
    background-repeat: no-repeat;
	}

	#homepage
	{
		width:100%;
		margin-left:0px;
	}

	#homepageContentArea
	{
			font-size: 10vw; 
	}
}

/* ///////////// */
/* Inner Content */
/* ///////////// */
.inner-content
{
	padding:0px;
	margin:0px;
}

/* ///////// */
/* Productos */
/* ///////// */

.berocket_aapf_widget .berocket_label_widgets
{
	font-weight:400;
}

.berocket_aapf_widget-title
{
	font-size:26px;
	color:black;
}
ul.berocket_aapf_widget
{
	margin-bottom:0px;
}

.single-product .sidebar {
display: none!important;
}

/* order by button */
.orderby
{
	max-width:60% !important;
	float:right;
}

@media (min-width: 1025px)
{
	.woocommerce ul.products li.product a img
	{
		width:150px !important;
		height:150px !important;
		margin: 0 auto;
	}
	
	.woocommerce ul.products li.product h3
{
	height: 32px;
	font-size:0.8em;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
	width:20% !important;
	text-align: center;
}

.woocommerce ul.products li.product .button
{
	margin: 15%;
}

.woocommerce .products ul, .woocommerce ul.products
{
	padding-top:2%;
}

.wcapf-before-products
{
	padding-top:2%;
}
}
@media  (max-width: 1024px)
{
		.woocommerce ul.products li.product a img
	{
		width:100px !important;
		height:100px !important;
		margin: 0 auto;
	}

.col-md-9
{
	width: 70% !important;
}
	
	.woocommerce ul.products li.product h3
{
	height: 40px;
	font-size:0.6em;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
	text-align: center;
	display:inline-table;
	margin: 10px 10px;
}

.woocommerce ul.products li.product .button
{
	margin: 0 auto;
	padding: 8px;
}

.woocommerce .products ul, .woocommerce ul.products
{
	padding-top:2%;
}

.wcapf-before-products
{
	padding-top:2%;
}
}
@media  (max-width: 425px)
{
	.col-md-9
	{
		width:100% !important;
		max-width:100% !important;
	}
	
		.woocommerce ul.products li.product a img
	{
		width:80px !important;
		height:80px !important;
		margin: 0 auto;
	}
	
	.woocommerce ul.products li.product h3
{
	height: 48px;
	font-size:0.8em;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
	text-align: center;
}

.woocommerce ul.products li.product .button
{
	margin: 15% 0;
}

.woocommerce .products ul, .woocommerce ul.products
{
	padding-top:2%;
}

.wcapf-before-products
{
	padding-top:2%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product
{
	margin:1.1em;
}

}

/* Product Page Itself */
.woocommerce div.product .product_title
{
	font-weight:700;
}

.inner-content p
{
	color: black !important;
}

/* //////////// */
/*   Formacao   */
/* //////////// */
.formacao-background
{
	padding-left:calc( 300px );
		background-image:url("http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontBig.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	height:100vh !important;
}

.single-project
{
	height:100%;
}
.single-box
{
	height:100%;
}

@media (min-width: 1025px)
	{
		.formacao-leftbar
		{
			width: 40%;
			float: left;
			padding: 5%;
			background-color:rgba(0,0,0,0.2);
			height: 100vh;
	}

		.formacao-rightbar
		{
			width:60%;
			float:right;
			padding-top:5% !important;
		}
}

@media  (max-width: 1024px)
{
	.formacao-background
	{
		display:inline-table;
		height:100% !important;
	}
	
	.formacao-leftbar
	{
		width: 100%;
		padding: 5%;
		background-color:rgba(0,0,0,0.2);
		height: 100vh;
	}

	.formacao-rightbar
	{
		width:100%;
		padding-top:5% !important;
		clear:both;
		overflow: hidden;
    overflow-y: scroll;
	}
}
@media (max-width: 425px)
{
	.formacao-background
	{
		background-attachment: fixed;
	}
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{
	border-radius: 10px;
}
/* ///////// */
/* Promocoes */
/* ///////// */
.row-fluid
{
		height: 100vh;
    overflow-y: scroll;
}
#banner
{
	    height: 100px;
}


/* ///////////// */
/* Contacts Page */
/* ///////////// */
.submit-area
{
		width:100%;
}

/* Screen Dependant Code */
/* Large Screens */
@media (min-width: 1025px)
{
	.contact-box
	{
			width: 25vw;
			height: 100vh;
	}
	#map
	{
		width: calc(100% - 25vw);
		margin-left: 25vw;
	}
}
/* Medium Screens */
@media (min-width: 426px) and (max-width: 1024px)
{
	.contact-box
	{
			height: 100vh;
			width: 30vw;
	}
	
	#map
	{
		width: calc(100% - 30vw - 250px);
		margin-left: calc(250px + 30%);
	}
}
/* Small Screens */
@media  (max-width: 425px)
{
	.contact-box
	{
			height: 100vh;
			width: 100vw;
	}
	#map
	{
		width: 100%;
		height: 50vh;
		position:none !important;
	}
}

/*SiteOrigins*/
#pl-370 .panel-grid-cell .so-panel
{
	margin:0px;
}


/* ///////// */
/* Sobre Nos */
/* ///////// */
@media (min-width: 1025px)
{
	.sobre-nos-content
	{
		width:calc( 100% - 300px);
		height:100vh;
		overflow:hidden;
		margin-left:300px;
		background:url( 'http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontBig.jpg' );
		background-size:cover;
		background-repeat:no-repeat;
	}

	.sobre-nos-text
	{
		font-size: 1.5vw;
		text-align : center;
		color:white;
		width:70%;
		padding-top:5%;
		margin: 0 auto;
	}

}
/* Medium Screens */
@media (min-width: 768px) and (max-width: 1024px)
{
	.sobre-nos-content
	{
		width:calc( 100% - 200px);
		height:100vh;
		overflow:hidden;
		margin-left:200px;
		background:url( 'http://www.mozeltintas.com/wp-content/uploads/2017/04/MozelTintasFrontBig.jpg' );
		background-size:cover;
		background-repeat:no-repeat;
	}

	.sobre-nos-text
	{
		font-size: 2vh;
		text-align : center;
		color:white;
		width:70%;
		padding-top:5%;
		margin: 0 auto;
	}
}
/* Small Screens */
@media  (max-width: 425px)
{
.sobre-nos-content
	{
		width:100%;
		height:100vh;
		overflow:hidden;
		background:url( 'http://www.mozeltintas.com/wp-content/uploads/2017/01/SobreNosTestTemporario.jpg' );
		background-size:cover;
		background-repeat:no-repeat;
	}

	.sobre-nos-text
	{
		font-size: 2vh;
		text-align : center;
		color:white;
		width:70%;
		padding-top:5%;
		margin: 0 auto;
	}
}

/*  Promocoes */
#banner
{
	height:90px;
}

/* /////////////////////// */
/* Text Widget Special CSS */
/*  Use With SiteOrigins   */
/* /////////////////////// */
.underline
{
	text-decoration:underline;
}

.text-color-white
{
	color:white;
	text-decoration-color:white;
}

/* Slider Visibility Fix */
#slider4_container .reslide_navigator
{
	visibility:hidden;
}

/* Formacao Text */
.panel-grid-cell .so-panel
{
	margin:0 !important;
}
p
{
	margin:0;
}

.downloadlinklayout
{
	text-decoration:underline;
}