/*
Theme Name: Sozpic Theme Base
Theme URI: http://www.sozpic.com
Author: Fran Moreno & Roberto Marin
License: The Unlicense
License URI: LICENSE
*/
/* Reset css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
form{
	font-size: 15px;
}
/*.gm-style-cc { display:none; }
.gmnoprint:not(.gm-bundled-control) {
    display: none;
}*/

.gm-bundled-control .gmnoprint {
    display: block;
}

em { 
    font-style: italic;
}


/* This used to work for parent element of button divs */

/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

/* hover effect */

.hover-effect{
	overflow: hidden;
}
.hover-effect .thumb-container{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
}
.hover-effect:hover .thumb-container{
	-webkit-transform: scale3d(1.07,1.07,1) rotate(.5deg);
	-moz-transform: scale3d(1.07,1.07,1) rotate(.5deg);
	-ms-transform: scale3d(1.07,1.07,1) rotate(.5deg);
	transform: scale3d(1.07,1.07,1) rotate(.5deg);
}

/* flip effect */

.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
.flip-container:hover .back {
	transform: rotateY(0deg);
}
.flip-container:hover .front {
	transform: rotateY(180deg);
}
.flip-container, .front, .back {}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	width: 100%;
	height: 100%;
}
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,1);
}
.front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

/***********/

