/*
Theme Name: Pizzolon
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.3
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
  font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
	font-size: 10px;
	font-style: normal;
	line-height: 120%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color:white;
}

body {
	background: #001136;
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2rem;
	margin:0;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 500;
  	font-style: normal;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
font-family: 'Montserrat', sans-serif;	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
font-family: 'Montserrat', sans-serif;	font-size: 15px;
	font-weight: 400;
	line-height: 1.66;
}


h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0;
	padding: 0;
font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  	line-height: 120%;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding: 0;
}

h1, h1.title {
	font-size: 2rem;
	font-weight: 700;
}

h2{
	font-size: 4.5rem;
	font-weight: 500;
	color:#0172ce;
	margin-bottom: 4rem;
}

h3 {
	font-size: 1.6rem;
	font-weight: 700;
}

h4 {
	font-size: 4.2rem;
	line-height: 115%;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
	margin: 4.5rem 0;
}

h4 strong{
	font-weight: 700;
}

h5 {
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: .5rem;
}


p {
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 2.2rem;
}

a{
	text-decoration: none;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
font-family: 'Montserrat', sans-serif;	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
font-family: 'Montserrat', sans-serif;	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #ffa400;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: .5rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #fff;
font-family: 'Montserrat', sans-serif;}

:-moz-placeholder {
	color: #fff;
font-family: 'Montserrat', sans-serif;}

::-moz-placeholder {
	color: #fff;
font-family: 'Montserrat', sans-serif;	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #fff;
font-family: 'Montserrat', sans-serif;}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

section{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0px auto;
	padding:0;
}

#wpadminbar{
	bottom:0;
	top:auto;
	position: fixed;
}
/*PANTALLA y CONTENEDOR*/
div#pantalla{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0;
	padding:0;
}

div#contenedor{
	width: 1080px;
	height: auto;
	position: relative;
	overflow:hidden;
	margin:0px auto;
	padding:0;
}

/*HEADER*/
header#header{
	width: 100%;
	height: 8rem;
	position: fixed;
	top:0;
	z-index: 99;
	padding-top: 2rem;
	padding-bottom: 1rem;
	background-color: transparent;
	transition: .5s;
}

header#header div#contenedor{
	overflow: visible;
}

header#header h1{
	width: 25rem;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin:0;
}


header#header h1 img{
	width: 100%;
	height: auto;
}

header#header div.menu{
	width: auto;
	height: auto;
	position: relative;
	float: right;
	text-align: right;
	margin:0;
	padding:0;
}

header#header div.menu ul,
header#header div.menu ul li{
	list-style: none;
	padding:0;
	margin:0;
	position: relative;
}

header#header div.menu ul li{
	display: inline-block;
	vertical-align: middle;
	margin-left: 4rem;
	height: 2rem;
}

header#header div.menu ul li,
header#header div.menu ul li a{
	font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  color:white;
  text-transform: uppercase;
}

header#header div.menu ul li.menu-item-has-children{
	padding-right: 1.6rem;
}

header#header div.menu ul li.menu-item-has-children:after{
	content: '';
	width: 6px;
	height: 6px;
	border:solid 1px white;
	border-left:0;
	border-top: 0;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	bottom: .3rem;
	transition:.5s;
}

header#header div.menu ul.menu li:hover>a{
	color:#0172ce;
	transition: .5s;
}

header#header div.menu ul.menu li.menu-item-has-children:hover:after{
	content: '';
	width: 6px;
	height: 6px;
	border:solid 1px #0172ce;
	border-left:0;
	border-top: 0;
	transform: rotate(225deg);
	position: absolute;
	right: 0;
	bottom: .3rem;
	transition:.5s;
}
header#header div.menu ul.menu li.current-menu-item,
header#header div.menu ul.menu li.current-menu-item>a{
	color:#0172ce;
}

header#header div.menu ul li ul.sub-menu{
	position: absolute;
    background: #001136;
    width: max-content;
    padding: 2rem;
    text-align: right;
    right: -2rem;
    top: 2rem;
    pointer-events: none;
    opacity: 0;
    transition: 1s;
}

header#header div.menu ul li ul.sub-menu li a br{
	display: none;
}

header#header div.menu ul.menu li.menu-item-has-children:hover ul.sub-menu,
header#header div.menu ul li ul.sub-menu:hover{
	height: auto;
	pointer-events: all;
	opacity: 1;
	transition: 1s;
}


