/*
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: 'DIN Pro';
    src: url('fonts/DINPro.woff2') format('woff2'),
        url('fonts/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Medium.woff2') format('woff2'),
        url('fonts/DINPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('fonts/DINPro-Bold.woff2') format('woff2'),
        url('fonts/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TextaAlt-Book';
    src: url('fonts/TextaAlt-Book.woff2') format('woff2'),
        url('fonts/TextaAlt-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN 1451 Std';
    src: url('fonts/DINEngschriftStd.woff2') format('woff2'),
        url('fonts/DINEngschriftStd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* GENERAL */


html {
}

body {
	font-family:'DIN Pro',sans-serif;
	color: #3c3c3b;
	line-height: 1.3;
	font-size:14px;
	/* -webkit-font-smoothing: antialiased; */
	margin:0;
}

a {
	color: #3c3c3b;
	outline:none;
}

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

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

p {
	margin:0 0 20px;
}

hr {
}
.w-100{
	width: 100%;
}
.h-100{
	height: 100%;
}
small,.small-font {
	font-size:11px;
}

.relative {
	position:relative;
}

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

code {
	white-space:normal;
}

.uppercase {
	text-transform:uppercase;
}

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

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

.text-ellipsis{
	text-overflow: ellipsis;
    overflow: hidden;
}

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

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

.border-content {
	border: 1px solid;
	padding: 20px;
}
.border-red{
	border-color: #bf0738 !important;
}

.border-orange{
	border-color: #f6c55b !important;
}

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

.justify {
	text-align:justify;
}

.small-font, .font-small {
	font-size:12px;
}
.text-decoration-none{
	text-decoration: none;
}
.rounded {
}

#head .container {width: 100%;max-width: 1300px;}

section {
	position:relative;
}
.text-bold{
	font-weight: bold !important;
}
.padding-vertical-content {
	padding:30px 0;
}
.padding-content {
	padding:30px 15px;
}

.container.no-gutters-mobile{
	padding: 0
}
.container.no-gutters-mobile .row{
	margin: 0;
}

.container.no-gutters-mobile .row > *{
	padding: 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%;
}

/* COLORS */

.gray,.gray a,a.gray {
	color:#adadad;
}

.gray-content {
	background-color:#adadad;
}

.lightgray{
	color: #dde0e8;
}
.lightgray-content {
	background-color:#dde0e8;
}

.white,.white a,a.white {
	color: #ffffff;
}

.white-content {
	background-color:#fff;
}

.black,.black a,a.black {
	color: #000;
}
.orange, a.orange, .orange a,
.yellow, a.yellow, .yellow a{
	color: #f6c55b;
}
.orange-content,
.yellow-content{
	background-color: #f6c55b;
}
.pink, a.pink, .pink a{
	color: #f1b8a8;
}
.pink-content{
	background-color: #f1b8a8;
}
.green, a.green, .green a{
	color: #acda90;
}
.green-content{
	background-color: #acda90;
}
.blue, a.blue, .blue a{
	color: #bad8ea;
}
.blue-content{
	background-color: #bad8ea;
}
.red, .red a, a.red{
	color: #be0738;
}
.red-content{
	background-color: #be0738;
}

.dark,.dark a,a.dark {
	color: #414141 !important;
}

.dark-content,a.dark-content {
	background-color:#414141;
	color: #dde0e8;
}

.dark-content a {
	color: #dde0e8;
}


/* HEADINGS & FONTS CLASSES */

.h1,.h2,.h3,h1,h2,h3 {
	clear:both;
	line-height: 1.2;
	margin: 0 0 15px;
	font-family: 'DIN 1451 Std', sans-serif;
	font-weight:700;
}

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

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

h1,.h1 {
	font-size: 39px;
	line-height: 1;
}

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

h3,.h3 {font-size: 23px;}

h4,.h4 {font-size: 18px;}
h4.condensed,.h4.condensed {font-size: 21px;}

h5,.h5 {
}

h6,.h6 {
}

.title {
}
.section-title{
	margin: 20px 0px 30px;
	padding: 10px 0px;
	border-bottom: 1px solid #777;
	font-size: 26px;
}
.section-title.h4{
	font-size: 17px;
}
.title {}
.title.border-title{
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 25px;
}
.title.border-title:after{
	content: '';
	position: absolute;
	background-color: #f6c55b;
	width: 100px;
	height: 5px;
	left: 0;
	top: 100%;
}
.title.orange.border-title:after{
	background-color: #f6c55b;
}
.condensed{
    font-family: 'DIN 1451 Std', sans-serif;
}
.cursiva,.cursive {
	font-style:italic;
}

.light {
	font-weight:300;
}

.regular {
	font-weight: 300;
}

.medium {
	font-weight:500;
}
.italic, .text-italic{
	font-style: italic;
}

strong,.bold,.bold small, .font-bold {
	font-weight:700;
}
.dinpro{
	font-family: 'DIN Pro';
}
.border-bottom, .bottom-bordered{
	border-bottom: 1px solid;
}


ol.decorated-ol {
	list-style: none;
	counter-reset: counter;
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 30px;
	padding: 0;
}
ol.decorated-ol li {
	width: 100%;
	counter-increment: counter;
	position: relative;
	left: 0;
	padding: 10px 0px 0px 50px;
	margin: 0 0 27px;
}
ol.decorated-ol li::before {
	content: counter(counter);
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0px 0px 15px -10px #555;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 500;
}


.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;
}