html{
	height: 100%;
}
body {
	line-height:1;
	font-weight: 300;
	height: 100%;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.d-none{
	display: none !important;
}
.hover-effect{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.hover-effect:hover{
	opacity: .7;
}
.text-right{
	text-align: right !important;
}
.text-center{
	text-align: center !important;
}
blockquote{
	display: block;
	text-align: center;
	padding: 40px 20px;
	margin-top: 70px;
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.6;
	position: relative;
	color: #0063ba;
}
blockquote:before{
	content: '';
	position: absolute;
	width: 56px;
	height: 17px;
	background-color: #0063ba;
	top: -5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #999;
}

/* FONTS */
 
@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/pn_thin-webfont.woff2') format('woff2'),
         url('fonts/pn_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/pn_regular-webfont.woff2') format('woff2'),
         url('fonts/pn_regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/MarkSimonsonProximaNovaSemiboldwebfont.woff2') format('woff2'),
         url('fonts/MarkSimonsonProximaNovaSemiboldwebfont.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}
 @font-face {
    font-family: 'proxima-nova';
    src: url('fonts/pn_bold-webfont.woff2') format('woff2'),
         url('fonts/pn_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
 @font-face {
  font-family: 'HelveticaNeueLTStd-Th';
  src: url('fonts/HelveticaNeueLTStd-Th.eot');
  src: url('fonts/HelveticaNeueLTStd-Th.woff2') format('woff2'),
       url('fonts/HelveticaNeueLTStd-Th.woff') format('woff'),
       url('fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'),
       url('fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg'),
       url('fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* general */

body {
	color: #3c444b;
	font-family:'proxima-nova',sans-serif;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 300;
	-moz-osx-font-smoothing:grayscale;
}
a,a:hover,a:visited,a:active,a:focus {
	color: #3c444b;
	outline:none;
	text-decoration: underline;
}
img {
	max-width:100%;
	height:auto;
}
.section,section {
	position:relative;
}
.padding-section {
	padding: 20px 0;
}
.relative {
	position:relative;
}
code {
	white-space:normal;
}
.uppercase {
	text-transform:uppercase;
}
.underline {
	text-decoration:underline;
}
.unstyled-list {
	padding:0;
	margin:0;
}
.unstyled-list li {
	padding:0;
	margin:0;
	list-style:none;
}
.justify {
	text-align:justify;
}
section {
	position:relative;
}
.cursiva,.cursive {
	font-style:italic;
}
.regular {
	font-weight:400;
}
strong,.bold {
	font-weight:700;
}
.alignLeft {
	text-align:left;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.list-inline{
	margin: 0 auto;
}
.list-inline li{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	clear:both;
	font-weight: 700;
	line-height: 1.2;
}
h1,.h1{
	font-size: 36px;
	margin: 0px 0 15px;
}
h2,.h2{
	font-size: 28px;
}
h3,.h3{
	font-size: 25px;
	margin: 30px 0px;
}
h4,.h4{
	font-size: 18px;
	margin: 30px 0px;
}
h5,.h5{
	font-size: 15px;
}
h6,.h6{
	font-size: 13px;
}
strong{
	font-weight: 700;
}
.visible-inline-sm {
	display:none!important;
}
.small,small {
	font-size: 10px;
	line-height: 1.2;
	display: inline-block;
}
.thumb-container {
	display:block;
	text-decoration:none;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.thumb-container img{
	width: 100%;
}
.page-content {
	line-height:1.4;
	max-width: 1020px;
	margin: 0px auto 50px;
}

/* title section */

section.title-section{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 370px;
	margin-bottom: 50px;
}
section.title-section + section{
	background: #ffffff;
	position: relative;
}
section.title-section .thumb-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
section.title-section .caption{
	padding: 60px 20px;
	position: absolute;
	text-align: center;
	color: #fff;
	width: calc(100% - 20px);
	top: 50%;
	left: 50%;
	max-width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
section.title-section .caption .dec{
	color: red;
}
section.title-section .caption .dec:before,
section.title-section .caption .dec:after{
	content: '';
	position: absolute;
	left: 0%;
	width: 100%;
	-webkit-transform: scale3d(0,1,1);
	-moz-transform: scale3d(0,1,1);
	-ms-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	height: 5px;
	background-color: #ffffff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	z-index: 3;
	opacity: 0;
}
section.title-section .caption .dec:before{
	top: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
}
section.title-section .caption .dec:after{
	bottom: 0;
	-webkit-transform-origin: right;
	transform-origin: right;
}
section.title-section .caption.active > .dec:before,
section.title-section .caption.active > .dec:after{
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	opacity: 1
}
section.title-section .caption .dec span:before,
section.title-section .caption .dec span:after{
	content: '';
	position: absolute;
	width: 5px;
	-webkit-transform: scale3d(1,0,1);
	-moz-transform: scale3d(1,0,1);
	-ms-transform: scale3d(1,0,1);
	transform: scale3d(1,0,1);
	height: 100%;
	top: 0;
	background-color: #ffffff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	z-index: 1;
	box-shadow: none;
	border-radius: 0px;
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	transition-delay: .8s;
	opacity: 0;
}
section.title-section .caption .dec span:before{
	left: 0px;
	-webkit-transform-origin: top;
	transform-origin: top;
}
section.title-section .caption .dec span:after{
	right: 0;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}
section.title-section .caption.active > .dec span:before,
section.title-section .caption.active > .dec span:after{
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	opacity: 1
}
section.title-section .caption h1{
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 18px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
section.title-section .caption h2{
    font-weight: 100;
    font-size: 16px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	transition-delay: .8s;
}
section.title-section .caption h2 span{
	font-size: inherit !important;
}
section.title-section .caption.active h1,
section.title-section .caption.active h2{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

/* COLORS */

.gray,a.gray,.gray a {
	color:#999;
}
.darkblue, .darkblue a, a.darkblue{
	color: #3c444b;
}
.blue, a.blue, .blue a{
	color: #0063ba;
}
.blue-content{
	background-color: #0063ba;
	color: #ffffff;
}
.lightgray-section, .lightgray-content{
	background-color: #fafafa;
	position: relative;
	padding: 40px 0px;
}
body .darkblue-button{
	background-color: #3c444b;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}
body .darkblue-button:hover{
	background-color: #0063ba;
}



/* BUTTONS */

button, a.button{
	display: inline-block;
	padding: 7px 14px;
}
.button.blue-content{
	-webkit-appearance: none;
	border: none;
}

/* share post */

ul.share-post {
	padding:8px 0;
	margin:11px 0;
	font-size:0;
}
ul.share-post li {
	padding:0;
	margin:0 8px 0 0;
	list-style:none;
	display:inline-block;
}
ul.share-post li a {
	display:block;
	width:40px;
	height:40px;
	font-size:17px;
	text-decoration:none;
	text-align:center;
	background:#0063ba;
	color:#fff;
	line-height:42px;
}
ul.share-post li a:hover {
	opacity: .8;
}

/* header */

header{
	padding: 40px 0px 35px;
}
header > h2 {
	font-size: 32px;
	text-transform: uppercase;
	color: #0063ba;
	font-weight: bold;
	padding-bottom: 12px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9d9d9d;
	letter-spacing: 2px;
}
header > h2.darkblue {
	text-transform: none;
	color: #3c444b;
}
header > div * {
	font-weight: 300;
	margin: 0;
	font-size: 18px;
}
.featured{
	margin-bottom: 20px;
}
.featured img{
	width: 100%;
}

/* blue list */

ul.blue-list{
	padding: 0;
	margin: 50px 0px 50px;
}
ul.blue-list li{
	padding: 0;
	margin: 0 0 5px;
	text-align: center;
}
ul.blue-list li a{
	color: #0063ba;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
ul.blue-list li:hover a{
	color: #000;
}

ul.blue-list li a img {
    position: relative;
    top: -3px;
    vertical-align: middle;
    margin-right: 2px;
}

/* languages */

div.languages ul{
	font-size: 0;
}
div.languages ul li{
    list-style: none;
    display: inline-block;
    margin: 0px 5px;
    padding: 0px 2px;
    font-size: 17px;
    position: relative;
    line-height: 1;
}
div.languages ul li:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 50%;
	width: 1px;
	height: 17px;
	background: #ffffff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
div.languages ul li:nth-last-child(1):after{
	display: none;
}
div.languages ul li span{
    text-decoration: underline;
    font-weight: 500;
    color: #ffffff;
}
div.languages ul li a{
    font-weight: 500;
}

/* post navigation */

.navigation {
	overflow:hidden;
	font-size:12px;
	margin:20px 0;
}
.navigation .alignLeft {
	float:left;
	width:50%;
	padding-right:10px;
}
.navigation .alignRight {
	float:right;
	padding-left:10px;
	width:50%;
}

/*****/

#main-section {
	padding:20px 0;
}
.thecontent {
	margin: 0 0 20px;
	line-height: 1.6;
	font-weight: 300;
	font-family:'proxima-nova',sans-serif;
	font-size: 16px;
}
.thecontent p{
	margin: 0 0 15px;
}

.thecontent a{
	text-decoration: underline;
	position: relative;
}
/* form elements */

.text-aligned {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border: 1px solid #cccccc;
	display:block;
    font-size: 15px;
	width:100%;
	padding:9px;
	margin-bottom: 10px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
	outline: none;
	border-color: #0164ba
}
input[type="submit"]{
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border: none;
	background: url(img/icon_envelope.png) #23282d no-repeat 46px center;
	background-size: 24px;
	color: #fff;
	padding: 5px 50px 4px 80px;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	display: block;
	/* float: right; */
	margin: 0px 0px 10px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	min-height: 34px;
	margin: 10px 0px;
}
input[type="submit"]:hover{	
	background-color: #0164ba;
}
::-webkit-input-placeholder {
	color:#aaa;
}
:-moz-placeholder {
	color:#aaa;
}
::-moz-placeholder {
	color:#aaa;
}
:-ms-input-placeholder {
	color:#aaa;
}

/* animated element */

.animated-element {
	opacity:0;
	display:block;
}
.animated-element.visible {
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px);
	-webkit-animation:moveUp 1.4s ease forwards;
	-moz-animation:moveUp 1.4s ease forwards;
	-ms-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;
	}
}

/* LOADER */

#loader {
	position:absolute;
	visibility:hidden;
	opacity:0;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9.988998989899E+20;
	background:#fff;
	transition:all .5s cubic-bezier(0.615,0.19,0.305,0.91) .16s;
}
#loader.activo {
	visibility:visible;
	opacity:1;
}
#loader > div {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#c3b184;
}
#loader > div img {
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	width:50px;
	opacity:0;
	transition:all .3s cubic-bezier(0.615,0.19,0.305,0.91) .16s;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* SOCIAL ICONS */

.social-links {
	padding:10px;
	margin:0;
}
.social-links li {
	display:inline-block;
	margin:0 2px;
	padding:0;
	list-style:none;
}
#aside .social-links li a {
	font-size: 28px;
	padding: 4px;
	text-decoration:none;
}
.social-links li a.facebook:hover {
	color:#3B5998;
}
.social-links li a.twitter:hover {
	color:#4099FF;
}
.social-links li a.linkedin:hover {
	color:#0e76a8;
}
.social-links li a.vimeo:hover {
	color:#1ab7ea;
}
.social-links li a.youtube:hover {
	color:#c4302b;
}
.social-links li a.instagram:hover {
	color:#3f729b;
}
.social-links li a.pinterest:hover {
	color:#c8232c;
}
.social-links li a.google_plus:hover {
	color:#d34836;
}

/* SECTIONS */

.fullwidth-section,.full-width-section {
	height:100vh;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

/* MENU */

.viewport {
	position:relative;
	height:100%;
}
body.menu-active .viewport {
	overflow:hidden;
	min-height:100%;
	height:auto!important;
	margin-left:-12px;
	background: #f9f9fb;
}
aside {
	padding-top: 30px;
	width: 270px;
	max-width:300px;
	color:#fff;
	-moz-transition:visibility 0 .25s;
	-o-transition:visibility 0 .25s;
	-webkit-backface-visibility:hidden;
	-webkit-transition:visibility 0 .25s;
	transition:visibility 0 .25s;
	position:absolute;
	z-index:1;
	visibility:hidden;
	background: #f9f9fb;
	background-size: 180px;
}
aside ul {
	list-style:none;
	padding: 0 20px;
}
aside ul li {
	list-style:none;
}
aside ul > li > a,aside ul > li > a:hover {
	display:block;
	margin-bottom: 6px;
	font-weight:500;
	font-size: 18px;
	text-transform:uppercase;
	padding:5px 12px;
	text-decoration:none;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
aside ul li ul.sub-menu {
	padding: 10px 0 10px 20px;
}
aside ul li ul.sub-menu li a {
	font-size:13px;
	margin:0 0 8px;
}
#aside a {
	color: #0969c0;
	font-weight: bold;
}
#aside ul li ul li a{
	font-weight: normal;
}
aside ul li.active a,.no-touch aside ul li a:hover {
	color: #0063ba;
	text-decoration:none;
}
aside ul.social-links{
    padding: 23px;
}

/* languages */

aside div.languages ul li span{
	font-weight: bold;
	color: #0969c0;
	font-size: 18px;
	text-transform: uppercase;
}
aside div.languages ul li a{
	padding: 6px;
}
body.menu-active aside {
	position:relative;
	-moz-transition:none;
	-o-transition:none;
	-webkit-backface-visibility:hidden;
	-webkit-transition:none;
	transition:none;
	visibility:visible;
	z-index:6;
}
.transparent-shield {
	opacity:0;
	z-index:11;
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
body.menu-active .transparent-shield {
	background:rgba(255,255,255,0.8);
	opacity:1;
	visibility:visible;
}
.trigger-menu {
	position:absolute;
	color: #ffffff;
	z-index:12;
	top: 50%;
	left: 17px;
	font-size: 30px;
	line-height: 1;
	cursor:pointer;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
body.menu-active .trigger-menu {
	z-index:10;
	font-size:28px;
	left: 270px;
	color: #0969c0;
}
#main-content {
	width:100%;
	position:relative;
	top:0;
	z-index:3;
	left:0;
	min-height:100%;
	background-color:#fff;
	-webkit-backface-visibility:hidden;
	-webkit-transition:-webkit-transform .25s cubic-bezier(0.175,0.885,0.32,1.275),height 0 .5s;
	transition:transform .25s cubic-bezier(0.175,0.885,0.32,1.275),height 0 .5s;
}
body.menu-active #main-content {
	background:#e5e5e5;
	position:absolute;
	height:100%;
	-webkit-transform: translate3d(269px,0,0);
	-moz-transform: translate6d(270px,0,0);
	-ms-transform: translate3d(270px,0,0);
	transform: translate3d(271px,0,0);
	box-shadow:-5px 0 0 0 rgba(0,0,0,0.1);
	-webkit-backface-visibility:hidden;
	-webkit-transition:-webkit-transform .25s cubic-bezier(0.175,0.885,0.32,1.275);
	transition:transform .25s cubic-bezier(0.175,0.885,0.32,1.275);
	left:0!important;
}

/* head */

#head {
	padding: 5px 0px;
	background: transparent;
	position: fixed;
	z-index: 14;
	width: 100%;
	z-index: 5;
	top: 0;
}
#head:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	background-size: 100% 100%;
	opacity: 0;
}
body.scrolling #head:before{
	opacity: 1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
body.scrolling #head{
	background-color: transparent;
}
#head .logo {
    width: 115px;
    max-width: 100%;
    display: inline-block;
    margin: 3px 0px 0px;
    position: relative;
}
#head .logo:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/svg/logo_notag.svg) no-repeat center top;
	background-size: 100%;
	opacity: 0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
body.scrolling #head .logo:after{
	opacity: 1;
}
body.scrolling #head .trigger-menu{
	color: #0063be;
	padding: 0 6px;
}

/* Animated button */

.animated-button {
	overflow:hidden;
	padding:0;
	-webkit-transition:border-color 0.3s,background-color .3s;
	transition:border-color 0.3s,background-color .3s;
	-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);
	transition-timing-function:cubic-bezier(0.2,1,0.3,1);
	min-width:150px;
	display:inline-block;
	border:3px solid;
	background:none;
	color:inherit;
	vertical-align:middle;
	position:relative;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
}
.animated-button:focus {
	outline:none;
}
.animated-button::after {
	content:attr(data-text);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	color:#3b3934;
	-webkit-transform:translate3d(0,25%,0);
	transform:translate3d(0,25%,0);
}
.animated-button > span {
	vertical-align:middle;
}
.animated-button::after,.animated-button > span {
	padding:7px 10px;
	-webkit-transition:-webkit-transform 0.3s,opacity .3s;
	transition:transform 0.3s,opacity .3s;
	-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);
	transition-timing-function:cubic-bezier(0.2,1,0.3,1);
}
.animated-button:hover {
	border-color:#c3b184;
}
.animated-button:hover::after {
	opacity:1;
	border-color:#3b3934;
	color:#c3b184;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.animated-button:hover > span {
	opacity:0;
	-webkit-transform:translate3d(0,-25%,0);
	transform:translate3d(0,-25%,0);
}

