@charset "utf-8";
/* CSS Document */

:root {
  --color-primaryXX: #f7d3ef;
  --color-primary-rgbXX: 247,211,249;
  --color-primary: #25ABE2;
  --color-primary-rgb: 37,171,226;	
  --header-height: 100px;
  --color-secondary: #adaead;
  --color-secondary-rgb: 173,174,173;
  --color-terciary: #efefef;
  --color-terciary-rgb: 239,239,239;
  --color-4: #25ABE2;
  --color-4-rgb: 37,171,226;
  --color-grey3: #4B5259;
}

html {
	height: 100%;
  font-size: calc(14px + 0.3vw);
}

body {
	height: 100%;
	margin:0;
	padding:0;
  font-family: 'open sans';
	/*font-size:16px;*/
	color:#666;
  background: var(--color-terciary);
  letter-spacing: 0.04rem;
}	

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:var(--color-4); text-decoration:none;transition: color 0.2s ease;}
a:hover {color:var(--color-grey3);transition: color 0.2s ease;}
p {text-align: justify;margin:10px 0;}

input[type=submit] {width:auto;cursor:pointer;}

h1 {
  font-size: 1.6rem;
  margin: 30px 0;
  border-bottom: none;
  color: var(--color-4);
  text-transform: uppercase;
  padding-top: 4px;
}
h2 {font-size:1.3rem;  margin:10px 0; font-weight:600; padding:0; } 
h3 {font-size:1.1rem; color:#333;  text-transform:uppercase; text-align:left; margin-bottom:10px;}

ul.li-pd20 li {
  padding-bottom: 20px;
}

ul.nobullet {
list-style: none;
}

#wrapper {width:100%; margin:0 auto; height: 100%;  }
.bgter {background: var(--color-terciary);}
.bgsec {background: var(--color-secondary);}
.bggrey3 {background: var(--color-grey3);}
.colorsec {color: var(--color-secondary);}

.boton {border: 1px solid #333;padding: 20px;}
.invisible {visibility: hidden;}
.fr {float:right;}
.fl {float:left;}
.gochi {font-family: 'Gochi Hand', cursive;}
.julius {font-family: 'Julius Sans One', sans-serif;}
.quango {font-family: 'Quango', sans-serif;}

.upperbold {text-transform:uppercase;font-weight:bold;}
.error {color: #f00 !important;}
.success {color: #093 !important;}

.bglight {background: rgba(66,116,190,0.1) !important;}
.bgcolor {background: var(--color-primary) !important;} /* Celeste */
.bgcolor2 {background: var(--color-secondary) !important;} /* Violeta */
.bgcolor3 {background: #e41770 !important;} /* Rosa */
.bgcolor4 {background: #10597F !important;} /* Celeste2 */
.txtcolor {color: rgba(66,116,190,1) !important;}
.txtright {text-align: right;}
.white {color:#fff !important;}
.outbox {border: 1px solid #ddd; }
.ucase {text-transform: uppercase;}
.uline {text-decoration: underline;}
.txtita {font-style: italic;}
.alert {color: red !important; font-style: normal !important; }
.pd50 {padding: 50px;}
.pd40 {padding: 40px;}
.mg10 {margin: 10px;}
.txtcenter *, .txtcenter {text-align: center;}
.mgtopbotton {margin-top: 45px;margin-bottom: 45px;}
.pdtopbotton {padding-top: 45px;padding-bottom: 45px;}
.h100 {height: 100%;}
.h150px {height: 150px;}
.posfixed {position: fixed;}

.button {margin:30px;font-weight: 900;color: #fff;background-color: var(--color-4);padding: 10px;}
.button:hover {color: #fff;}

.buttonhome {font-size: 1.4rem; margin:30px;font-weight: 900;color: #fff;background-color: var(--color-4);padding: 30px;}

.mid {
  margin-left: auto;
  margin-right: auto;
  position:relative;
  width:96%;
  max-width: 1200px;
}

.flexcol {
  display: flex;
  flex-direction: column;
}

.flexrow {
  flex-direction: row;
}

.flexcenter {
  align-items: center;
  align-content: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap; 
}

.spaceitemstb > * {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

.flexstart {
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap; 
}

.flexsb {
  align-items: center;
  align-content: center;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;  
}

.flexsa {
  align-items: center;
  align-content: center;
  justify-content: space-around;  
  display: flex;
  flex-wrap: wrap;  
}

.col350 {
  height: 250px;
  width: 260px;
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 20px;
  flex-direction: column;
}
.col10 {width:83.3%;}
.col9 {width:75%;}
.col8 {width:66.7%;}
.col7 {width:58.3%;}
.col6 {width:50%;}
.col6b {width:49%;}
.col6b:nth-child(2n+1){margin-right:1%;}
.col6b:nth-child(2n){margin-left:1%;}
.col5 {width:41.6%;}
.col4 {width:33.3%;}
.col3b {width:31%;}
.col3 {width:25%;}
.col2 {width:16.6%;}


header {
  position:absolute;
  top: 0;
  width:100%;
  height:var(--header-height);
  z-index:1000;
}

.col6 img {width: 100%;object-fit: cover;
    height: 100%;}

#headerfix {height:0px;}
header > div#header {height: 100%;}
#logo {flex-direction: column;height: 100%;}
#logo img {height: 86%; margin-right:12px;}
#logo p {text-align: center; color: #000e62;font-size: 12px; margin: 3px;}
#social {
  flex: 1 1 auto;
  max-width: 180px;
  flex-direction: row;
}
#social img {height: 25px;}
.lang {font-size: 12px; color: #e41770;}

.bordertopbottom {
    border-bottom: 1px solid var(--color-secondary);
}

#video-wrapper {
    position: relative;
    width: 100%;
    z-index: -1;
    max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

#video-wrapper h1 {
	text-shadow: 2px 2px 8px #000;	
	font-size: calc(14px + 1.6vw);
	font-weight: 900;
    border-bottom: none;
    color: #fff;
    text-transform: none;
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#video-wrapper video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none;
  vertical-align: bottom;
}

ul#nav {text-transform:uppercase; list-style: none; flex-direction: row; margin-left:auto; margin-right: auto; flex: 1 1 auto; }
ul#nav li {flex-direction: column; position: relative; display: block;}
ul#nav li a {display: block;color:#fff; font-size: 0.8em; font-weight:700; transition: color 0.2s ease;  padding:5px 8px;border: 1px solid transparent;text-transform: uppercase;}
ul#nav li:hover >a, ul#nav li.active >a {transition: all 0.2s ease; border-color:  var(--color-primary);color: var(--color-primary);;}

/*header_menu_second*/
ul#nav li ul {display:none; opacity:0; top:35px; transition: opacity 2.7s ease; flex-direction: column; position: absolute; z-index:9;list-style:none;  height:auto;overflow:hidden;box-shadow: 0 6px 12px rgba(0,0,0,.075);}
ul#nav li:hover ul{display:flex; opacity: 1; transition: opacity 2.7s ease;}

ul#nav li ul li {margin:0;z-index:99;  display:block; background:#fff; height:auto; padding:0; }
ul#nav li ul li a{text-align:left; font-size:0.7rem; text-transform:uppercase; border:none !important; padding:12px !important;white-space: nowrap;}
ul#nav li ul li a:hover{background:rgba(0,0,0,0.04);border:none;}

#navmobile {display:none;background: white;}
#navmobile ul li a{display:block; margin:0px;font-size:0.7rem;  font-weight:400; color:#000; text-decoration:none;padding:8px 14px; text-transform:uppercase;}
#navmobile ul li ul li  a{display:block; margin:0px;font-size:0,65rem; margin-left:30px;  font-weight:400; text-decoration:none;padding:8px 14px; text-transform:uppercase;}

a.menutoggle {
  filter: invert(100%);
  display: none;
  color: #FFF;
  padding: 16px 0 16px 50px;
  background: url(../images/menu.png) no-repeat left 2px / 30px;
  font-size: 0.9rem; 
}

#homewrap {
  box-shadow: 0 -6px 12px rgba(0,0,0,.075);
  position: relative;
}

#homeintro {
  margin: 0 auto;
  font-weight: 100;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 1.1em;
  line-height: calc(1em + 1vw);
  padding: 2% 3%;
  background: var(--color-4);
  z-index: 2;
  text-align: center;
}

#mainhome {
  flex-wrap: wrap;
  padding: 0;
}

/* NEWSLETTER */

#newsletterhomewrapper {
    margin:10px auto;
    width: 500px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../images/newsletter-bg.png');
    background-size: cover;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    font-family: 'Oswald';
    font-weight: 200;
}

#newsletterhomewrapper p {
  font-size: 0.7rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.3rem;
}

#newsletterhomewrapper h2 {
  font-size: 3rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-4);
  position: relative;
  padding-bottom: 20px;
	font-weight: 200;
}

#newsletterhomewrapper h2:after {
	content: "";
    border-bottom: 4px solid;
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
}

#newsletterhomewrapper img {
  height: 50px;
  object-fit: contain;
}

#newsletterhomewrapper form {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#newsletterhomewrapper form input[type=email] {
  background: #fff;
  height: 40px;
  padding: 20px;
  width: 250px;
  border: none;
}

#newsletterhomewrapper form input[type=submit] {
  font-size: 1.1rem;
  margin:10px;
  font-weight: 700;
  color: #fff;
  background-color: var(--color-4);
  border:none;
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 1.7rem;
  height: 45px;
}