/* 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: 13px 30px;
	margin:0;
	text-align:center;
	transition:all .3s ease;
	border-radius:0;
	display:inline-block;
	border-radius: 0px;
	font-size: 13px;
	white-space:nowrap;
}

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

.button.small-button {
	font-size: 11px;
	padding: 7px 18px;
}

.button:hover {
}
.button.red-hover:hover,
a:hover .button.red-hover{
    background-color: #b32138;
    color: #ffffff;
    border-color: #b32138;
}

a:not(.button).red-hover:hover{
	color: #b32138;
}

.button.dark-hover:hover,
a:hover .button.dark-hover{
    background-color: #414141;
    color: #ffffff;
    border-color: #414141;
}
.button.rounded-button{
    border-radius: 12px;
    padding: 7px 30px;
    font-weight: 300;
}
.button.rounded-button.large-button{padding: 12px 40px;border-radius: 20px;letter-spacing: 1px;font-size: 17px;}
@-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 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;
	position: relative;
}

.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: 130px;
	display:block;
}

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

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

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

/* 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;
	width: 33.333%;
	margin: 0 0 8px;
}

ul.social-links > li a {
	border:1px solid;
	display: flex;
	width: 34px;
	height: 34px;
	text-align:center;
	font-size: 19px;
	border-radius:50%;
	text-decoration:none;
	border:none;
	border: 1px solid;
	justify-content: center;
	align-items: center;
}

.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 {
}

/* ICON MESSAGE */

.icon-message{
	padding: 0 20px;
	background-color: #f5f5f5;
}
.icon-message > div{
	padding: 30px 20px 30px 67px;
	background: url(img/svg/envelope.svg) no-repeat left center;
	background-size: 50px;
	max-width: 580px;
	font-size: 15px;
}
.icon-message.mail-message > div{
	background-image: url(img/svg/envelope.svg);
}
.icon-message.info-message > div{
	background-image: url(img/svg/info.svg);
	max-width: calc(100% - 100px);
}

/* MAIN */
#main {
	position:relative;
}
.fixed-head #main{
	padding-top:45px;
}

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

@-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;
	top: 100%;
	width:100%;
	left:50%;
	transform:translateX(-50%);
	max-width:1110px;
	text-align:center;
}

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

.owl-dots .owl-dot.active {background: #414141;}

.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: #ffffff;
}

::-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: #ffffff;
	min-height:41px;
	border-radius:0;
}

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

.dropdown div {
	background: #ffffff;
}

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

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

.dropdown ul li.active {
}

.dropdown ul li.focus {
	background:#b33038;
	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;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
}

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

.checkbox-container input[type="checkbox"] + label:after {
	content:'';
	position:absolute;
	left:3px;
	top:3px;
	width:14px;
	height:14px;
	background-color:transparent;
	border-radius: 0px;
	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: 40px 0;
	font-size: 16px;
}

#footer a.logo {
}

#footer ul.social-links {display: flex;flex-wrap: wrap;max-width: 150px;align-items: flex-start;align-content: flex-start;margin: 20px 0px;}

#footer .h3,#footer .h4 {
}

#footer .icon-text{
	font-size: 15px;
}

#footer .icon-text i{
	padding-top: 5px;
	margin-right: 10px;
}
#footer ul.legal-menu {
	padding:0;
	margin: 20px 0;
}

#footer ul.legal-menu > li {
	list-style:none;
	margin:0 0 8px;
	margin-right: 7px;
	padding-right: 6px;
	border-right: 1px solid;
}
#footer ul.legal-menu > li:last-child {
	border-right: none;
}

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

#footer .meet-us-img{
	width: 140px;
	margin: 0 0 20px;
}

#footer .artichoke{
	margin: 20px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer .artichoke img{
	width: 100px;
	margin: 0 0 0 11px;
}


/* hidden content */
.trigger-hidden-content {
}

.hidden-content {
	position:absolute;
	visibility:hidden;
	opacity:0;
	transition:all .4s;
	width:300px;
	z-index:1;
	padding:25px;
	box-shadow:0 -1px 17px -7px #666;
	background:#fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
}

.hidden-content.hc-right-bottom {
	right:0;
	top:100%;
}

.hidden-content.hc-center-bottom {
	right:14px;
	top:100%;
}

.hidden-content.active {
	visibility:visible;
	opacity:1;
}

.hidden-content > div:before {
	content:'';
	position:absolute;
}

.hidden-content.hc-right-bottom > div:before {
	bottom:100%;
	right:10px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #fff;
}

/* MODAL */


.custom-modal{
	background: rgba(0,0,0,0.7);
	background: rgba(255,255,255,0.6);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 6;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all .4s;
}
.custom-modal.active{
	opacity: 1;
	visibility: visible;
}
body.modal-open{
	overflow: hidden;
}

.custom-modal > div{position: relative;width: auto;margin: 40px auto;max-width: 770px;border: 9px solid;background-color: #fff;}

.custom-modal  div.thumb-container{
	opacity: 0.1;
}
.custom-modal  .close-modal{
	position: absolute;
	right: 13px;
	top: 13px;
	font-size: 36px;
	line-height: 1;
	z-index: 1;
	width: 34px;
}
.custom-modal  .close-modal img{
	width: 100%;
}
.custom-modal  div.content,
.custom-modal  div.thecontent{
	position: relative;
	padding: 50px 30px 20px;
	background: #ededed4d;
	text-align: left;
}

.custom-modal  div.thecontent .title{font-size: 42px;}
.custom-modal  div.thecontent .button{}
.custom-modal  div.thecontent .h4{
	border-bottom: 1px solid;
	text-align: center;
} 
.custom-modal .content{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 30px;
}
.custom-modal .content .title{
    line-height: 1.1;
    margin: 0 0 30px;
}
.custom-modal .content .title p{}
.custom-modal .content .button{}



/* modal revista */


#modal-revista{}
#modal-revista > div{
	border: none;
}

