@import url('https://fonts.googleapis.com/css?family=Montserrat');
/*Body*/

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}
/* Header */

#header {
  text-align: center;
}
#header .rightHead {
  text-align: right;
}
.bottomHead,
.topHead,
#hdrheaderRight {
  text-align: right;
  vertical-align: middle;
}
.rightHead .bottomHead {
  vertical-align: middle;
}
.rightHead .headerReferenceInfo,
#hdrheaderLeft {
  text-align: left;
}
.rightHead .text {
  float: right;
}
/*-------Section Header*/
/*-------Section Header: Containers*/

#header .auxHeader {
  text-align: center;
}
/*-------Section Header: Section Menu: Auxiliar: First Level*/

ul#nav > li {
  text-align: center;
  vertical-align: middle;
}
/*---------- Rare menus -----------*/
/*----- categoryMenuAux => menuContentRender -----*/
/*----- menuContentRender => newsbeanMenu -----*/

#contentMenuAux {
  text-align: center;
}
.menuAuxLeft,
.menuAuxRight {
  vertical-align: middle;
}
.menuAuxLeft {
  text-align: left;
}
.menuAuxRight,
.divParent .divParent {
  text-align: right;
}
.div1.newsbeanMenu h3 {
  text-align: left;
}
#categoryMenu ul:before,
.div1.newsbeanMenu {
  vertical-align: middle;
}
/*--------  Toggle MenuAux  --------*/

.toggleMenuAux span {
  text-indent: 200%;
  vertical-align: middle;
}
/*-------Section Header: User Section: Container*/

.rightUserInfo span,
.rightUserInfo a {
  line-height: 1.2em;
  vertical-align: middle;
}
/*-------Section Header: User Section: Picture*/

#header .topHead .headerReferenceImage {
  vertical-align: middle;
}
/*--------- Right section -------------*/
/*--------- Right section: Welcome -------------*/

.welcome {
  text-align: center;
  vertical-align: middle;
}
/*--------- Right section: Welcome : title -------------*/

.rightSection .headerpage,
#hpSiderbar {
  text-align: left;
}
/*--------- Right section: Welcome : Description -------------*/

.bottomSection {
  vertical-align: middle;
}
/*-------Section RightSection: Login*/

.logindemo .loginrow .label {
  text-align: right;
  vertical-align: middle;
}
.logindemo .loginrow .areaform {
  vertical-align: middle;
}
/*-------Section Events--------*/

.eventContent .eventHeader a {
  font-size: 2em;
  text-decoration: none;
}
.eventContent .eventHeader {
  text-align: left;
}
.eventContent button {
  font-size: 1.2em;
}
.eventContent .eventTime,
.eventContent .eventSummary,
.eventContent .eventTime {
  font-size: 1.6em;
  text-align: left;
}
/*-------Section Events:Date*/

.eventDate .eventMonth,
.eventDate .eventDay,
.eventContent .eventHeader a,
.eventContent div {
  line-height: normal;
}
/*-------Section Events:Items*/

.eventSection .eventDate {
  line-height: 0;
}
/*-------Section Events:Element*/

.carousel-source.horizontal {
  margin-bottom: 0 !important;
  max-width: 1600px;
}
/*-------Section Events: Image*/

.newSection .carousel-source .carousel-images-content .carousel-element {
  vertical-align: top;
}
/*FeatureProducts*/

div#featuredProducts > p {
  font-size: 0.8em;
  font-weight: lighter;
}
#featuredProducts #carousel-featured .description span {
  font-weight: bold;
}
#featuredProducts #carousel-featured .description a {
  font-weight: bold;
  text-decoration: none;
}
#featuredProducts span.namecode a {
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
}
/*-------Section Outer: MiddleSection: Icons*/

.middleSection a.bussines:before {
  content: '\f0b1';
}
.middleSection a.product:before {
  content: '\f05b';
}
.middleSection a.rippln:before {
  content: '\f1e0';
}
.middleSection:first-child a {
  vertical-align: middle;
}
.middleSection > a span {
  text-align: center;
  ;
}
/*Date*/

