/*
Theme Name: Sozpic Base 
Theme URI: https://www.sozpic.com
Author: Roberto Marin & Fran Moreno
License: The Unlicense
License URI: LICENSE
Text Domain:  Sozpic
Version: 1.0
*/
/* FONTS */


@font-face {
    font-family: 'Seat Bcn';
    src: url('fonts/SeatBcn-Bold.woff2') format('woff2'),
        url('fonts/SeatBcn-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/**********/
html {
}

body {
	font-family:'Open Sans', sans-serif;
	color: #444444;
	line-height:1.4;
	font-size:14px;
	/* -webkit-font-smoothing: antialiased; */
	margin:0;
}

a {
	color:#555;
	outline:none;
}

img {
	max-width:100%;
	height:auto;
}

img.aligncenter {
	margin:auto;
	display:block;
}

p {
	margin:0 0 20px;
}

hr {
	border-color: #777;
	border-top-width:0;
	margin-bottom: 30px;
}

small,.small-font {
	font-size:11px;
}

.relative {
	position:relative;
}

iframe {
	max-width:100%;
}

code {
	white-space:normal;
}

.uppercase {
	text-transform:uppercase;
}

.min-height-100vh{
	min-height: 100vh;
}

.underline {
/* text-decoration: underline; */
}

.decoration-none,.text-decoration-none {
	text-decoration:none;
}

.unstyled-list {
	padding:0;
	margin:0;
}

.unstyled-list li {
	padding:0;
	margin:0;
	list-style:none;
}

.border-content {
	border:8px solid;
	padding:20px 16px;
}

.text-underline {
	text-decoration:underline;
}

.justify {
	text-align:justify;
}

.small-font {
	font-size:12px;
}

.rounded {
	border-radius:4px;
}

.box-shadow {
	box-shadow:3px 4px 18px -14px #666;
}

.container {
	max-width:1150px;
}

section {
	position:relative;
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:auto 100%;
}

.padding-section,.padding-content {
	padding:30px 0;
}

.thumb-container {
	display:block;
	text-decoration:none;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.thumb-container.absolute {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.thumb-container img.play-video {
	width:100px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

/* COLORS */


.black-content{
	background-color: #000000;
}
.white-content{
	background-color: #ffffff;
}

.black-content a{
	color: #000000;
}

.white-content{
	color: #000000;
}
.white-content a {
	color: #000000;
}
.letralegal{
	line-height: 1.2;
    font-size: 11px;
	margin: 14px 0px;
}
.letralegal-destacada{
	line-height: 1.2;
    font-size: 14px;
	margin: 14px 0px;
}
.red-content{
	background-color: #ffffff !important;
	color: #000 !important;
}
.red-content a{
	color: #000;
}


/* HEADINGS & FONTS CLASSES */

.h1,.h2,.h3,h1,h2,h3 {
	color:#000000;
	clear:both;
	line-height:1.1;
	margin:0 0 1.3rem;
	font-weight:700;
	font-family: 'Seat Bcn', 'Open Sans', sans-serif;
}

.h4,.h5,.h6,h4,h5,h6 {
	clear:both;
	line-height:1.3;
	font-weight:500;
	margin:0 0 1rem;
	font-family: 'Seat Bcn', 'Open Sans', sans-serif;
}

.h1,.h2,.h3,.h4,.h5,.h6 {
}

h1,.h1 {font-size: 34px;}

h2,.h2 {font-size: 25px;}

h3,.h3 {
}

h4,.h4 {
}

h5,.h5 {
}

h6,.h6 {
}

.title {
}


.cursiva,.cursive {
	font-style:italic;
}

.light {
	font-weight:300;
}

.regular {
	font-weight:400;
}

.medium {
	font-weight:500;
}

strong,.bold,.bold small {
	font-weight:700;
}

.embed-responsive {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	overflow:hidden;
}

.embed-responsive iframe {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}

.embed-responsive::before {
	display:block;
	content:"";
}

.embed-responsive-16by9::before {
	padding-top:56.25%;
}

.embed-responsive-4by3::before {
	padding-top:75%;
}

.embed-responsive-21by9::before {
	padding-top:42.857143%;
}

.embed-responsive-1by1::before {
	padding-top:100%;
}

.text-nowrap {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* thecontent */
.thecontent {
}

.thecontent {
	padding: 20px 0px;
	position: relative;
}

.thecontent:after{
	right: 0;
	/* background-image: url(img/LogoCupra_white.png); */
}
.thecontent img {
	width: 100%;
}

.thecontent h1 {
	font-size: 43px;
	margin: 0;
}

.thecontent h2 {
	font-size: 24px;
}

.thecontent p{
}
.thecontent h1 + p{
}

.thecontent ul {
}

.thecontent ul li {
	position:relative;
}

.thecontent ul > li:before {
	content:'';
}

.thecontent.featured-content {
}

.thecontent.featured-content p {
}

/* buttons */
button,.button,input[type="submit"],a.button {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	outline:none;
	border:none;
	line-height:1;
	text-decoration:none;
	padding: 14px 26px;
	margin:0;
	text-align:center;
	transition:all .3s ease;
	border-radius:0;
	display:inline-block;
	border-radius:3px;
	font-size: 16px;
	white-space:nowrap;
	background-color: #fecb77;
	color: #000000;
	font-weight:700;
	width: 100%;
}

.button.large-button {
	font-size:19px;
	padding:15px 20px;
	margin:30px auto;
}

.button.small-button {
	font-size:13px;
	padding:8px 28px;
}

.button:hover {
	opacity:.8;
}

.button.animated-button {
	position:relative;
	overflow:hidden;
	transition:all .2;
}

.button.animated-button:before {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	width:93%;
	height:100%;
	transform-origin:center center;
	background:#414141;
	transform:skewX(23deg) translateX(-50%) scale3d(0,1,1);
	transition:all .2s ease;
}

.button.animated-button > * {
	position:relative;
	transition:all .2s ease;
	z-index:1;
}

.button.animated-button:hover {
	color:#fff;
}

.button.animated-button:hover:before {
	transform:skewX(23deg) translateX(-50%) scale3d(1,1,1);
}

.button.animated-button:hover > * {
	color:#fff;
}

/* blockquote */
blockquote {
	display:inline-block;
	margin:0 0 12px;
	padding:50px;
	font-family:'Roboto Condensed',sans-serif;
	font-size:30px;
	line-height:1.1;
	font-weight:100;
	position:relative;
	font-style:italic;
}

blockquote:before,blockquote:after {
	content:'';
	position:absolute;
	width:50px;
	height:50px;
	background:url(img/svg/quotes.svg) no-repeat center center;
	background-size:100%;
}

blockquote:before {
	left:0;
	top:0;
}

blockquote:after {
	bottom:19px;
	right:0;
}

blockquote p {
	margin:0;
}

/* animated element */
.animated-element {
	opacity:0;
	display:block;
}

.animated-element.visible {
	-webkit-transform:translateY(90px);
	-moz-transform:translateY(90px);
	-ms-transform:translateY(90px);
	transform:translateY(90px);
	-webkit-animation:moveUp 1.4s ease forwards;
	-moz-animation:moveUp 1.4s ease forwards;
	-ms-animation:moveUp 1.4s ease forwards;
	animation:moveUp 1.4s ease forwards;
}

@-webkit-keyframes moveUp {
	0% {
	}
	
	100% {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
		opacity:1;
	}
}

@-moz-keyframes moveUp {
	0% {
	}
	
	100% {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
		opacity:1;
	}
}

@-ms-keyframes moveUp {
	0% {
	}
	
	100% {
		-ms-transform:translateY(0);
		opacity:1;
	}
}

@keyframes moveUp {
	0% {
	}
	
	100% {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
		opacity:1;
	}
}

/* aside */
#aside {
	position:fixed;
	top:0;
	left:0;
	width:calc(100% - 70px);
	bottom:0;
	z-index:3;
	opacity:0;
	visibility:hidden;
	-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s;
	transition:opacity .5s,visibility .5s,-webkit-transform .5s;
	-o-transition:opacity .5s,visibility .5s,-o-transform .5s;
	transition:transform .5s,opacity .5s,visibility .5s;
	transition:transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s,-o-transform .5s;
	will-change:transform,opacity,visibility;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border-radius:2px;
	box-shadow:1px 0 10px -4px #888;
	padding:30px 30px 50px;
	background-color:#fff;
}

.menu-active #aside:before {
	transform:translate3d(0,0%,0);
}

.menu-active #aside:after {
	opacity:.08;
}

.menu-active #aside {
	opacity:1;
	visibility:visible;
}

#aside > div {
	height:100%;
	position:relative;
	z-index:1;
}

#aside header {
	border-bottom:1px solid #b6221e;
	margin-bottom:20px;
}