#modal-revista form{
	max-width: 500px;
	margin: auto;
	text-align: left;
}
#modal-revista form .input-content{
	margin: 0 0 20px;
}
#modal-revista .thumb-container{
	background-image: url(img/bg_news_popup.jpg);
}
#modal-revista .thecontent{
	background-color: rgba(51, 51, 51, 1);
	mix-blend-mode: multiply;
}
#modal-revista .thecontent{}


/* TITLE SECTION */

.title-section{
	padding: 40px 0px;
	min-height: 250px;
	margin: 0 0 30px;
}
.title-section .title{
	text-transform: uppercase;
	margin: 0 0 30px;
}
.title-section .thecontent{
	font-size: 20px;
	line-height: 1.1;
}

/* HOME */

.main-home-section .container{
	width: 100%;
	max-width: 1300px;
}
.main-home-content{}
.main-home-content > div{
	padding: 40px 20px;
}
.main-home-content .title{}
.main-home-content .content{
	margin: 0 0 30px;
	font-size: 17px;
}
.main-home-content .event-item{
    margin: 0 0 20px;
}
.main-home-content .event-item .date{
    padding-bottom: 10px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}
.main-home-content .event-item .date > *{text-transform: uppercase;}
.main-home-content .event-item .date > .day{
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 0.9;
	font-family: 'DIN 1451 Std', sans-serif;
}


.main-slider{}
.main-slider .item{}
.main-slider .caption{
    padding: 80px 0px;
    min-height: 300px;
}

.main-slider .title{
    font-size: 52px;
}
.main-slider .text{
    margin: 0 0 20px;
    font-weight: 600;
    max-width: 430px;
}
.main-slider .button{
	
}

.feature{
	position: relative;
	padding: 10px 0px 0px 50px;
	margin: 0 0 25px;
}
.feature.feature-rounded{padding-left: 80px;}
.feature .title{
    margin: 0 0 5px;
}
.feature .thumb-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 47px;
	height: 47px;
	background-position: center top;
}
.feature .thumb-container.rounded{
	border-radius: 50%;
	box-shadow: 0px 0px 14px -7px;
	background-size: 80%;
	background-position: center;
	width: 60px;
	height: 60px;
}
.feature div.content{
    margin: 0 0 15px;
}
.feature .button{
    border-color: #aaa;
}

.progress-number{
	letter-spacing: 4px;
	font-weight: 300;
	font-size: 50px;
}

/* PAGINAS LEGALES */

.text-section{}
.text-section .thecontent a{
	transition: all .3s;
}
.text-section .thecontent a:not(.button):hover{
	color: #be0738;
}
.text-section .thecontent > *:not(h4){
}
.text-section .thecontent h4{
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 12px 0px;
	margin: 40px 0px;
}

/* MEMBRESIAS */

ul.membresias{padding: 0;margin: -30px 0  0;}
ul.membresias > li{margin: 0 0 30px;list-style: none;display: flex;}
ul.membresias > li > a{
    display: block;
    text-decoration: none;
    background: #ffffff;
    box-shadow: 0px 0px 13px -5px #999;
    padding: 30px 20px;
    border-bottom: 8px solid;
    width: 100%;
    font-size: 14px;
    margin: 0 10px;
}
ul.membresias > li > a .title{
    font-size: 33px;
}
ul.membresias > li > a .thecontent{
	margin: 0 0 20px;
}
ul.membresias > li > a .button{}

/* BANNER */

.banner{}
.banner .h1{
	margin: 0;
}
.banner .h2{}
.banner .button{}


/* ABOUT US */

ul.icon-list{
    padding: 0;
}
ul.icon-list > li{
    list-style: none;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 30px;
    align-items: center;
}
ul.icon-list > li .thumb-container{
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
ul.icon-list > li .content{
    flex: 1;
}

.member{
    padding-bottom: 37px;
    position: relative;
    border-bottom: 1px solid #ededed;
}
.member .icon{
	width: 23px;
	height: 23px;
	font-size: 14px;
	border-radius: 50%;
	background-color: #aaa;
	color: #ffffff;
	text-decoration: none;
	position: absolute;
	bottom: 7px;
}
.member.has-thumb{
	display: flex;
	margin: 0 0 16px;
}
.member.has-thumb .thumb-container{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 20px;
}

/* SERVICIOS */

a.service-link{
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 30px;
	text-decoration: none;
	transition: all .4s ease;
}
a.service-link:hover{
	transform: scale3d(1.03,1.03,1);
	border-color: #be0738;
	box-shadow: 0px 0px 6px 0px #ccc;
}

*:nth-child(2n+1) > a.service-link:hover{
	border-color: #f6c55b;
}

.servicio{
	margin: 0 0 50px;
}
.servicio .border-title,
.servicio ol.decorated-ol li::before{
	color: #b22038;
}
.servicio .title.border-title:after, .servicio a.button{
	background-color: #b22038;
	color: #ffffff;
}
 .servicio a.button + .button{
 	margin-left: 10px;
 	background-color: #414141;
 }
.servicio:nth-child(2n+1) .border-title,
.servicio:nth-child(2n+1) ol.decorated-ol li::before,
.servicio:nth-child(2n+1) .banner{
	color: #f6c55b;
}
.servicio:nth-child(2n+1) .title.border-title:after,
.servicio:nth-child(2n+1) .button{
	background-color: #f6c55b;
}

/* FULL CALENDAR */

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
	background-color: #dce0e8;
	border-color: #ffffff;
	border-width: 3px 3px 0px 3px;
	color: #3c3c3b;
	font-size: 11px;
}
.fc-unthemed td.fc-today {
    background: #fcf8e3;
    border: none;
    background: none;
}
.fc-unthemed th{
	border: none;
	background: #ffffff;
	text-transform: uppercase;
	padding: 3px 10px 3px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
	padding: 7px;
}
.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td{
	background: none;
	border-top: none;
	border-bottom: none;
	border-color: #ffffff;
}
.fc-toolbar .fc-prev-button,
.fc-toolbar .fc-next-button{
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100%;
	background-position: center center;
	box-shadow: none;
	border: none;
	width: 75px;
}