.eventDate .eventDay {
  font-size: 125px;
}
.eventDate .eventMonth {
  font-size: 64px;
  text-transform: uppercase;
}
/*News*/

.newSection .newscontent a {
  text-decoration: none;
  text-transform: uppercase;
  line-height: normal;
}
.newSection .newscontent {
  text-align: left;
}
.newscontent .newstitle {
  font-size: 1.6em;
}
.newscontent .newssummary,
.newscontent .newssummary > span {
  font-size: 14px!important;
  font-family: arial, sans-serif!important;
}
.newscontent .newsdate,
.newscontent .newstitle,
.newscontent .newssummary {
  text-align: left !important;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
/*------------Container*/

.eventSection .carousel-source .carousel-images-content,
.newSection .carousel-source .carousel-images-content {
  text-align: center;
}
#featuredProducts #carousel-featured .description span {
  font-weight: bold;
}
#featuredProducts #carousel-featured .description a {
  font-weight: bold;
  text-decoration: none;
}
/*Menu*/

#nav a {
  text-decoration: none;
  text-transform: uppercase;
}
#nav > li > a {
  text-align: center;
  text-indent: 0em;
  font-size: 12px;
}
#upperMenu #nav > li > a {
  font-size: 14px;
}
/*PseudoElements*/

.itemslider:before {
  font-size: 1.2em;
  font-weight: lighter;
  text-align: center;
}
/*Contact Text*/

.contact {
  font-size: 1.3em;
}
#content,
#content .outerSection {
  text-align: center;
}
/*Barra de menu auxiliar*/

#categoryMenuAux {
  text-align: left;
}
#contentMenuAux ul:before {
  font-family: arial;
  font-size: 12px;
  font-weight: bolder;
  display: inline-block;
}
.contentcompany p {
  font-size: 16px;
  text-align: justify;
}
.ref_info .headerpage,
.ref_info .biographie {
  text-align: left;
  text-shadow: 4px 4px 15px rgba(2, 2, 2, 0.39);
}
.ref_info .biographie {
  font-size: 2em;
}
.footerSection .leftFooterSection .headerpage {
  font-weight: lighter;
  text-shadow: none;
  text-transform: none;
}
.rightSection .headerpage {
  font-size: 2.6em;
}
.leftFooterSection .innerFooterSection,
.footerSection .leftFooterSection > p {
  font-size: 1.125em;
}
.footerSection .leftFooterSection p,
.footerSection .leftFooterSection .innerFooterSection ul {
  line-height: 2.0em;
  text-align: left;
}
#footer {
  text-align: center;
}
#footer .copyright {
  font-size: 1.6em;
  text-align: left;
}
/*-------Section FeaturedProducts*/

.control.left-control.horizontal:before,
.control.right-control.horizontal:after {
  font-size: 1.5em;
}
/*-------Section Outer: MiddleSection*/

.middleSection > a {
  text-decoration: none;
}
.middleSection > a:before {
  font-size: 6.5em;
}
.middleSection > a .text-info {
  font-size: 1.25em;
  font-weight: bold;
}
.bottomSection .bottomTitle h2 {
  font-size: 1.25em;
  font-weight: normal;
  text-transform: uppercase;
}
.middleSection .middleTitle h2,
.middleSection .middleTitle p {} .middleSection .middleTitle h2 {
  font-size: 2.7em;
}
.middleSection .middleTitle p {
  font-size: 1.3em;
}
.middleSection {
  text-align: center;
  text-shadow: 4px 4px 12px rgba(150, 150, 150, 0.9);
}
.middleSection > a .description strong {
  font-size: 1.25em;
}
.middleSection > a .description p {
  font-size: 1em;
  font-weight: lighter;
  line-height: 1.4em;
  text-shadow: 4px 4px 15px rgba(2, 2, 2, 0.39);
}
.logindemo .loginrow .label {
  font-weight: normal;
}
.logindemo .loginrow .buttons button {
  font-size: 1em;
  text-transform: none;
}
.logindemo .loginrow {
  font-weight: normal;
  text-align: center;
}
/*Titulos secciones*/