#aside header img {
	width:134px;
}

#aside header ul.languages {
}

#aside header ul.languages > li {
}

#aside header ul.languages > li * {
}

#aside header ul.languages > li .active {
}

#aside ul.menu {
	margin:0 auto;
	list-style:none;
	overflow-x:hidden;
	padding:0;
}

#aside ul.menu > li {
	position:relative;
	margin:0 0 9px;
/*opacity: 0;*/
/*transform: translate3d(0,-50px,0);*/
	border-bottom:1px solid #ccc;
}

.menu-active #aside ul.menu > li {
	transition:all .7s;
	opacity:1;
	transform:translate3d(0,0px,0);
}
#aside ul.menu > li > a {
	display:block;
	font-size:13px;
	letter-spacing:1px;
	text-decoration:none;
	padding:2px 0;
	line-height:1.1;
	padding:15px 6px;
}

#aside ul.menu > li > a {
	text-transform:uppercase;
}

#aside ul.menu > li.disabled > a {
	color:#F5F5F5;
}

#aside ul.menu > li.menu-item-has-children > a {
	padding-right:20px;
}

#aside ul.menu > li.current-menu-item > a,#aside ul.menu > li.menu-item-has-children.current-menu-ancestor > a,#aside ul.menu > li.menu-item-has-children.current-menu-ancestor:hover > a {
}

