@font-face {
  font-family: "HelveticaBlk";
  src: url("../fonts/HelveticaNeueLTCom-Blk.eot"); /* IE9 Compat Modes */
  src: url("../fonts/HelveticaNeueLTCom-Blk.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/HelveticaNeueLTCom-Blk.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/HelveticaNeueLTCom-Blk.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/HelveticaNeueLTCom-Blk.svg#417531bda66d9a66f7f0dae05caac33d")
      format("svg"); /* Legacy iOS */

  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "HelveticaReg";
  src: url("../fonts/HelveticaNeueLTCom-Lt.eot"); /* IE9 Compat Modes */
  src: url("../fonts/HelveticaNeueLTCom-Lt.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/HelveticaNeueLTCom-Lt.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/HelveticaNeueLTCom-Lt.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/HelveticaNeueLTCom-Lt.svg#a87d574f2ccb02c8976c392488c7e6e3")
      format("svg"); /* Legacy iOS */

  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "HelveticaMed";
  src: url("../fonts/HelveticaNeueLTCom-Md.eot"); /* IE9 Compat Modes */
  src: url("../fonts/HelveticaNeueLTCom-Md.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/HelveticaNeueLTCom-Md.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/HelveticaNeueLTCom-Md.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/HelveticaNeueLTCom-Md.svg#ba954d773de700d014775ba2af552cf4")
      format("svg"); /* Legacy iOS */

  font-style: normal;
  font-weight: 400;
}

/* -- it's kopar b!#$h -- */

body {
  font-size: 14px;
  font-family: "HelveticaReg";
  color: #717171;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HelveticaBlk";
  font-weight: lighter;
}

strong {
  font-weight: bold;
}