/* SLIDER SECTION  */

#slider-section{
    padding: 0px 0px 0px;
}
#slider-section .brand-info{
	font-size: 17px;
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	color: #ffffff;
	letter-spacing: 1px;
	z-index: 1;
}
#slider-section .thecontent{
	color: #5f5f5f;
	font-size: 19px;
	line-height: 1.4;
	text-align: center;
	max-width: 580px;
	margin: auto;
	padding: 20px 0px 10px;
}
#owl-slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
#slider-section .item video { 
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover; 
    background-color: #000;
    z-index: 1;
}
.owl-carousel .owl-controls{
	text-align: right;
	position: absolute;
	top: 0;
	width: 100%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
    position: static;
    width: 12px;
    margin: 10px;
    height: 29px;
    font-size: 0;
    display: inline-block;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
    background-image: url(img/arrow_left_dark.png);
}
.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
    background-image: url(img/arrow_right_dark.png);
}
.owl-dots{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    bottom: 23px;
    z-index: 1;
}
.owl-dots .owl-dot{
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    width: 16px;
    margin: 0 4px;
    height: 16px;
    background: #fff;
    opacity: 0.6;
    border-radius: 50%;
}
.touch .owl-dots .owl-dot{
    margin: 0 10px;
    width: 20px;
    height: 20px;
 }
.owl-dots .owl-dot.active{
    opacity: 1;
}
.owl-carousel .item .caption{
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		padding: 0px;
		left: 0;
	}

/*** FOOTER ****/

#footer {
	padding: 40px 0 40px;
	font-size:13px;
	background-color:#f9f9fb;
	color: #3c4349;
	font-weight: 300;
}
#footer a{
	color: #3c4349;
}
#footer .footer-title{
	color: #3c444b;
	border-bottom: 1px solid #0063ba;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 40px;
}
#twitter_update_list li{
    line-height: 1.5;
    margin-bottom: 12px;
}
#twitter_update_list li .tweet_time{
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
#twitter_update_list li a{
	color: #0063ba;
	font-weight: 500;
}
#twitter_update_list li .tweet_time a{
	color: #3c444b;
	font-weight: 700;
}
#footer ul.menu{
	display: block;
	margin: 0px 0px;
	line-height: 5;
}
#footer ul.menu li{
	line-height: 1.5;
	display: block;
	margin: 0 0 10px;
}
#footer p{
    font-weight: 300;
    margin: 0 0 20px;
}
#footer a.locations-link{
	display: inline-block;
	color: #0063ba;
	text-decoration: none;
	border: 1px solid #0d6bc1;
	text-transform: uppercase;
	padding: 3px 40px 3px 10px;
	position: relative;
}
#footer a.locations-link:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0d6bc1;
	-webkit-transform: scale3d(0,1,1);
	-moz-transform: scale3d(0,1,1);
	-ms-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}
#footer a.locations-link:hover:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	height: 100%;
	background: #0d6bc1;
	
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	transition:all .6s ease;

	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);

}
#footer a.locations-link span{
	position: relative;
	z-index: 1;
}
#footer a.locations-link:hover{
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	transition:all .6s ease;
	color: #ffffff;
}

#footer a.locations-link:after{
	content: '';
	position:absolute;
	right: 8px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(img/arrow_right_blue.png) no-repeat right center;
	background-size: 7px;
	text-decoration: none;
}
#footer ul.social-links{
    text-align: center;
    margin-top: 40px;
}
#footer ul.social-links li{
    margin: 0 0 7px;
}
#footer ul.social-links li a{
    background: #0063ba;
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 17px;
    line-height: 30px;
}
#footer ul.social-links li:hover a{
    opacity: .8;
}

/* CONTACTO  */

.form-content{}
.form-content .small,
.form-content small{
	font-size: 13px;
}

.help-block.form-error{
	font-size: 12px;
	background: #cc0000;
	color: #ffffff;
	padding: 3px 10px;
}

div.wpcf7 {
	margin: 40px 0 40px;
}
div.wpcf7 label{
	display: block;
	margin: 10px 0px 0px;
}
span.wpcf7-not-valid-tip {
	color:red;
	font-size: 12px;
	display:block;
	position:relative;
	margin-bottom: 20px;
}
div.wpcf7 input[type="submit"]{
	float: right;
}

#map {
	width:100%;
	max-width:100%;
	height:400px;
}
div.wpcf7 .ajax-loader{
	display: block;
}

.wpcf7-recaptcha{
	margin: 0px 0px 20px;
	overflow: hidden;
	text-align: right;
}
.wpcf7-recaptcha > div{
	float: right;
}

div.wpcf7 p{
	font-size: 13px;
}

.grecaptcha-badge{
	display: none !important;
}

/* LATEST POSTS */

ul.latest-posts {
	padding:0;
	margin:0;
}
ul.latest-posts li {
	padding:0 0 15px;
	margin:0 0 14px;
	border-bottom:1px solid;
	list-style:none;
}
ul.latest-posts li:nth-last-child(1) {
	border-bottom:none;
}
ul.latest-posts li a {
	display:block;
	text-decoration:none;
	position:relative;
	padding-left:60px;
}

ul.latest-posts li a .date {
	display:inline-block;
	position:absolute;
	background:#3b3934;
	text-align:center;
	padding:5px 10px;
	left:0;
	top:0;
}
ul.latest-posts li a .date * {
	text-align:center;
	color:#fff;
	margin:0;
	display:block;
	font-size:10px;
	font-weight:700;
	line-height:1;
}
ul.latest-posts li a .date strong {
	font-size:16px;
	font-weight:900;
}
ul.latest-posts li a h5 {
	margin:0 0 5px;
	color:#636363;
}

/* BLOG */

.blog-section{
    margin: 20px auto;
}
.blog-container section.title-section .caption{
	margin-top: 25px;
	padding: 50px 20px;
}
.blog-container article{
	margin-bottom: 30px;
}
.blog-container article h2{
	font-size: 25px;
	margin: 10px 0px 0px;
}

.blog-container article .info{
	margin-bottom: 20px;
}
.blog-container section.title-section .caption .dec:before,
.blog-container section.title-section .caption .dec:after{
    height: 6px;
}

.blog-container section.title-section .caption .dec span:before,
.blog-container section.title-section .caption .dec span:after{
	width: 6px;
}
.blog-section .post-title{
	font-size: 30px;
	color: #0063ba;
	margin: 0 0 10px;
}
.blog-section article{
    border-bottom: 1px solid #eff5fb;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.blog-section article h2{
	font-size: 23px;
	margin: 20px 0px 0px;
}
.blog-section article ul.info{
    padding: 9px;
    font-size: 12px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 30px;
}
.blog-section article ul.info li{
	border-right: 1px solid;
	padding-right: 6px;
	margin-right: 7px;
	color: #3c444b;
}
.blog-section article ul.info li:nth-last-child(1){
	border-right: none;
}
.blog-section article ul.info li i{
    font-size: 15px;
    margin-right: 3px;
}
.blog-section article ul.info li a{
	color: #3c444b;
}
.blog-section article h2 a{
	color: #0264BA;
	text-decoration: none;
}
#sidebar-blog h3{
    color: #cbc9c9;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
}
#sidebar-blog .input-prepend{
    position: relative;
}
#sidebar-blog .input-prepend i{
    color: #df171a;
    position: absolute;
    right: 11px;
    top: 13px;
}
#sidebar-blog .input-prepend input#s{border: 3px solid #df171a;padding: 9px 30px 9px 9px;}
#sidebar-blog .widget{
    margin-bottom: 40px;
    padding-bottom: 20px;
}
#sidebar-blog .widget:nth-last-child(1){
	border-bottom: none;
}	
#sidebar-blog ul li{
	border-bottom: 1px solid #ededed;
}
#sidebar-blog ul li:nth-last-child(1){
	border-bottom: none;
}
#sidebar-blog ul li a{
    color: #0164ba;
    font-weight: 400;
    padding-bottom: 8px;
    padding-top: 8px;
    display: block;
    text-decoration: none;
}
#sidebar-blog ul li a:hover{
	opacity: .8;
}
#searchform{
	position: relative;
}
#searchform input[type="submit"]{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	outline: none;
	font-size: 0;
	width: 40px;
	height: 40px;
	background: #0063ba url(img/icon_search_white.png) no-repeat center center;
	background-size: 26px;
	margin: 0;
}
#searchform input{
	padding-right: 40px;
}
div.pagination > span, div.pagination > a {
    display: inline-block;
    vertical-align: top;
    padding: 5px 12px 3px;
    margin-right: 3px;
    background-color: #0164ba;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
div.pagination > span,
div.pagination > a:hover{
	background: #3c444b;
}

/* MAP */

#map {
	width:100%;
	height:auto;
	position:relative;
	padding-bottom:22%;
	min-height:280px;
}
#map iframe {
	position:absolute;
	width:100%;
	height:100%;
}