#aside ul.menu > li.menu-item-has-children > a {
	position:relative;
}

#aside ul.menu > li.menu-item-has-children > a:after {
	content:'';
	position:absolute;
	right:5px;
	top:50%;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #eaebe8;
}

#aside ul.menu > li.menu-item-has-children.sub-menu-active > a:after {
	transform:rotateX(180deg);
}

#aside ul.menu > li {
	margin:0;
}

#aside ul.menu > li > ul {
	margin:0;
	padding-left:0;
	display:none;
}

#aside ul.menu > li.sub-menu-active > ul {
	display:block;
}

#aside ul.menu > li > ul > li {
	padding:0 10px 10px 0;
	list-style:none;
	margin:3px 0 10px;
	position:relative;
}

#aside ul.menu > li > ul > li:not(:last-child) {
}

#aside ul.menu > li > ul > li:not(:last-child):after {
	content:'';
	position:absolute;
	top:100%;
	width:60px;
	height:1px;
	background-color:#aaa;
	left:30px;
}

#aside ul.menu > li > ul > li > a {
	font-size:14px;
	text-decoration:none;
	padding:2px 7px;
	color:#b6221e;
	font-weight:500;
	text-transform:uppercase;
}

#aside ul.menu > li > ul > li.menu-item-has-children > a {
	position:relative;
}

#aside ul.menu > li > ul > li.menu-item-has-children > a:after {
	position:absolute;
	content:'';
	right:-12px;
	top:50%;
	margin-top:-4px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #fff;
}

#aside ul.menu > li > ul > li.menu-item-has-children.sub-menu-active > a:after {
	transform:rotate(180deg);
}

#aside ul.menu > li > ul > li > ul,#aside ul.menu > li > ul > li.menu-item-has-children > ul {
	display:block;
	padding:0;
}

#aside ul.menu > li > ul > li > ul > li {
	list-style:none;
}

#aside ul.menu > li > ul > li > ul > li a {
	font-size:11px;
	font-weight:400;
	text-decoration:none;
	padding:4px 0 5px 18px;
	color:#777;
	display:block;
}

#aside ul.menu >li.menu-item-has-children > ul {
	display:none;
	padding:10px 0;
}

#aside ul.menu li.menu-item-has-children.sub-menu-active > ul {
	display:block;
}

#aside ul.social-links {
}

#aside ul.social-links li {
}

#aside ul.social-links li a {
}

#aside ul.social-links li a i {
}

/* HEAD */

#head{
	background-color:#fff;
	padding: 10px 0;
}

.fixed-head #head {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:2;
	transition:all .3s;
}

body:not(.menu-active) #head {
	background-color:#fff;
	z-index:2;
}

body:not(.menu-active).scrolling #head {
	box-shadow:0 6px 5px -7px #888;
}

#head .logo {
	width:80px;
	display:block;
	text-decoration:none;
	font-weight:700;
	color:#5ea10e;
	text-transform:uppercase;
	font-size:18px;
}

#head .logo > * {
	transition:all .3s ease;
	display:block;
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
	background-color:#1e9c1e;
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
	background-color:#599201;
}

/* WITH THUMBNAIL */
body:not(.scrolling):not(.menu-active) #head.transparent {
	background-color:transparent;
	box-shadow:none;
}

body:not(.scrolling):not(.menu-active) #head.transparent .logo {
	color:transparent;
}

body:not(.scrolling):not(.menu-active) #head.transparent .logo {
	color:#fff;
}