.showsent {
  font-size: 1.1rem;
  margin:10px;
  font-weight: 700;
  color: var(--color-4);
  border:none;
  text-transform: uppercase;
  padding: 10px 20px;
  background-color: #ccc;
}

/* END NEWSLETTER */


/* PRICES */

#prices {
    background: var(--color-4);
    display: flex;
    flex-direction: column;
}
#prices .lh1 {}
#prices + div {
  background-image: url(../images/fotoprecios.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#prices * {
	text-transform: uppercase;
	color: #fff;
	font-family: 'Oswald';
	text-align: center;
	padding: 4px 0;
}

#prices .flexcol * {
	padding: 0;
}

#prices > * {
	padding: 4px 0;
	font-size: 1.16rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
}

#prices > :nth-child(even) {
	background: var(--color-secondary);
	border-top: 3px var(--color-terciary) solid;
	border-bottom: 3px var(--color-terciary) solid;
}

#prices > :nth-child(odd) {
	background: var(--color-4);
	border-top: 3px var(--color-terciary) solid;
	border-bottom: 3px var(--color-terciary) solid;
}

#prices > :first-child {
	border-top: none;
  flex: 1 1 auto;
}

#prices > :last-child {
	border-bottom: none;
}

#prices img {
	width: 44px;
  height: auto;
}