.itemslider .title,
.newSection .title,
.eventSection .title,
.middleSection .middleTitle h2 {
  font-size: 2.45em;
  text-align: center;
  text-transform: uppercase;
  word-break: break-word;
}
.itemslider .contentProducts {
  white-space: nowrap;
}
.itemslider .leftControlProduct,
.itemslider .rightControlProduct {
  font-size: 2em;
}
.itemslider .leftControlProduct:before {
  content: "\f053";
}
.itemslider .rightControlProduct:before {
  content: "\f054";
}
.itemslider .contentProducts .elementProduct {
  text-align: center;
  white-space: normal;
}
.itemslider .contentProducts .elementProduct .description span {
  font-size: 1.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.allWith .headerpage {
  font-family: "Montserrat", sans-serif;
  font-size: 2.4em;
  text-align: left;
  text-shadow: 4px 4px 15px rgba(2, 2, 2, 0.39);
}
.allWith .leftFooterSection .headerpage {
  font-size: 3em;
}
.itemslider .contentProducts .elementProduct .description .namecode a {
  font-weight: bold;
  text-decoration: none;
}
/*Credencial*/

.rightHead .headerReferenceInfo {
  font-size: 0.85em;
}
/*-------Section All: Widget: Carousel: Controls*/

.control.left-control.horizontal,
.control.right-control.horizontal {
  font-size: 1.5em;
}
/*-------Section Twitter*/
/*-------Section Twitter: title*/

.twitterSection .row.contact {
  font-size: 3em;
}
/*-------Section Twitter: Widget: Texto*/

.twitterSection a {
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
}
.twitterSection:after {
  font-size: 4em;
}
/*-------Section Twitter: Logo*/

.twitterSection:after {
  line-height: 0;
}
.ctrlsub {
  font-size: 2em;
  font-weight: 800;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 1367px) {
  /*MiddleSection*/

  .middleSection > a .description strong {
    font-size: 1.0em;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  .ref_info .biographie {
    font-size: 2.0em;
  }
  #hdrheaderRight #hdrheader {
    text-align: right;
  }
  /*FooterSection*/

  .leftFooterSection .innerFooterSection,
  .footerSection .leftFooterSection {
    text-align: left;
  }
  .rightSection .headerpage {
    font-size: 2.3em;
  }
  .footerSection .leftFooterSection p,
  .footerSection .leftFooterSection .innerFooterSection ul {
    line-height: 2.5em;
    text-align: left;
  }
  /*Titulo Secciones*/

  .itemslider .title,
  .newSection .title,
  .eventSection .title {
    font-size: 2.45em;
    text-align: center;
    text-transform: uppercase;
  }
  #featuredProducts #carousel-featured .description span {
    font-size: 0.8em;
  }
  .middleSection a .description > p:after {
    font-size: 4.5em;
  }
  .middleSection > a {
    font-size: 0.8em;
  }
  /*MiddleSection*/

  .middleSection > a .description p {
    font-size: 1.2em;
  }
  .middleSection > a .description strong {
    font-size: 1.7em;
  }
  /*-------Section Twitter: Widget: Texto*/

  .twt-row.row {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 1024px) {
  /*------- Header --------*/

  span.rightUserInfo span,
  span.rightUserInfo a,
  span.rightUserInfo img {
    font-size: 11px;
    vertical-align: middle;
    line-height: 17px;
  }
  /*Menu*/

  #nav > li > a,
  #nav > li {
    font-size: 10px;
  }
  #upperMenu #nav > li > a {
    font-size: 12px;
  }
  /*------ menuAux -----*/

  .menuAuxRight {
    text-align: right;
  }
  #contentMenuAux ul:before {
    font-size: 0.65em;
  }
  .rightSection .headerpage {
    font-size: 1.8em;
  }
  .footerSection .leftFooterSection p,
  .footerSection .leftFooterSection .innerFooterSection ul {
    font-size: 0.9em;
    line-height: 1em;
  }
  .footerSection .leftFooterSection .innerFooterSection {
    text-align: center;
  }
  .logindemo .loginrow .label {
    text-align: left;
  }
  .contact,
  .twitterSection {
    font-size: 1.0em;
  }
  .rightHead .bottomHead {
    font-size: 0.8em;
  }
  /*----------- Sections ------------*/

  .rightHead .topHead {
    text-align: right;
  }
  /*********** Icons ***********/
  /*----Section Events*/

  .headerNotifications:before,
  #sharingContainer:before {
    font-size: 1.2em;
  }
  .headerNotifications .headerCounter {
    font-size: 0.7em;
    line-height: 18px;
  }
  /*Credencial*/

  .rightHead .headerReferenceInfo {
    font-size: 0.85em;
  }
  /*Portada*/

  .ref_info .biographie {
    font-size: 1.2em;
  }
  /*Titulo Secciones*/

  .itemslider .title,
  .newSection .title,
  .eventSection .title {
    font-size: 2.45em;
    text-align: center;
    text-transform: uppercase;
  }
  /*FeatureProducts*/

  .row .contact {
    font-size: 1.0em;
  }
  #featuredProducts #carousel-featured .description span {
    font-size: 0.8em;
  }
  /*News*/

  .newscontent .newstitle {
    font-size: 1.0em;
  }
  .newscontent .newsdate {
    font-size: 0.8em;
  }
  .newscontent .newssummary {
    font-size: 1em;
  }
  /*Events*/

  .eventContent .eventHeader a {
    font-size: 1.9em;
  }
  .eventContent .eventTime,
  .eventContent .eventSummary,
  .eventContent .eventTime {
    font-size: 1.6em;
    text-align: left;
    text-indent: 5%;
  }
  /*Footer*/

  #footer .copyright a {
    font-size: 0.5em;
  }
  /*Date*/

  .eventDate .eventDay {
    font-size: 4em;
  }
  .eventDate .eventMonth {
    font-size: 3em;
  }
  /*MiddleSection*/

  .middleSection > a .description p {
    font-size: 0.8em;
  }
  .middleSection > a .description strong {
    font-size: 1.3em;
  }
  .middleSection > a:before {
    font-size: 5.5em;
  }
  /*-------Section Twitter: Widget: Texto*/

  .twitterSection #twitCt,
  .twitterSection > #twitCt .twt-ct > a,
  .twitterSection #twitCt > .twt-ct > span {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 1000px) {
  .rightSection .headerpage {
    font-size: 1.7em;
  }
  .allWith .leftFooterSection .headerpage {
    font-size: 32px;
  }
  /*-------- Tweeter Section ------------*/

  #mcomTweet .carousel-element a {
    font-size: 22px;
  }
}
/*Menu*/

