body {
  background-attachment: fixed;
  background-image: url('images/bg.jpg');
  background-repeat: repeat;
  background-size: 100% auto;
  color: #178844;
  font-size: 14px;
  font-family: Helvetica;
}
section, footer {
  margin-bottom: 60px;
}
#container {
  height: 100%;
  padding-top: 60px;
  width: 100%;
}

.animate{
  -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

input[type="submit"] { cursor: pointer; }
section { clear: both; }

hr { border: 1px solid rgb(23, 136, 68); clear: both; }
hr.noBorder { border: none; }
hr.noMarginB { margin-bottom: 0; }


/**************************************************
**                  Start Header
**************************************************/
body #menu,
body.mobile #menu { background-color: #178844; display: none; }

body.mobile #menu h1 { width: 50%; }

body.mobile #menu header #menuButton #menu svg {
  height: 30px;
  padding: 10px 0;
}
body.mobile #menu header #menuButton #menu svg path { fill: #FFF; }
#menu h1 svg path { fill: #FFF; }
#menu h1 svg text { display: none; }

#menu nav ul li,
#menu nav ul li,
#menu nav ul ul li,
#menu nav ul ul li {
  background-color: #178844;
  color: #FFF;
}
#menu nav ul li.active,
#menu nav ul li.active {
  background-color: #FFF;
  color: #178844;
  font-weight: bold;
}

#menu nav ul li:hover a,
#menu nav ul li:hover p,
#menu nav ul li.active a,
#menu nav ul li.active p {
  background-color: #FFF;
  color: #178844;
  cursor: pointer;
}


/**************************************************
**                  End Header
**************************************************/

#header .brands .opacityBlock {
  background-blend-mode: multiply;
  background-color: rgba(23, 136, 68, 1);
  background-image: url('images/bg.jpg');
  background-position: 0 35%;
  background-size: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
}

/**************************************************
**                Start About Us
**************************************************/

.aboutus .imageDescription {
  background-image: url(images/aboutCerin.jpg);
}

/**************************************************
**                  End About Us
**************************************************/

/**************************************************
**                Start About Us CET
**************************************************/

.aboutus.cet .imageDescription { background-image: url(images/aboutCerinCet.jpg); }
.aboutus.cet hr { border-color: rgb(98, 3, 105); }
.aboutus.cet p.title { color: rgb(98, 3, 105); }
.aboutus.cet .imageDescription svg {
  float: left;
  height: 100%;
  padding-left: 7%;
  padding-right: 10%;
  width: 25%;
}
.aboutus.cet .imageDescription svg path,
.aboutus.cet .imageDescription svg text { fill: #FFF; }
.aboutus.cet .imageDescription p {
  border-left: 1px solid #FFF;
  padding: 10% 5%;
  text-align: left;
  width: 45%;
  font-size: 180%;
  line-height: 180%;
}
.aboutus.cet .description {
  color: rgb(98, 3, 105);
  display: block;
  font-size: 100%;
  margin-right: 10%;
  padding: 30px 0;
  width: 90%;
}
.aboutus.cet .description p {
  padding-left: 10%;
  line-height: 200%;
  margin: 10px 0;
}
.aboutus.cet .description p.highlight {
  background-color: rgb(98, 3, 105);
  color: #FFF;
  display: inline;
  height: 28px;
  padding: 10px 0 10px 10%;
  position: relative;
}
.aboutus.cet .description p.highlight span:after {
  border: 18px solid transparent;
  border-left: 18px solid #620369;
  border-top: 18px solid #620369;
  bottom: 0;
  content: '';
  height: 0;
  left: 100%;
  position: absolute;
  z-index: -1;
}

/**************************************************
**                  End About Us CET
**************************************************/

.serviceSlide.cet hr { border-color: rgb(98, 3, 105); }
.serviceSlide.cet p.title { color: rgb(98, 3, 105); }
.serviceSlide.cet ul {
  background-color: rgba(98, 3, 105, 0.6);
}
.serviceSlide.cet ul li.active,
.serviceSlide.cet ul li:hover {
  background-color: rgb(98, 3, 105);
}
.serviceSlide.cet ul li .overlay {
  background-color: rgb(98, 3, 105);
}
.serviceSlide.cet .overlay {
  background-color: rgb(98, 3, 105);
}

input,
textarea {
  border: 2px solid rgba(23, 136, 68,0.2); 
  -webkit-box-shadow:
          5px 5px 10px rgba(23, 136, 68,0.2);
  -moz-box-shadow: 
          5px 5px 10px rgba(23, 136, 68,0.2);
  box-shadow: 
          5px 5px 10px rgba(23, 136, 68,0.2);
  padding: 5px 15px;
  background: rgba(255,255,255,0.5);
  margin: 0 0 10px 0;
  max-width: 100%;
}
textarea {
  height: 200px;
}
input#Direccion,
input#Ciudad {
  float: left;
  width: 50%;
}
input.submit {
  background-color: rgb(23, 136, 68);
  color: rgb(242, 242, 242);
}

section#menu { margin: 0; }


@media screen and (orientation: portrait) {
  .aboutus .imageDescription {
  }
}
@media screen and (orientation: landscape) {
  .aboutus .imageDescription {
  }
}

body .revealOnScroll { visibility: hidden; }
body .revealOnScroll.animated { visibility: visible; }