#prices p {
	font-size: 0.7rem;
	letter-spacing: 0.2em; margin: 0; 
}

#prices h2 {
	font-size: 1.5rem; margin: 0; line-height: 1.2;
}

#prices h3 {
  font-size: 1.2rem;line-height: 1.11;
}

#prices .verticalline {
	width: 5px;
	background: var(--color-terciary);
	position: absolute;
	bottom: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

#prices .circle {
	margin-left:-12px;
	width: 30px;
	height: 30px;
	background: var(--color-terciary);
	border-radius: 100px;
	padding: 0;
}

/* END PRICES */

/* SLIDESHOW */

#slideshow {padding-top:10px; margin: 20px 0; z-index: 1;}
.slidewrap { width:100%; margin:0 auto;}
.slide {height:260px; width:100%}
#slidewm {position:absolute; bottom:14px; right:14px; }

.slide_title, .slide_subtitle {position:absolute; background:#EFEC94; font-size:38px; font-weight:700; color:#000; padding:4px 20px;font-family: 'Amatic SC', cursive; }
.slide_title {bottom:80px;left:-8px;}
.slide_subtitle  {bottom:30px;left:-8px;}

/* END SLIDESHOW */

#bread {
  margin-top: 30px;
  padding: 10px;
  font-size: 14px;
}