body:not(.scrolling):not(.menu-active) #head.transparent .hamburger-inner,body:not(.scrolling):not(.menu-active) #head.transparent .hamburger-inner:after,body:not(.scrolling):not(.menu-active) #head.transparent .hamburger-inner:before {
	background-color:#fff;
}

/* SOCIAL LINKS */
ul.social-links {
	padding:0;
	margin:0;
}

ul.social-links > li {
	list-style:none;
	display:inline-block;
	margin:0 6px;
}

ul.social-links > li a {
	border:1px solid;
	width:31px;
	display:inline-block;
	height:31px;
	text-align:center;
	line-height:31px;
	font-size:18px;
	border-radius:50%;
	text-decoration:none;
	color:#4b7d03;
	background:#fff;
	border:none;
}

.dark-content ul.social-links > li a {
	text-shadow:none;
	box-shadow:none;
}

ul.social-links > li a i {
}

ul.social-links > li a:hover {
}

/* MAIN */
#main {
	position:relative;
	min-height: calc(100vh - 120px);
	background-image:#fecb77;
	color: #000000;
	background-repeat: no-repeat;
	background-size: auto 138vw;
	background-color: #ffffff;
/*	background-image: url("https://promocionesgh.com/wp-content/uploads/2023/03/fondo-2.jpg");*/
}
.fixed-head #main{
	padding-top:45px;
}

body:not(.page-template-page-product) #head.transparent + #main {
	padding-top:0;
}

/* ICON SCROLL */
.icon-scroll,.icon-scroll:before {
	position:absolute;
	left:50%;
}

.icon-scroll {
	width:30px;
	height:50px;
	margin-left:-20px;
	box-shadow:inset 0 0 0 1px #fff;
	border-radius:25px;
	position:absolute;
	bottom:22px;
	left:50%;
	margin-left:-15px;
	z-index:2;
}

.icon-scroll:before {
	content:'';
	width:8px;
	height:8px;
	background:#fff;
	margin-left:-4px;
	top:8px;
	border-radius:4px;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:scroll;
	animation-name:scroll;
}

@-webkit-keyframes scroll {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
		-webkit-transform:translateY(46px);
		transform:translateY(46px);
	}
}

@keyframes scroll {
	0% {
		opacity:1;
	}
	
	100% {
		opacity:0;
		-webkit-transform:translateY(46px);
		transform:translateY(46px);
	}
}

/* owl carousel */
.owl-carousel {
}

.owl-dots {
	position:absolute;
	bottom:0;
	width:100%;
	left:50%;
	transform:translateX(-50%);
	max-width:1110px;
	text-align:center;
}

.owl-dots .owl-dot {
	width:27px;
	height:27px;
	line-height:27px;
	position:relative;
	border-radius:0;
	border:none;
	margin:10px 5px 8px;
	display:inline-block;
	background-color:#fff;
	vertical-align:middle;
	border:1px solid;
	width:12px;
	height:12px;
	border-radius:50%;
}

.owl-dots .owl-dot.active {
}

.owl-nav {
}

.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
	position:absolute;
	top:50%;
	font-size:0;
	width:40px;
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:80%;
	transform:translateY(-50%);
}

.owl-carousel .owl-nav .owl-prev {
	background-image:url(img/svg/arrow_left.svg);
	right:100%;
}

.owl-carousel .owl-nav .owl-next {
	left:100%;
	background-image:url(img/svg/arrow_right.svg);
}

/* forms */
label {
	font-size:15px;
}

.input-content,.input-wrapper {
	position:relative;
	margin:0 0 12px;
}

input[type="text"],input[type="email"],input[type="tel"] {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border:0 solid transparent;
	padding:10px;
	margin:0;
	border-radius:0;
	display:block;
	width:100%;
	font-size:14px;
	border-radius:0;
	box-shadow:none;
	outline:none;
	background:#ededed;
}

::-webkit-input-placeholder {
	color:#aaa;
}

:-moz-placeholder {
/* Firefox 18- */
	color:#aaa;
}

::-moz-placeholder {
/* Firefox 19+ */
	color:#aaa;
}

:-ms-input-placeholder {
	color:#aaa;
}

textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	padding:10px;
	margin:0 0 30px;
	border-radius:0;
	display:block;
	width:100%;
	min-height:131px;
	border:none;
	font-size:14px;
	outline:none;
	background:#ededed;
}

/* easydropdown */
.dropdown {
	width:100%;
	margin:0;
	background:#ededed;
	min-height:41px;
	border-radius:0;
}