p {
  line-height: 150%;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */

.clear {
  clear: both;
}

/* -- header footer -- */

.header {
  background: #f5f5f5;
  border-bottom: 1px solid #ff3534;
  position: relative;
}
.header .logob {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 10px 0;
}
.header a.logo {
  display: inline-block;
  width: 197px;
  height: 48px;
  float: none;
  margin: 0 auto;
}
.header .fg12 {
  text-align: center;
  width: 100%;
}

.header .info {
  clear: both;
  width: 100%;
  float: none;
  text-align: center;
  margin: 10px 0 0 0;
  padding-bottom: 10px;
  display: none;
}

.header .nav {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 10px 0;
}
.header .nav a {
  display: inline-block;
  font-family: "HelveticaBlk";
  font-size: 12px;
  color: #717171;
  text-decoration: none;
  text-transform: uppercase;
  margin-right: 10px;
}
.header .nav a:hover {
  color: #ff3534;
}
.header .nav img {
  position: relative;
  top: 2px;
  left: 2px;
}
.header .subnav {
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 110;
  background: rgba(255, 255, 255, 0.9);
  display: none;
}
.header .subnav .center {
  padding: 30px 0;
}
.header .subnav .row {
  padding-top: 0px;
  padding-bottom: 0px;
}
.header .prodHover {
  display: inline-block;
  width: 83px;
  height: 94px;
  margin-right: 50px;
}
.header .subnav h2 {
  font-size: 12px;
  color: #717171;
  text-transform: uppercase;
}
.header .subnav a {
  display: block;
  color: #717171;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 5px;
}
.header .subnav a:hover {
  color: #ff3e35;
}

.prodBtn img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.prodBtn img.sel {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer {
  padding: 40px 0 0 0;
}
.footer .fg12 {
  width: 100%;
}
.footer .fg4 {
  width: 100%;
  margin-bottom: 10px;
}
.footer .frase {
  text-align: center;
  font-size: 30px;
  color: #737373;
}
.footer .frase img {
  position: relative;
  top: 0px;
  left: -10px;
  z-index: 10;
}
.footer .info {
  background: #f5f5f5;
  margin-top: 15px;
}
.footer .info .center {
  border-top: 5px solid #ff3e35;
  padding: 30px 0 40px 0;
}
.footer .mail {
  font-size: 18px;
}
.footer .mail span {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #ff3534;
  background: url(../images/i-mail.png) center center no-repeat;
  float: left;
}
.footer .mail a {
  color: #717171;
  position: relative;
  top: 5px;
  left: 10px;
  text-decoration: none;
}
.footer .mail a:hover {
  color: #ff3e35;
}
.footer .tel {
  font-size: 18px;
  text-transform: uppercase;
}
.footer .tel div {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #ff3534;
  background: url(../images/i-phone.png) center center no-repeat;
  float: left;
  margin-bottom: 10px;
}
.footer .tel a {
  display: block;
  color: #717171;
  position: relative;
  top: 5px;
  left: 10px;
  text-decoration: none;
  margin-bottom: 10px;
}
.footer .tel a:hover {
  color: #ff3e35;
}
.footer .tel a span {
  color: #ff3e35;
}
.footer .location {
  font-size: 18px;
}
.footer .location span {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/i-location.png) center top no-repeat;
  float: left;
  margin-right: 10px;
}

/* -- home -- */

.flex-control-nav {
  display: none;
}

.flexCaption {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 101;
  color: #fff;
}
.flexCaption .cont {
  width: 95%;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}
.flexCaption .cont h3 {
  font-size: 24px;
  margin: 0;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  display: inline-block;
  min-height: 100px;
}
.flexCaption .cont span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  border-left: 3px solid #ff3535;
  padding: 0 0 0 5px;
  margin: 0;
  font-family: "HelveticaBlk";
  line-height: 100%;
}
.flexCaption .cont p {
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.flexCaption .cont a {
  display: block;
  border: 3px solid #ff3535;
  padding: 17px 0;
  border-radius: 50%;
  background: #ff3535;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: "HelveticaReg";
  font-size: 12px;
  width: 65px;
  line-height: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.flexCaption .cont a:hover {
  background: #fff;
  color: #ff3535;
}

.flexCaption .greencont {
  width: 95%;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}
.flexCaption .greencont h4 {
  font-family: "HelveticaReg";
  font-size: 18px;
  margin: 0;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  display: inline-block;
}
.flexCaption .greencont h5 {
  font-size: 24px;
  margin: 0;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
}
.flexCaption .greencont span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  border-bottom: 3px solid #62d84f;
  padding: 0;
  margin: 0;
  font-family: "HelveticaBlk";
  line-height: 100%;
}
.flexCaption .greencont p {
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 400px;
  display: none;
}
.flexCaption .greencont a {
  display: block;
  border: 3px solid #62d84f;
  padding: 16px 5px;
  border-radius: 50%;
  background: #62d84f;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: "HelveticaReg";
  font-size: 12px;
  width: 75px;
  line-height: 100%;
  position: absolute;
  right: 5px;
  top: 90px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.flexCaption .greencont a.other {
  top: 10px;
}
.flexCaption .greencont a:hover {
  background: #fff;
  color: #62d84f;
}

.homeInfo {
  background: #333333;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.homeInfo .fg12 {
  padding: 20px 0;
  width: 100%;
}
.homeInfo h1 {
  display: block;
  float: none;
  text-transform: uppercase;
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 0;
  position: relative;
  z-index: 10;
  width: 100%;
  background: #ff3e35;
  padding: 10px;
}
.homeInfo .info {
  width: 100%;
  float: none;
  position: relative;
  z-index: 10;
}
.homeInfo .info p {
  margin: 0;
}
.homeInfo h2 {
  font-size: 22px;
  font-family: "HelveticaReg";
  margin: 0 0 10px 0;
}
.homeInfo .l1,
.homeInfo .l2,
.homeInfo .l3 {
  display: none;
}

.home-carusel .fg12 {
  text-align: center;
}
.home-carusel .title {
  color: #333333;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "HelveticaBlk";
  display: inline-block;
  padding: 40px 0 5px 0;
  margin-bottom: 40px;
  border-bottom: 6px solid #333333;
}
.home-carusel a {
  display: block;
  border: 1px solid #d6d6d6;
  width: 215px;
  margin: 0 auto;
  text-decoration: none;
  box-shadow: 1px 1px 0px #d6d6d6, 2px 2px 0px #d6d6d6, 3px 3px 0px #d6d6d6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.home-carusel a:hover {
  border: 1px solid #ff3e35;
  box-shadow: 1px 1px 0px #ff3e35, 2px 2px 0px #ff3e35, 3px 3px 0px #ff3e35;
}
.home-carusel a div {
  padding: 20px;
}
.home-carusel a span {
  display: block;
  text-align: center;
  max-height: 163px;
}
.home-carusel a p {
  text-align: center;
  color: #6d6d6d;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}

/* -- prods grid -- */

.prodsTitle {
  height: 220px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}
.prodsTitle h1 {
  font-size: 48px;
  text-transform: uppercase;
  color: #fff;
  border-left: 3px solid #ff3e35;
  padding: 10px 0 0 10px;
  margin: 60px 0 0 0;
  line-height: 100%;
}

.prodsGrid a {
  display: block;
  text-decoration: none;
  color: #6d6d6d;
  margin: 0 5px;
}
.prodsGrid a .pic {
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0;
  overflow: hidden;
  position: relative;
}
.prodsGrid a .pic span {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #ff3535;
  padding: 95px 0;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.prodsGrid a p {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
.prodsGrid a:hover span {
  opacity: 0.9;
  top: 0px;
}

/* -- item-- */

.prodName .row {
  padding-top: 0px;
  padding-bottom: 10px;
  border-bottom: 5px solid #6d6d6d;
}
.prodName h2 {
  font-size: 30px;
  margin: 0;
  padding: 0;
  color: #ff3535;
  text-transform: uppercase;
  font-family: "HelveticaReg";
}
.prodName h3 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #6d6d6d;
  text-transform: uppercase;
  font-family: "HelveticaReg";
}
.prodName a {
  display: inline-block;
  font-family: "HelveticaBlk";
  color: #505050;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  float: none;
  position: relative;
  padding: 5px 0 0 40px;
}
.prodName a span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #ff3535;
  background: url(../images/i-text-doc.png) center center no-repeat #fff;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.prodName a:hover {
  color: #ff3535;
}

.prodInfo .col1 {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "HelveticaBlk";
}
.prodInfo .col1 img {
  width: 80%;
}
.prodInfo .col1 span {
  display: block;
  padding-top: 20px;
}
.prodInfo .col2 {
  width: 100%;
  float: right;
  text-align: center;
  font-family: "HelveticaBlk";
}
.prodInfo .col2 span {
  display: inline-block;
  width: 49%;
}
.prodInfo h4 {
  font-size: 26px;
  color: #ff3535;
  margin: 0 0 20px 0;
  padding: 0;
}
.prodInfo h4 span {
  color: #6d6d6d;
  font-family: "HelveticaReg";
}
.prodInfo .grade {
  color: #747474;
  margin-bottom: 20px;
  font-family: "HelveticaMed";
}
.prodInfo .btns {
  margin-bottom: 20px;
  text-align: center;
}
.prodInfo .btns a {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #d4d4d4;
  padding: 5px 5px 1px 30px;
  border-radius: 3px;
  font-family: "HelveticaBlk";
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #515151;
}
.prodInfo .btns a:hover {
  color: #ff3535;
}
.prodInfo .btns a.sel {
  border: 1px solid #ff3535;
}

.clickFeatures {
  background: url(../images/i-open-book.png) 5px center no-repeat;
}
.clickSizes {
  background: url(../images/i-ruler.png) 5px center no-repeat;
}

.featInfo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.featInfo ul li {
  background: url(../images/bullet-bolita.png) left 4px no-repeat;
  font-family: "HelveticaMed";
  line-height: 130%;
  margin-bottom: 5px;
  text-align: left;
  color: #737373;
  padding-left: 15px;
}
.featInfo h5 {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  color: #505050;
  margin: 25px 0 5px 0;
}

#newspaper-a {
  font-family: "HelveticaMed";
  font-size: 10px;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
}
#newspaper-a th {
  padding: 12px 12px 12px 12px;
  font-weight: normal;
  font-size: 14px;
  color: #ff3535;
  border-bottom: 1px dashed #d4d4d4;
}
#newspaper-a td {
  padding: 7px 7px 7px 7px;
  color: #737373;
}
#newspaper-a tr:nth-child(even) {
  background-color: #f5f5f5;
}
#newspaper-a tbody tr:hover td {
  color: #737373;
  background: #f2f2f2;
}