#main {
  padding-top: var(--header-height);
  padding-bottom:20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

#main > img {
  width: 20%;
}

#content_wrapper ul {
  /*padding-left: 40px;*/
}

#content_wrapper figure.fr {
  float: right;
  margin: 40px 0 40px 40px;
}

#content_wrapper figure.fl {
  float: left;
  margin: 0px 40px 40px 40px;
}

#content_wrapper figcaption {
  font-size: 12px;
}

#content_wrapper h1 {
  width: 100%;
  clear: both;
  font-weight: 600;
  text-transform: uppercase;
  margin: 30px 0 10px 0;
  font-size: 1.3rem;
}

#content_wrapper h2 {
  width: 100%;
  clear: both;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  color: #333;
}

.twocol {display: flex;}
.content_left {width:49%;margin:0 10px;}
.content_right {width:49%;margin:0 10px;}
.socialcols > div {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}

#fbwrapper {
  overflow: hidden;

}

.homeblock.twocol p {
  width: 100%;
  font-size: 1.1em;
  color: #333;
  font-weight: 600;
  padding:0 40px;
  line-height: calc(1em + 2vw);
  position: relative;
}

.twocol.borderleft p {
	text-align: left;
    padding-right:0px;
}

.twocol.borderright p {
	text-align: right;
    padding-left:0px;
}

.twocol.borderleft p:before {
	content: "";
    border-left: 5px solid var(--color-4);
	position: absolute;
	top: 10%;
	bottom: 10%;
	left:0px;
}

.twocol.borderright p:after {
	content: "";
    border-right: 5px solid var(--color-4);
	position: absolute;
	top: 10%;
	bottom: 10%;
	right: 0px;
}


.colpd + .colpd {padding-left:40px;}

.col h2 {
	color: rgba(66,116,190,1);
    text-align: center;
    font-weight: 100;
    padding: 10px 0;
    font-size: 1.5rem;
	font-family:'quango';
	text-transform:uppercase;
	margin: 0;
}
.col img {  position: absolute;
    top:-100%; left:0; right: 0; bottom:-100%;
    margin: auto;
	width:100%;height:auto;}
.col .coloroverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0);
    height: 100%;
    transition: all 1.0s;
    -webkit-transition: all 1.0s;
}
.col .coloroverlay p{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
    font-size: 1rem;
    color: #fff;
    line-height: 25px;
    padding: 10px;
	color:transparent;
    transition: all 1.0s;
    -webkit-transition: all 1.0s;
	overflow:hidden;
}
.col .colimg {
    position: relative;
	height:200px;
	overflow:hidden;
}
.col:hover .coloroverlay{background: rgba(66,116,190,0.8);}
.col:hover .coloroverlay p{color:#fff;}


.camhead {text-align: center; background: var(--color-primary); font-size: 25px; color: #FFF; Xmargin-top: 20px; padding: 7px 2px; Xtext-shadow: 1px 1px 2px #FFF;}


/* OWLCAROUSEL */

.pathead {text-align: center; background: #DDD; font-size: 22px; color: var(--color-primary); padding: 4px 2px; text-shadow: 1px 1px 2px #FFF;}

#clientes-logos {
   padding: 20px 0 90px 0;
  background: var(--color-terciary);
}

.client-logo {
  border: 1px solid #bbb;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%);
  background: var(--color-terciary);
}

.client-logo:hover {
  filter: none;
}

.client-logo * {
  object-fit: contain;
  height: 120px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2vw;    
}

.owl-theme .owl-controls {
  height: auto;
  bottom: -20px;
}

.owl-theme .owl-controls .owl-nav div {
  background-color: var(--color-4);
}

#clientes-logos .owl-stage-outer {
	padding-bottom: 0;
}


.disabledlink {
  pointer-events: none;
}

/* END OWLCAROUSEL */

/* PEOPLE */

.flex-column {
  flex-direction: column;
}

.peoplecontainer {
	display: flex;
}

.peoplecontainer h1 {
	text-transform: none;
	border-bottom: 1px solid #ddd;
  font-size: 1.2rem;
  margin: 10px 0;
}

.peoplewrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
  grid-auto-rows: 400px;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  margin-bottom: 30px;
}

