/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	font-family: "Neo Sans Pro Light";
	font-size: 15px;
	font-weight: 600;
	outline: none;
}
html, body {
	height: 100%;
}
.alert {
	display: none
}
h1 {
}
h2 {
	font-size: 20px;
	letter-spacing: -1px;
}
h3 {
	font-size: 18px;
}
p {
	font-size: 15px;
}
a {
	color: #000;
	text-decoration: none;
}
p a {
	color: #2fa3d8;
	text-decoration: none;
}
.dblock {
	display: block;
}
.dest {
	color: #7cba00;
}
.tacenter {
	text-align: center;
}
.contSVG {
	height: 0;
	width: 0;
	position: absolute;
}
/*formularios*/
input[type="text"], input[type="email"], textarea {
	width: 100%;
	border: 2px solid #e1e1e1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	min-height: 40px;
}
input[type="text"].error, input[type="email"].error, textarea.error {
	border: 2px solid #f00;
}
input[type="checkbox"] {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.uiBtn {
	font-size: 16px;
	padding: 10px 16px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 0 1px rgba(30,42,50,.5);
	text-decoration: none;
	cursor: pointer!important;
}
.arrow {
	fill: #ccc;
}
.arrow:hover {
	fill: #999;
}
.arrow.prev {
}
/*colores*/
.uiBtn.greyBtn {
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#ccc), to(#ccc));
	background-image: -webkit-linear-gradient(top, #ccc, 0, #ccc, 100%);
	background-image: -moz-linear-gradient(top, #ccc 0, #ccc 100%);
	background-image: linear-gradient(to bottom, #ccc 0, #ccc 100%);
	background-repeat: repeat-x;
	color: #fff;
}
.uiBtn.greLightyBtn {
	background-color: #e2e2e2;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#e2e2e2), to(#e2e2e2));
	background-image: -webkit-linear-gradient(top, #e2e2e2, 0, #e2e2e2, 100%);
	background-image: -moz-linear-gradient(top, #e2e2e2 0, #e2e2e2 100%);
	background-image: linear-gradient(to bottom, #e2e2e2 0, #e2e2e2 100%);
	background-repeat: repeat-x;
	color: #999;
}
.uiBtn.greyDarkBtn {
	background-color: #999;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#999), to(#999));
	background-image: -webkit-linear-gradient(top, #999, 0, #999, 100%);
	background-image: -moz-linear-gradient(top, #999 0, #999 100%);
	background-image: linear-gradient(to bottom, #999 0, #999 100%);
	background-repeat: repeat-x;
	color: #fff;
}
.uiBtn.whiteBtn {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(top, #fff, 0, #fff, 100%);
	background-image: -moz-linear-gradient(top, #fff 0, #fff 100%);
	background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
	background-repeat: repeat-x;
	color: #0d70a8;
}
.uiBtn.whiteBtnBlackColor {
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#fff));
	background-image: -webkit-linear-gradient(top, #fff, 0, #fff, 100%);
	background-image: -moz-linear-gradient(top, #fff 0, #fff 100%);
	background-image: linear-gradient(to bottom, #fff 0, #fff 100%);
	background-repeat: repeat-x;
	color: #000;
}
/*suscribe news*/
.popUp {
	position: relative;
	top: 60px;
	display: none;
	background: rgba(17,163,217,0.8);
	z-index: 20;
}
.popUp.on {
	display: block;
	height: 55vw;
}
.contSuscribete {
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 21;
	display: none;
}
.contIcon {
	background: rgba(17,163,217,0.8);
	-webkit-border-radius: 100%;
	border-radius: 100%;
	padding: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	overflow: visible;
}
.contIcon.on {
	background: rgba(17,163,217,0.0);
}
.tcon {
	position: relative;
	top: 0;
	left: 0;
	z-index: 4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 40px;
	outline: none;
	background: transparent;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}
.tcon > * {
	display: block;
}
.tcon:hover, .tcon:focus {
	outline: none;
}
.tcon::-moz-focus-inner {
border: 0;
}
.tcon-remove {
	height: 40px;
	position: relative;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	width: 40px;
	cursor: pointer;
}
.tcon-remove::before, .tcon-remove::after {
	content: "";
	display: block;
	height: 25%;
	width: 85%;
	position: absolute;
	top: 37%;
	left: 8%;
	transition: 0.3s;
	background: #fff;
}
.tcon-remove::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tcon-remove::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.tcon-remove--chevron-left.tcon-transform::before {
	left: 20%;
	-webkit-transform: translate(0, -55%) rotate(-45deg);
	transform: translate(0, -55%) rotate(-45deg);
	width: 62%;
}
.tcon-remove--chevron-left.tcon-transform::after {
	left: 20%;
	-webkit-transform: translate(0, 55%) rotate(45deg);
	transform: translate(0, 55%) rotate(45deg);
	width: 62%;
}
.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.suscribete {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}
.suscribete.on {
	width: 100vw;
	height: auto;
}
.suscribete .cont {
	width: 96%;
	margin: 0 auto;
	padding: 5px;
}
.suscribete fieldset {
}
.suscribete fieldset .contNot {
	padding: 5px;
}
.suscribete fieldset .contNot .wrapp {
	width: 50%;
	height: 70px;
	float: left;
	cursor: pointer;
	margin: 10px 0;
}
.suscribete fieldset .contNot .notMod {
	display: none;
}
.suscribete fieldset .contNot .notMod.notMod_1 {
	display: block;
}
.suscribete fieldset .contNot .notMod.notMod_1 .option {
	width: 123px;
	height: 75px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.suscribete fieldset .contNot .notMod.notMod_1 .option .label {
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}
.suscribete fieldset .contNot .notMod.notMod_1 .option.not {
	background-image: url(../images/fdBtn_not.png);
	cursor: pointer;
}
.suscribete fieldset .contNot .notMod.notMod_1 .option.news {
	background-image: url(../images/fdBtn_news.png);
	cursor: pointer;
}
.suscribete fieldset .contNot .notMod.notMod_2 {
}
.suscribete fieldset .contNot .notMod.notMod_2 .texto {
	display: none;
}
.suscribete fieldset .contNot .notMod.notMod_2 .texto.texto_1 {
	display: block;
}
.suscribete fieldset .contNot .notMod.notMod_2 p {
	font-family: "Neo Sans Pro Light";
	color: #fff;
	padding: 0;
	margin: 0 0 10px 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
.suscribete fieldset .contNot .notMod.notMod_2 .optionNot {
	width: 224px;
	height: 46px;
	margin: 10px auto;
	position: relative;
	background-image: url(../images/fdBtn_acceptNot.png);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.suscribete fieldset .contNot .notMod.notMod_2 .optionNot .label {
	width: 100%;
	position: absolute;
	bottom: 10px;
	font-family: "Neo Sans Pro Light";
	text-align: center;
	padding: 0 0 0 40px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.suscribete .controlSus {
	float: left;
	clear: none;
	padding: 10px 5px 10px 0;
}
.suscribete .controlSus.email {
	width: 75%!important;
	float: left;
}
.suscribete input[type="text"] {
	border: none;
}
.suscribete .controlSus.ok {
	width: 15%!important;
	float: left;
}
.suscribete .controlSus.ok input[type="button"] {
	padding: 10px 16px;
	font-family: "Neo Sans Pro";
	font-weight: 500;
}
.suscribete h3 {
	font-size: 5vw;
	border-bottom: 1px solid #fff;
	padding: 10px 0 10px 0;
	margin: 0 0 5px 5px;
}
.suscribete .acepto {
	font-size: 3vw;
	padding: 5px 0;
	clear: both;
}
.suscribete .acepto input[type="checkbox"] {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.suscribete .acepto .legal {
	font-size: inherit;
	text-decoration: underline;
	cursor: pointer;
}
#wrapper {
	position: relative;
	height: 100%;
}
#wrapper .upTo {
	position: fixed;
	z-index: 101;
	bottom: 75px;
	right: 2%;
	cursor: pointer;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: none;
}
#wrapper .upTo svg {
	width: 50px;
}
#wrapper .upTo .up {
	fill: #e6e7e8;
}
#wrapper .upTo .up:hover {
	fill: #999;
}
/*header */
#wrapper .headerMainSite {
	width: 100%;
	position: fixed;
	background-color: #7cba00;
	-webkit-box-shadow: 0 5px 10px 0 #333;
	box-shadow: 0 5px 10px 0 #333;
	z-index: 300;
}
#wrapper .headerMainSite .cont {
	overflow: hidden;
}
#wrapper .headerMainSite .anilogo.on {
	width: 100px;
}
#wrapper .headerMainSite .lang {
	float: right;
	padding: 5px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}
#wrapper .headerMainSite .lang .es {
	float: right;
	border: 2px solid #fff;
	padding: 2.5vw 3vw 1.5vw 3vw;
	font-family: "Neo Sans Pro";
	font-size: 4vw;
	line-height: 4vw;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: inline-block;
}
#wrapper .headerMainSite .lang .eng {
	float: right;
	border: 2px solid #fff;
	padding: 2.5vw 3vw 1.5vw 3vw;
	font-family: "Neo Sans Pro";
	font-size: 4vw;
	line-height: 4vw;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: inline-block;
}
#wrapper .headerMainSite .lang .es.current {
	display: none;
}
#wrapper .headerMainSite .lang .eng.current {
	display: none;
}
#wrapper .headerMainSite #logo_2 {
	display: none;
}
#wrapper .headerMainSite .menu_display {
	padding: 8px 5px;
	float: right;
	cursor: pointer;
}
/*navigation*/
#wrapper .headerMainSite .navigation {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: rgba(0,0,0, 0.8);
	display: none;
}
#wrapper .headerMainSite .navigation .close {
	padding: 10px;
	position: absolute;
	right: 0;
	z-index: 2;
}
#wrapper .headerMainSite .navigation .navMain {
	position: relative;
	top: 10%;
}
#wrapper .headerMainSite .navigation .navMain ul {
	display: none;
	list-style: none;
	clear: both;
}
#wrapper .headerMainSite .navigation .navMain ul li {
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
#wrapper .headerMainSite .navigation .navMain ul li a {
	text-decoration: none;
	font-size: 5.5vw;
	color: #fff;
}
#wrapper .headerMainSite .navigation .langsel {
	position: relative;
	top: 15%;
	margin: 0 auto;
	padding: 10px 0;
	display: none;
}
#wrapper .headerMainSite .navigation .langsel .es {
	display: block;
	width: auto;
	margin: 0 25%;
	padding: 5px 15px;
	font-size: 5.5vw;
	font-weight: 600;
	text-align: center;
	color: #fff;
	border-top: 1px dotted #fff;
}
/*main*/
#wrapper .mainMainSite {
	display: block;
	padding: 15vw 0 0 0;
}
#wrapper .mainMainSite .focusVideo {
	width: 100%;
	max-height: 100vh;
	overflow: hidden;
}
#wrapper .mainMainSite .focusVideo .contVideo {
	position: relative;
	height: 100%;
}
#wrapper .mainMainSite .focusVideo .contVideo .controlVideo {
	display: block;
	position: absolute;
	z-index: 3;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: cover;
}
#wrapper .mainMainSite .focusVideo .contVideo .sound {
	background-image: url(../images/sound-off.png);
	left: 2vw;
	bottom: 5vw;
}
#wrapper .mainMainSite .focusVideo .contVideo .sound.on {
	background-image: url(../images/sound-on.png);
	left: 2vw;
	bottom: 5vw;
}
#wrapper .mainMainSite .focusVideo .contVideo .replay {
	background-image: url(../images/replay.png);
	top: calc(50% - 14px);
	left: calc(50% - 14px);
	display: none;
	z-index: 3;
}
#wrapper .mainMainSite .focusVideo .contVideo .continue {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/continue.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	display: none;
}
#wrapper .mainMainSite .focusVideo video {
	width: 100vw;
	position: relative;
	z-index: 1;
	display: block;
}
#wrapper .mainMainSite .focusVideo .skip {
	font-size: 3.2vw;
	width: 26vw;
	position: absolute;
	z-index: 2;
	bottom: 5vw;
	left: calc(50% - 13vw);
	color: #fff;
	border: 1px solid #fff;
	padding: 0.7vw 0 1vw 0;
	text-align: center;
	cursor: pointer;
}
#wrapper .mainMainSite .titSect {
	text-align: center;
	background-image: url(../images/tit_deco.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 15px 0 10px 0;
	margin: 0 0 10px 0;
}
#wrapper .mainMainSite .titSect a {
	color: #000;
	text-decoration: none;
	font-size: 5vw;
	letter-spacing: -1px;
}
#wrapper .mainMainSite .titSect a.white {
	color: #fff;
	text-decoration: none;
	font-size: 5w;
	letter-spacing: -1px;
}
#wrapper .mainMainSite .titSect span {
	color: #000;
	text-decoration: none;
	font-size: 5vw;
	letter-spacing: -1px;
}
#wrapper .mainMainSite .cont {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#wrapper .mainMainSite .cont.introIndex {
	max-width: 980px;
	orphans: 3;
}
#wrapper .mainMainSite .opciones {
	position: relative;
	text-align: center;
	margin: 20px 0 20px 0;
}
#wrapper .mainMainSite .opcionesSlider {
	position: relative;
	text-align: center;
	margin: 50px 0 20px 0;
}
/*About*/
#wrapper .mainMainSite .about {
	padding: 10px 0;
}
#wrapper .mainMainSite .about.FBMessenger {
	max-width: 1140px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