header#header div.menu ul li ul.sub-menu li{
	margin-left:0;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: solid 1px white;	
	display: block;
}

header#header.scroll{
	height: 5rem;
	transition: 1s;
	background: #001136;
}

header#header.scroll h1{
	width: 15rem;
	transition: 1s;
}

/*INTRO*/
section.intro{
	width: 100%;
	height: auto;
}

section.intro:after{
	content:'';
	width:100%;
	height:10rem;
	background-image:linear-gradient(transparent, #001136);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}

section.intro img.attachment-post-thumbnail{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: center;
}

section.intro div.wp-block-group{
	padding:14% 0;
	margin-left:0;
	width: 52rem;
	position: relative;
}

section.intro div.wp-block-group h2{
	font-size: 7rem;
	line-height: 9rem;
	margin-bottom: 5rem;
	color:white;
}

section.intro div.wp-block-group p{
	font-size: 2.2rem;
	line-height: 3.5rem;
	width: 83%;
	margin:0;
}

/*Nosotros*/
section.nosotros{
	padding: 4rem 0;
}

section.nosotros article{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin:0;
	padding: 0;
	margin-bottom:6rem;
}

section.nosotros article.arriba div figure{
	width: 23.5rem;
	height: auto;
	position: relative;
	float: left;
	margin:0;
	padding:0;
	margin-right: 10rem;
}

section.nosotros article.arriba div figure img{
	width: 100%;
	height: auto;
}

section.nosotros article.arriba div.titulo{
	width: fit-content;
	height: auto;
	position: relative;
	float: left;
	margin:0;
	padding:0;
	margin-right: 10rem;
}

section.nosotros article.arriba div p{
	width: 32rem;
	height: auto;
	position: relative;
	float: right;
	margin:0;
	padding:0;
}

section.nosotros article.medio div.titulo{
	width: 48rem;
	height: auto;
	position: relative;
	float: left;
	margin:0;
	padding:0;
}

section.nosotros article.medio div.titulo p{
	width: 90%;
	margin:0;
}

section.nosotros article.medio div figure{
	width: 59rem;
	height: auto;
	position: relative;
	float: right;
	margin:0;
	padding:0;
}

section.nosotros article.medio div figure img{
	width: 100%;
	height: auto;
}


section.nosotros article.abajo div.wp-block-group{
	width: 30%;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

section.nosotros article.abajo div.wp-block-group:nth-of-type(2){
	margin: 0 4%;
}

section.nosotros article.abajo div.wp-block-group:nth-of-type(3){
	float: right;
}

section.nosotros article.abajo div.wp-block-group h5{
	color:#0172ce;
	margin-bottom: 5rem;
	font-size: 2.4rem;
	letter-spacing: 1rem;
}


/*video home*/
section.video-home{
	position: relative;
}
section.video-home:before{
    content: '';
    width: 100%;
    height: 16rem;
    background: #001136;
    position: absolute;
    top: -1px;
    right: 0;
    clip-path: polygon(100% 0%, 100% 100%, 0% 0%, 0% 0%);
    z-index: 1;
}

section.video-home:after{
    content: '';
    width: 100%;
    height: 16rem;
    background: #001136;
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path:polygon(100% 101%, 0% 101%, 0% 0%);
    z-index: 1;
}

section.video-home img.attachment-post-thumbnail{
	width: 100%;
	height: 100%;
	position: absolute;
	object-position: center bottom;
	object-fit: cover;
	opacity: .7;
}

section.video-home div.display-content{
	text-align: center;
	padding-top:40%;
	padding-bottom:20%;
	position:relative;
}

section.video-home div.display-content h2{
	font-size: 7rem;
	line-height: 9rem;
	color:white;
	margin-top: 3rem;
}

/*productos home*/
section.productos-home:before{
	content:'';
	width:100%;
	height:10rem;
	background-image:linear-gradient(#001136, transparent);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
section.productos-home:after{
	content:'';
	width:100%;
	height:10rem;
	background-image:linear-gradient(transparent, #001136);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
section.productos-home article{
	width: 27rem;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-right: 7rem;
	padding:3rem;
	overflow: hidden;
	z-index: 0;
}

section.productos-home img.attachment-post-thumbnail{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	object-position: left center;
}

section.productos-home article:nth-of-type(4){
	margin-right: 0;
	margin-left: 12rem;
}
section.productos-home article:nth-of-type(5),
section.productos-home article:nth-of-type(6){
	margin-right: 0;
	margin-left: 7rem;
}

section.productos-home article:before{
	content: '';
	width: 100%;
	height: 25rem;
	background: #0171ce;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

section.productos-home article h2{
	color:white;
	font-size: 3rem;
	line-height: 90%;
	margin-bottom: 3.5rem;
	text-transform: uppercase;
}

section.productos-home article a{
	border-radius: 0;
	background: transparent;
	padding: 0;
}

section.productos-home article a img{
	width: 3rem !important;
	height: auto;
}

section.productos-home article figure{
	position: relative;
    margin-top: -7rem;
    right: -2rem;
    width: 30rem;
    height: 20rem;
}

section.productos-home article figure img{
	object-fit: contain;
    object-position: center;
    height: 100%;
}

/*SUCURSALES*/
section.sucursales{
	padding:17rem 0;
	padding-bottom:0;
	background: white;
	color: #001136;
}


section.sucursales:after{
    content: '';
    width: 100%;
    height: 16rem;
    background: #001136;
    position: absolute;
    top: 0;
    left: 0;
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%, 0% 0%);
    z-index: 1;
}

section.sucursales div.wp-block-group.titulo{
	width: 28rem;
	height: auto;
	position: relative;
	overflow:hidden;
	float: left;
}


section.sucursales div.galeria{
	width: 70rem;
	height: auto;
	position: relative;
	overflow:hidden;
	float: right;
	margin:0;
	padding:0;
	top:-1.3rem;
}

.slick-prev,
.slick-next{
	position: absolute;
	bottom: -4rem;
	right: 0;
	width: 3rem;
	height: 3rem;
	background: #ff9536;
	overflow: hidden;
	color:transparent;
	padding: 0;
	border:0;
	border-radius: 0;
	transition: .5s;
}

.slick-prev{
	right: 4rem;
}

.slick-prev:before,
.slick-next:before
{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    clip-path: polygon(100% 50%, 0% 100%, 0% 0%);
    background: white;
    position: absolute;
    left:.7rem;
}

.slick-prev:before{
	clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
	left:.7rem;
}

.slick-prev:hover,
.slick-next:hover{
	transition:.5s;
	background:gray;
}

section.sucursales div.galeria figure{
	background: #52abe8;
}

section.sucursales div.galeria figure img{
	height: 35rem !important;
	object-position: center;
	object-fit: cover;
	/*filter: grayscale(1);
    opacity: 0.7;*/
}



/*corte del home antes del footer*/
section.corte-home{
	padding:17rem 0;
	background: #001136;
	color: #fff;
}


section.corte-home:after{
    content: '';
    width: 100%;
    height: 16rem;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%, 0% 0%);
    z-index: 1;
}

section.corte-home img.attachment-post-thumbnail{
	position: absolute;
    top: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center bottom;
    height: 100%;
    width: 100%;
    transition: 10s linear;
}

section.corte-home:hover img.attachment-post-thumbnail{
	transform: scale(1.1,1.1);
    transition: 10s linear;
}

section.corte-home div.wp-block-group{
	width: 100%;
	height: auto;
	position: relative;
	margin:0 auto;
	padding:0;
	margin-bottom: 10rem;
}

section.corte-home div.wp-block-group div{
	text-align: center;
}

section.corte-home div.wp-block-group figure{
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6rem;
	text-align: center;
}

section.corte-home div.wp-block-group figure img,
section.corte-home div.wp-block-group figure figcaption{
	display: block;
	margin:0 auto;
	position: relative;
}

section.corte-home div.wp-block-group figure figcaption{
 color:white;
 	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 500;
  	font-style: normal;
 font-size: 2.4rem;
}

section.corte-home div.wp-block-group h4{
	display: inline-block;
	vertical-align: top;
	margin:0;
	padding:0;
	margin-right: 2rem;
	padding-right: 2rem;
	border-right: solid 3px #0172ce;
	text-align: left;
}

section.corte-home div.wp-block-group p{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 49rem;
}

section.corte-home div.wp-block-group p a{
	color:#0172ce;
	font-weight: 700;
}


/*CONTACTO*/
section.contacto{
  clip-path: polygon(0% 87%, 0% 0%, 100% 13%, 100% 100%);
    z-index: 1;
    display: block;
    position: relative;
    margin-top: -15%;
    padding: 10% 0;
    background: rgb(0,14,51);
}

section.contacto:after{
	content: '';
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	background: linear-gradient(270deg, rgba(0,14,51,1) 55%,rgba(0,14,51,.9) 82%);
	z-index: 1;
}


section.contacto div#contenedor{
	position: static;
}

section.contacto article{
	width: 46rem;
	height: auto;
	position: relative;
	float: right;
	overflow: hidden;
}

section.contacto article h2{
	z-index: 2;
	position: relative;
}

section.contacto article h4{
	font-size: 2.4rem;
	width: 100%;
	margin:0;
	padding:0;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: solid 1px white;
}

section.contacto article div.sede{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 4rem;
	z-index: 2;
}

section.contacto article div.sede div.wp-block-buttons{
	border-radius: 0;
	background: #fff;
	color:#0172ce;
	font-weight: 700;
	font-size: 2rem;
	width: 3rem;
	height: 3rem;
	position: absolute;
	right: 0;
	top:0;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
}

section.contacto article div.sede div.wp-block-buttons div.wp-block-button{
	display: none;
}

section.contacto article div.sede div.wp-block-buttons:before{
	content: '+';
	width: 100%;
}

section.contacto article div.sede p{
	font-size: 1.6rem;
	line-height: 2.6rem;
	height: 1px;
	overflow: hidden;
	transition: 1s;
}

section.contacto article div.sede.abrir p{
	height: 30rem;
	overflow: visible;
	transition: 1s;
}

section.contacto article div.sede.abrir div.wp-block-buttons:before{
	content: '-';
	width: 100%;
}

section.contacto article div.sede p img{
	vertical-align: middle;
}

section.contacto article div.sede p strong{
	padding-top: 2rem;
}


section.contacto article div.sede p a{
	color:white;
}


section.contacto iframe{
	width: 74%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 0;
	display: none;
}

section.contacto iframe.mostrar{
	display: block;
}

section.contacto:before{
	content: '';
    width: 100%;
    height: 16rem;
    background: #0172ce;
    position: absolute;
    top: -2px;
    right: 0;
    clip-path: polygon(100% 70%, 100% 90%, 0% 10%, 0% 0%);
    z-index: 2;
}

/*FOOTER*/
footer{
	width: 100%;
	position: relative;
	margin:0 auto;
	padding: 7rem 0;
	margin-top: -7rem;
	padding-top: 32rem;
	background: url(//pizzolonpietro.com/wp-content/uploads/2024/10/footer.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	    text-align: center;

}

footer:before{
content: '';
    width: 105%;
    height: 10px;
    position: absolute;
    top: 10px;
    left: -4px;
    background: #0172ce;
    transform: rotate(4.5deg);
    z-index: 1;
}

footer section{
	position: relative;
	margin:0;
	padding:0;
	display: inline-block;
	vertical-align: bottom;
}

footer section:last-of-type{
	text-align: right;
	width: 16%;
}

footer section:last-of-type p,
footer section:last-of-type p a{
	font-weight: 900;
	color:white;
	margin:0;
}

footer section:first-of-type{
	width: 8%;
	text-align: left;
}

footer section:nth-of-type(2){
	width: 75%;
	text-align: center;
	margin:0 auto;
	text-align: center;
}

footer section:nth-of-type(2) p{
	font-weight: 100;
	width: 100%;
	text-align: center;
}

footer section:nth-of-type(2) img{
	width: 24rem;
}

footer section ul,
footer section ul li{
	list-style: none;
	margin:0;
	padding:0;
}

footer section ul li{
	display: block;
}

footer section ul li,
footer section ul li a{
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 500;
  	font-style: normal;
  	color:white;
  	font-size: 1.6rem;
  	text-transform: uppercase;
}

footer section ul li ul.sub-menu{
	display: none;
}

footer figure{
	margin:4rem auto !important;
	margin-top: 0 !important;
}


/*wasap flotente*/
#wasap{
	width: 8rem;
	height: auto;
	position: fixed;
	bottom: 4%;
	right: 8%;
	cursor:pointer;
	transition: .5s;
	z-index: 100;
}

#wasap ul,
#wasap ul li,
#wasap ul li a,
#wasap figure,
#wasap img{
	margin:0;
	padding:0;
	list-style: none;
}

#wasap img{
	width: 100%;
}

#wasap:hover{
	bottom: 5%;
	transition: .5s;
}

/*PRODUCTOS*/
div.cabeza-post{
	width: 100%;
	height: auto;
	margin-bottom: -5rem;
}
div.cabeza-post img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

div.cabeza-post h1{
	width: 44rem;
	height: auto;
	position: absolute;
	top: 10%;
	left: 10%;
	font-size: 7rem;
	line-height: 9rem;
	text-transform: uppercase;
}

article.loop{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 18%;
}

article.loop figure{
	width: 43rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

article.loop figure img{
	width: 100%;
	height: auto;
}

article.loop p{
	width: 40rem;
	margin-left:10rem;
	display: inline-block;
	vertical-align: middle;
}

article.loop div.wp-block-group{
	margin-bottom: 4rem;
	position: relative;
}

article.loop div.wp-block-group:last-of-type p{
	margin-left: 5rem;
	margin-right: 15rem;
}


/*animacion general*/
.animar,
article.loop div.wp-block-group{
	top: 6rem !important;
	opacity: 0;
	-webkit-transition: all 1500ms;
    -moz-transition: all 1500ms;
    -o-transition: all 1500ms;
    transition: all 1500ms;
}
.am-in-view,
article.loop div.wp-block-group.am-in-view {
	top: 0 !important;
	opacity: 1;
    -webkit-transition: all 1500ms;
    -moz-transition: all 1500ms;
    -o-transition: all 1500ms;
    transition: all 1500ms;
}

/*hamburguesa*/
#hamb{
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 1rem;
	cursor:pointer;
	display: none;
}

#hamb hr{
	width: 100%;
    height: .4rem;
    border: none;
    outline: none;
    border-radius: 1rem;
    background-color: white;
    margin: 0;
    padding: 0;
    margin-bottom: .7rem;
    transition: .5s;
    opacity: 1;
}

#hamb.abrir hr:nth-of-type(3){
	opacity: 0;
	transition: .5s;
}
#hamb.abrir hr:nth-of-type(1){
	transform: rotate(45deg);
	margin-top: 1.5rem;
	transition: .5s;
}
#hamb.abrir hr:nth-of-type(2){
	transform: rotate(-45deg);
	margin-top: -1rem;
	transition: .5s;
}
/*---ARREGLOS DEL 16-10----*/
section.productos-home article h2:hover ~ figure img,
section.productos-home article div.wp-block-buttons:hover  ~ figure img{
	height:110%;
	transition:1s;
}
section.productos-home article figure img{
	transition:1s;
}