/* -- about us -- */

.about-banner {
  width: 100%;
  height: 250px;
  background: url(../images/banner-about.jpg) center top no-repeat;
  background-size: cover;
}

.about1 {
  margin: 0;
  margin-bottom: 40px;
  margin-top: 30px;
  display: none;
}

.about2 {
  width: 202px;
  height: 263px;
  background: url(../images/about2.jpg) center center no-repeat #fff;
  border: 3px solid #dfdfdf;
  margin: 0;
  margin-bottom: 40px;
  display: none;
}

.about3 {
  background: #ff3a2f;
  color: #fff;
  font-size: 16px;
  height: 263px;
  margin-bottom: 40px;
  margin-top: 30px;
}
.about3 p {
  padding: 15px;
  margin: 0;
}

.about4 {
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}

.about5 {
  background: url(../images/about4.jpg) center top no-repeat;
  background-size: cover;
  height: 263px;
  margin-bottom: 40px;
  float: right;
}
.about5 p {
  padding: 15px;
  margin: 0;
  font-family: "HelveticaBlk";
  font-size: 20px;
  color: #fff;
  line-height: 110%;
}

.about6 {
  height: 263px;
  background: url(../images/about5.jpg) center center no-repeat #fff;
  border: 3px solid #dfdfdf;
  margin-bottom: 30px;
}