/* COOKIES */


body .cdp-cookies-layout-ventana.cdp-cookies-pos-superior {
	width:100%;
	box-shadow:0 0 14px -8px #444;
	bottom:0;
	left:inherit;
	top:inherit;
	width:300px;
	max-width:100%;
	right:0;
	border: none;
	padding:0;
	font-size:12px;
	line-height:1.5;
}

body .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a,body .cdp-cookies-alerta.cdp-cookies-layout-ventana.cdp-cookies-pos-superior .cdp-cookies-texto a,body .cdp-cookies-layout-ventana.cdp-cookies-pos-superior a:hover,body .cdp-cookies-layout-ventana.cdp-cookies-pos-superior a:active,body .cdp-cookies-layout-ventana.cdp-cookies-pos-superior .cdp-cookies-texto a:visited {
	color:#fff!important;
	text-shadow: none;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco{
	background: #444444 !important;
}
body .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-texto a.boton-cerrar{
	display: inline-block;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco > * {background-color: #3c444b !important;color: #fff !important;display: flex;justify-content: center;}
.cdp-cookies-alerta.cdp-cookies-tema-blanco > *.cdp-animacion-abajo, .cdp-cookies-alerta.cdp-cookies-tema-blanco > *.cdp-ocultar {
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco > * p{
	text-align: left;
	padding: 10px;
	text-align: center;
}

.cdp-cookies-alerta .cdp-cookies-texto p{
	font-size: 12px;
}
.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-boton-cerrar,.cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-boton-cerrar:hover {
	background: none;
	border-radius:0;
	font-size:14px;
	display: inline-block;
	vertical-align: text-bottom;
	width: auto;
	padding: 8px 30px;
	margin: 0px auto 0;
}


body .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-boton-cerrar,
body .cdp-cookies-alerta.cdp-cookies-tema-blanco .cdp-cookies-boton-cerrar:hover{
	display: inline-block;
	padding-bottom: 3px;
	margin: 0;
}


/* post navigation */

.navigation{
	overflow: hidden;
	font-size: 12px;
	margin: 0 0 30px;
	font-size: 0;
}
.navigation a {
	text-decoration: none;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	display: inline-block;
	padding: 3px 20px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.navigation a:hover {
	color: #0164ba;
}
.navigation .alignLeft{
	float: left;
	width: 50%;
	padding-right: 10px;
}
.navigation .alignLeft a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(img/arrow_left_dark.png) no-repeat center center;
	background-size: 6px;
}
.navigation .alignRight{
	float: right;
	padding-left: 10px;
	width: 50%;
}
.navigation .alignRight a:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(img/arrow_right_dark.png) no-repeat center center;
	background-size: 6px;
}

/** Google maps */

 #google-map {
	width: 100%;
	height: 510px;
	border: #ccc solid 1px;
	margin: 0px 0 40px;
}

/* fixes potential theme css conflict */

#google-map img {
   max-width: inherit !important;
}
#google-map .gm-style-iw img {
   max-width: 100% !important;
}
.google-map-wrapper{
	position: relative;
}
.google-map-filter{
    background: #fff;
    position: absolute;
    z-index: 1;
    font-size: 13px;
    text-align: center;
    padding: 10px 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    width: 100%;
    bottom: 102%;
    display: none;
}
.google-map-filter h5{
    font-size: 14px;
    margin-bottom: 5px;
}
.google-map-filter span{
    text-transform: uppercase;
}
.google-map-filter input{
    margin-left: 17px;
}

/* infowindow */

.marker-content{
	width: 350px;
	max-width: 100%;
	padding: 10px 0px 10px 10px;
}
.marker-content ul.phones{
    margin-top: 5px;
}
.marker-content ul.phones li{
	font-size: 12px;
	margin-bottom: 1px;
	font-weight: bold;
}
.marker-content strong.name{
    font-size: 16px;
    line-height: 1;
    margin-bottom: 7px;
    text-transform: uppercase;
    display: block;
}
.gm-style-iw div * {
    overflow: hidden !important;
    line-height: 1.35em;
    font-size: 11.8px;
    font-family:'proxima-nova',sans-serif;
}
.marker-content .row{
    margin-left: -10px;
    margin-right: -10px;
}
.marker-content .col-sm-5,
.marker-content .col-sm-7{
    padding-left: 10px;
    padding-right: 10px;
}
/* MODULOS */

#sections > div{
	background: #fff;
	position: relative;
}
#sections > div:nth-child(2n+1){
	background: #f9f9fb;
}
#sections > div > div{
	margin: auto;
	padding: 40px 15px 40px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#sections > div > div > div h3{
	color: #0063ba;
	margin: 0 0 20px;
	letter-spacing: 2px;
	font-size: 31px;
	position: relative;
	z-index: 1;
	line-height: 1.1;
}
#sections > div > div .thecontent{
	margin-bottom: 40px;
	font-size: 17px;
	line-height: 1.6;
	position: relative;
	z-index: 2;
	padding-bottom: 0px;
}
#sections > div > .caption{
	display: block;
	margin: auto;
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
	min-height: 300px;
	background-position: center center;
	background-size: cover;
}
#sections > div > .caption:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.2);
}

/* MEDIA CENTER */

#media-docs{
	margin: 0 -5px 50px;
	padding: 0;
	overflow: hidden;
}
#media-docs li{
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 5px;
	position: relative;
	float: left;
	overflow: hidden;
}
#media-docs li.grid-sizer{
	width: 50%;
}
#media-docs li > div{
	position: relative;
}
#media-docs li > div > img{
	width: 100%;
	display: block;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
	-webkit-filter: grayscale(0) blur(0px);
	-moz-filter: grayscale(0) blur(0px);
	-ms-filter: grayscale(0) blur(0px);
	filter: grayscale(0) blur(0px);
}
#media-docs li:hover > div > img{
	-webkit-filter: grayscale(.5) blur(2px);
	-moz-filter: grayscale(.5) blur(2px);
	-ms-filter: grayscale(.5) blur(2px);
	filter: grayscale(.5) blur(2px);
}
#media-docs > li > div a{
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #ffffff;
    height: 100%;
    background-color: rgba(0,99,186,.7);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s;
    opacity: 0;
}
#media-docs > li:hover > div a{
	opacity: 1;
}
#media-docs > li > div a > div{
    position: absolute;
    top: 50%;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,-40%,0);
    -moz-transform: translate3d(0,-40%,0);
    -ms-transform: translate3d(0,-40%,0);
    transform: translate3d(0,-40%,0);
}
#media-docs > li:hover > div a > div{
	opacity: 1;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
#media-docs > li > div a > div h5{
    font-weight: 200;
    font-size: 13px;
    position: relative;
    margin: 0 0 30px;
}
#media-docs > li > div a > div h5:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -18px;
	background: #ffffff;
	width: 40px;
	height: 2px;
	margin-left: -20px;
}
#media-docs > li > div a > div span{
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}
.owl-carousel{
    position: relative;
    padding-top: 47px;
}
.owl-carousel.item{
    padding: 2px 2px 30px 2px;
}
.owl-carousel .item > *{
    display: block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    height: 280px;
}
.owl-carousel .item .thumb-container{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.owl-carousel .item .caption{
    padding: 40px 5px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
.owl-carousel .item .caption h5{
    font-size: 15px;
}
.owl-carousel .item:hover .caption h5{
    font-size: 15px;
}
.owl-carousel .item .caption p{
    font-size: 14px;
}
/* FULL SLIDER */

#full-slider{
	position: relative;
	padding: 0;
}
#full-slider .slider-item{
	position: relative;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 50px;
}
#full-slider .slider-item .thumb-container{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ededed;
}
/*.no-touch #full-slider .item .thumb.hidden-no-touch{
	display: none;
}*/
#full-slider .slider-item .content {
}
#full-slider .slider-item .content h2,
#full-slider .slider-item .content h3{
	font-size: 28px;
	color: #fff;
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 20px;
}
#full-slider .slider-item .content p{
	font-size: 16px;
	margin:  0 0 30px;
	color: #fff;
}
#full-slider .slider-item .content p > *{
	font-size: 16px !important;
}
#full-slider .slider-item .content a,
a.download-button{
	border: 1px solid;
	color: #ffffff;
	display: inline-block;
	padding: 9px 11px;
	line-height: 1;
	text-decoration: none;
	position: relative;
}