#wrapper .mainMainSite .about.FBMessenger h1 {
	font-family: "Neo Sans Pro";
	font-size: 18px;
	letter-spacing: -1px;
	text-align: center;
}
#wrapper .mainMainSite .about.FBMessenger h2 {
	font-family: "Neo Sans Pro Light";
	font-size: 16px;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 15px 0;
	clear: both;
}
#wrapper .mainMainSite .about.FBMessenger h2.it {
	background-image: url(../fb_messenger/images/it.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#wrapper .mainMainSite .about.FBMessenger ul {
	margin: 15px auto 0 auto;
}
#wrapper .mainMainSite .about.FBMessenger ul li {
	position: relative;
	text-align: center;
	padding: 5px 0;
	list-style: none;
	color: #a5a5a5;
}
#wrapper .mainMainSite .about.FBMessenger ul li:hover, #wrapper .mainMainSite .about.FBMessenger ul li.on {
	color: #000;
	font-family: "Neo Sans Pro";
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
#wrapper .mainMainSite .about.FBMessenger .ani {
	width: 100%;
}
#wrapper .mainMainSite .about.FBMessenger .control {
	padding: 5px 0;
}
#wrapper .mainMainSite .about.FBMessenger .nota {
	font-size: 10px;
}
#wrapper .mainMainSite .about.FBMessenger .uiBtn {
	display: block;
	margin: 30px auto;
}
#wrapper .mainMainSite .about h2 {
	text-align: center;
	font-family: "Neo Sans Pro";
	padding: 5px 10px;
	line-height: 22px;
	widows: 3;
}
#wrapper .mainMainSite .about h2 small {
	display: block;
	margin: 5px 0;
	font-size: 14px
}
#wrapper .mainMainSite .about .ani {
	width: 46%;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/fd_ani_home.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
