/*@font-face { font-family: Miso; src: url('/landing/font/miso-bold.otf'); }*/

.text-center {
  font-family:"Miso";
  color:white;
}

.text-center {
  font-family:"Miso", sans-serif;
      src: url('/assets/typo/miso.woff') format('woff'),
    	 url('/assets/typo/miso.otf') format('opentype');
  color:white;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}

.btn-group-lg > .btn, .btn-lg {
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px;
}

.btn-sodimac-azul {
  element.style {
  width:175px;
  height:50;
  margin-right:auto;
  margin-left:auto;
  background-color:#3A6CAE;
  background-position:left;
  background-size:contain;
  background-repeat:repeat;
  background-image:url("none");
  border-radius:30px;
  border:none;
}

.form-control.input-lg {
  display:inline-block;
  position:absolute;
}

.btn.btn-sodimac {
  width:246px;
  border-radius:65px;
}

.btn.btn-principal {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #e60000);
  background-image: -moz-linear-gradient(top, #ff0000, #e60000);
  background-image: -ms-linear-gradient(top, #ff0000, #e60000);
  background-image: -o-linear-gradient(top, #ff0000, #e60000);
  background-image: linear-gradient(to bottom, #ff0000, #e60000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.container2 {
    width: 200px;
    height: 260px;
    position: relative;
    border: 1px solid #ccc;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 260px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 140px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .front {
  background: red;
}
.card .back {
    background: blue;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}