#full-slider .slider-item .content img{
	width: auto;
} 
#full-slider .slider-item .content a:after,
a.download-button:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(255,255,255,.8);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	height: 0%;
}
#full-slider .slider-item .content a:hover:after,
a.download-button:hover:after{
	height: 100%;
}
#full-slider .slider-item .content a i,
a.download-button i{
	position: relative;
	z-index: 1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
#full-slider .slider-item .content a:hover i{
	color: #aaa
}
a.download-button{
	color: #0063be;
}
a.download-button:after{
	background-color: #0063be;
}
a.download-button:hover i{
	color: #ffffff;
}

/* CONTACT / CAREERS */

.page-template-page-contacto #head{
	background-color: rgba(177, 207, 230, 0.7);
}
#cv{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    max-width: 100%;
}
#info-file{
    display: inline-block;
    padding: 8px;
    font-size: 13px;
    vertical-align: top;
}
#trigger-cv{
    background: #dfddd8;
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    padding: 3px 24px 2px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
#trigger-cv:hover{
	background-color: #0164ba;
	color: #ffffff;
}
span.field-required{
    display: block;
    font-size: 14px;
    margin-top: 17px;
}

/* REGIONS SECTION */


#regions{
    margin-bottom: 30px;
}
#regions > div.panel{
    border-radius: 0px;
    border: none;
    background: none;
    box-shadow: none;
    border-top: 1px solid #ccc;
}
#regions > div.panel .panel-heading{
	border: none;
	background: none;
	padding: 0px;
}
#regions h3{
	text-transform: uppercase;
	font-size: 28px;
	position: relative;
	margin: 17px 0 15px;
}
#regions h3 a{
	display: block;
	background: #fff;
	position: relative;
	z-index: 1;
	padding-right: 20px;
	text-decoration: none;
}
#regions h3 a:after{
	content: '';
	position: absolute;
	right: 0;
	top: 10px;
	width: 30px;
	height: 17px;
	background: url(img/arrow_down_dark.png) no-repeat center center;
	background-size: 100%;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#regions h3 a.collapsed:after{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(-0deg);
}
#regions .region{
	position: relative;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.3;
}
#regions .region p{
	margin-bottom: 5px;
}
#regions .region p a{
	display: inline-block;
	text-decoration: none;
}
#regions .region strong{
	font-size: 13px;
}
#regions .region img{
	margin-bottom: 10px;
}
#regions .region{
	position: relative;
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
#regions .region img{
	width: 83px;
	position: absolute;
	left: 0;
	top; 0;
}
#regions .region .thumb-container{
	width: 83px;
	height: 83px;
	position: absolute;
	left: 0;
	top; 0;
}
#regions .region > div{
	padding-left: 110px;
}

.region-content{
	position: relative;
}
.region-info{
	padding: 40px 40px;
	display: block;
	background: #ededed;
	font-size: 15px;
	max-width: 100% !important;
	margin: 0px 0px 20px;
	min-height: 340px;
}
.region-content .thumb-container{
	height: 250px;
	margin: 0 0 20px;
}


/* IMAGE GROUP SECTION */

.image-group-section{
    position: relative;
    z-index: 2;
    margin: 30px 0px;
}
.touch .image-group-section{
    top: 0 !important;
}
.image-group-section > div{
    margin: auto;
    /* box-shadow: 0px 0px 30px #999; */
    overflow: hidden;
    position: relative;
}
.image-group-section > div > a{
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
    position: relative;
    padding-bottom: 34.9%;
    opacity: 1;
}
.image-group-section > div > a:hover{
	opacity: 1;
}
.image-group-section > div > a.size4{
    width: 66.6666%;
}
.image-group-section > div > a .thumb-container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.image-group-section > div > a .caption{
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 0;
    top:  0;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
}
.image-group-section > div > a .caption > div{
	position: absolute;
	width: 100%;
	padding: 10px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.image-group-section > div > a .caption > div h3{
    margin: 0 0 10px;
    font-size: 25px;
    color: #1771c3;
}
.image-group-section > div > a .caption > div .thecontent{
    display: none;
}
.image-group-section > div > a .caption > div .readmore-button{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
    font-size: 15px;
    display: none;
}
.section.fb-section{
	padding: 30px 0px;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
}
.section.fb-section > div{
	padding: 30px;
	text-align: center;
}
.section.fb-section a{
	color: #ffffff;
	text-transform: uppercase;
}

/* features list */

ul.features{
	margin: 0px -10px 80px;
	font-size: 0px;
}
ul.features li{
	padding: 10px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 50%;
}
ul.features li > img{
	margin: 0 0 10px;
}
ul.features li > div{
	max-width: 300px;
	margin: auto;
}

/* REGIONS CAROUSEL */

#regions-carousel .item > a {
    height: 110px;
    padding: 0;
}
#regions-carousel .item > a .caption{
	opacity: 1;
	background-color: rgba(0,99,186,.7);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
	text-align: center;
	color: #ffffff;
}
#regions-carousel .item > a .caption > div{
	padding: 0;
}
#regions-carousel .item > a .caption h3{
    margin: 0 0 4px;
}
#regions-carousel .item > a .caption h4{
    margin: 0;
    font-weight: 100;
    text-transform: uppercase;
}
#regions-carousel .item > a .caption h5 {
    margin: 0;
    font-weight: 100;
    font-size: 13px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 3px;
}

/* TRENDS REPORT */

#trends-report-section{
	margin-bottom: 160px;
	padding-bottom: 0px;
	text-align: center;
	padding-top: 0;
	display: none;
}
#trends-report-section h3,
#trends-report-section .thecontent{
	position: relative; 
	top: 40px;
}

#trends-report-section .front h3{
	color: #fff;
	font-weight: bold;
	font-size: 7vw;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	letter-spacing: 3px;
}
#trends-report-section .owl-carousel{
	position: relative;
	top: 100px;
	padding-top: 0;
}
#trends-report-section .owl-carousel .owl-controls{
	top: -50px;
}

.video-svg{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.video-svg svg {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.video-svg svg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    -moz-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.video-svg svg .back, .video-svg svg .front {
    will-change: transform;
}

.video-svg:hover svg .front {
    -moz-transform: scale3d(1.48, 1.48,1);
    -ms-transform: scale3d(1.48, 1.48,1);
    -webkit-transform: scale3d(1.48, 1.48,1);
    transform: scale(1.48);
}

.video-svg svg .front{
    transform-origin: center;
    -moz-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.video-svg svg {
	fill: #ffffff;
}
.video-svg svg.thb-play-02 .circle1 {
	stroke: #ffffff;
}

.video-svg > a{

	transition: all .8s;
	transform: scale(1);
    display: block;
}
.video-svg:hover > a {
    opacity: .8;
    transform: scale(1.05);
}

/* CUSTOM MODAL */


/* MODAL */

.custom-modal{
	position: fixed;
	background-color: #0063ba;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	padding: 40px 20px;
	/*
	visibility: hidden;
	opacity: 0;
	*/
	transition: all .4s;
}
.custom-modal.active{
	opacity: 1;
	visibility: visible;
}
body.modal-open{
	overflow: hidden;
}

.custom-modal-scroll-y .content > div{
	max-height:70vh;
	overflow-y:scroll;
}

.custom-modal > div{position: relative;width: auto;margin: 0 auto;}
.custom-modal .content{
    max-width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 35px -25px #ffffff;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 100px 30px 30px;
    background: #fff url(img/Iberchem-logo-no-bg-300C.png) no-repeat center 20px;
    background-size: 130px;
}
.custom-modal .content .title,
.custom-modal .content .modal-title{
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.custom-modal .content .main-close-modal{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	line-height: 1;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


/* PROTECTED PAGE / LOGIN CONTENT */


.login-content{
}
.login-content .login-form{}
.login-content .login-form .form-group{}
.login-content .login-form input[type="text"],
.login-content .login-form input[type="password"]{}


/* TOUR */

.tour-container{
	min-height: 400px;
}

/* TOUR INSTALACIONES */

.tour-instalaciones-section{
	padding: 50px 20px;
}
.tour-instalaciones-section .thecontent{
	margin: 0 0 50px;
}
.tour-instalaciones-section .thecontent h1{
	color: #0063ba;
	margin: 0 0 40px;
	font-size: 30px !important;
}

#tour-instalaciones{}
#tour-instalaciones .video-content {
    background: #000000 url(img/icon_play.png) no-repeat center 8px;
    background-size: 38px;
    background-repeat: no-repeat;
    width: 110px;
    margin: 0 0 6px;
    display: block;
    padding: 50px 10px 5px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
}
#tour-instalaciones .info{
	background-color: #a9c452;
}

.instalaciones-wrapper{}
.instalaciones-wrapper > *,
svg #contenido-extra{
	transition: opacity .3s;
}
.instalaciones-wrapper:hover > *{
	opacity: .15
}
.instalaciones-wrapper:hover > *.edif:hover{
	opacity: 1
}

.edif a{
	position: relative;
}
.edif a:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50px;
	height: 50px;
	background-color: red;
}

.edif .number{
	transition: all .3s;
}
.edif .vc{
	transition: all .3s;
	opacity: 0;
	visibility: hidden;
}
.edif:hover .number{
	opacity: 0
}
.edif:hover .vc{
	opacity: 1;
	visibility: visible;
}



#vc1{
	transform: translate(30%,30%) scale(1.2);
}
#vc2{
	transform: translate(15%,15%) scale(1.2);
}
#vc3{
	transform: translate(40%,13%) scale(1.2);
}
#vc4{
	transform: translate(47%,37%) scale(1.2);
}
#vcwater{
	transform: translate(27%,0%) scale(1.2);
}
#vcsun{
	transform: translate(62%,27%) scale(1.2);
	visibility: visible;
}