@media screen and (max-width: 900px) {
  #nav li a,
  #contentMenuAux:before {
    font-size: 1em;
  }
  div#hdrheaderLeft {
    text-align: center;
  }
  div#hdrheaderRight {
    text-align: center;
  }
  #contentMenuAux {
    text-align: center;
  }
  .menuAuxLeft {
    text-align: center;
  }
  .menuAuxRight {
    text-align: center;
  }
  #news_footer .formbox .row .noPanel {
    text-align: center;
  }
  div#featuredProducts .description {
    font-size: 0.750em;
    font-weight: lighter;
  }
  /*Menu*/

  #nav li a {
    font-size: 14px;
  }
  #contentMenuAux:before {
    font-size: 0.85em;
  }
  /*------- Header --------*/

  #header .rightHead {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  #hdrheader {
    text-align: left;
  }
  #header #hdrheader > a {
    text-align: center;
  }
  /*--------- Brand image -----------*/

  .out_menu .loginImage {
    text-align: left;
  }
  /*--------- Menu controls -----------*/

  .out_menu #toggleMenu {
    line-height: 0;
    vertical-align: middle;
  }
  #categoryMenuAux .toggleMenuAux {
    line-height: 0;
    vertical-align: middle;
  }
  .out_menu .loginImage img {
    line-height: 0;
    vertical-align: middle;
  }
  .toggleMenuAux:before,
  .toggleMenuAux:after {
    content: '';
  }
  /*--------- Menu 1--------------------*/
  /*--------- First level -------------*/

  ul#nav > li {
    line-height: 2em;
  }
  #nav > li > a span {
    vertical-align: middle;
  }
  /*--------- headerReference ------------*/

  #header .rightHead .topHead {
    text-align: right;
  }
  .headerReferenceInfo {
    text-align: left;
  }
  .headerReferenceInfo .name {
    text-align: left;
  }
  /*------ headerReference: information ---------*/

  span.presentedby,
  span.userMail,
  span.userMobile,
  #fakeMyAccount {
    font-size: 0.8em;
    vertical-align: middle;
  }
  /*------ headerReference: icons ---------*/

  span.userMail img,
  span.userMobile img {
    vertical-align: middle;
  }
  /*--------- Menu 2 ------------------*/
  /*--------- First level -------------*/

  #header #contentMenuAux {
    text-align: left;
  }
  .showMenuAux #contentMenuAux #categoryMenu {
    text-align: right;
  }
  #contentMenuAux > #categoryMenuAux {
    text-align: left;
  }
  .showMenuAux #contentMenuAux #categoryMenu {
    text-align: right;
  }
  .showMenuAux #categoryMenuAux,
  .showMenu .out_menu {
    z-index: 99999;
    text-align: center;
  }
  #contentMenuAux > #categoryMenuAux {
    vertical-align: middle;
  }
  #contentMenuAux {
    width: 100%;
  }
  #categoryMenu:before,
  .out_menu .loginImage:after {
    font-family: arial;
    font-size: 0.8em;
    vertical-align: baseline;
  }
  /*------  title --------*/

  #contentMenuAux ul:before {
    font-size: 12px;
    text-align: center;
  }
  .showMenuAux #contentMenuAux ul:before {
    font-size: 14px;
  }
  /*------  links --------*/

  #categoryMenu #nav {
    text-align: center;
  }
  .showMenuAux #contentMenuAux #nav > li {
    text-align: left;
  }
  #contentMenuAux #nav > li > a {
    text-align: left;
  }
  #categoryMenu {
    text-align: left;
    vertical-align: middle;
  }
  /*--------- Right section -------------*/
  /*--------- Right section : Title -------------*/

  .rightSection .headerpage {
    font-size: 2.2em;
    font-weight: 700;
    text-align: center;
  }
  /*--------- Right section : Description -------------*/

  .ref_info .biographie {
    text-align: center;
    font-size: 1em;
  }
  #hpSiderbar .ref_info {
    font-size: 19px;
  }
  /*--------- Right section : login -------------*/

  .logindemo .loginrow .label {
    text-align: right;
  }
  /*--------- Right section : bottom section -------------*/

  .logindemo .row.loginrow {
    text-align: center;
  }
  /*------ cli_cpw_itemslider section ---------*/

  .itemslider .contentProducts .elementProduct .description span {
    font-size: 14px;
  }
  /*------ Outer section ---------*/

  .middleSection > a .description strong {
    font-size: 1em;
  }
  /*------ Footer section ---------*/

  .leftFooterSection .innerFooterSection,
  .footerSection .leftFooterSection > p {
    font-size: 1.0em;
  }
  .footerSection .leftFooterSection .headerpage {
    font-size: 2em;
  }
  /*------- Event section --------*/

  .eventDate .eventDay {
    font-size: 7em;
  }
  /*-------Section Twitter-------*/
  /*-------Section Twitter: Logo*/

  .twitterSection:after {
    content: '\f099';
    font-size: 3em;
  }
  /*-------Section Twitter: Widget: Texto*/

  .twitterSection #twitCt,
  .twitterSection > #twitCt .twt-ct > a,
  .twitterSection #twitCt > .twt-ct > span {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 640px) {
  /*------- rightSection section --------*/

  .rightSection .headerpage,
  .ref_info .biographie {
    text-align: left;
  }
  .control.left-control.horizontal,
  .control.right-control.horizontal {
    font-size: 2.5em;
  }
  /*------- footerSection section --------*/

  .footerSection .leftFooterSection .headerpage {
    font-size: 2em;
  }
  /*------- Event section --------*/

  .eventDate .eventDay {
    font-size: 6em;
  }
}
@media screen and (max-width: 480px),
screen and (max-height: 500px) {
  /*-------  Menu -------*/

  #nav li a {
    font-size: 12px;
  }
  #categoryMenu:before,
  .out_menu .loginImage:after {
    font-family: arial;
    font-size: 0.6em;
    vertical-align: middle;
  }
  /*searchWrapper*/

  #searchWrapper {
    vertical-align: middle;
    text-align: right;
  }
  /*------- Header --------*/

  #header .rightHead,
  #hdrheader {
    text-align: left;
  }
  #header .topHead {
    text-align: center;
  }
  .bottomHead {
    text-align: right !important;
  }
  /*-------- Header : Notifications ---------*/

  .headerNotifications:before,
  #sharingContainer:before {
    font-size: 15px;
  }
  .headerNotifications .headerCounter {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
  }
  /*-------- cli_cpw_itemslider --------*/

  .itemslider .title,
  .newSection .title,
  .eventSection .title,
  .middleSection .middleTitle h2 {
    font-size: 1.5em;
  }
  .middleSection > a:before {
    font-size: 5em;
  }
  /*------ RightSection ---------*/

  .rightSection .headerpage {
    font-size: 2em;
  }
  .ref_info .biographie {
    font-size: 1em;
  }
  .logindemo .loginrow .label {
    text-align: left;
  }
  .bottomSection .bottomTitle {
    width: calc(100% - 1em)
  }
  .bottomSection .bottomTitle h2,
  .bottomSection .bottomTitle p {
    padding: 0.5em 0;
  }
  /*FeatureProducts*/

  .contact {
    font-size: 14px;
    line-height: 1.5em;
  }
  /*-------- New Section ------*/

  .newscontent .newsdate {
    font-size: 0.7em;
  }
  .newscontent .newstitle,
  .newscontent .newssummary {
    font-size: 0.7em;
  }
  .newscontent > a {
    font-size: 0.7em;
    line-height: 1.2em;
    text-align: center;
  }
  /*Events*/

  .eventContent .eventHeader a,
  .eventContent .eventTime,
  .eventContent .eventSummary {
    font-size: 1em;
    text-decoration: none;
  }
  .eventSection .eventContent {
    font-size: 1.0em;
  }
  .eventContent button {
    font-size: 1.2em;
  }
  /*FooterSection*/

  .leftFooterSection .innerFooterSection,
  .footerSection .leftFooterSection > p {
    font-size: 0.8em;
  }
  /*-------Section Twitter: Widget: Carousel: Controls*/

  .control.left-control.horizontal:before,
  .control.right-control.horizontal:after {
    font-size: 0.8em;
  }
  /*-------Section Twitter: Widget: Texto*/

  #mcomTweet .carousel-element a {
    font-size: 14px;
    line-height: 1em;
  }
  /*------ Events ---------*/

  .eventContent .eventTime,
  .eventContent .eventSummary,
  .eventContent .eventTime {
    text-indent: 0;
  }
  .eventDate .eventDay,
  .eventDate .eventMonth {
    vertical-align: middle;
  }
}
@media screen and (max-width: 400px) {
  span.rightUserInfo span,
  span.rightUserInfo a {
    font-size: 10px;
  }
  .eventDate .eventDay,
  .eventDate .eventMonth {
    font-size: 44px;
    vertical-align: middle;
  }
}