.peoplewrap h1 {
	margin: 20px 0;
	display: block;
}

.peoplewrap .item {
  font-size: 0.8rem;
  height: 95%;
  width: 95%;
  background: #fff;
  padding: 15px;
	border-radius: 10px 10px;
  box-shadow: 0 6px 12px rgba(0,0,0,.045);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.peoplewrap .item * {
  padding-top: 0px;
  padding-bottom: 0px;
}

.peoplewrap .item .title {
  font-size: 1rem;
}

.peoplewrap .item :first-child {
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.peoplewrap .item :first-child img {
  width: 70%;
  height: 80%;
  object-fit: contain;
}

.peoplewrap .item .addressicon {
  height: 20%;
}

.peoplewrap .item .iconleft {
  background-size: 20px;
  padding: 5px 30px;
}

.peoplewrap .item h3 {
	text-transform: none;
  	font-size: 13px;
  	font-weight: normal;
  	color: #555;
    height: 40px;
}

.peoplewrap .item > * > * {
  padding-top: 10px;
}

.peoplewrap.detail {
	display: flex;
	flex-wrap: wrap;
}

.peoplewrap.detail img {
	width: 100%;
	border-radius: 10px;
}

.peoplewrap.detail .title {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.peoplewrap.detail .category {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}

.peoplewrap.detail .content {
	font-size: 14px;
	font-weight: normal;
}

.peoplewrap.detail .contact {
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0;
}

.peoplewrap.detail .contact span {
	font-weight: bold;
}

.peoplewrap.detail .contact span.areas {
	font-weight: bold;
	font-size: 16px;
	margin: 30px 0 0 0;
	display: block;
}

.peoplewrap.detail .oa {
	margin: 20px 0;
}

/* PEOPLE END */

/* NEWS */

#newswrap {
  display: flex;
}

.newspost:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  color: initial;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);  
}

.newspost {
  margin: 20px 20px;
  width:360px;
  max-width:100%;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 500px;
  color: #222;
  border: 1px solid #eee;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);  
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  background: #fff;
  overflow: hidden;
}

.newspost .newsimg {
  height: 40%;
  width: 100%;
  overflow: hidden;
}

.newspost .newsimg img {
  object-fit: cover;
  width:100%;
  height: 100%;
}