#wrapper .mainMainSite .about .ani .heart {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-animation: 0.65s linear infinite heartbeats;
	animation: 0.65s linear infinite heartbeats;
}
/*Business Areas*/
#wrapper .mainMainSite .businessAreas {
	padding: 15px 0;
	position: relative;
	background-image: url(../images/fd_business.jpg);
	background-size: cover;
	clear: both;
}
#wrapper .mainMainSite .businessAreas .fondo {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}
#wrapper .mainMainSite .businessAreas .fondo video {
	width: 100%;
}
#wrapper .mainMainSite .businessAreas {
	overflow: hidden; /*background-image:url(../images/fd_business.jpg); background-size:cover;*/
	clear: both;
}
#wrapper .mainMainSite .businessAreas h2 {
	position: relative;
	z-index: 3;
	text-align: center;
	font-family: "Neo Sans Pro";
	font-weight:500;
	padding: 5px 10px;
	color: #fff;
}
#wrapper .mainMainSite .titSect {
	position: relative;
	z-index: 10;
}
/*áreas*/
#wrapper .mainMainSite .businessAreas .areas {
	position: relative;
	z-index: 3;
	width: 96%;
	margin: 0 auto;
	clear: both;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
#wrapper .mainMainSite .businessAreas .areas:after {
	content: "";
	clear: both;
}
#wrapper .mainMainSite .businessAreas .areas .area {
	width: 33.3333333333%;
	padding: 10px 5px;
	height: auto; /*position:relative; display:inline-block*/
	cursor: pointer;
}
#wrapper .mainMainSite .businessAreas .areas .area .ico {
	width: 80%;
	margin: 0 auto;
	background-color: rgba(255,255,255,1.0);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