.fc-toolbar .fc-prev-button{
	background-image: url(img/svg/arrow_left.svg);
}
.fc-toolbar .fc-next-button{
	background-image: url(img/svg/arrow_right.svg);
}
.fc-toolbar .fc-prev-button *,
.fc-toolbar .fc-next-button *{
	display: none;
}
.fc-toolbar h2{
	font-weight: 300;
	text-transform: uppercase;
}
.fc-toolbar.fc-header-toolbar {
    max-width: 1000px;
    margin: 0 auto 0em;
}
.fc-event, .fc-event-dot,
.fc-event:hover, .fc-event-dot:hover {
    background-color: transparent;
    color: #000000;
    border: none;
    padding: 2px;
    font-weight: bold;
    font-size: 7px;
    border: 1px solid;
    border-radius: 0px;
}
.fc-scroller.fc-day-grid-container{
	overflow: visible !important;
}
.fc-event span.fc-title{
	white-space: pre-line;
}


.fc-event-container[colspan="2"] a.fc-event{
	text-align: center;
}

/* EVENTOS */

.event{
    max-width: 270px;
    margin: auto;
    font-size: 13px;
}
.event .event-header{
	padding: 20px 0px;
	text-align: center;
	display: block;
	border-bottom: 2px dotted #777;
	margin: 0 0 21px;
}
.event img.event-img{
	width: 150px;
	display: block;
	margin: auto;
}
.event .title{}
.event .excerpt{
    font-size: 12px;
}
.event .content{
    font-size: 12px;
    line-height: 1.1;
}
.event .button{
    text-transform: uppercase;
    padding: 7px;
}

#date-filters{
	margin: 0 0 30px;
}
#date-filters > *{
	display: block;
	text-decoration: none;
	padding: 8px 20px;
	font-size: 17px;
}
#date-filters > *.current{
	font-weight: bold;
	background-color: #333333;
	color: #ffffff;
}

/* event carousel */


.events-carousel.owl-carousel .owl-stage,
.events-carousel.owl-carousel.owl-drag .owl-item{
    display: flex;
}
.events-carousel.owl-carousel.owl-drag .owl-item .event{
	
}

/* HAZTE MIEMBRO */

.reason{
    font-size: 15px;
}
.reason .number{
	font-size: 70px;
	display: block;
	margin: 0 0 10px;
	color: #bad7eb;
}
.reason p{}
.reason p strong,
.reason h4{
	color: #bad7eb;
	font-family: 'DIN 1451 Std', sans-serif;
	font-size: 21px;
	line-height: 1.1;
}

/* TESTIMONIOS */

.testimonial{
    font-size: 15px;
}
.testimonial .content{
    padding: 30px 20px;
    box-shadow: 0px 13px 31px -11px #ccc;
    font-style: italic;
    font-weight: bold;
    position: relative;
    margin: 0 0 40px;
    font-size: 16px;
}
.testimonial .content:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 40px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 17px solid white;
}
.testimonial .content p{
    margin: 0;
}
.testimonial .info{
    padding: 10px 10px 10px 20px;
    display: flex;
    justify-content: flex-start;
}
.testimonial .info .thumb{
    width: 120px;
    height: 40px;
    margin-right: 17px;
}

/* BLOG */


ul.news-list{
	padding: 0;
}
ul.news-list > li{
	margin: 0 0 20px;
	border-bottom: 1px solid;
	list-style: none;
	padding-bottom: 10px;
}
ul.news-list > li > a{
	text-decoration: none;
}
ul.news-list > li .date{
    display: block;
    margin: 0 0 2px;
    font-weight: 400;
    font-size: 13px;
}
ul.news-list > li .title{
	transition: all .4s;
}
ul.news-list > li:hover{
    border-color: #3c3c3b;
}
ul.news-list > li .button{}
ul.news-list > li:hover .button{
	background-color: #facd33;
}



/* NOTICIAS */

.featured-news{
	padding: 0;
}
.featured-news > li{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.featured-news > li  > a{
	display: flex;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	width: 100%;
	align-items: center;
}
.featured-news > li  > a .thumb-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .5s ease;
}

.featured-news > li  > a .thumb-container:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #b22037;
	transition: all .5s;
	mix-blend-mode: multiply;
	z-index: 1;
}