.newspost .newsinfo {
  padding: 10px 15px;
	overflow:hidden;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.newspost .newsinfo .newsdate {
  font-size:0.8rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.newspost .newsinfo .newstitle {
  margin-top:15px;
  color: var(--color-4);
  border: none;
  text-transform: none;
  overflow: hidden;
  font-size: 1.1rem;
}

.newspost .newsinfo .newsintro {
  margin-top:15px;
  color: #222;
  border: none;
  text-transform: none;
  overflow: hidden;
  font-size: 0.9rem;
}

.rdmore {
  padding:5px 10px;
  margin: auto;
  display: block;
  width: 50%;
  text-align: center;
  align-self: flex-end;
  text-transform: uppercase;
  font-size: 14px;
}

/* REVISTA */

.revistaitem {
  margin: 20px 40px;
  width:300px;
  max-width:300px;
  flex-direction: column;
  flex-wrap: nowrap;
  color: #222;
}

.revistaitem .itemimg {
  height: 400px;
  width: 300px;
  overflow: hidden;
  cursor:zoom-in;
}

.revistaitem .itemimg img {
  object-fit: cover;
  width:100%;
  height: 100%;
}

.revistaitem .iteminfo {
  padding: 0;
  color: #222;
}

.revistaitem .iteminfo .itemdate {
  font-size:0.8rem;
}

.revistaitem .iteminfo h2.itemtitle {
  margin: 0;
  font-size: 0.8rem;
}

/* REVISTA END */

/* NEWS DETAIL AND TEAM TRAIN*/

.newsdetailimg {overflow:hidden;width:100%;}
.newsdetailimg img {
  width: 100%;
}
.newsdetailinfo {font-size:0.8rem;color:#888;margin:5px 0 30px 0;}
.newsdetailtitle {margin-bottom:0;}
.newsdetailcontent {font-size:1rem;text-align:justify; color:#222;padding:10px 0px;}
.newsdetailcontent img {margin: 0 15px;}
.oa {
  font-size:0.8rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.detail .newspost {
  background:transparent;
  height:auto;
  width: 100%;
  max-width: 100%;
  display:flex;
  flex-direction: row;
  margin-bottom:30px;
  justify-content: center;
  align-items: center;
  margin-right:0;
  margin-left:0;
  margin-top: 0;
}


.detail .newspost .newsinfo {
	flex:0 0 60%;
	height:inherit;
  padding: 4px 10px;
	overflow:hidden;
}

.detail .newspost .newsimg {
  height: 120px;
  overflow: hidden;
}

.detail.areas .newspost .newsimg {
  height: 50%;
  flex: 0 0 40%;
  overflow: hidden;
}

.detail.areas .newspost .newsinfo {
  flex:0 0 60%;
  height: 50%;
  overflow:hidden;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
}

.detail.areas .newspost .newsinfo .newstitle {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
}

.detail.areas .newspost .newsimg img {
  object-fit: contain;
}

.detail .newspost .newsinfo .newsdate {font-size:0.6rem;}
.detail .newspost .newsinfo .newstitle {font-size:0.8rem;text-transform:none;line-height:normal;height:auto;font-weight:600;margin:2px 0;}

.newsgal {margin-bottom:30px; text-align:center; display: flex; flex-direction: row;}
.galimg {margin-right:10px;}

/**/



.galphoto {display:inline-block; width:66px; border:1px solid #CCC; margin-right:10px;margin-bottom:10px;}
.galphoto a {color:#FFF;}
.galpic  {width:100%;height:61px;}
.galpic  img {width:100%;height:61px}

.exmainmic {margin-bottom:8px;}
.excphotoscroll {position:relative; width:92%; margin:0 auto;}
.rpprev {position:absolute; top:20px; left:-20px; z-index:99;}
.rpnext {position:absolute;top:20px; right:-20px;z-index:99;}


/*form contact */
form.mainform > div {
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {

  float: left;
  padding-right: 10px;
}
form.mainform > div > div,
form.mainform > div > fieldset > div {
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input,
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #B2B2B2;
  padding:10px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:0.9rem;
}

.leftformfield{width:48%; float:left; margin:0 2% 0 0;}
.rightformfield{width:48%; float:right; margin:0 0 0 2%;}

form.mainform input[type=submit] {width:auto;cursor:pointer; background: var(--color-4); color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;}
form.mainform input[type=submit]:hover { background:var(--color-secondary);transition: background 0.2s ease; -webkit-appearance: none;}

.tar {text-align:right;}
form.mainform label.error {background:transparent;padding:3px; color:#FFF; font-size:1rem;}

form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:3px;
	width:100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;

}

form.mainform select::-ms-expand {
    display: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}


/* FOOTER */

footer {
  background: var(--color-grey3);
  padding: 30px 0;
}

#footer {
  display: flex;
  align-items: start;
  justify-content: space-between;
  color: #fff;
  flex-wrap: wrap;
  border-top: 4px solid var(--color-4);
}

#sfooter > :first-child {
	flex:0 1 50%;
}

#footer > * {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#footer ul {
  list-style:none;
}

#footer p {
  text-align: left;
}

#footer .capital {
  color: #aaa;
  font-weight: 600;
}

#footer ul li {
  padding: 10px 0;
}

#footer a {
  color: #fff;
}

.iconleft {
  padding: 10px 40px;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: left center;
}

.iconright {
  padding: 10px 40px;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: right center;
}

.iconlefthome {
  background-size: 50px;
  padding: 10px 80px;
  background-repeat: no-repeat;
  background-position: left center;
}


.icontopthome {
  background-size: 80px;
  padding: 80px 0px;
  background-repeat: no-repeat;
  background-position: top left;
}

.hoycerdoicon {
  background-image: url("../images/icons/hoycerdo.png");
}

.porcinosicon {
  background-image: url("../images/icons/porcinos.png");
}

.mailicon {
  background-image: url("../images/icons/contact-white.png");
}

.mailicondark {
  background-image: url("../images/icons/contact.png");
}

.phoneicon {
  background-image: url("../images/icons/phone.png");
}

.webicon {
  background-image: url("../images/icons/web.png");
}

.addressicon {
  background-image: url("../images/icons/address.png");
}

.twittericon {
  background-image: url("../images/icons/twitter.png");
}

.facebookicon {
  background-image: url("../images/icons/fb.png");
}

.instagramicon {
  background-image: url("../images/icons/instagram.png");
}

.youtubeicon {
  background-image: url("../images/icons/youtube.png");
}

.maizicon {
  background-image: url("../images/icons/maiz.png");
}

.sojaicon {
  background-image: url("../images/icons/soja.png");
}

.pigicon {
  background-image: url("../images/icons/pig.png");
}


/* FOOTER END */

/* sidebox */

.sidebox {position:relative;padding:0; }
.sidebox iframe {height:283px;width:100%;}
.sidebox p {font-size:14px;}
.sidebox span {color:#008751;}
p.fiatc {color:#FFF !important; font-size:18px; background:url(../images/phonebl.png) no-repeat left center; padding-left:42px;line-height:38px;}
.fiskype {background:url(../images/skype.png) no-repeat left center; padding-left:20px; display:block;}

.fititle {color:#FFF; font-weight:bold;}
.fiphone {position:absolute;left:0;top:-52px;width:40%;background:url(../images/phone.png) no-repeat left center; background-size:18px;padding:5px 0 5px 30px; }
.fimail {position:absolute;right:0;left:0;width:30%;margin:auto;top:-52px;background:url(../images/mail.png) no-repeat left center; background-size:18px;padding:5px 0 5px 30px; }
.fiaddress {width:100%;background:url(../images/marker.png) no-repeat left center; background-size:18px;padding:5px 0 5px 30px; }

.registration_req {
    position: absolute;
    margin: auto;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.registration_req p{
	position:absolute;
	margin:auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
    text-align: center;
}

@media screen and (max-width: 991px) {

  .twocol {flex-direction: column;}
  .content_left,.content_right {width:100%; margin:10px 0;}
	.mid {width:96%;}
  #nav{display: none;}
	a.menutoggle {display:flex;} 
  #academicwrap {justify-content: center;}
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    margin: 10px 0;
    width: 100%;
  }  
}


@media screen and (max-width: 768px) {

  .peoplecontainer {
    flex-direction: column;
  }

  .colpd + .colpd {padding-left:0px;}

  #mainhome,#newswrap, #flexcenter, #flexse, #flexsb, #academicwrapdetail {
    flex-direction: column;
  }

  #slideshow {padding-top:3px; }
  .slide {height:220px; width:100%}
  #slidewm {position:absolute; bottom:6px; right:6px; }
  .slide_title, .slide_subtitle {font-size:30px; }
  .slide_subtitle  {bottom:45px;left:-6px;}
  
  .detail .newspost {height: calc(50px + 12vw); margin-left: 0;margin-right: 0;}


  footer .logos a {
    flex-direction: column;
  }

  footer #footer > :first-child {flex: auto; width: 100%}
}


@media screen and (max-width: 480px) {

  #logo p {font-size: 12px;margin-left: 5px;}

  #social {max-width: 120px;}

  .lang {width: 100%;margin-bottom: 15px}

	.peoplewrap.detail img {
		width: 100%;
	}
}