#edif360{}
#edif360 .number{
    transform: translate(10%, 20%);
    position: relative;
}

#edif360 .vc{
    transform: translate(5%,13%);
}

.page-template-page-tour-instalaciones{
	background-color: #f3f3f4;
}

#numbersun{
	transform: translate(-12%,-8%);
}

ul.legend{}
ul.legend > li{
    display: flex;
    margin: 0 0 5px;
    align-items: center;
}

ul.legend > li a{
	display: flex;
	align-items: center;
	text-decoration: none;
}
ul.legend > li img{
    width: 27px;
}
ul.legend > li span{
    margin: 0 10px;
    font-weight: bold;
}


.fancybox-bg {
	background: #fff;
}
.fancybox-slide>* {
	padding: 9px;
	border: none;
}


.gotoib{
	position: relative;
	padding-top: 100px;
	background: url(img/logo.png) no-repeat left top;
	background-size: 150px;
	margin-top: 100px;
	display: block;
	font-size: 16px;
}


#team-members{
	padding: 30px 0px;
} 
#team-members .h1{
	margin: 0;
}
#team-members .excerpt{
    font-size: 20px;
    margin: 10px auto 40px;
}

.members{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.member{
	width: calc(50% - 10px);
}
.member img{}
.member .content{
    padding: 7px 0px 15px;
}
.member .content .h4{
    margin: 0;
}
.member .content .role{}


/*  RESPONSIVE */

@media(min-width: 768px) {
	
	
	.d-md-none{
		display: none;
	}
	.d-md-block{
		display: block !important;
	}
	section header p {
	    font-size: 16px;
	}
	section header h2 + * {
	    text-align: center;
	    font-size: 16px;
	    line-height: 1.6;
	    margin: 0;
	}
	.padding-section {
		padding: 50px 0;
	}
	.page-content{
		margin: 0px auto 80px;
	}
	header > div * {
	    font-size: 25px;
	    margin: 0;
	}
	section.title-section .caption{
		width: 700px;
	}
	section.title-section .caption .dec span:before, section.title-section .caption .dec span:after{
		width: 9px;
	}
	section.title-section .caption .dec:before, section.title-section .caption .dec:after{
		height: 9px;
	}
		
	.section.fb-section{
		padding: 40px 0px;
	}
	/* slider section */
	
	#slider-section{
	height: 100vh;
	}
    #full-slider .slider-item{
    	height: calc(100vh - 0px);
    	min-height: 560px;
    	display: flex;
    	align-items: center;
    	padding-bottom: 150px;
    }
    #full-slider .slider-item .content {
	}
	#full-slider .slider-item .content h2,
	#full-slider .slider-item .content h3{
		font-size: 28px;
		color: #fff;
		margin: 0;
		font-weight: 400;
		text-transform: uppercase;
		margin: 0 0 20px;
	}
	#full-slider .slider-item .content p{
		font-size: 14px;
		margin:  0 0 30px;
		color: #fff;
	}
	#full-slider .slider-item .content a,
	a.download-button{
		border: 1px solid;
		color: #ffffff;
		display: inline-block;
		padding: 9px 11px;
		line-height: 1;
		text-decoration: none;
		position: relative;
	}

	#full-slider .slider-item .content img{
		width: auto;
	} 
	#full-slider .slider-item .content a:after,
	a.download-button:after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		background-color: rgba(255,255,255,.8);
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		height: 0%;
	}
	#full-slider .slider-item .content a:hover:after,
	a.download-button:hover:after{
		height: 100%;
	}
	#full-slider .slider-item .content a i,
	a.download-button i{
		position: relative;
		z-index: 1;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	#full-slider .slider-item .content a:hover i{
		color: #aaa
	}


	
	/* blog section */
	
	
	#blog-section h2 {
		font-size:70px;
		margin:0 0 30px;
	}
	
	/* blog */
	
	#mosaic > div {
		width:50%;
	}
	.blog-section article h2 {
	    font-size: 37px;
	    margin: 20px 0px 0px;
	    COLOR: #0164ba;
	}
	
	/* modulos */
	
	
	#sections > div{
		position: relative;
		overflow: hidden;
	}
	#sections > div > div{
		position: relative;
		overflow: hidden;
		padding: 130px 35px 100px;
	}
	#sections > div > div > div h3{
		margin: 0 0 50px;
		font-size: 41px;
		line-height: 1;
	}	
	#sections > div > .caption{
		position: absolute;
		height: 115%;
		left: 0;
		top: -10%;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	
	/* left */
	
	#sections > div.left-position > div{
		text-align: left;
		width: 50%;
		margin: 0;
	}
	
	
	/* new reveal animation */
	
	
	#sections{
		overflow: hidden;
	}
	
	#sections > div.left-position.animation,
	#sections > div.right-position.animation{
		background-color: #fafafa;
	}
	#sections > div.left-position.animation:before,
	#sections > div.right-position.animation:before{
		content: '';
		position: absolute;
		background: #fafafa;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 2;
		height: 100%;
		visibility: visible;
		transition-delay: 1s;
	}
	#sections > div.left-position.animation:after,
	#sections > div.right-position.animation:after{
		content: '';
		position: absolute;
		background: #ffffff;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 3;
		height: 100%;
	}
	#sections > div.left-position.animation:after{
		transform: translate3d(100%,0,0);
		transform-origin: left;
	}
	#sections > div.right-position.animation:after{
		transform: translate3d(-100%,0,0);
		transform-origin: right;
	}
	#sections > div.left-position.animation.visible:after{
		animation: revealFromRight 2s forwards;
	}
	#sections > div.right-position.animation.visible:after{
		animation: revealFromLeft 2s forwards;
	}
	
	@keyframes revealFromRight{
		0%{
			transform: translate3d(100%,0,0);
		}
		40%{
			transform: translate3d(0%,0,0);
		}
		50%{
			transform: translate3d(0%,0,0);
		}
		100%{
			transform: translate3d(-50%,0,0);
		}
	}
	@keyframes revealFromLeft{
		0%{
			transform: translate3d(-100%,0,0);
		}
		40%{
			transform: translate3d(0%,0,0);
		}
		50%{
			transform: translate3d(0%,0,0);
		}
		100%{
			transform: translate3d(50%,0,0);
		}
	}
	#sections > div.left-position.animation > div,
	#sections > div.right-position.animation > div{
		opacity: 0;
		-webkit-transition: all 1.55s ease 1s;
		-moz-transition: all 1.55s ease 1s;
		-ms-transition: all 1.55s ease 1s;
		transition: all 1.55s ease 1s;
	    z-index: 4;
	}
	#sections > div.left-position.animation > div{
		transform: translate3d(60px,0,0);
	}
	#sections > div.right-position.animation > div{
		transform: translate3d(-60px,0,0);
	    z-index: 4;
	}
	
	
	#sections > div.left-position.animation.visible:before,
	#sections > div.right-position.animation.visible:before{
		visibility: hidden;
	}
	
	#sections > div.left-position.animation > .caption,
	#sections > div.right-position.animation > .caption{
		opacity: 0;
	}
	#sections > div.left-position.animation.visible > .caption,
	#sections > div.right-position.animation.visible > .caption{
		opacity: 1;
	}
	
	#sections > div.left-position.animation.visible > div,
	#sections > div.right-position.animation.visible > div{
		transform: translate3d(0%,0,0);
		opacity: 1;
	}
	
	/********************************/
	
	
	#sections > div.left-position > .caption{
		position: absolute;
		width: 50%;
		right: 0;
		left: inherit;
	}	
	#sections > div > div .thecontent{
		margin-bottom: 40px;
		font-size: 18px;
		line-height: 1.6;
	}
	
	/* center */
	
	#sections > div.center-position > div h3{
		color: #fff;
	}
	
	#sections > div.center-position > div .thecontent{
		color: #fff;
		max-width: 1000px;
		margin: auto;
		text-align: center;
	}
	#sections > div.center-position > div .thecontent p{
		margin-bottom: 40px;
	}
	#sections > div.center-position > div .thecontent a{
		color: #cccccc;
	}
	
	/* right */
	
	#sections > div.right-position > div{
		width: 50%;
		margin-left: 50%;
		
	}
	#sections > div.right-position > div .thecontent{
	}
	#sections > div.right-position > div .thecontent,
	#sections > div.right-position > div > h3{
		text-align: left;
	}
	
	#sections > div.right-position  > .caption{
		position: absolute;
		width: 50%;
		left: 0;
	}
	
	/* left/right */
		
	#sections > div.left-position > div > div .image img,
	#sections > div.right-position > div > div .image img{
		position: absolute;
	    bottom: 0;
	    left: 50%;
	    -webkit-transform: translate3d(-50%,30px,0);
	    -moz-transform: translate3d(-50%,30px,0);
	    -ms-transform: translate3d(-50%,30px,0);
	    transform: translate3d(-50%,30px,0);
	}	
	#sections > div.left-position > div > div.visible .image img,
	#sections > div.right-position > div > div.visible .image img{
	    -webkit-transform: translate3d(-50%,0px,0);
	    -moz-transform: translate3d(-50%,0px,0);
	    -ms-transform: translate3d(-50%,0px,0);
	    transform: translate3d(-50%,0px,0);
	}
	
	/* media center */
	
	#media-docs li.grid-sizer,
	#media-docs li{
		width: 33.333%;
	}
	#media-docs > li > div a > div h5{
	    font-size: 18px;
	    margin: 0 0 40px;
	}
	#media-docs > li > div a > div h5:after{
		bottom: -28px;
		background: #ffffff;
		width: 40px;
		height: 5px;
		margin-left: -20px;
	}
	#media-docs > li > div a > div span{
	    font-size: 14px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev {
	    left: -26px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next {
	}
	
	/* FULL SLIDER */

	#full-slider .slider-item .content {
		max-width: 900px;
		padding: 15px;
		margin: auto;
		text-align: right;
	}
	#full-slider .slider-item .content h2,
	#full-slider .slider-item .content h3{
		font-size: 60px;
	}
	#full-slider .slider-item .content p{
		font-size: 20px;
		margin: 0 0 39px;
	}
	#full-slider .slider-item .content p > * {
		font-size: 20px !important;
	}
	#full-slider .slider-item .content a:hover{
	}
	.owl-controls{
	    margin: auto;
	}
	.owl-controls .owl-dots{
	    width: 100%;
	    text-align: right;
	    max-width: 900px;
	}
	.owl-dots .owl-dot {
	    width: 14px;
	    margin: 0 11px 0px 0px;
	    height: 14px;
	}
	
	/* home */
	
	.page-template-page-home #head{
		position: fixed;
		left: 0;
		width: 100%;
		top: 0;
		z-index: 10;
	}
		
	/* contact / careers */
	
	.wpcf7 .wrapper{
		overflow: hidden;
		margin: 0 -10px;
	}
	.wpcf7 .wrapper > div:first-child{
		width: 50%;
		padding: 0 10px 0px;
		float: left;
	}
	.wpcf7 .wrapper > div:last-child{
		width: 50%;
		padding: 0 10px 0px;
		float: left;
	}
	
	/* regions */
	
	#regions .region {
	    min-height: 145px;
	    border: none;
	    padding-bottom: 0px;
	    margin-bottom: 20px;
	}
		
	/* fixes potential theme css conflict */

	.google-map-wrapper{
		margin-top: 0px;
	}
	.google-map-filter{
	    width: auto;
	    bottom: inherit;
	    top: 40px;
	}

	/* image group section */

	.image-group-section{
	min-height: 160px;
	margin: 60px 0px;
	}
	.image-group-section > div{
		width: 100%;
		position: absolute;
		left: 50%;
		height: calc(100% + 140px);
		max-width: 1000px;
		-webkit-transform: translateX(-50%);
	}
	.image-group-section > div > a{
		padding-bottom: 0;
		height: 100%;
		width: 20%;
	}
	.image-group-section > div > a .caption{
		position: absolute;
		left: 0;
		top:  0;
		width: 100%;
		height: 100%;
		padding: 20px;
		text-align: center;
		opacity: 0;
		-webkit-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		-moz-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		-ms-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
	}
	.image-group-section > div > a:hover .caption{
		background: rgba(255,255,255,0.8);
		opacity: 1;
	}
	.image-group-section > div > a .caption > div{
		position: absolute;
		width: 100%;
		padding: 10px;
		left: 0;
		top: 50%;
		-webkit-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		-moz-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		-ms-transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		transition: all 1.8s cubic-bezier(0.2,1,0.3,1);
		opacity: 0;
		-webkit-transform: translate3d(0,20px,0) translateY(-50%);
		-moz-transform:  translate3d(0,20px,0) translateY(-50%);
		-ms-transform: translate3d(0,20px,0) translateY(-50%);
		transform: translate3d(0,20px,0) translateY(-50%);
	}	
	.image-group-section > div > a:hover .caption > div{
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0) translateY(-50%);
		-moz-transform:  translate3d(0,0px,0) translateY(-50%);
		-ms-transform: translate3d(0,0px,0) translateY(-50%);
		transform: translate3d(0,0px,0) translateY(-50%);	
	}
	.image-group-section > div > a .caption > div h3{
		margin: 0 0 10px;
		font-size: 28px;
	}
	.image-group-section > div > a .caption > div .thecontent{
		display: block;
		font-size: 15px;
		text-align: center;
	}
	.image-group-section > div > a .caption > div .thecontent p{}
	.image-group-section > div > a .caption > div .readmore-button{
		display: inline-block;
	}
	.section.fb-section{
		font-size: 24px;
		letter-spacing: 2px;
	}	
	section.title-section{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 587px;
	}
	section.title-section + section{
		background: #ffffff;
		position: relative;
		margin-top: 537px;
		padding-top: 50px;
		overflow: hidden;
	}
	section.title-section .caption h1{
		font-size: 60px;
	}
	section.title-section .caption h2{
		font-size: 23px;
	}
	.no-touch #main-content{
		-webkit-transform: none;
		transform: none;	
	}
		


	.blog-container .title-section{
		height: 400px; 
	}
	.blog-container section.title-section + section{
		margin-top: 400px;
	}

	/* features list */
	
	ul.features li{
		width: 25%;
		padding: 20px 20px;
		font-weight: 300;
	}
	
	/* trends report */

	.owl-carousel .item > *{
		height: 240px;
	}
	.owl-carousel .item:hover a{}
	.owl-carousel .item:hover{}
	.owl-carousel .item .thumb-container{
		height: 100%;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		transition: all .4s;
		-webkit-filter: grayscale(0) blur(0px);
		-moz-filter: grayscale(0) blur(0px);
		-ms-filter: grayscale(0) blur(0px);
		filter: grayscale(0) blur(0px);
	}
	.owl-carousel .item:hover .thumb-container{
		-webkit-filter: grayscale(.5) blur(2px);
		 -moz-filter: grayscale(.5) blur(2px);
		-ms-filter: grayscale(.5) blur(2px);
		filter: grayscale(.5) blur(2px);
	}
	.owl-carousel .item .caption{
		opacity: 0;
	}
	.owl-carousel .item:hover .caption{
		opacity: 1;
	}
	.owl-carousel .item .caption > div{
		position: absolute;
		width: 100%;
		top: 50%;
		padding: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.owl-carousel .item .caption p{
		font-size: 12px;
	}
	#regions-carousel .item > * .caption{
		opacity: 0;
	}
	#regions-carousel .item:hover > * .caption{
		opacity: 1;
	}
	#trends-report-section .front h3{
		color: #fff;
		font-size: 20px;
		letter-spacing: 3px;
	}

	#footer {
		padding: 10px 0 40px;
	}


	#footer ul.menu li{
		line-height: 1.5;
		display: inline-block;
		margin: 0;
	}
	#footer ul.menu li:not(:last-child):after{
		content: '|';
		display: inline-block;
		margin: 0 2px;
	}
	.footer-content{
		min-height: 200px;
		overflow: hidden;
	}
	
	/* single location */
	
	.region-content{
		position: relative;
		margin: 0 0 60px;
	}
	.region-info{
	}
	.region-content .thumb-container{
		position: absolute;
		left: calc(100% - 20px);
		top: 20px;
		height: 92%;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 0;
		min-height: 300px;
	}
	
	
	/* modal */

	.custom-modal{
		padding: 80px 20px;
	}
	.custom-modal > div{position: relative;width: auto;margin: 0 auto;height: 100%;display: flex;align-items: flex-start;align-content: center;}
	.custom-modal .content{
		width: 370px;
		max-width: 100%;
	}
	.custom-modal .content.content-small{
		width: 600px;
	}

	.custom-modal .content.content-large{
		width:900px;
	}
	
		
	/* tour */
	
	.tour-container{
		min-height: 550px;
	}


	ul.legend{
		position: relative;
		top: -10vw;
		left: 2vw;
	}
	ul.legend > li{
		display: flex;
		margin: 0 0 5px;
		align-items: center;
	}
	ul.legend > li img{
		width: 27px;
	}
	ul.legend > li span{
		margin: 0 10px;
		font-weight: bold;
	}
	.tour-instalaciones-section .thecontent{
		margin-bottom: 140px;
	}
	.tour-instalaciones-section .thecontent h1{
		font-size: 48px !important;
	}
}