.dropdown .selected {
	font-style:normal;
	padding:9px 10px 4px;
	font-size:14px;
	color:#000;
}

.dropdown div {
	background:#ededed;
}

.dropdown ul {
	padding:0;
	margin:0;
}

.dropdown ul li {
	font-size:14px;
	padding:10px 12px;
	border-bottom:1px solid #ccc;
}

.dropdown ul li.active {
}

.dropdown ul li.focus {
	background:#5ea10d;
	color:#fff;
}

/* checkbox-container */
ul.checkboxes {
	padding:0;
}

.checkbox-container {
	position:relative;
}

.checkbox-container input[type="checkbox"],.checkbox-container input[type="radio"] {
	position:absolute;
	width:0;
	height:0;
	visibility:hidden;
	overflow:hidden;
	opacity:0;
}

.checkbox-container input[type="checkbox"] + label {
	position:relative;
	min-height:20px;
	padding-left:30px;
}

.checkbox-container input[type="checkbox"] + label:before {
	content:'';
	position:absolute;
	left:0;
	width:20px;
	height:20px;
	background-color:#f0f0f0;
	border-radius:2px;
	border:1px solid #ccc;
}

.checkbox-container input[type="checkbox"] + label:after {
	content:'';
	position:absolute;
	left:3px;
	top:3px;
	width:14px;
	height:14px;
	background-color:transparent;
	border-radius:2px;
	transition:all .3s;
}

.checkbox-container input[type="checkbox"]:checked + label:after {
	background-color:#cb3959;
}

span.help-block.form-error {
	color:#fff;
	position:absolute;
	right:0;
	background:#b94948;
	top:100%;
	font-weight:700;
	font-size:9px;
	padding:3px;
	z-index:1;
}

/* footer */

#footer {
	padding: 0 0 30px;
	font-size: 12px;
}

#footer a.logo {
}

#footer ul.social-links {
}

#footer .h3,#footer .h4 {
}

#footer ul.menu {
	padding:0;
	margin:0;
}

#footer ul.menu > li {
	list-style:none;
	margin: 0 0 10px;
}

#footer ul.menu > li a {
	text-decoration:none;
}


/* main section */

.main-section{}


/* form content */

.form-content{
	padding: 30px 20px;
	position: relative;
	border-radius: 4px;
}

/* gravity form */
.gform_confirmation_wrapper{
	position: absolute;
    background: #971b1f !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    z-index: 1;
}


.form-content .gform_wrapper.gravity-theme .gfield_label{
	font-size: 13px;
	color: #000000;
}

.form-content .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select{
	background-color: #f0f0f0;
	border: 1px solid transparent;
	border-radius: 5px;
}

.form-content .gform_wrapper.gravity-theme input[type="submit"]{
    padding: 12px 50px;
    font-size: 21px;
    border-radius: 5px;
    width: 100%;
}

.form-content .gfield_consent_label{
	font-size: 13px;
	color: #000000 !important;
}

.form-content .gform_wrapper.gravity-theme .gfield{
	position: relative;
}

.form-content .gform_wrapper .gform_validation_errors{
	display: none;
}

.form-content .gform_wrapper label a{
	font-weight: bold;
	
}
.form-content .gform_wrapper [aria-invalid=true]+label a{
	color: #ffffff;
}

.form-content .gform_wrapper.gravity-theme .gfield_description{font-size: 10px;background: none;border: none;font-weight: bold;padding: 0;display: inline-block;background: #fff;width: auto;padding: 3px;background: #f0e46e;color: #000;position: absolute;bottom: -9px;right: 0;}

.form-content .gform_wrapper.gravity-theme .ginput_container_consent +  .gfield_description{
	bottom: -20px;
}


/*  RESPONSIVE */

@media (min-width: 768px) {

	/* general */

		
	#main {
		background-size: 100% 1050px;
	}
	

	h1,.h1 {font-size: 44px;}

	h2,.h2 {
	font-size: 30px;
	}

	h3,.h3 {
	}

	h4,.h4 {
	}

	h5,.h5 {
	}

	h6,.h6 {
	}

	/* main section */



	.thecontent {
		padding: 0px 0px;
		position: relative;
	}

	.main-section  p{
		line-height: 1.2;
		font-size: 17px;
	}
	#footer ul.menu {
		padding:0;
		margin:0;
	}

	#footer ul.menu > li {
		list-style:none;
		margin: 0 0 0 20px;
	}

	#footer ul.menu > li a {
		text-decoration:none;
	}

	.main-section {
		padding-top: 5px;
	}
}

@media (min-width: 1200px) {
	
}