section.sucursales div.galeria p{
	margin-bottom:1rem;
}
div.desliza{
	width:100%!important;
	margin-bottom:2rem !important;
}
div.desliza a{
	    width: 100%;
    font-size: 1.4rem;
    text-transform: uppercase;
    background: #0172ce;
    border-radius: 1rem;
	transition:.5s;
}
div.desliza:hover a{
	    background: #001136;
	transition:.5s;
}
/*----------QUERIES------------------------------------*/
/*----------------------------------------------*/

 @media only screen and (max-width : 1190px){
 	div#contenedor{
 		width: 900px;
 	}

 	section.nosotros article.arriba div figure,
 	section.nosotros article.arriba div.titulo{
 		margin-right: 3rem;
 	}

 	section.nosotros article.arriba div.titulo h4{
 		font-size: 3.5rem;
 	}

 	section.nosotros article.medio div figure{
 		width: 42rem;
 	}

 	section.productos-home article{
 		width: 25rem;
 		margin: 0 2rem !important;
 	}

 	section.sucursales div.galeria{
 		width: 62rem;
 	}

 	section.corte-home div.wp-block-group figure{
 		margin:0 4rem;
 	}

 	section.corte-home div.wp-block-group h4{
 		border-right: none;
 		border-bottom: solid 3px #0172ce;
 	}

 	section.contacto:before{
 		clip-path: polygon(100% 70%, 100% 80%, 0% 10%, 0% 0%);
 	}

 	section.contacto:after{
 		width: 56%;
 	}

 	footer:before {
	    top: 6px;
	    transform: rotate(7deg);
	}

	article.loop p {
	    width: 40%;
	    margin-left: 10%;
	    display: inline-block;
	    vertical-align: middle;
	}

	article.loop div.wp-block-group:last-of-type p {
	    margin-left: 5%;
	    margin-right: 13%;
	}

	article.loop figure {
	    width: 40%;
	}

 }


 /*----------QUERIES------------------------------------*/