#wrapper .mainMainSite .businessAreas .areas .area .ico.on {
	background-color: rgba(51,161,230,1.0);
}
#wrapper .mainMainSite .businessAreas .areas .area .label {
	width: 80%;
	position: relative;
	display: block;
	margin: 5px auto;
	text-align: center;
	font-size: 3.0vw;
	color: #fff;
}
#wrapper .mainMainSite .businessAreas .areas .area .label.on {
	margin: 15px auto;
}
/*Latest Works */
#wrapper .mainMainSite .latestWorks {
	padding: 15px 0;
}
#wrapper .mainMainSite .latestWorks h2 {
	text-align: center;
	font-family: "Neo Sans Pro";
	padding: 5px 10px;
}
#wrapper .mainMainSite .slideshow_wrapper {
	margin: 0 auto;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure {
	position: relative;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure .view {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: rgba(34,101,148,0.8);
	text-align: center;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure .view .uiBtn {
	position: relative;
	top: 60%;
	opacity: 0;
	visibility: hidden;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure .view hgroup {
	position: absolute;
	left: 0;
	opacity: 0;
	padding: 10px;
	visibility: hidden;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure .view hgroup h2 {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding: 0;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure .view hgroup h3 {
	font-size: 18px;
	color: #fff;
	text-align: left;
	padding: 0;
}
/*Twitter */
#wrapper .mainMainSite .latestTuits {
	padding: 30px 0 40px 0;
	background: 1e5d8b; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#1e5d8b 50%, #44aeef 15%); /* Safari 5.1-6.0 */
	background: -o-radial-gradient(#44aeef 50%, #1e5d8b 100%); /* For Opera 11.6-12.0 */
	background: -moz-radial-gradient(#44aeef 50%, #1e5d8b 100%); /* For Firefox 3.6-15 */
	background: radial-gradient(#49baff 30%, #1e5d8b 100%); /* Standard syntax */
}
#wrapper .mainMainSite .latestTuits .cont {
	width: 90%;
	margin: 0 auto;
}
#wrapper .mainMainSite .latestTuits .top {
	border-bottom: 1px dotted #fff;
	padding: 5px 0 10px 0;
	position: relative;
	clear: both;
}
#wrapper .mainMainSite .latestTuits .top.after {
	content: "";
}
#wrapper .mainMainSite .latestTuits .top .icon-twitter {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: -10px;
	top: 1px;
}
#wrapper .mainMainSite .latestTuits .top .user {
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 5px;
	padding: 15px 0 0 15px;
}
#wrapper .mainMainSite .latestTuits .top .follow {
	float: right;
	position: relative;
	top: -5px
}
#wrapper .mainMainSite .latestTuits .tuit p {
	font-size: 14px;
	color: #fff;
	margin: 15px 0;
}
#wrapper .mainMainSite .latestTuits .tuit p a {
	font-size: 14px;
	color: #bdf056;
}
#wrapper .mainMainSite .latestTuits .tuit .opcTwitter {
	color: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#wrapper .mainMainSite .latestTuits .tuit .opcTwitter .opc {
	width: auto;
	cursor: pointer;
	padding: 0 5px 0 0;
}
#wrapper .mainMainSite .latestTuits .tuit .opcTwitter .opc .icoOpc {
	width: 36px;
	padding: 2px;
	float: left;
}
#wrapper .mainMainSite .latestTuits .tuit .opcTwitter .opc .label {
	padding: 5px 0 0 2px;
	float: left;
	font-size: 12px;
	color: #fff;
}
#wrapper .mainMainSite .latestTuits .sliderTuits {
	clear: both;
	overflow: hidden;
}
/*Latest Posts */
#wrapper .mainMainSite .latestPosts {
	padding: 15px 0;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper {
	margin: 15px auto;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article {
	position: relative;
	padding: 0 10px;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure {
	position: relative;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure .contFoto {
	width: 100%;
	max-height: 200px;
	overflow: hidden;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure .foto {
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure .foto:hover {
	-moz-transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-o-transform: scale(1.6);
	-ms-transform: scale(1.6);
	transform: scale(1.6);
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure .date {
	position: absolute;
	top: 20px;
	left: 15px;
	z-index: 2;
	background-color: rgba(255,255,255,0.8);
	padding: 3px 10px;
	font-family: "Neo Sans Pro";
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article figure .date .mes {
	display: block;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article h2 {
	font-family: "Neo Sans Pro";
	text-align: left;
	padding: 5px 0 0 0;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts {
	max-width: 1200px;
	margin: 0 auto;
}
/*Clients */
#wrapper .mainMainSite .clients {
	padding: 15px 0;
}
#wrapper .mainMainSite .clients {
	height: auto;
	position: relative;
	overflow: hidden;
}
#wrapper .mainMainSite .clients .slideshow_wrapper {
	margin: 0 auto;
	position: relative;
}
/*footer*/
#wrapper .footerMainSite {
	background-color: #343434;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 100;
}
#wrapper .footerMainSite .contFooter {
	background-color: #000;
	clear: both;
}
#wrapper .footerMainSite .contFooter .cont {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	font-size: 4vw;
}
#wrapper .footerMainSite .contFooter .cont .contUp {
	margin: 0 0 0 25%;
}
#wrapper .footerMainSite .contFooter .cont .logo {
	padding: 0;
}
#wrapper .footerMainSite .contFooter .cont .det {
	padding: 0 5px;
	font-size: 3vw;
	color: #fff;
}
#wrapper .footerMainSite .contFooter .cont .det address {
	font-style: normal;
}
#wrapper .footerMainSite .contFooter .cont .det .medialabs {
	font-size: 5vw;
	display: block;
}
#wrapper .footerMainSite .contFooter .cont .dat {
	padding: 0;
	font-size: 3vw;
	color: #fff;
}
#wrapper .footerMainSite .contFooter .cont .dat a[href^="tel"] {
	color: #fff;
	font-size: 5vw;
	display: block;
	text-decoration: none;
}
#wrapper .footerMainSite .contFooter .cont .dat a[href^="mailto"] {
	color: #7abf1d;
	font-size: 3.8vw;
	display: block;
	margin: 5px 0 0 0;
	text-decoration: none;
}
#wrapper .footerMainSite .contFooter .cont .rss {
	text-align: center;
	padding: 15px 0;
	margin: 15px 0 0 0;
}
#wrapper .footerMainSite .contFooter .cont .rss a, #wrapper .footerMainSite .contFooter .cont .rss svg {
	position: relative;
	height: 50px;
	width: 50px;
	display: inline-block;
}
#wrapper .footerMainSite .contFooter .cont .rss .icon {
	color: #343434;
	fill: #343434;
	border-radius: 100%;
	background: #5d5d5d;
	margin: 0 2px;
}
#wrapper .footerMainSite .contFooter .cont .rss .icon:hover {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	fill: #fff;
}
#wrapper .footerMainSite .contFooter .cont .rss .facebook:hover {
	background: #3C5A98;
}
#wrapper .footerMainSite .contFooter .cont .rss .twitter:hover {
	background: #2DAAE4;
}
#wrapper .footerMainSite .contFooter .cont .rss .youtube:hover {
	background: #fd3637;
}
#wrapper .footerMainSite .contFooter .cont .rss .linkedin:hover {
	background: #1a85bc;
}
#wrapper .footerMainSite .contFooter .cont .rss .blog:hover {
	background: #68a13e;
}
/*Navegación  Sec*/
#wrapper .footerMainSite .contNavSecSite {
	background-color: #000;
	padding: 15px;
}
#wrapper .footerMainSite .contNavSecSite .cont {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#wrapper .footerMainSite .contNavSecSite .cont .copy {
	font-size: 3.2vw;
	color: #fff;
	float: left;
	margin: 3px 0 0 0;
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite {
	float: left;
	margin: 0 0 0 5px;
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite ul li {
	display: inline-block;
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite ul li:after {
	content: "|";
	color: #fff;
	padding: 0 0 0 5px;
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite ul li:last-child:after {
	content: "";
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite ul li a {
	font-size: 3.2vw;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure:hover .view {
	opacity: 1.0;
	visibility: visible;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure:hover .view .uiBtn {
	position: relative;
	opacity: 1.0;
	visibility: visible;
}
#wrapper .mainMainSite .slideshow_wrapper .slideshow.works figure:hover .view hgroup {
	position: absolute;
	opacity: 1.0;
	visibility: visible;
}
#wrapper .mainMainSite .businessAreas .areas .area .ico:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
/*COOKIES*/
#wrapper .footerMainSite .cookies {
	position: fixed;
	bottom: -50%;
	left: 0;
	width: 100%;
	opacity: 0;
	background-color: rgba(30, 42, 50, 0.96);
	z-index: 100;
	-webkit-transition: all 2ms ease-in;
	-moz-transition: all 2s ease-in;
	-ms-transition: all 2s ease-in;
	-o-transition: all 2s ease-in;
	transition: all 2s ease-in;
}
#wrapper .footerMainSite .cookies.on {
	bottom: 0;
	opacity: 1;
}
#wrapper .footerMainSite .cookies .cont {
	width: 100%;
	max-width: 1140px;
	padding: 15px;
	position: relative;
}
#wrapper .footerMainSite .cookies .cont p {
	font-size: 12px;
	color: #fff;
	clear: both;
	margin: 5px auto;
}
#wrapper .footerMainSite .cookies .cont a {
	font-size: 12px;
	color: #fff;
}
#wrapper .footerMainSite .cookies .cont .cerrar {
	font-size: 15px;
	text-align: center;
	padding: 10px 15px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,.15), inset 0 0 1px rgba(30,42,50,.5);
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left 0, left 100%, from(#ccc), to(#ccc));
	background-image: -webkit-linear-gradient(top, #ccc, 0, #ccc, 100%);
	background-image: -moz-linear-gradient(top, #ccc 0, #ccc 100%);
	background-image: linear-gradient(to bottom, #ccc 0, #ccc 100%);
	background-repeat: repeat-x;
	color: #000;
	text-decoration: none;
	cursor: pointer!important;
	display: block;
	margin: 5px auto;
	clear: both;
}
#wrapper .footerMainSite .cookies .cont .cerrar a {
	text-decoration: none;
}
#wrapper .footerMainSite .cookies .cont .cerrar::after {
	content: "ENTENDIDO";
}

 @media (max-width:768px) and (orientation:landscape) {
/*main*/
#wrapper .mainMainSite {
	display: block;
	padding: 12vw 0 0 0;
}	 
#wrapper .footerMainSite .contNavSecSite .cont .copy {
	margin: 0;
}
}
 @media (min-width:768px) {
* {
	font-size: 15px;
}
p strong {
	font-size: 17px;
}
p a {
	font-size: 17px;
	font-weight: bold;
}
h1 {
}
h2 {
	font-size: 30px;
	font-family: 'Neo Sans Pro Light';
	font-weight: 700;
}
h3 {
	font-size: 20px;
	font-family: 'Neo Sans Pro Light';
	font-weight: 700;
}
.uiBtn {
	font-size: 20px;
}
/*suscribe news*/
.popUp {
	position: relative;
	display: block;
	background: rgba(17,163,217,0.8);
}
.popUp.on {
	display: block;
	height: 0;
}
.contSuscribete {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 3;
}
.suscribete {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 2;
	background: rgba(17,163,217,0.8);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}
.suscribete.on {
	width: 350px;
	height: auto;
}
.suscribete p {
	font-size: 12px;
}
.suscribete h3 {
	font-size: 20px;
}
.suscribete .acepto {
	font-size: 12px;
}
.suscribete .controlSus.ok input[type="button"] {
	padding: 7px 16px;
}
.suscribete {
	background: rgba(17,163,217,0.8);
}
#wrapper .mainMainSite .opciones {
	margin: 80px 0 20px 0;
}
/*header */
#wrapper .headerMainSite {
	position: fixed;
	width: 100%;
	height: 66px;
	background-color: #7cba00;
	z-index: 1000;
	clear: both;
}
#wrapper .headerMainSite.on {
	height: 66px;
	background-color: #7cba00;
}
#wrapper .headerMainSite .logo {
	padding: 0 15px;
}
#wrapper .headerMainSite .logo img {
	margin: 15px 0 0 5px;
}
#wrapper .headerMainSite .lang {
	text-align: right;
	position: relative;
	top: 10px;
	right: 0px;
	width:auto!important;
}
#wrapper .headerMainSite .lang.on {
	top: 10px;
}
#wrapper .headerMainSite .lang .es {
	width: 41px;
	height: 29px;
	background-image: url(../images/fd_lang.png);
	font-size: 12px;
	line-height: 12px;
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 5px 8px;
	margin: 0 0 0 5px;
	color: #fff;
	border: none!important;
	cursor: pointer;
}
#wrapper .headerMainSite .lang .es:hover {
	background-image: url(../images/fd_lang_on.png);
	border: none;
}
#wrapper .headerMainSite .lang .es.current {
	background-image: url(../images/fd_lang_on.png);
	border: none;
	display: none;
}
#wrapper .headerMainSite .lang .eng {
	width: 41px;
	height: 29px;
	background-image: url(../images/fd_lang.png);
	font-size: 12px;
	line-height: 12px;
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 5px 8px;
	margin: 0 0 0 5px;
	color: #fff;
	border: none!important;
	cursor: pointer;
}
#wrapper .headerMainSite .lang .eng:hover {
	background-image: url(../images/fd_lang_on.png);
	border: none;
}
#wrapper .headerMainSite .lang .eng.current {
	background-image: url(../images/fd_lang_on.png);
	border: none;
	display: none;
}
#wrapper .headerMainSite .cont {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
#wrapper .headerMainSite .cont .contNav {
	height: 66px;
}
#wrapper .headerMainSite .menu_display {
	display: none;
}
/*navigation*/
#wrapper .headerMainSite .navigation {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: rgba(0,0,0, 0.0);
	z-index: 1;
	display: block;
}
#wrapper .headerMainSite .navigation.on {
	top: -20px;
}
#wrapper .headerMainSite .navigation .close {
	display: none;
}
#wrapper .headerMainSite .navigation .navMain {
	position: relative;
	width: 100%;
	top: auto;
	top: 15px;
	right: 0;
	text-align: right;
}
#wrapper .headerMainSite .navigation .navMain ul {
	display: inline;
}
#wrapper .headerMainSite .navigation .navMain ul li {
	display: inline;
	font-size: 14px;
	color: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a {
	color: #fff;
	font-size: 14px;
	margin: 0 2px;
}
#wrapper .headerMainSite .navigation .navMain ul li:after {
	content: ".";
	padding: 0 3px 0 6px;
}
#wrapper .headerMainSite .navigation .navMain ul li:last-child:after {
	content: "";
	padding: 0;
}
#wrapper .headerMainSite .navigation .navMain ul li a {
	position: relative;
	color: #fff;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}