.featured-news > li:nth-child(2)  > a .thumb-container:before{
	background: #bad7eb;
}
.featured-news > li:nth-child(3)  > a .thumb-container:before{
	background: #f1b8a8;
}
.featured-news > li:nth-child(4)  > a .thumb-container:before{
	background: #f6c55b;
}
.featured-news > li:hover  > a .thumb-container:before{
	mix-blend-mode: normal;
}
.featured-news > li  > a .thumb-container:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/bg_new.png) no-repeat center center;
	transition: all .5s;
	background-size: 100% 100%;
	background-image: linear-gradient(45deg, #ffffff, rgba(255,255,255,.4));
}
.featured-news > li:hover  > a .thumb-container{
	/* transform: scale(1.1); */
}
.featured-news > li:hover  > a .thumb-container:after{
}
.featured-news > li  > a .caption{
	padding: 35px 20px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.featured-news > li  > a .caption .title{
	font-size: 32px;
	margin: 0 0 22px;
	font-weight: 500;
	line-height: 1;
	color: #ffffff;
}

/* SINGLE */

.nav-link{
	display: block;
	text-decoration: none;
	padding: 10px;
	position: relative;
	border: 1px solid #ddd;
	margin: 0 0 20px;
	width: 100%;
	font-size: 16px;
}
.nav-link.nav-prev{
	padding-left: 90px;
	border: 1px solid #ccc;
}
.nav-link.nav-prev:before{
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	width: 50px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(img/svg/arrow_left.svg);
}
.nav-link.nav-next{
    padding-right: 90px;
}
.nav-link.nav-next:after{
	content: '';
	position: absolute;
	right: 30px;
	top: 0;
	width: 50px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(img/svg/arrow_right.svg);
}
.col-12 + .col-12 .nav-link.nav-next {
    border-left: none;
}

ul.social-links.share-links{}
ul.social-links.share-links > li{
    width: auto;
    margin-right: 6px;
}

.revista{
	max-width: 400px;
	margin: 0 0 30px;
	display: block;
	text-decoration: none;
	transition: all .4s;
}
.revista:hover{
	opacity: .6;
}
.revista .thumb-container{
	min-height: 200px;
	margin: 0px 0 20px;
}
.revista .title{}


/* BENEFICIOS */

.beneficio{
    margin: 0 0 30px;
    border-bottom: 1px solid;
    padding-bottom: 11px;
    position: relative;
}
.beneficio .thumb-container{
	width: 210px;
	height: 70px;
	display: inline-block;
	margin: 0 0 20px;
}
.beneficio .title{
    margin: 0;
}
.beneficio .content{
    padding: 20px;
    margin: 7px 0px;
    font-size: 14px;
}

/* DATA TABLE */


.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

table.dataTable thead th, table.dataTable thead td {font-weight: 500;}

table.dataTable thead th{
    background-color: #414141;
    color: #ffffff;
    text-transform: uppercase;
    border-right: 1px solid #666;
}

table.dataTable thead .sorting_desc{
	background-image: url(img/sort_desc.png);
}
table.dataTable thead .sorting_asc{
	background-image: url(img/sort_asc.png);
}
table.dataTable tbody td {
	font-weight: 500;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #ededed;
}

table.dataTable tbody td.dataTables_empty{
	height: 100px;
	vertical-align: middle
	;
}
table.dataTable.no-footer{
	border-color: #cccccc;
}

.dataTables_wrapper .dataTables_filter{
    margin: 0 0 20px;
}
.dataTables_wrapper .dataTables_filter input{
	padding: 10px;
	min-height: 30px;
	border: 1px solid #414141;
}
.dataTables_wrapper .dataTables_filter input:active,
.dataTables_wrapper .dataTables_filter input:focus{
	border-color: #cc0435;
	outline: none;
}
.dataTables_wrapper .dataTables_info{
	font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
	font-size: 13px;
	border-radius: 0px;
	border: none !important;
	background: #dddddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #414141;
    color: #ffffff !important;
}


/*  SOY CANDIDATO */

.job-offer{
	max-width: 230px;
	font-size: 14px;
}
.job-offer .button{
	padding: 5px 20px;
	font-size: 16px;
}

/* DIRECTORIO / ARCHIVO MIEMBRO */


.member-item{
    border: 1px solid #ccc;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 30px;
    transition: all .4s;
    cursor: pointer;
}
.member-item:hover{
	box-shadow: 0px 0px 4px #cccccc;
}
.member-item .close-modal{
	position: absolute;
	right: 10px;	
	top: 10px;
}
.member-item > .title{
    font-weight: bold;
    border-right: 1px solid;
    padding: 10px 20px;
    margin: 20px 0px;
    width: 50%;
}
.member-item > .thumb-container{
    display: block;
    width: 50%;
    height: 61px;
    margin: 20px 20px;
    padding: 20px;
    background-size: 81%;
}
.member-item .hidden-content{
    text-align: center;
}
.member-item .hidden-content .title{
    display: inline-block;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    font-size: 17px;
}
.member-item .hidden-content .thumb-container{
    height: 60px;
    width: 180px;
    margin: 20px auto;
}
.member-item .hidden-content .thecontent{
    text-align: left;
    font-size: 14px;
}


/* TOOLTIP */



.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

/* RECAPTCHA */

.grecaptcha-badge{
	visibility: hidden;
}

/* COOKIES / GDPR */


#cookie-law-info-bar{
    font-size: 12px;
    padding: 10px;
    text-align: left;
}
#cookie-law-info-bar span{
}

#cookie-law-info-bar .cli-plugin-main-link{}
#cookie-law-info-bar .cli-plugin-button{
    background-color: #f6c55b;
    color: #3d3d3b;
    padding: 4px 10px 2px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    /* font-family: 'DIN 1451 Std', sans-serif; */
    margin: 0;
    display: inline-block;
}

.form-content{
    border: 1px solid #ededed;
    padding: 20px;
    margin: 0 0 30px;
}
.form-content label{
	font-weight: bold;
	display: block;
	margin: 0 0 5px;
}
.form-content input[type="text"],
.form-content textarea,
.form-content select{
	background-color: #f5f5f5;
	margin: 0 0 15px;
}
.form-content input[type="text"]::placeholder{
	font-size: 11px;
}

.form-content textarea{
	min-height: 80px;
}