/*----------------------------------------------*/

 @media only screen and (max-width : 900px){
 	div#contenedor{
 		width: 700px;
 	}

section.intro img.attachment-post-thumbnail {
    width: 100%;
    height: 80vh;
    position: absolute;
    object-fit: cover;
    object-position: 66%;
}
 	section.intro div.wp-block-group {
	    padding: 0;
	    margin: 0 auto;
	    margin-top: 60vh;
	    width: 42rem;
	    position: relative;
	}

	section.intro div.wp-block-group h2 {
 	   font-size: 5rem;
 	   line-height: 7rem;
  	  margin-bottom: 3rem;
	}

	section.intro div.wp-block-group p {
	    font-size: 2rem;
	    line-height: 3rem;
	    width: 100%;
	    margin: 0;
	}

	section.nosotros article.arriba div figure, section.nosotros article.arriba div.titulo, section.nosotros article.arriba div p, section.nosotros article.medio div.titulo, section.nosotros article.medio div figure, section.nosotros article.abajo div.wp-block-group {
		width: 42rem;
        float: none!important;
        margin: 0rem auto!important;
        margin-bottom: 3rem!important;
    }

    section.nosotros article.arriba div figure{
    	left:-1.5rem;
    }

    section.video-home div.display-content h2 {
	    width: 52rem;
	    font-size: 5rem;
	    line-height: 7rem;
	    margin: 3rem auto;
	}

	section.productos-home div.display-content{
		text-align: center;
	}

	section.productos-home div.display-content h2{
		text-align: left;
	}

	section.sucursales div.galeria, section.sucursales div.galeria:nth-of-type(3), section.sucursales div.galeria:nth-of-type(4) {
        width: 100%;
    }

    section.corte-home:after{
    	top:-3px;
    }

        section.corte-home div.wp-block-group:nth-of-type(1) figure {
        margin: 3rem 0;
        width: 40%;
    }

    section.corte-home div.wp-block-group p {
	    text-align: center;
	    width: 49rem;
	    margin-top: 3rem;
	}

	section.contacto div#contenedor{
		position: relative;
		overflow: visible;
	}

	section.contacto iframe {
	    width: 95rem;
	    height: 50rem;
	    position: relative;
	    top: -7rem;
	    left: -12rem;
	    z-index: 0;
	    display: none;
	}

	section.contacto article{
		width: 100%;
		float: none;
	}

	section.contacto {
	    clip-path: polygon(0% 92%, 0% 0%, 100% 7.8%, 100% 100%);
	    padding-bottom:20%;
	}

	section.contacto:after{
		display: none;
	}

	footer{
		margin-top: 0rem;
	 }

	footer:before {
        top: -10%;
    }

    	div.cabeza-post {
	    width: 100%;
	    height: 50vh;
	    margin-bottom: 0;
	}

	div.cabeza-post h1 {
	    width: 100%;
	    height: auto;
	    position: absolute;
	    top: 15%;
	    left: 10%;
	    font-size: 5rem;
	    line-height: 7rem;
	    text-transform: uppercase;
	}

	div.cabeza-post img {
	    width: 100%;
	    max-width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: left;
	}

}