@media (min-width: 992px) {
	
	/* generales */
	
	.alignLeftTablet,.alignCenter.alignLeftTablet,.alignRight.alignLeftTablet {
		text-align:left;
	}
	.alignCenterTablet,.alignLeft.alignCenterTablet,.alignRight.alignCenterTablet {
		text-align:center;
	}
	.alignRightTablet,.alignLeft.alignRightTablet,.alignCenter.alignRightTablet {
		text-align:right;
	}
	.visible-inline-md {
		display:inline-block!important;
	}
	
	.thecontent,
	.thecontent p{
		font-size: 18px;
		line-height: 30px;
	}

		
	/* languages */
	
	div.languages {
	    position: relative;
	    right: 0;
	    top: 0;
	    padding: 31px 15px 15px;
	    display: inline-block;
	    vertical-align: top;
	}
	div.languages ul{
		padding: 0;
	}
	div.languages ul li a{
	text-decoration: none;
	color: #fff;
	}
	
	/* head */
	
	#head .logo{
		width: 136px;
		margin: 25px 0px 0px;
	}
	.menu-container,.menu-active .menu-container {
		position:static;
		visibility:visible;
		display:inline-block;
		vertical-align: top;
		opacity:1;
		background-size:100% 100%;
		height:100%;
		line-height:31px;
		text-align:center;
		width: auto;
	}
	.menu-container > .content {
		background:none;
		padding:0;
		margin:0;
		overflow-y:visible;
		display:inline-block;
	}	
	.menu-container > .content ul {
		padding:0;
		margin:0;
		display:inline-block;
		font-size: 0;
		vertical-align: top;
	}	
	.menu-container > .content ul li {
		display:inline-block;
		vertical-align: top;
		position:relative;
		padding: 34px 8px 20px;
	}
	.menu-container > .content ul li a {
		margin:0;
		font-size: 15px;
		background:none;
		position:relative;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		font-weight: 500;
		color: #fff;
		text-decoration:none;
		display:block;
		position:relative;
		text-transform: uppercase;
		line-height: 1;
	}
	.menu-container > .content ul.menu > li > a:after{
		content: '';
		position: absolute;
		left: 0;
		background: #fff;
		height: 2px;
		bottom: -2px;
		width: 0;
		-webkit-transition: all .3s 3ase;
		-moz-transition: all .3s 3ase;
		-ms-transition: all .3s 3ase;
		transition: all .3s ease;
	}
	.menu-container > .content ul.menu > li.current-menu-item a:after,
	.menu-container > .content ul.menu > li:hover a:after,
	.menu-container > .content ul.menu > li.current-menu-parent > a:after {
		width: 100%;	
	}
	.menu-container > .content li ul {
		position:absolute;
		top:100%;
		opacity:0;
		-webkit-transition:all .4s ease;
		-moz-transition:all .4s ease;
		-ms-transition:all .4s ease;
		transition:all .4s ease;
		-webkit-transform:translate3d(0,-10px,0);
		-moz-transform:translate3d(0,-10px,0);
		-ms-transform:translate3d(0,-10px,0);
		transform:translate3d(0,-10px,0);
		visibility:hidden;
		background:none;
		width: 410px;
		overflow:hidden;
		z-index: 1;
		left: 0;
		background: transparent;
		padding: 0px 17px;
		text-align: left;
		column-count: 3;
	}
	.page-template-page-contacto .menu-container > .content li ul {
		background: rgba(177, 207, 230, 0.7);
	}
	
	.menu-container > .content li:hover ul {
		opacity:1;
		visibility:visible;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		overflow: hidden;
	}
	.menu-container > .content li ul li {
		width: 100%;
		text-align: left;
		margin:0;
		padding: 0px;
		position: relative;
		border-bottom: 1px solid #ffffff;
	}
	.menu-container > .content li ul li:nth-child(1),
	.menu-container > .content li ul li:nth-child(2),
	.menu-container > .content li ul li:nth-child(3) {
		border-bottom: 1px solid #ffffff;
	}

	
	.menu-container > .content li ul li:nth-child(2):nth-last-child(4),
	.menu-container > .content li ul li:nth-child(4):nth-last-child(2),
	.menu-container > .content li ul li:nth-child(2):nth-last-child(1){
		border: none !important;
	}

	/*.menu-container > .content li ul li.current-menu-item a {
		color: #1a1a1a;
	}*/
	.menu-container > .content li ul li > a {
		display:block;
		padding:5px;
		width:100%;
		width: 100%;
		padding: 17px 10px 13px 0px;
		background: transparent;
		color: #fff;
		font-size: 14px;
		text-transform: none;
	}
	.menu-container > .content li ul li a:hover {
		/*-webkit-transform: skewX(-12deg);
		transform: skewX(-12deg);*/
		opacity: .7;
	}
	.menu-container > .content ul li.current-menu-item ul li a {
		/* color:#000; */
	}
	
	/* generales */
	
	.scrolling .menu-container > .content ul li a,
	.scrolling .menu-container > .content ul li a:hover {
		color: #0164be;
	}
	.scrolling .menu-container > .content ul li a:after {
		background-color: #0164be;
	}
	.scrolling .menu-container > .content ul li ul{
		background: rgba(255,255,255,0.8);
	}
	.scroling .menu-container > .content li ul li a:hover {
    	color: #0164be;
    }
    .scrolling .menu-container > .content li ul li {
    	border-color: #0164be;
    }
    .scrolling div.languages ul li span,
	.scrolling div.languages ul li a{
		color: #0164be;
	}
    .scrolling div.languages ul li:after{
    	background-color: #0164be;
    }
	
	#menu-item-238 ul.sub-menu,
	#menu-item-1870 ul.sub-menu,
	#menu-item-5621 ul.sub-menu{
		width: 150px;
		column-count: 1;
	}

	/*.menu-container > .content ul li.current-menu-item ul li:hover a{
		color: #0063ba;
	}*/
	#head {
		padding: 0px 0px;
		background-size: 100% 100%;
	}
	body.menu-active #main-content {
		width:100%;
		position:relative;
		top:0;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		transform:none;
	}
	#head .social-links {
		padding:0 70px;
	}
	.members{
		gap: 10px;
	}
	.members .member{
		width: calc(20% - 15px);
	}
}