#international_PhoneNumber_countrycodeval{
	width: 50px;
	margin-right: 10px;
}

.form-content input[type="submit"]{}
.form-content select{
	display: block;
	width: 100%;
	padding: 10px;
	border: none;
}
.termsContainer{
	font-size: 12px;
	margin: 0 0 10px;
	display: block;
}

/*  RESPONSIVE (768, 992) */

@media (min-width: 992px) {
	/* generales */

	body{
		font-size: 16px;
	}
	section.padding-content {
		padding:60px 0;
	}
	.padding-vertical-content{
		padding:60px 0;
	}
	
	.blockquote,blockquote {
		padding:70px 50px;
	}

	.border-content {
		padding: 30px 40px;
	}
	.container.no-gutters-mobile{
		padding: 0 15px;
	}
	.container.no-gutters-mobile .row{
		margin: 0 -15px;
	}
	
	.container.no-gutters-mobile .row > *{
		padding: 0 15px;
	}
	
	h1,.h1 {
	font-size: 50px;
	}
	
	h2,.h2 {
	font-size: 30px;
	}
	
	h3,.h3 {
	}
	h3, .h3 {
		font-size: 28px;
	}
	h3.dinpro, .h3.dinpro {
		font-size: 23px;
	}
	
	h4,.h4 {
	}
	
	h5,.h5 {
	}
	
	h6,.h6 {
	}
	
	.section-title{
		font-size: 47px;
		margin: 60px 0px 60px;
	}
	.section-title.h1{
		font-size: 62px;
		padding: 20px 0px 30px;
	}
	.section-title.h4{
        font-family: 'DIN Pro';
        font-size: 22px;
        margin-bottom: 30px;
    }


	.title.border-title{
		margin-bottom: 50px;
		padding-bottom: 25px;
	}
	.title.border-title:after{
		width: 120px;
		height: 6px;
	}
    
    /* decorated ol */


	ol.decorated-ol{
		margin: 80px 0px;
	}
	ol.decorated-ol li {
		padding: 30px 30px 0px 70px;
	    width: 33.3333%;
	    margin: 0 0 60px;
	}
	ol.decorated-ol li::before {
		width: 46px;
		height: 46px;
		font-size: 30px;
	}


    /* title section */

	.title-section{
		padding: 70px 0px;
		min-height: 350px;
		margin: 0 0 60px;
	}
	.title-section .title{
	font-size: 60px;
	}
	.title-section .thecontent{
	    font-size: 27px;
	}
	.title-section .thecontent p{
		margin: 0 0 30px;
	}
	/* buttons */

	button, .button, input[type="submit"], a.button {
		padding: 13px 30px;
		font-size: 13px;
      }
	
	/* banner */

	.banner{}
	.banner .h1,
	.banner h1{
		font-size: 30px;
		 font-family: 'DIN Pro', sans-serif;
		 
	}
	.banner .h2{}
	.banner .button{}

	/* head */

	#head{
    padding: 15px 0px;
}
	#head .logo{
		width: 270px;
		max-width: 100%;
	}
		
		
	#head ul.languages {
	padding: 0;
	display: flex;
	justify-content: flex-end;
	margin: 4px 0px 15px;
	}
	
	#head ul.languages > li {
	list-style: none;
	}
	
	#head ul.languages > li * {
	    font-size: 11px;
	    padding: 2px 8px;
	}
	
	#head ul.languages > li span {
		background-color: #3c3c3b;
		color: #ffffff;
		font-weight: bold;
	}
	#head ul.languages > li a {
		text-decoration: none;
	}
	#head ul.languages > li:last-child a {
		padding-right: 0;
	}
	
	#head ul.social-links{
    text-align: end;
}
	#head ul.social-links li{
	    width: auto;
	    margin: 0;
	}
	#head ul.social-links li a{
		width: 23px;
		height: 23px;
		font-size: 12px;
		color: #9d9d9c;
		transition: all .3s;
	}
	#head ul.social-links li:hover a{
		background-color: #9d9d9c;
		color: #ffffff;
	}
	#head .menu-principal-container{
		width: 100%;
	}
	#head ul.menu {
		width: 100%;
		padding:0;
		margin:5px 0;
	}
	
	#head ul.menu > li {
		list-style:none;
		margin:0 0 0 24px;
		position:relative;
	}
	
	#head ul.menu > li.menu-item-has-children {
		position:relative;
	}
	
	#head ul.menu > li.menu-item-has-children:after {
		content:'';
		position:absolute;
		right:0;
		top:5px;
		width:9px;
		height:9px;
		border-left:2px solid #5ea10d;
		border-bottom:2px solid #5ea10d;
		transform:rotate(-45deg);
		transition:all .3s;
		display: none;
	}
	
	#head ul.menu > li.menu-item-has-children:hover:after {
		transform:rotate(-225deg);
		top:9px;
	}
	
	#head ul.menu > li > a {
		text-decoration:none;
		padding: 5px 0 20px;
		transition:all .3s;
		position:relative;
		font-size: 20px;
		font-weight:700;
		font-family: 'DIN 1451 Std', sans-serif;
	}
	#head ul.menu > li:hover > a {
		color: #b33038;
	}
	
	#head ul.menu > li > a:after {
		content:'';
		position:absolute;
		left:0;
		bottom:5px;
		width:100%;
		height:2px;
		box-shadow:0 0 2px 1px #5ea10e;
		background:#5ea10e;
		border-radius:10px;
		transform:scale3d(0,1,1);
		transition:all .4s ease;
		transform-origin:left;
		display: none;
	}
	
	#head ul.menu > li.current-menu-item > a,
	#head ul.menu > li.current-menu-parent > a{
		color: #b33038;
	}
	#head ul.menu > li.current-menu-item > a:after,#head ul.menu > li.current_page_parent > a:after,#head ul.menu > li:hover > a:after {
		transform:scale3d(1,1,1);
	}
	
	#head ul.menu > li > ul.sub-menu {
		padding: 11px 15px;
		position:absolute;
		background-color:#fff;
		background-repeat:no-repeat;
		background-size:60px;
		background-position:10px center;
		border: 1px solid #eeeeee;
		top: calc(100% + 5px);
		left:50%;
		opacity:0;
		visibility:hidden;
		transition:all .3s;
		transform:translate3d(-50%,-10px,0);
		min-width: 180px;
	}
	
	#head ul.menu > li:hover > ul.sub-menu {
		opacity:1;
		visibility:visible;
		transform:translate3d(-50%,0,0);
	}

	#head ul.menu > li > ul.sub-menu:before{
		content: '';
		position: absolute;
		left: 50%;
		top: -5px;
		width: 10px;
		height: 10px;
		background-color: #ffffff;
		border-right: 1px solid #eeeeee;
		border-top: 1px solid #eeeeee;
		transform: rotate(-45deg);
		z-index: 1;
	}
	
	#head ul.menu > li > ul > li {
		list-style:none;
		position:relative;
	}
	
	#head ul.menu > li > ul > li:not(:last-child):after {
		position:absolute;
		right:0;
		top:50%;
		height:80%;
		width:2px;
		background-color:#ededed;
		transform:translateY(-50%);
	}
	
	#head ul.menu > li:hover > ul > li {
	}
	
	#head ul.menu > li > ul > li > a {
		text-decoration:none;
		font-weight: bold;
		white-space:nowrap;
		font-size: 17px;
		font-family: 'DIN 1451 Std', sans-serif;
		padding: 3px 0px;
		display: block;
	}
	#head ul.menu > li > ul > li.current-menu-item > a {
		color: #b33038;
	}
	
	#head ul.menu > li > ul > li > ul {
	}
	
	#head ul.menu > li > ul > li > ul.sub-menu {
		padding:10px 0 0;
	}
	
	#head ul.menu > li > ul > li > ul.sub-menu > li {
		list-style:none;
		margin:0 0 1px;
	}
	
	#head ul.menu > li > ul > li > ul.sub-menu > li > a {
		text-decoration:none;
		font-size:12px;
		white-space:pre;
		display:block;
		padding:2px;
	}
	
	#head ul.menu > li > ul > li > ul.sub-menu > li.current-menu-item > a,#head ul.menu > li > ul > li > ul.sub-menu > li:hover > a {
		background:#ededed;
	}
	
	/* scrolling */
	
	.scrolling.fixed-head #head,
	.scrolling .fixed-head #head {
		transform:translate3d(0,0,0);
	}
	
	/* main */
	
	#main {
		min-height:calc(100vh - 137px);
	}
	.fixed-head #main {
		min-height:calc(100vh - 137px);
		padding-top: 67px;
	}
	
	/* footer */
	#footer {
	padding: 50px 0px 40px;
	}
	
	#footer .h3,#footer .h4 {
	}

	#footer ul.social-links{
		margin: 0 0 50px;
	}


	#footer ul.legal-menu {
		margin: 0px 0;
	}

	#footer ul.legal-menu > li {
		list-style:none;
		margin:0 0 8px;
		margin-right: 7px;
		padding-right: 6px;
		border-right: 1px solid;
	}
	#footer ul.legal-menu > li:last-child {
		border-right: none;
	}

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

	#footer .meet-us-img{
		width: 140px;
		margin: 0 0 20px;
	}

	#footer .artichoke{
		margin: auto;
		font-size: 18px;
	}
	#footer .artichoke img{
		width: 150px;
	}


	/* HOME */

	.main-home-section{
		background-image: linear-gradient(to right, #f6c55b 50%, #bad7eb 50%);
	}

	.main-home-content{}
		
	
	.main-home-content > div{
		padding: 50px 20px 90px;
		min-width: 280px;
	}
	.main-home-content .title{}
	.main-home-content .content{
		margin: 0 0 30px;
		font-size: 19px;
	}
	.main-home-content .border-button{
		position: absolute;
		bottom: 40px;
		padding: 10px 22px;
		font-size: 16px;
	}
	.main-home-content .border-button:hover{
		background-color: #ffffff;
	}
    
	.main-slider{}
	.main-slider .caption{}
	.main-slider .caption .title{
    font-size: 78px;
}
	.main-slider .caption .text{
    font-size: 25px;
    margin: 0 0 70px;
}
	.main-slider .caption .button{
    font-size: 16px;
    text-transform: uppercase;
}

	.orange-content .border-button:hover{
		color: #f6c55b;
	}
	.pink-content .border-button:hover{
		color: #f2b8a8;
	}
	.green-content .border-button:hover{
		color: #abda90;
	}
	.blue-content .border-button:hover{
		color: #bad7eb;
	}
	.main-home-content .event-item{}
	.main-home-content .event-item .date{
		padding-bottom: 10px;
		border-bottom: 1px solid;
		margin-bottom: 10px;
	}
	.main-home-content .event-item .date > *{
	}
	.main-home-content .event-item .date > .day{
		display: block;
		font-size: 50px;
	}

	.feature, .feature.feature-rounded{
		padding: 110px 0 0 0;
		margin: 0 0 25px;
	}
	.feature .title{
		margin: 0 0 14px;
		font-size: 20px;
	}
	.feature .thumb-container{
		left: 50%;
		top: 0;
		width: 100px;
		height: 100px;
		transform: translateX(-50%);
	}
	.feature .thumb-container.rounded{
		width: 90px;
		height: 90px;
	}
	.feature div.content{
		margin: 0 0 30px;
	}
	.feature .button{
		border-color: #aaa;
	}
	
	.progress-number{
		letter-spacing: 4px;
		font-weight: 300;
		font-size: 80px;
	}
	/* paginas legales */

	.text-section{}
	.text-section .thecontent{}
	.text-section .thecontent > *:not(h4):not(.row):not(.banner){
	max-width: 80%;
	}
	.text-section .thecontent h4{
		font-size: 23px;
	}
		
		
	/* membresias */
	
	ul.membresias{
	    position: relative;
	    margin: -170px 0 70px;
	}
	ul.membresias > li{
		width: 25%;
	}
	ul.membresias > li > a{
	    display: grid;
	}
	ul.membresias > li > a .title{
	    font-size: 43px;
	}
	ul.membresias > li > a .content{}
	ul.membresias > li > a .button{}
	

	/* eventos */


    .event:not(.hl){
    	margin: 0 0 30px;
    	position: relative;
    	padding-bottom: 40px;
    }
    .event:not(.hl) .title{
    min-height: 57px;
}
    .event:not(.hl) .button{
    position: absolute;
    bottom: 0;
}
	.event.hl{
		max-width: none;
		margin: 0 0 30px;
		font-size: 13px;
	}
	.event.hl .event-header{
		padding: 0;
		text-align: center;
		display: block;
		border-bottom: none;
		min-width: 190px;
		margin: 0 30px 0px 0;
	}
	.event.hl img.event-img{
		width: 100%;
	}
	.event.hl .title{}
	.event.hl .excerpt{
		font-size: 12px;
	}
	.event.hl .content{
		font-size: 12px;
		line-height: 1.1;
	}
	.event.hl .button{
		text-transform: uppercase;
		padding: 7px;
		align-self: self-end;
	}
 	
	
	/* icon list */
	
	ul.icon-list{
		max-width: 1000px;
		margin: auto;
	}
	ul.icon-list > li{}
	ul.icon-list > li .thumb-container{
		width: 150px;
		height: 150px;
		margin-right: 50px;
	}
	ul.icon-list > li .content{
		font-size: 23px;
		max-width: 900px;
	}

	/* members */
	
	.member.has-thumb{
		margin: 0 0 16px;
	}
	.member.has-thumb .thumb-container{
		min-width: 125px;
		min-height: 125px;
		border-radius: 50%;
		margin-right: 30px;
	}

	/* noticias */

	.featured-news{
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.featured-news > li{
		width: 50%;
	}
	.featured-news > li  > a{
	min-height: 350px;
	}
	.featured-news > li  > a .caption{
		padding: 35px 50px;
	}
	.featured-news > li  > a .caption .title{
		font-size: 51px;
		margin: 0;
		max-width: 430px;
	}
	/* single */

	.nav-link.nav-next{
		border-left: none;
	}

	/* revistas */

    .revistas{
    	display: flex;
    }
	.revista{
		width: 100%;
		max-width: 500px;
	}
	.revista .thumb-container{
		min-height: 280px;
	}
	.revista .title{}


	/* BENEFICIOS */

	.beneficio{
		width: 50%;
		max-width: 400px;
		padding-bottom: 30px;
		margin-bottom: 80px;
	}
	.beneficio .thumb-container{
		width: 260px;
		height: 90px;
	}
	.beneficio .title{
		margin: 0;
	}
	.beneficio .content{
		position: absolute;
		top: 100%;
		margin: 0;
		transition: all .4s;
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0px,-2px,0px);
		z-index: 1;
		overflow: hidden;
		max-height: 0px;
		width: 100%;
	}
	.beneficio:hover .content{
		max-height: 500px;
		opacity: 1;
		visibility: visible;
		transform: translate3d(0px,0px,0px);
	}

	/* directorio / archivo miembro */


	.member-item{
	}
	.member-item > .title{
		padding: 10px 20px;
		margin: 10px 0px;
		width: 50%;
		font-size: 15px;
	}
	.member-item > .thumb-container{
		width: 50%;
		height: 61px;
		margin: 10px 20px;
		padding: 20px;
		background-size: 81%;
	}
	.member-item .hidden-content{
		text-align: center;
		width: 500px;
		position: fixed;
		padding: 40px;
	}
	.member-item .hidden-content .title{
		font-size: 24px;
	}
	.member-item .hidden-content .thumb-container{
		height: 60px;
		width: 180px;
		margin: 0px auto;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.member-item .hidden-content .thecontent{
		text-align: left;
		font-size: 14px;
		position: relative;
		padding-left: 200px;
		margin: 30px 0px;
		min-height: 60px;
	}

	/* full calendar */

    .fc-event, .fc-event-dot, .fc-event:hover, .fc-event-dot:hover {
		padding: 6px;
		font-size: 12px;
	}
	.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
		border-width: 8px 8px 0px 8px;
	}



	#cookie-law-info-bar{
		font-size: 12px;
		max-width: 530px;
		
		left: inherit;
		margin: 10px;
	}
	#cookie-law-info-bar span{
	}

	#cookie-law-info-bar .cli-plugin-main-link{}
	#cookie-law-info-bar .cli-plugin-button{
	margin-left: 10px;
	font-size: 12px;
	padding: 6px 20px;
	}

}

@media (min-width: 1400px) { /* 1200px */
	
	
	.main-home-content .orange-content{
		min-width: 400px;
	}
	
}