.about7 {
  background: #505050;
  color: #fff;
  font-size: 16px;
  height: 263px;
  float: right;
}
.about7 p {
  padding: 15px;
  margin: 0;
}

.about8 {
  margin: 0;
  display: none;
}

.about9 {
  width: 208px;
  height: 263px;
  background: url(../images/about7.png) center center no-repeat #62d84f;
  margin: 0;
  float: right;
  display: none;
}

/* -- contact -- */

.contact h2 {
  font-size: 24px;
  color: #717171;
  font-family: "HelveticaReg";
}
.contact .location h2 {
  background: url(../images/i-big-location.png) left 0 no-repeat;
  padding: 5px 0 5px 40px;
}
.contact .location p {
  font-size: 18px;
}
.contact .location p.phone span {
  display: block;
  margin-bottom: 20px;
  font-family: "HelveticaBlk";
  font-size: 24px;
  text-transform: uppercase;
}
.contact .location strong {
  color: #ff302f;
}
.contact .location a {
  color: #717171;
}
.contact .location a:hover {
  color: #ff302f;
}

.contact .form h2 {
  background: url(../images/i-big-paper-plane.png) left center no-repeat;
  padding: 5px 0 5px 50px;
}
.contact .form input {
  width: 300px;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #717171;
}
.contact .form input:focus {
  border: 1px solid #1e222b;
}
.contact .form textarea {
  width: 300px;
  height: 100px;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #717171;
}
.contact .form textarea:focus {
  border: 1px solid #1e222b;
}
#submit {
  width: 150px;
  background: #737373;
  color: #fff;
  border: none;
  font-family: "HelveticaBlk";
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: lighter;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#submit:hover,
#submit:focus {
  background: #ff302f;
}

.error_box {
  color: #ff302f;
  margin-bottom: 10px;
}
.gracias {
  background: #a4ce00;
  color: #fff;
  font-size: 14px;
  font-family: "HelveticaBlk";
  text-align: center;
  padding: 15px;
  display: none;
}
.noenviado {
  background: #f23e2c;
  color: #fff;
  font-size: 14px;
  font-family: "HelveticaBlk";
  text-align: center;
  padding: 15px;
  display: none;
}

.contact .form p {
  position: relative;
}
.contact .form label {
  position: absolute;
  top: 10px;
  left: 10px;
}

#map_canvas {
  width: 100%;
  height: 200px;
  margin-top: 40px;
}
#firstHeading {
  font-size: 18px;
  margin: 0 0 15px 0;
  padding: 0;
  color: #ff302f;
}
#bodyContent {
  font-size: 16px;
}