@media (min-width: 1200px) {
	
	
	.menu-container > .content ul li {
	    display: inline-block;
	    vertical-align: top;
	    position: relative;
	    padding: 34px 18px 20px;
	}

	/* media center */
	
	#media-docs li.grid-sizer,
	#media-docs li{
		width: 25%;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev {
	    left: -40px;
	}
	#full-slider .slider-item .content {
		max-width: 1130px;
	}
	.owl-controls .owl-dots {
	    max-width: 1130px;
	}

	/* sections */
	
	#sections > div > div .thecontent{
		max-width: 560px;
		margin: auto;
	}
	
	/* image group section */

	.image-group-section{
	margin: 100px 0px;
	min-height: 420px;
	}
	.image-group-section > div{
		width: 90%;
		position: absolute;
		left: 50%;
		margin-left: 0px;
		height: 100%;
		max-width: 1500px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (min-width: 1500px) {
		
	/* generales */
	
	.staticDesktop{
		position: static;
	}
	div.languages{
		position: absolute;
		padding: 31px 18px 20px;
	}
}
@media (max-width: 991px) {
	.container{
		width: auto;
	}	
}
@media (max-width: 767px){
	#sections > div > div .thecontent {
	    padding-bottom: 0px !important;
	}
	#sections > div > div .image img {
	    position: static !important;
	    transform: translate3d(0px, 0px, 0px) !important;
	}
	
	/* shortcodes */
	
	.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
		float: none;
	}
	.one_half{
		width: 100%;
	}
	
	.one_fourth{
		width: 50%;
	}
}