#wrapper .headerMainSite .navigation .navMain ul li a:hover, #wrapper .headerMainSite .navigation .navMain ul li a:focus {
	color: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a::after, #wrapper .headerMainSite .navigation .navMain ul li a::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
#wrapper .headerMainSite .navigation .navMain ul li a::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#wrapper .headerMainSite .navigation .navMain ul li a:hover, #wrapper .headerMainSite .navigation .navMain ul li a:focus {
	color: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a:hover::before, #wrapper .headerMainSite .navigation .navMain ul li a:focus::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#wrapper .headerMainSite .navigation .navMain ul li a::before, #wrapper .headerMainSite .navigation .navMain ul li a::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: center left;
	transform-origin: center left;
	-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#wrapper .headerMainSite .navigation .navMain ul li.on {
	color: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a.on {
	color: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a::before {
	background: #fff;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
#wrapper .headerMainSite .navigation .navMain ul li a::after {
	background: #fff;
}
#wrapper .headerMainSite .navigation .navMain ul li a.on::before {
	background: #fff;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
#wrapper .headerMainSite .navigation .navMain ul li a.on::after {
	background: #fff;
	color: #fff;
}
/*main*/
#wrapper .mainMainSite {
	padding: 8vw 0 0 0;
}
#wrapper .mainMainSite .focusVideo .skip {
	font-size: 2vw;
	width: 20vw;
	bottom: 2vw;
	left: calc(50% - 10vw);
}
#wrapper .mainMainSite .focusVideo {
	top: 66px;
}
#wrapper .mainMainSite .titSect {
	padding: 40px 0 20px 0;
	margin: 0 0 30px 0;
	text-align: center;
}
#wrapper .mainMainSite .titSect a, #wrapper .mainMainSite .titSect span {
	font-size: 30px;
}
#wrapper .mainMainSite .businessAreas .titSect a {
	color: #fff;
}
#wrapper .mainMainSite .labelSect {
}
#wrapper .mainMainSite .contentSect {
}
/*About*/
#wrapper .mainMainSite .about {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
}
/*About*/
#wrapper .mainMainSite .about {
	padding: 10px 0;
}
#wrapper .mainMainSite .about.FBMessenger {
	max-width: 1140px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#wrapper .mainMainSite .about.FBMessenger h1 {
	font-family: "Neo Sans Pro";
	font-size: 32px;
	letter-spacing: -1px;
	text-align: center;
	margin: 0 0 30px 0;
}
#wrapper .mainMainSite .about.FBMessenger h2 {
	font-family: "Neo Sans Pro Light";
	font-size: 18px;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0;
	clear: both;
}
#wrapper .mainMainSite .about.FBMessenger h2.it {
	background-image: url(../fb_messenger/images/it.png);
	background-repeat: no-repeat;
	background-position: 0 12px;
}
#wrapper .mainMainSite .about.FBMessenger .col-sm-6 {
	position: relative;
	overflow: hidden;
}
#wrapper .mainMainSite .about.FBMessenger ul {
	margin: 30px auto 0 auto;
}
#wrapper .mainMainSite .about.FBMessenger ul li {
	font-size: 18px;
	position: relative;
	text-align: center;
	padding: 5px 0;
	list-style: none;
	cursor: pointer;
}
#wrapper .mainMainSite .about.FBMessenger ul li:hover, #wrapper .mainMainSite .about.FBMessenger ul li.on {
	font-family: "Neo Sans Pro";
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
#wrapper .mainMainSite .about.FBMessenger .sep {
	border-left: 1px dotted #999;
	padding: 15px 15px 15px 30px;
}
#wrapper .mainMainSite .about.FBMessenger .ani .heart {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-animation: 0.65s linear infinite heartbeats;
	animation: 0.65s linear infinite heartbeats;
}
#wrapper .mainMainSite .about .ani {
	width: 360px;
	margin: 30px auto;
}
#wrapper .mainMainSite .about h2 {
	line-height: 30px;
}
#wrapper .mainMainSite .about h2 small {
	display: block;
	margin: 5px 0;
	font-size: 18px;
}
/*Business Areas*/
#wrapper .mainMainSite .businessAreas {
	height: 550px;
	background-image: url(../images/fd_business_1600.jpg);
	position: relative;
}
#wrapper .mainMainSite .businessAreas .areas {
	margin: 30px auto;
}
#wrapper .mainMainSite .businessAreas .areas .area {
	width: 16.66666667%;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	height: auto;
	position: relative;
}
#wrapper .mainMainSite .businessAreas .areas .area .ico {
	width: 100%;
	max-width: 130px;
}
#wrapper .mainMainSite .businessAreas .areas .area .label {
	font-size: 14px;
}
/*Latest Works */
#wrapper .mainMainSite .latestWorks {
	position: relative;
	height: auto;
	overflow: hidden;
}
#wrapper .mainMainSite .latestWorks .cont {
	width: 100%!important;
}
/*Twitter */
#wrapper .mainMainSite .latestTuits {
}
#wrapper .mainMainSite .latestTuits .cont {
	width: 80%;
	max-width: 425px;
}
#wrapper .mainMainSite .latestTuits .top {
}
#wrapper .mainMainSite .latestTuits .top .icon-twitter {
	color: #fff;
	font-size: 46px;
	position: absolute;
	left: -40px;
}
#wrapper .mainMainSite .latestTuits .top .user {
	color: #fff;
	font-size: 20px;
	margin: 0 0 0 5px;
	padding: 0;
}
#wrapper .mainMainSite .latestTuits .tuit {
	padding: 5px;
}
#wrapper .mainMainSite .latestTuits .tuit p {
	font-size: 17px;
	color: #fff;
	margin: 15px 0;
}
#wrapper .mainMainSite .latestTuits .tuit p a {
	font-size: 17px;
	color: #bdf056;
}
/*Latest Posts */
#wrapper .mainMainSite .latestPosts {
	position: relative;
	height: 620px;
	overflow: hidden;
}
#wrapper .mainMainSite .latestPosts .cont {
	width: 100%!important;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper {
	margin: 0 auto;
}
#wrapper .mainMainSite .latestPosts .slideshow_wrapper .slideshow.posts article h2 {
	font-size: 24px;
}
/*footer*/
#wrapper .footerMainSite .contFooter .cont .contUp {
	margin: 0;
}
#wrapper .footerMainSite .contFooter .cont .det {
	font-size: 16px;
	padding: 0 10px;
}
#wrapper .footerMainSite .contFooter .cont .det .medialabs {
	font-size: 20px;
}
#wrapper .footerMainSite .contFooter .cont .dat {
}
#wrapper .footerMainSite .contFooter .cont .dat a[href^="tel"] {
	font-size: 20px;
	margin: 0;
}
#wrapper .footerMainSite .contFooter .cont .dat a[href^="mailto"] {
	font-size: 13px;
}
#wrapper .footerMainSite .contFooter .cont .rss {
	text-align: center;
	padding: 20px 0 15px 5px;
	margin: 5px 0 0 0;
	border-left: 1px solid #fff;
	float: right;
	position: relative;
	left: -26%;
}
/*Navegación  Sec*/
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite {
	margin: 2px 0 0 5px;
}
#wrapper .footerMainSite .contNavSecSite .cont .copy {
	font-size: 13px;
}
#wrapper .footerMainSite .contNavSecSite .cont .navSecSite ul li a {
	font-size: 13px;
}
#wrapper .footerMainSite .cookies .cont .cerrar {
	width: auto;
	display: inline-block;
	margin: 5px 46%;
}
}
/*easing*/
.easing {
	-webkit-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
	-moz-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
	-o-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
	transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
	-webkit-transition-timing-function: cubic-bezier(0.095, 0.435, 0.000, 0.960);
	-moz-transition-timing-function: cubic-bezier(0.095, 0.435, 0.000, 0.960);
	-o-transition-timing-function: cubic-bezier(0.095, 0.435, 0.000, 0.960);
	transition-timing-function: cubic-bezier(0.095, 0.435, 0.000, 0.960);
}
@media (min-width:1024px) {
#wrapper .headerMainSite .logo img {
	margin: 2px 0 0 5px;
}	
/*main*/
#wrapper .mainMainSite {
	padding: 6vw 0 0 0;
}	
.contSuscribete {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 3;
}
/*msin*/
#wrapper .mainMainSite .clients {
	display: block;
	height: 770px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/fd_clients.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#wrapper .mainMainSite .clients .titSect {
	padding: 40px 0 20px 0;
}
#wrapper .mainMainSite .clients .titSect span {
	font-size: 30px;
	color: #fff;
}
#wrapper .mainMainSite .clients .slideshow_wrapper {
	width: 900px;
	height: 627px;
	margin: -30px auto 0 auto;
	position: relative;
	overflow: visible;
	background-image: url(../images/slider-clients/fd_slider_clients.png);
}
#wrapper .headerMainSite .navigation .navMain ul li {
	font-size: 18px;
}
#wrapper .headerMainSite .navigation .navMain ul li a {
	font-size: 18px;
	margin: 0 5px;
}
#wrapper .mainMainSite .about h2 {
	line-height: 34px;
}
}
@media (min-width:1025px) {
#wrapper .mainMainSite .focusVideo .contVideo .controlVideo {
	width: 32px;
	height: 32px;
	bottom: 9vw;
	cursor: pointer;
	z-index: 3;
}
#wrapper .mainMainSite .focusVideo .contVideo .sound{
	background-image: url(../images/sound-off.png);
	left: 2vw;
	bottom: 9vw;
}
#wrapper .mainMainSite .focusVideo .contVideo .sound.on {
	background-image: url(../images/sound-on.png);
	left: 2vw;
	bottom: 9vw;	
}
#wrapper .mainMainSite .focusVideo .contVideo .replay {
	width: 70px;
	height: 70px;
	left: calc(50% - 35px);
	top: calc(50% - 35px);
}
#wrapper .mainMainSite .focusVideo .contVideo .skip {
	padding: 0.7vw 0;
}
/*header */
#wrapper .mainMainSite {
	padding: 70px 0 0 0;
}
#wrapper .headerMainSite .lang {
	text-align: right;
	position: relative;
	top: 5px;
	right: 20px;
}
#wrapper .headerMainSite .lang.on {
	top: 0;
}
#wrapper .headerMainSite .lang {
	text-align: right;
	position: fixed;
	top: 15px;
	right: 20px;
}
#wrapper .headerMainSite .navigation.on {
	top: -30px;
}
#wrapper .headerMainSite .navigation .navMain {
	position: relative;
	width: 100%;
	top: 10px;
	right: 5%;
	text-align: right;
}
/*main*/