/*----------QUERIES------------------------------------*/
/*----------------------------------------------*/

 @media only screen and (max-width : 700px){
 	div#contenedor{
 		width: 50rem;
 		max-width: 80%;
 	}

 	    h4 {
	    font-size: 4rem;
	    margin: 3.5rem 0;
	}

 	header#header.scroll #hamb{
 		display: block;
 	}

 	header#header div.menu div.menu-top-menu-container,
 	header#header div.menu div.menu-menu-post-container,
 	header#header div.menu div.menu-menu-container{
 		    position: fixed;
		    top: -90rem;
		    background: red;
		    left: 0;
		    right: 0;
		    padding: 2rem;
		    background-color: #001136;
		    opacity: 0;
		    pointer-events: none;
		    transition: 1s;
 	}

 	header#header div.menu.abrir div.menu-top-menu-container,
 	header#header div.menu.abrir div.menu-menu-post-container,
 	header#header div.menu.abrir div.menu-menu-container{
		top: 8rem;
		opacity: 1;
		pointer-events: all;
		transition: 1s;
		border-bottom: solid 5px white;
 	}

 	header#header div.menu ul li ul.sub-menu {
	    position: relative;
	    background: transparent;
	    width: auto;
	    height: auto;
	    padding: 0;
	    text-align: right;
	    right: 0;
	    top: 0;
	    pointer-events: all;
	    opacity: 1;
	    transition: none;
	}

	header#header div.menu ul li {
	    display: block;
	    vertical-align: middle;
	    margin: 2rem;
	    height: 2rem;
	}

	header#header div.menu ul li ul.sub-menu li {
	    margin: 2rem 0;
	    padding: 0;
	    margin-bottom: 1rem;
	    padding-bottom: 2rem;
	    border-bottom: solid 1px white;
	    display: block;
	    position: relative;
	}

	header#header div.menu ul li.menu-item-has-children {
	    padding-right: 1.6rem;
	    position: relative;
	    overflow: hidden;
	    height: auto;
	    pointer-events: none;
	}

	header#header div.menu ul li.menu-item-has-children a{
		opacity: .5;
	}

	header#header div.menu ul li.menu-item-has-children ul li a{
		opacity: 1;
	}

	header#header div.menu ul.menu li.menu-item-has-children:hover:after,
	header#header div.menu ul.menu li.menu-item-has-children:after{
		height: 100%;
        width: 1px;
        border: none;
        transform: none;
        background: white;
	}

	section.intro div.wp-block-group{
		max-width: 100%;
	}

	section.nosotros article.arriba div figure {
       left: 0;
    }

	section.nosotros article.arriba div figure, section.nosotros article.arriba div.titulo, section.nosotros article.arriba div p, section.nosotros article.medio div.titulo, section.nosotros article.medio div figure, section.nosotros article.abajo div.wp-block-group{
		max-width: 100%;
	}

	section.video-home:before {
	    clip-path: polygon(100% 0%, 100% 50%, 0% 0%, 0% 0%);
	}

	section.video-home:after{
		clip-path: polygon(100% 101%, 0% 100%, 0% 45%);
	}

	section.video-home div.display-content h2 {
        max-width: 100%;
        font-size: 4rem;
        line-height: 6rem;
    }

     section.corte-home div.wp-block-group:nth-of-type(1) figure {
        margin: 3rem 0;
        width: 100%;
    }

    section.corte-home div.wp-block-group{
    	margin-bottom: 4rem;
    }
    section.corte-home div.wp-block-group h4,
    section.corte-home div.wp-block-group p{
        text-align: center;
        width: 100%;
    }

        section.contacto {
        clip-path: polygon(0% 95%, 0% 0%, 100% 5%, 100% 100%);
        padding-bottom: 14%;
    }
    section.contacto:before {
        clip-path: polygon(100% 0%, 100% 56%, 0% 10%, 0% 0%);
    }

    section.corte-home:after,
    section.sucursales:after{
    	clip-path: polygon(100% 0%, 100% 56%, 0% 0%, 0% 0%);
    }
    footer{
    	padding-top: 12rem;
    }
    footer section {
	    position: relative;
	    margin: 0;
	    padding: 0;
	    display: block;
	    vertical-align: bottom;
	    width: 100% !important;
	    text-align: center !important;
	    margin-bottom: 3rem;
	}

	footer section ul li{
		margin-bottom: 2rem;
	}

	footer figure {
	    margin: 2rem auto !important;
	    margin-top: 0 !important;
	}

	footer section:last-of-type p, footer section:last-of-type p a {
	    font-weight: 900;
	    color: white;
	    margin: 0;
	    text-align: center;
	    margin-top: 3rem;
	}


	footer:before {
        top: -7%;
    }

	#wasap{
		right: 4%;
		bottom: 2%;
	 }


	 	article.loop p {
	    width: 90%;
	    margin-left:auto;
	    display: block;
	    vertical-align: middle;
	    margin:3rem auto;
	}

	article.loop div.wp-block-group:last-of-type p {
	    margin-left: auto;
	    margin-right:auto;
	}

	article.loop figure {
	    width: 100%;
	    display: block;
	}

}