#wrapper .mainMainSite .about {
	position: relative;
	overflow: hidden;
}
#wrapper .mainMainSite .clients {
	display: block;
	height: 770px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/fd_clients.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#wrapper .mainMainSite .clients .titSect {
	padding: 40px 0 20px 0;
}
#wrapper .mainMainSite .clients .titSect span {
	font-size: 30px;
	color: #fff;
}
#wrapper .mainMainSite .clients .slideshow_wrapper {
	width: 900px;
	height: 627px;
	margin: -30px auto 0 auto;
	position: relative;
	overflow: visible;
	background-image: url(../images/slider-clients/fd_slider_clients.png);
}
#wrapper .mainMainSite .businessAreas .areas .area .label {
	font-size: 18px;
}
/*footer*/
#wrapper .footerMainSite .contFooter .cont .dat {
}
#wrapper .footerMainSite .contFooter .cont .rss {
	text-align: center;
	padding: 15px 0 15px spx;
	margin: 15px 0 10px 0;
	border-left: 1px solid #fff;
	left: -40%;
}
#wrapper .mainMainSite .about .ani .heart {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-animation: none;
	animation: none;
}
/* Hover style */
#wrapper .mainMainSite .about .ani .heart:hover {
	-moz-animation: 0.65s linear infinite heartbeats;
	-o-animation: 0.65s linear infinite heartbeats;
	-ms-animation: 0.65s linear infinite heartbeats;
	-webkit-animation: 0.65s linear infinite heartbeats;
	animation: 0.65s linear infinite heartbeats;
}
}
@media (min-width:1280px) {
#wrapper .mainMainSite .businessAreas {
	background-image: none;
	height: 500px;
}
#wrapper .mainMainSite .businessAreas .fondo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}
#wrapper .mainMainSite .businessAreas .fondo .videoplayer {
	width: 100%;
	min-height: 440px;
}
#wrapper .mainMainSite .focusVideo .skip {
	font-size: 1vw;
	width: 10vw;
	bottom: 8vw;
	left: calc(50% - 5vw);
}
}
 @-webkit-keyframes heartbeats {
 0% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
}
 20% {
 -webkit-transform:scale(1.3);
 -ms-transform:scale(1.3);
 transform:scale(1.3);
}
 40% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
}
}
@keyframes heartbeats {
 0% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
}
 20% {
 -webkit-transform:scale(1.3);
 -ms-transform:scale(1.3);
 transform:scale(1.3);
}
 40% {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
}
}
/*
==============================================
slideLeft
==============================================
*/


.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}
 @keyframes slideLeft {
 0% {
 transform: translateX(150%);
}
 50% {
 transform: translateX(-8%);
}
 65% {
 transform: translateX(4%);
}
 80% {
 transform: translateX(-4%);
}
 95% {
 transform: translateX(2%);
}
 100% {
 transform: translateX(0%);
}
}
 @-webkit-keyframes slideLeft {
 0% {
 -webkit-transform: translateX(150%);
}
 50% {
 -webkit-transform: translateX(-8%);
}
 65% {
 -webkit-transform: translateX(4%);
}
 80% {
 -webkit-transform: translateX(-4%);
}
 95% {
 -webkit-transform: translateX(2%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
.rwd {
	width: 100%;
	max-width: 100%;
}
.left {
	padding: 0 5px 0 0!important;
}
.right {
	padding: 0 0 0 5px!important;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
	padding: 5px;
}
.row {
	margin: 0 -5px;
}
/*COLUMNAS*/
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: 0%;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: 0%;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}
 @media (min-width:768px) {
.left {
	padding: 0 10px 0 0!important;
}
.right {
	padding: 0 0 0 10px!important;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	padding: 10px;
}
.row {
	margin: 0 -10px;
}
/*COLUMNAS*/
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: 0%;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: 0%;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}
 @media (min-width:1024px) {
.left {
	padding: 0 15px 0 0!important;
}
.right {
	padding: 0 0 0 15px!important;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	padding: 15px;
}
.row {
	margin: 0 -15px;
}
/*COLUMNAS*/
.col-md-1 {
	width: 8.33333333%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-3 {
	width: 25%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-6 {
	width: 50%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-9 {
	width: 75%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-12 {
	width: 100%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: 0%;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: 0%;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0%;
}
}
 @media (min-width:1280px) {
/*COLUMNAS*/
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: 0%;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: 0%;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0%;
}
}
.easing {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*legalPopup*/
.legalPopup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.86);
	position: fixed;
	overflow: scroll;
	z-index: 140;
	top: 0;
	left: 0;
	display: none
}
.legalPopup .contentLegal {
	width: 96%;
	margin: 0 2%;
	position: relative;
	top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	display: none;
}
.legalPopup .contentLegal .cerrar {
	float: right;
	clear: both;
	cursor: pointer;
	position: relative;
	z-index: 200;
	font-size: 7vw;
	font-weight: bold;
}
.legalPopup .contentLegal .titSect {
	display: block;
	clear: both;
}
.legalPopup .contentLegal p {
	clear: both;
	text-align: justify;
	font-size: 3vw;
	color: #000;
}
 @media (min-width:768px) {
.legalPopup::-webkit-scrollbar {
width: 1px;
}
.legalPopup .contentLegal {
	width: 60%;
	margin: 10% 20%;
}
/*legalPopup*/
.legalPopup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.86);
	position: fixed;
	overflow: scroll;
	z-index: 140;
	top: 0;
	left: 0;
	display: none
}
.legalPopup .contentLegal {
	width: 60%;
	margin: 0 20%;
	position: relative;
	top: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	display: none;
}
.legalPopup .contentLegal .cerrar {
	font-size: 2vw;
}
.legalPopup .contentLegal p {
	font-size: 0.6vw;
}
}
/*
==============================================
expandOpen
==============================================
*/


.expandOpen {
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}
 @keyframes expandOpen {
 0% {
 transform: scale(1.8);
}
 50% {
 transform: scale(0.95);
}
 80% {
 transform: scale(1.05);
}
 90% {
 transform: scale(0.98);
}
 100% {
 transform: scale(1);
}
}
 @-webkit-keyframes expandOpen {
 0% {
 -webkit-transform: scale(1.8);
}
 50% {
 -webkit-transform: scale(0.95);
}
 80% {
 -webkit-transform: scale(1.05);
}
 90% {
 -webkit-transform: scale(0.98);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @media (max-width:1024px) {
/*
==============================================
ani marker
==============================================
*/

.ani_marker {
	position: relative;
	width: 50px;
	float: right;
	top: -20px;
}
.marker {
	fill: #ccc;
}
.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
 @keyframes slideDown {
 0% {
 transform: translateY(-100%);
}
 50% {
 transform: translateY(8%);
}
 65% {
 transform: translateY(-4%);
}
 80% {
 transform: translateY(4%);
}
 95% {
 transform: translateY(-2%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes slideDown {
 0% {
 -webkit-transform: translateY(-100%);
}
 50% {
 -webkit-transform: translateY(8%);
}
 65% {
 -webkit-transform: translateY(-4%);
}
 80% {
 -webkit-transform: translateY(4%);
}
 95% {
 -webkit-transform: translateY(-2%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
.ani_marker .marker {
	fill: #7cba00;
	animation-name: marker;
	-webkit-animation-name: marker;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important;
}
 @keyframes marker {
 0% {
 fill:#ccc;
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
 fill:#7cba00;
}
}
 @-webkit-keyframes marker {
 0% {
 fill:#ccc;
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
 fill:#7cba00;
}
}
}
 @media (min-width:1025px) {
/*
==============================================
ani marker
==============================================
*/


.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
 @keyframes slideDown {
 0% {
 transform: translateY(-100%);
}
 50% {
 transform: translateY(8%);
}
 65% {
 transform: translateY(-4%);
}
 80% {
 transform: translateY(4%);
}
 95% {
 transform: translateY(-2%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes slideDown {
 0% {
 -webkit-transform: translateY(-100%);
}
 50% {
 -webkit-transform: translateY(8%);
}
 65% {
 -webkit-transform: translateY(-4%);
}
 80% {
 -webkit-transform: translateY(4%);
}
 95% {
 -webkit-transform: translateY(-2%);
}
 100% {
 -webkit-transform: translateY(0%);
 fill:#7cba00;
}
}
/*
==============================================
ani marker
==============================================
*/
.ani_marker {
	position: relative;
	width: 50px;
	float: right;
	top: -20px;
}
.marker {
	fill: #ccc;
	animation-name: markerIni;
	-webkit-animation-name: markerIni;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important;
}
.ani_marker:hover .marker {
	fill: #7cba00;
	animation-name: marker;
	-webkit-animation-name: marker;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important;
}
 @keyframes markerIni {
 0% {
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
}
}
 @-webkit-keyframes markerIni {
 0% {
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
}
}
 @keyframes marker {
 0% {
 fill:#ccc;
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
 fill:#7cba00;
}
}
 @-webkit-keyframes marker {
 0% {
 fill:#ccc;
 transform: rotate(0deg);
}
 20% {
 transform: rotate(-4deg);
}
 35% {
 transform: rotate(4deg);
}
 50% {
 transform: rotate(-4deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
 fill:#7cba00;
}
}
}