@import url('flaticon.css');
/*
------------------------------------------------------------------------------------
MIXINS:
------------------------------------------------------------------------------------
*/
.full {
  width: 100%;
}
.text-caps {
  text-transform: capitalize;
}
.text-ucase {
  text-transform: uppercase;
}
.text-lcase {
  text-transform: lowercase;
}
.hidden {
  display: none;
}
.pos-st {
  position: static;
}
.pos-rl {
  position: relative;
}
.pos-ab {
  position: absolute;
}
.dis-blk {
  display: block;
}
.dis-inblk {
  display: inline-block;
}
.dis-in {
  display: inline;
}
.no-pd {
  padding: 0 !important;
}
.no-mg {
  margin: 0 !important;
}
.pd-full {
  padding: 15px;
}
.pd-full-lg {
  padding: 30px;
}
.pd-full-xlg {
  padding: 60px;
}
.pd-full-xxlg {
  padding: 180px;
}
.pd-full-sm {
  padding: 7.5px;
}
.pd-v {
  padding: 15px 0;
}
.pd-v-xlg {
  padding: 60px 0;
}
.pd-v-lg {
  padding: 30px 0;
}
.pd-v-sm {
  padding: 7.5px 0;
}
.pd-h {
  padding: 0 15px;
}
.pd-h-xlg {
  padding: 0 60px;
}
.pd-h-lg {
  padding: 0 30px;
}
.pd-h-sm {
  padding: 0 7.5px;
}
.pd-t {
  padding-top: 15px;
}
.pd-sm-t {
  padding-top: 7.5px;
}
.pd-lg-t {
  padding-top: 30px;
}
.pd-xlg-t {
  padding-top: 60px;
}
.pd-b {
  padding-bottom: 15px;
}
.pd-sm-b {
  padding-bottom: 7.5px;
}
.pd-lg-b {
  padding-bottom: 30px;
}
.pd-xlg-b {
  padding-bottom: 60px;
}
.mg-t {
  margin-top: 15px;
}
.mg-sm-t {
  margin-top: 7.5px;
}
.mg-lg-t {
  margin-top: 30px;
}
.mg-xlg-t {
  margin-top: 60px;
}
.mg-b {
  margin-bottom: 15px;
}
.mg-sm-b {
  margin-bottom: 7.5px;
}
.mg-lg-b {
  margin-bottom: 30px;
}
.mg-xlg-b {
  margin-bottom: 60px;
}
.mg-l {
  margin-left: 15px;
}
.mg-sm-l {
  margin-left: 7.5px;
}
.mg-lg-l {
  margin-left: 30px;
}
.mg-xlg-l {
  margin-left: 60px;
}
.mg-r {
  margin-right: 15px;
}
.mg-sm-r {
  margin-right: 7.5px;
}
.mg-lg-r {
  margin-right: 30px;
}
.mg-xlg-r {
  margin-right: 60px;
}
.col-mg-r {
  padding-right: 60px;
}
.col-mg-l {
  padding-left: 60px;
}
.col-mg-half-r {
  padding-right: 30px;
}
.col-mg-half-l {
  padding-left: 30px;
}
.col-no-pd-l {
  padding-left: 0;
}
.col-no-pd-r {
  padding-right: 0;
}
/*------------------------------------------------------------------------------------*/
/*
------------------------------------------------------------------------------------
FORM CONTROLS:
------------------------------------------------------------------------------------
*/
/*
* WTF,
forms?
* Released under MIT and copyright 2014 Mark Otto.
* http://wtfforms.com
*
* Embedded icons from Open Iconic.
* Released under MIT and copyright 2014 Waybury.
* http://useiconic.com/open
*/
/*
* Checkboxes and radios
*/
.control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer;
}
.control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */
}
.control-indicator {
  position: absolute;
  top: -5px;
  left: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 65%;
  color: #eeeeee;
  text-align: center;
  background-color: #eeeeee;
  background-size: 65%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hover state */
/* Uncomment if you need it,
but be aware of the sticky iOS states.
.control:hover .control-indicator { color: #fff; background-color: #ccc; }
*/
/* Focus */
/*.control input:focus ~ .control-indicator { box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }*/
/* Checked state */
.control input:checked ~ .control-indicator {
  color: #fff;
  background-color: #3085a9;
}
/* Active */
.control input:active ~ .control-indicator {
  color: #fff;
  background-color: #43a1c9;
}
/* Checkbox modifiers */
.checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}
/* Radio modifiers */
.radio input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}
/* Alternately,
use another character */
.control-x input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==);
}
.control-dash input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}
/*
* File
*/
.file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem;
}
.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.file-custom:after {
  content: "Choose file...";
}
.file-custom:before {
  position: absolute;
  top: -0.075rem;
  right: -0.075rem;
  bottom: -0.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eeeeee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0;
}
/* Focus */
.file input:focus ~ .file-custom {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
/*
* Progress
*/
.progress {
  display: inline-block;
  height: 1rem;
}
.progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: #0074d9;
}
.progress[value]::-webkit-progress-bar {
  background-color: #eeeeee;
  border-radius: .2rem;
}
.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}
.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}
/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
  .progress[value] {
    background-color: #eeeeee;
    border-radius: .2rem;
  }
  .progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
  }
  .progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
  }
}
/*
* Control layouts
*/
.controls-stacked {
  margin: 1rem 0;
}
.controls-stacked .control,
.controls-stacked .progress {
  display: block;
}
.controls-stacked .control + .control,
.controls-stacked .progress + .progress {
  margin-top: .5rem;
}
.controls-inline {
  margin: 1rem 0;
}
.controls-inline .control {
  display: inline-block;
  height: 1rem;
}
.controls-inline .control + .control {
  margin-left: 1rem;
}
/*
------------------------------------------------------------------------------------
TYPES:
------------------------------------------------------------------------------------
*/
@font-face {
  font-family: 'Book';
  src: url('../fonts/FiraSans-Book.eot');
  src: url('../fonts/FiraSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FiraSans-Book.woff') format('woff'), url('../fonts/FiraSans-Book.ttf') format('truetype'), url('../fonts/FiraSans-Book.svg#FiraSans-Book.ttf') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Italic';
  src: url('../fonts/FiraSans-Italic.eot');
  src: url('../fonts/FiraSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FiraSans-Italic.woff') format('woff'), url('../fonts/FiraSans-Italic.ttf') format('truetype'), url('../fonts/FiraSans-Italic.svg#FiraSans-Italic.ttf') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Medium';
  src: url('../fonts/FiraSans-Medium.eot');
  src: url('../fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FiraSans-Medium.woff') format('woff'), url('../fonts/FiraSans-Medium.ttf') format('truetype'), url('../fonts/FiraSans-Medium.svg#FiraSans-Medium.ttf') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Bold';
  src: url('../fonts/FiraSans-Bold.eot');
  src: url('../fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/FiraSans-Bold.woff') format('woff'), url('../fonts/FiraSans-Bold.ttf') format('truetype'), url('../fonts/FiraSans-Bold.svg#FiraSans-Bold.ttf') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
/*
------------------------------------------------------------------------------------
RESETS:
------------------------------------------------------------------------------------
*/
font {
  display: none !important;
}
* {
  backface-visibility: hidden;
  perspective: 1000;
}
img {
  border: 0;
  display: block;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
a,
button {
  text-decoration: none !important;
  outline: none !important;
}
a,
i {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
a:hover,
a:focus {
  color: #3085a9;
}
html,
body {
  margin: 0;
}
html {
  font-size: 14px;
  width: 100%;
  min-height: 100%;
  position: relative;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
}
body,
p,
li,
a,
span {
  font-family: 'Book', sans-serif;
  font-size: 1rem;
  line-height: 1.25em;
  letter-spacing: 0;
  color: #333333;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-spacing: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Medium', sans-serif;
  line-height: 1.25em;
  color: #333333;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-spacing: normal;
}
strong {
  font-weight: normal;
}
/*
------------------------------------------------------------------------------------
WEBICONS:
------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------------
ANIMACIÓN:
------------------------------------------------------------------------------------
*/
.animated {
  opacity: 0;
}
.animated.delay1 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-backface-visibility: hidden;
}
.animated.delay2 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-backface-visibility: hidden;
}
.animated.delay3 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-backface-visibility: hidden;
}
.animated.delay4 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-backface-visibility: hidden;
}
.animated.delay5 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-backface-visibility: hidden;
}
.animated.delay6 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-backface-visibility: hidden;
}
.animated.delay7 {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-backface-visibility: hidden;
}
.animated.delay8 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-backface-visibility: hidden;
}
.animated.delay9 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-backface-visibility: hidden;
}
.animated.delay10 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-backface-visibility: hidden;
}
.animated.delay11 {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-backface-visibility: hidden;
}
.animated.delay12 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-backface-visibility: hidden;
}
.animated.delay13 {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-backface-visibility: hidden;
}
.animated.delay14 {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-backface-visibility: hidden;
}
.animated.delay15 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-backface-visibility: hidden;
}
.animated.delay16 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-backface-visibility: hidden;
}
.animated.delay17 {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-backface-visibility: hidden;
}
/*
------------------------------------------------------------------------------------
GLOBALS:
------------------------------------------------------------------------------------
*/
.hidden {
  display: none;
}
.pos-static {
  position: static;
}
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.full-padding {
  padding: 15px;
}
.full-padding-large {
  padding: 30px;
}
.no-padding {
  padding: 0;
}
.no-margin {
  padding: 0;
}
.small-padding-h {
  padding: 0 15px;
}
.margin-t {
  margin-top: 15px;
}
.margin-small-t {
  margin-top: 7.5px;
}
.margin-large-t {
  margin-top: 30px;
}
.margin-xlarge-t {
  margin-top: 45px;
}
.margin-b {
  margin-bottom: 15px;
}
.margin-small-b {
  margin-bottom: 7.5px;
}
.margin-large-b {
  margin-bottom: 30px;
}
.margin-xlarge-b {
  margin-bottom: 45px;
}
h1 {
  font-size: 2.571rem;
}
h2 {
  font-size: 1.429rem;
}
h3 {
  font-size: 1.143rem;
}
h4 {
  font-size: 1rem;
}
.label-control,
.form-control {
  font-family: 'Regular';
  font-weight: normal;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.form-control:focus,
.uneditable-input:focus {
  background-color: #e1f0f7;
  box-shadow: none;
  /*border-color: @color1;
  box-shadow: 0 1px 1px @color1 inset, 0 0 8px lighten(@color1,15%);*/
  outline: 0 none;
}
select,
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('../images/dropdown_arrow.png') right 15px center no-repeat !important;
  text-indent: 0.01px;
  text-overflow: "";
  outline: none;
}
.btn {
  font-family: 'Medium';
  font-size: 1rem;
  padding: 10px 30px;
  border-radius: 0;
}
.btn.full {
  width: 100%;
}
.btn.centered {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.btn.btn-primary {
  border: 0;
  background-color: #3085a9;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #555555;
}
.btn.btn-black {
  color: #ffffff;
  border: 0;
  background-color: #000000;
}
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black:active {
  background-color: #3085a9;
}
.btn.btn-white {
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: transparent;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
  background-color: #000000;
}
.btn.btn-ghost-gray {
  color: #555555;
  border: 1px solid #999999;
  background-color: transparent;
}
.btn.btn-ghost-gray:hover,
.btn.btn-ghost-gray:focus,
.btn.btn-ghost-gray:active {
  color: #ffffff;
  background-color: #3085a9;
}
.btn.btn-gray {
  color: #ffffff;
  border: 0;
  background-color: #555555;
}
.btn.btn-gray:hover,
.btn.btn-gray:focus,
.btn.btn-gray:active {
  background-color: #999999;
}
.tooltip {
  margin-top: 150px !important;
  bottom: 0;
}
.tooltip .tooltip-inner {
  padding: 10px;
  font-size: 0.8571rem;
  font-weight: 500;
}
.modal {
  z-index: 999999;
  top: 132px;
}
.modal .modal-content {
  border-radius: 0;
}
.modal .modal-content .modal-header {
  border: 0;
  background-color: #3085a9;
}
.modal .modal-content .modal-header .close {
  color: #ffffff;
  opacity: 1;
  text-shadow: none;
  filter: none;
}
.modal .modal-content .modal-header .close:hover {
  opacity: .5;
}
.modal .modal-content .modal-header .modal-title {
  font-family: 'Italic';
  color: #ffffff;
}
.modal .modal-content .modal-body object,
.modal .modal-content .modal-body iframe {
  width: 100% !important;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
}
/*
------------------------------------------------------------------------------------
CHAT:
------------------------------------------------------------------------------------
*/
#lhc_status_container {
  width: 250px !important;
  /*background-color: @color1 !important;*/
  border-radius: 0 !important;
}
#lhc_status_container .status-icon {
  font: 13px/1em 'Medium' !important;
  /*text-transform: uppercase !important;*/
  text-align: center !important;
  /*background: transparent !important;*/
  /*color: @white !important;*/
  padding: 10px 15px !important;
}
#lhc_container {
  border-radius: 0 !important;
}
#lhc_container #lhc_header {
  background-color: #3085a9 !important;
}
#lhc_container #lhc_header a[title="Powered by Live Helper Chat"] {
  display: none !important;
}
/*
------------------------------------------------------------------------------------
NON RESPONSIVE:
------------------------------------------------------------------------------------
*/
.container-nr {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 1100px;
}
.container-fluid {
  width: 100%;
}
/*
------------------------------------------------------------------------------------
HEADER:
------------------------------------------------------------------------------------
*/
header {
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  padding: 15px 0;
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #5b858d 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, #5b858d 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #5b858d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff5b858d', GradientType=1);
}
header .brand {
  display: block;
}
header .brand .logo {
  display: block;
  width: 270px;
  height: 90px;
  background: url('../images/logo.svg') left center no-repeat;
  background-size: contain;
}
header .top-nav {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 15px;
  list-style: none;
}
header .top-nav li {
  display: inline-block;
  margin-left: 5px;
}
header .top-nav li a {
  display: block;
}
header .top-nav li a i {
  font-size: 17px;
}
header .top-nav li a:hover i,
header .top-nav li a:focus i {
  color: #ffffff;
}
header .header-contact-info {
  position: absolute;
  z-index: 999;
  top: -5px;
  right: 145px;
}
header .header-contact-info p {
  font-size: .825rem;
}
header .header-contact-info p a {
  font-size: .825rem;
}
header .header-contact-info p strong {
  font-family: 'Bold';
}
header .header-contact-info p em {
  font-family: "Italic";
  font-style: normal;
}
header nav.navbar {
  margin-bottom: 0;
}
header nav.navbar .navbar-brand,
header nav.navbar .navbar-nav,
header nav.navbar .dropdown-menu {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
header nav.navbar .navbar-brand {
  display: block;
  width: 270px;
  height: 70px;
  margin: 15px;
  padding: 0;
  background: url('../images/logo.svg') left center no-repeat;
  background-size: contain;
}
header nav.navbar .navbar-nav {
  padding: 25px 0;
}
header nav.navbar .navbar-nav li a {
  font: 1rem/1em 'Medium';
  border-top: 2px solid transparent;
  color: #333333;
  background-color: transparent !important;
}
header nav.navbar .navbar-nav li a i.fa {
  margin-left: 5px;
}
header nav.navbar .navbar-nav li a:hover,
header nav.navbar .navbar-nav li a.current,
header nav.navbar .navbar-nav li a:focus {
  border-color: #333333;
  color: #333333;
}
header nav.navbar .navbar-nav li.dropdown {
  position: static;
}
header nav.navbar .navbar-nav li.dropdown .dropdown-menu {
  width: 100%;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
header nav.navbar .navbar-nav li.dropdown .dropdown-menu li {
  display: inline-block;
  margin-right: -4px;
}
header nav.navbar .navbar-nav li.dropdown .dropdown-menu li a {
  width: 100%;
  text-align: center;
  padding: 7.5px 0;
}
header nav.navbar .navbar-nav li.dropdown .dropdown-menu.has-5items li {
  width: 20%;
}
header nav.navbar .navbar-nav li.dropdown .dropdown-menu.has-4items li {
  width: 25%;
}
header nav.navbar .form-container {
  position: relative;
}
header nav.navbar .form-container #formSearch {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  padding: 0;
  margin: 0;
}
header nav.navbar .form-container #formSearch .form-group {
  width: 300px;
}
header nav.navbar .form-container #formSearch .form-group .help-text {
  font: 11px/1.5em 'Italic';
}
header nav.navbar .form-container #formSearch .form-group .form-control {
  width: 100%;
  font: 14px/1em 'Italic';
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
header nav.navbar .form-container #formSearch .form-group .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
header nav.navbar .form-container #formSearch .form-group .form-control:-ms-input-placeholder {
  color: #ffffff;
}
header nav.navbar .form-container #formSearch .form-group .form-control::-webkit-input-placeholder {
  color: #ffffff;
}
header.top {
  -webkit-box-shadow: none;
  box-shadow: none;
}
header.expanded {
  padding-top: 15px;
  padding-bottom: 45px;
  /*.dropdown-menu { .translateY(15px); }*/
}
header.expanded .navbar-brand {
  height: 70px !important;
}
/*
------------------------------------------------------------------------------------
SECCIONES:
------------------------------------------------------------------------------------
*/
body {
  overflow: hidden;
}
.wrapper {
  position: fixed;
  width: 100%;
  height: 600px;
  margin: 0;
  /*top: 152px;*/
  overflow-x: hidden;
  overflow-y: scroll;
}
/*------------------------------------------------------------------------------------*/
section,
footer,
.modal {
  width: 100%;
}
section .bg.white,
footer .bg.white,
.modal .bg.white {
  background-color: #ffffff;
}
section .bg.black,
footer .bg.black,
.modal .bg.black {
  background-color: #000000;
}
section .bg.gray,
footer .bg.gray,
.modal .bg.gray {
  background-color: #555555;
}
section .bg.graylight,
footer .bg.graylight,
.modal .bg.graylight {
  background-color: #eeeeee;
}
section .bg.graydark,
footer .bg.graydark,
.modal .bg.graydark {
  background-color: #333333;
}
section .bg.color-1,
footer .bg.color-1,
.modal .bg.color-1 {
  background-color: #3085a9;
}
section .bg.color-2,
footer .bg.color-2,
.modal .bg.color-2 {
  background-color: #66798c;
}
section .bg.color-3,
footer .bg.color-3,
.modal .bg.color-3 {
  background-color: #65798b;
}
section .bg.color-4,
footer .bg.color-4,
.modal .bg.color-4 {
  background-color: #000000;
}
section .color-1,
footer .color-1,
.modal .color-1 {
  color: #3085a9;
}
section .color-2,
footer .color-2,
.modal .color-2 {
  color: #66798c;
}
section .color-3,
footer .color-3,
.modal .color-3 {
  color: #65798b;
}
section .color-4,
footer .color-4,
.modal .color-4 {
  color: #000000;
}
section .color-w,
footer .color-w,
.modal .color-w {
  color: #ffffff;
}
section .color-g,
footer .color-g,
.modal .color-g {
  color: #999999;
}
section hr,
footer hr,
.modal hr {
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}
section .section-title,
footer .section-title,
.modal .section-title {
  font: 1.286rem/1.15em 'Medium';
  text-transform: uppercase;
}
section .section-title small,
footer .section-title small,
.modal .section-title small {
  font: 80%/1.15em 'Book';
  color: inherit;
}
section .section-title em,
footer .section-title em,
.modal .section-title em {
  font-family: 'Italic';
  font-style: normal;
}
section .title i.fa,
footer .title i.fa,
.modal .title i.fa,
section .title span.text,
footer .title span.text,
.modal .title span.text {
  display: table-cell;
  vertical-align: middle;
}
section .title i.fa,
footer .title i.fa,
.modal .title i.fa {
  font-size: 36px;
}
section .title .text,
footer .title .text,
.modal .title .text {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding-left: 15px;
}
section .title small,
footer .title small,
.modal .title small {
  color: inherit;
  font-family: 'Italic';
}
section .text-ucase,
footer .text-ucase,
.modal .text-ucase {
  text-transform: uppercase;
}
section .font-1,
footer .font-1,
.modal .font-1 {
  font-family: 'Book';
}
section .font-2,
footer .font-2,
.modal .font-2 {
  font-family: 'Medium';
}
section .font-3,
footer .font-3,
.modal .font-3 {
  font-family: 'Bold';
}
section article,
footer article,
.modal article {
  /*p { text-align: justify; }*/
}
section article br,
footer article br,
.modal article br {
  display: block;
  margin-bottom: 15px;
}
section article p,
footer article p,
.modal article p,
section article ul,
footer article ul,
.modal article ul {
  margin-bottom: 15px;
}
section article p,
footer article p,
.modal article p,
section article li,
footer article li,
.modal article li,
section article a,
footer article a,
.modal article a,
section article span,
footer article span,
.modal article span,
section article small,
footer article small,
.modal article small,
section article strong,
footer article strong,
.modal article strong {
  line-height: 1.5em;
}
section article ul ul,
footer article ul ul,
.modal article ul ul,
section article ol ol,
footer article ol ol,
.modal article ol ol {
  padding-left: 15px;
}
section article li,
footer article li,
.modal article li {
  margin-left: 15px;
  padding-left: 7px;
  margin-bottom: 7.5px;
}
section article li > p,
footer article li > p,
.modal article li > p {
  margin-bottom: 0;
}
section article p small,
footer article p small,
.modal article p small {
  font-size: 0.8571rem;
}
section article p strong,
footer article p strong,
.modal article p strong {
  font-family: 'Bold';
}
section article p em,
footer article p em,
.modal article p em {
  font-family: 'Italic';
  font-style: normal;
}
section article p a,
footer article p a,
.modal article p a {
  color: inherit;
}
section article a i.fa,
footer article a i.fa,
.modal article a i.fa {
  margin-right: 5px;
}
section article p.lead,
footer article p.lead,
.modal article p.lead {
  font-size: 1.143rem;
  font-family: 'Bold';
}
section article.article-4cols,
footer article.article-4cols,
.modal article.article-4cols {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
section article.justified p,
footer article.justified p,
.modal article.justified p,
section article.justified li,
footer article.justified li,
.modal article.justified li {
  text-align: justify;
}
section .share ul,
footer .share ul,
.modal .share ul {
  list-style: none;
}
section .share ul li,
footer .share ul li,
.modal .share ul li {
  display: inline-block;
  vertical-align: middle;
}
section .share ul li span.text,
footer .share ul li span.text,
.modal .share ul li span.text {
  margin-right: 7.5px;
}
section .share ul li a,
footer .share ul li a,
.modal .share ul li a {
  display: block;
}
section .share ul li a i.fa,
footer .share ul li a i.fa,
.modal .share ul li a i.fa {
  display: table-cell;
  width: 35px;
  height: 35px;
  font-size: 1.286rem;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background-color: #999999;
  border-radius: 100%;
}
section .share ul li a:hover i.fa,
footer .share ul li a:hover i.fa,
.modal .share ul li a:hover i.fa {
  background-color: #3085a9;
}
section img.full,
footer img.full,
.modal img.full,
section img,
footer img,
.modal img {
  width: 100%;
}
section .slider,
footer .slider,
.modal .slider,
section .carousel,
footer .carousel,
.modal .carousel {
  max-width: 100%;
}
section .slider ul,
footer .slider ul,
.modal .slider ul,
section .carousel ul,
footer .carousel ul,
.modal .carousel ul {
  list-style: none;
}
section .slider.nav-controls,
footer .slider.nav-controls,
.modal .slider.nav-controls,
section .carousel.nav-controls,
footer .carousel.nav-controls,
.modal .carousel.nav-controls {
  position: relative;
}
section .slider.nav-controls .owl-controls,
footer .slider.nav-controls .owl-controls,
.modal .slider.nav-controls .owl-controls,
section .carousel.nav-controls .owl-controls,
footer .carousel.nav-controls .owl-controls,
.modal .carousel.nav-controls .owl-controls {
  position: absolute;
  z-index: 999;
  width: 100%;
  top: 45%;
  margin: 0;
}
section .slider.nav-controls .owl-controls .owl-prev,
footer .slider.nav-controls .owl-controls .owl-prev,
.modal .slider.nav-controls .owl-controls .owl-prev,
section .carousel.nav-controls .owl-controls .owl-prev,
footer .carousel.nav-controls .owl-controls .owl-prev,
.modal .carousel.nav-controls .owl-controls .owl-prev,
section .slider.nav-controls .owl-controls .owl-next,
footer .slider.nav-controls .owl-controls .owl-next,
.modal .slider.nav-controls .owl-controls .owl-next,
section .carousel.nav-controls .owl-controls .owl-next,
footer .carousel.nav-controls .owl-controls .owl-next,
.modal .carousel.nav-controls .owl-controls .owl-next {
  position: absolute;
  width: 47px;
  height: 47px;
  margin: 0;
  opacity: 1;
  border-radius: 0;
}
section .slider.nav-controls .owl-controls .owl-prev,
footer .slider.nav-controls .owl-controls .owl-prev,
.modal .slider.nav-controls .owl-controls .owl-prev,
section .carousel.nav-controls .owl-controls .owl-prev,
footer .carousel.nav-controls .owl-controls .owl-prev,
.modal .carousel.nav-controls .owl-controls .owl-prev {
  left: -80px;
  background: url('../images/arrow_prev.png') center center no-repeat;
}
section .slider.nav-controls .owl-controls .owl-next,
footer .slider.nav-controls .owl-controls .owl-next,
.modal .slider.nav-controls .owl-controls .owl-next,
section .carousel.nav-controls .owl-controls .owl-next,
footer .carousel.nav-controls .owl-controls .owl-next,
.modal .carousel.nav-controls .owl-controls .owl-next {
  right: -80px;
  background: url('../images/arrow_next.png') center center no-repeat;
}
section .slider,
footer .slider,
.modal .slider {
  width: 100%;
}
section .slider .slide,
footer .slider .slide,
.modal .slider .slide {
  display: block;
  width: 100%;
}
section .slider .slide .slide-image,
footer .slider .slide .slide-image,
.modal .slider .slide .slide-image {
  width: 100%;
}
section .slider .slide .slide-image img,
footer .slider .slide .slide-image img,
.modal .slider .slide .slide-image img {
  width: 100%;
}
section .carousel .owl-carousel,
footer .carousel .owl-carousel,
.modal .carousel .owl-carousel {
  width: 100%;
}
section .carousel .owl-carousel .slide,
footer .carousel .owl-carousel .slide,
.modal .carousel .owl-carousel .slide {
  position: relative;
  display: block;
}
section .carousel .owl-carousel .slide .overlay,
footer .carousel .owl-carousel .slide .overlay,
.modal .carousel .owl-carousel .slide .overlay {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
section .carousel .owl-carousel .slide .slide-image,
footer .carousel .owl-carousel .slide .slide-image,
.modal .carousel .owl-carousel .slide .slide-image {
  width: 100%;
}
section .carousel .owl-carousel .slide .slide-image img,
footer .carousel .owl-carousel .slide .slide-image img,
.modal .carousel .owl-carousel .slide .slide-image img {
  display: block;
  width: 100%;
}
section .carousel .owl-carousel .slide:hover .overlay,
footer .carousel .owl-carousel .slide:hover .overlay,
.modal .carousel .owl-carousel .slide:hover .overlay {
  opacity: 1;
}
section .panel-group,
footer .panel-group,
.modal .panel-group {
  border: 1px solid #dddddd;
  /*border: 0;*/
  /*.box-shadow(0 2px 5px rgba(0,0,0,.2));*/
}
section .panel-group .panel,
footer .panel-group .panel,
.modal .panel-group .panel {
  border: 0;
  margin: 0 !important;
  border-radius: 0;
}
section .panel-group .panel .panel-heading,
footer .panel-group .panel .panel-heading,
.modal .panel-group .panel .panel-heading {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dddddd;
}
section .panel-group .panel .panel-heading .panel-title a,
footer .panel-group .panel .panel-heading .panel-title a,
.modal .panel-group .panel .panel-heading .panel-title a {
  display: block;
}
section .panel-group .panel .panel-heading .panel-title .title,
footer .panel-group .panel .panel-heading .panel-title .title,
.modal .panel-group .panel .panel-heading .panel-title .title {
  color: #3085a9;
}
section .panel-group .panel .panel-body,
footer .panel-group .panel .panel-body,
.modal .panel-group .panel .panel-body {
  border: 0;
  padding: 30px;
}
section .panel-group .panel.active .panel-heading,
footer .panel-group .panel.active .panel-heading,
.modal .panel-group .panel.active .panel-heading {
  background-color: #3085a9;
  border-radius: 0;
}
section .panel-group .panel.active .panel-heading .panel-title a,
footer .panel-group .panel.active .panel-heading .panel-title a,
.modal .panel-group .panel.active .panel-heading .panel-title a {
  display: block;
}
section .panel-group .panel.active .panel-heading .panel-title .title,
footer .panel-group .panel.active .panel-heading .panel-title .title,
.modal .panel-group .panel.active .panel-heading .panel-title .title {
  color: #ffffff;
}
section .panel-group .panel.white .panel-heading,
footer .panel-group .panel.white .panel-heading,
.modal .panel-group .panel.white .panel-heading {
  background-color: #ffffff;
}
/*------------------------------------------------------------------------------------*/
section#hero {
  height: 600px;
  height: 366px;
  overflow: hidden;
  background-image: -webkit-linear-gradient(left, #ffffff 0%, #5b858d 100%);
  background-image: -o-linear-gradient(left, #ffffff 0%, #5b858d 100%);
  background-image: linear-gradient(to right, #ffffff 0%, #5b858d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff5b858d', GradientType=1);
}
section#hero .slider {
  /*margin-top: 150px;*/
}
section#hero .slider .slide {
  position: relative;
  width: 100%;
  height: 366px;
}
section#hero .slider .slide .thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-size: contain !important;*/
}
section#hero .slider .slide .caption {
  position: absolute;
  width: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
section#hero .slider .slide .caption .title {
  font-size: 2.857rem;
  color: #3085a9;
}
section#hero .slider .slide .caption .title small {
  display: block;
  font: 14px/1.25em 'Italic';
  color: inherit;
}
section#hero .slider .slide .caption .lead {
  font-size: 1rem;
  color: #66798c;
}
/*------------------------------------------------------------------------------------*/
section#banner-home {
  position: relative;
  background-color: #f9f9f9;
  padding: 15px 0;
}
section#banner-home .bg {
  position: relative;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(45deg, #3085a9, #56abcf);
  background-image: -o-linear-gradient(45deg, #3085a9, #56abcf);
  background-image: linear-gradient(45deg, #3085a9, #56abcf);
  background: url('../images/conteo_bg2.png') center right no-repeat;
}
section#banner-home .bg .bg-image {
  position: absolute;
  bottom: 0;
  left: 50;
  width: 325px;
  height: 100%;
  background: url('../images/conteo_bg_logo.png') center left no-repeat;
  background-size: contain;
}
section#banner-home2 {
  position: relative;
  background-color: #f9f9f9;
  padding: 15px 0;
}
section#banner-home2 .bg {
  position: relative;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(45deg, #3085a9, #56abcf);
  background-image: -o-linear-gradient(45deg, #3085a9, #56abcf);
  background-image: linear-gradient(45deg, #3085a9, #56abcf);
}
section#banner-home2 .bg .bg-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 600px;
  height: 105%;
  background-size: contain;
}
/*------------------------------------------------------------------------------------*/
section#productos-destacados .item,
section#productos .item {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 15px;
  height: 250px;
}
section#productos-destacados .item .overlay,
section#productos .item .overlay {
  position: absolute;
  z-index: 1;
  margin: -15px 0 0 -15px;
  width: 100%;
  height: 100%;
  background-color: rgba(48, 133, 169, 0.75);
  opacity: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
section#productos-destacados .item .overlay .icon,
section#productos .item .overlay .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
section#productos-destacados .item .overlay .icon i,
section#productos .item .overlay .icon i {
  display: table-cell;
  width: 50px;
  height: 50px;
  font-size: 50px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  border-radius: 100%;
}
section#productos-destacados .item .overlay .icon i:before,
section#productos .item .overlay .icon i:before {
  margin: 0;
  color: #ffffff;
}
section#productos-destacados .item .thumb,
section#productos .item .thumb {
  width: 100%;
  height: 140px;
}
section#productos-destacados .item .caption .title,
section#productos .item .caption .title {
  font: 1rem/1em 'Medium';
  color: #3085a9;
}
section#productos-destacados .item .caption .lead,
section#productos .item .caption .lead {
  font-size: 1rem;
  color: #66798c;
}
section#productos-destacados .item:hover,
section#productos .item:hover {
  /*.box-shadow(0 2px 5px rgba(0,0,0,.2));*/
}
section#productos-destacados .item:hover .overlay,
section#productos .item:hover .overlay {
  opacity: 1;
}
section#productos-destacados .item.margin,
section#productos .item.margin {
  margin: 15px;
}
section#videos {
  padding: 30px 0;
}
section#videos .item {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 15px;
  height: 250px;
}
section#videos .item .video {
  width: 100%;
  height: 140px;
}
section#videos .item .video iframe {
  width: 100% !important;
  height: 140px !important;
}
section#videos .item .caption .title {
  font: 1rem/1em 'Medium';
  color: #3085a9;
}
section#videos .item .caption .lead {
  font-size: 1rem;
  color: #66798c;
}
section#videos .item.margin {
  margin: 15px;
}
/*------------------------------------------------------------------------------------*/
section#productos-destacados {
  background-color: #f9f9f9;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
/*------------------------------------------------------------------------------------*/
section#soporte {
  padding: 30px 0;
}
/*------------------------------------------------------------------------------------*/
section#soluciones {
  padding: 30px 0;
  background-color: #65798b;
}
section#soluciones .icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 15px;
}
section#soluciones .icon i {
  display: table-cell;
  width: 60px;
  height: 60px;
  font-size: 2.143rem;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
}
section#soluciones .icon i:before {
  margin: 0;
}
section#soluciones .bg {
  position: relative;
  display: block;
  min-height: 400px;
  background-color: #6b8194;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  /*&:hover { 
      background-color: @white; 
      .icon i { 
        color: @color3; 
        border-color: @color3; 
      }
      h3, p { color: @color3; }
    }*/
}
section#soluciones .bg .btn {
  position: absolute;
  bottom: 30px;
}
section#soluciones .bg .btn.centered {
  margin-left: 0;
  left: 50%;
}
/*------------------------------------------------------------------------------------*/
section#sobre-elwic {
  padding: 30px 0;
}
/*------------------------------------------------------------------------------------*/
section#clientes {
  background-color: #f9f9f9;
  padding: 30px 0;
}
section#clientes .carousel {
  /*.owl-item.active .slide .thumb { opacity: 1; }*/
}
section#clientes .carousel .slide {
  position: relative;
  width: 100%;
}
section#clientes .carousel .slide .thumb {
  width: 100%;
  height: 40px;
  /*opacity: 0;*/
  background-size: contain !important;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
/*------------------------------------------------------------------------------------*/
section#ubicacion {
  background-color: #3085a9;
}
section#ubicacion article {
  padding: 30px 0;
}
section#ubicacion #map {
  width: 100%;
  height: 517px;
}
section#ubicacion #map iframe {
  width: 100% !important;
  height: 517px !important;
}
/*------------------------------------------------------------------------------------*/
#frmConteo .form-group,
section#contacto .form-group,
section#soporte .form-group,
section#newsletter .form-group {
  width: 100%;
  margin-bottom: 0;
}
#frmConteo .form-group .form-control,
section#contacto .form-group .form-control,
section#soporte .form-group .form-control,
section#newsletter .form-group .form-control {
  font: 1rem/1em 'Italic';
  height: auto;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 0;
}
#frmConteo .form-group input[type="text"].form-control,
section#contacto .form-group input[type="text"].form-control,
section#soporte .form-group input[type="text"].form-control,
section#newsletter .form-group input[type="text"].form-control {
  border-bottom: 0;
}
#frmConteo .form-group:last-child input[type="text"].form-control,
section#contacto .form-group:last-child input[type="text"].form-control,
section#soporte .form-group:last-child input[type="text"].form-control,
section#newsletter .form-group:last-child input[type="text"].form-control {
  border-bottom: 1px solid #dddddd;
}
/*------------------------------------------------------------------------------------*/
section#contacto {
  padding: 30px 0;
}
/*------------------------------------------------------------------------------------*/
section#productos {
  padding: 30px 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid #dddddd;
}
section#productos .message {
  width: 100%;
  text-align: center;
}
section#productos .message i {
  display: block;
  font-size: 40px;
}
section#productos .sidebar .nav li a {
  color: #3085a9;
  padding: 15px;
  border-radius: 0;
}
section#productos .sidebar .nav li a.current {
  color: #ffffff;
  background-color: #000000;
}
/*------------------------------------------------------------------------------------*/
section#productos-informacion {
  padding: 30px 0;
}
/*------------------------------------------------------------------------------------*/
section#productos-video {
  padding: 30px 0;
  background-color: #66798c;
}
section#productos-video .video {
  width: 100%;
  height: 650px;
}
section#productos-video .video iframe {
  width: 100% !important;
  height: 650px !important;
}
/*------------------------------------------------------------------------------------*/
section#producto {
  padding: 30px 0;
  padding-top: 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid #dddddd;
}
section#producto .section-title {
  width: 100%;
  background-color: #000000;
  border-bottom: 1px solid #dddddd;
  color: #ffffff;
  padding: 15px 0;
}
section#producto .product-image {
  width: 100%;
  height: 450px;
  background-size: contain !important;
  background-color: #ffffff !important;
  border: 1px solid #dddddd;
}
section#producto table {
  width: 100%;
}
section#producto table td {
  width: 50%;
  font-size: 0.9286rem;
  padding: 7.5px;
  color: #66798c;
  border-bottom: 1px solid #dddddd;
}
section#producto table td:first-child {
  color: #000000;
}
section#producto .video {
  width: 100%;
  height: 400px;
}
section#producto .video iframe {
  width: 100% !important;
  height: 400px !important;
}
/*------------------------------------------------------------------------------------*/
section#soluciones-detalle {
  padding: 30px 0;
}
section#soluciones-detalle #tabla-comparativa {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 45px;
}
section#soluciones-detalle #tabla-comparativa .nav-tabs li a {
  font-family: 'Medium';
  text-transform: uppercase;
  color: #3085a9;
  background-color: #eeeeee;
  border-radius: 0;
}
section#soluciones-detalle #tabla-comparativa .nav-tabs li.active a {
  color: #ffffff;
  background-color: #66798c;
}
section#soluciones-detalle #tabla-comparativa table {
  width: 100%;
  min-width: 800px;
  max-width: none;
}
section#soluciones-detalle #tabla-comparativa table tbody tr:hover td {
  color: #3085a9;
  background-color: #eeeeee;
}
section#soluciones-detalle #tabla-comparativa table tbody tr:hover td:first-child {
  color: #ffffff;
  background-color: #000000 !important;
}
section#soluciones-detalle #tabla-comparativa table td {
  padding: 7.5px;
  text-align: center;
  border: 0.5px solid #dddddd;
  vertical-align: middle;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
section#soluciones-detalle #tabla-comparativa table td:first-child {
  width: 280px;
  color: #ffffff;
  background-color: #3085a9 !important;
}
section#soluciones-detalle #tabla-comparativa table thead td {
  font: 13px/1.25em 'Bold';
}
section#soluciones-detalle #tabla-comparativa table thead td .thumb {
  width: 140px;
  height: 110px;
  margin: 0 auto;
}
section#soluciones-detalle #tabla-comparativa table thead td .thumb img {
  width: 100%;
}
section#soluciones-detalle #tabla-comparativa table thead tr.color-1 td {
  background-color: #eeeeee;
}
section#soluciones-detalle #tabla-comparativa table thead tr.color-2 td {
  background-color: #dddddd;
}
section#soluciones-detalle #tabla-comparativa table tbody td {
  font: 12px/1.25em 'Book';
}
section#soluciones-detalle #tabla-comparativa table tbody td:first-child {
  text-align: left;
}
/*------------------------------------------------------------------------------------*/
section#clientes-detalle {
  padding: 30px 0;
}
section#clientes-detalle .clientes-list {
  margin: -10px;
  text-align: center;
}
section#clientes-detalle .clientes-list .thumb {
  display: inline-block;
  width: 160px;
  height: 41px;
  background-size: contain !important;
  margin: 10px;
}
/*------------------------------------------------------------------------------------*/
section#newsletter {
  padding: 30px 0;
  background-color: #eeeeee;
  border-top: 1px solid #dddddd;
}
section#newsletter .form-control,
section#newsletter .btn {
  height: 46px !important;
  padding: 13px 30px !important;
}
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
footer {
  padding: 30px 0;
  padding-bottom: 0;
  background-color: #f9f9f9;
  border-top: 1px solid #dddddd;
}
footer .title {
  position: relative;
  padding-bottom: 15px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
footer .title:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: #3085a9;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
footer small {
  font-size: 12px;
  color: #66798c;
}
footer a:hover .title {
  color: #000000;
}
footer a:hover .title:before {
  background-color: #000000;
}
footer .nav-footer li {
  margin-bottom: 7.5px;
}
footer .nav-footer a {
  font-size: 0.9286rem;
  color: #66798c;
}
footer .nav-footer a:hover {
  color: #3085a9;
}
footer .afip {
  display: block;
  width: 50px;
  height: 70px;
  background: url('../images/afip.jpg') center center no-repeat;
  background-size: contain;
}
footer .footer-copy {
  padding: 15px 0;
  background-color: #66798c;
  margin-top: 15px;
}
footer .footer-copy p.copy {
  color: #ffffff;
}
footer .footer-copy .logo-tripi {
  display: block;
  width: 110px;
  height: 20px;
  background: url('../images/logo_tripi.svg') center center no-repeat;
  background-size: contain;
}
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
section .title-xlg,
header .title-xlg,
footer .title-xlg {
  font-size: 45px;
}
section .title-lg,
header .title-lg,
footer .title-lg {
  font-size: 36px;
}
section .title-md,
header .title-md,
footer .title-md {
  font-size: 27px;
}
section .title-sm,
header .title-sm,
footer .title-sm {
  font-size: 18px;
}
section p.large,
header p.large,
footer p.large {
  font-size: 16px;
}
/*
------------------------------------------------------------------------------------
RESPONSIVE:
------------------------------------------------------------------------------------
*/
@media (max-width: 480px) {
  .margin-b-xs {
    margin-bottom: 15px !important;
  }
  .margin-small-b-xs {
    margin-bottom: 7.5px !important;
  }
  html {
    font-size: 13px;
  }
  section#hero .owl-prev,
  section#hero .owl-next {
    display: none !important;
  }
  section#hero .no-pd-xs {
    padding: 0;
  }
  section#hero .slider .slide .caption {
    width: 100%;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    top: 15px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  section#hero .slider .slide .caption .title {
    font-size: 1.857rem;
  }
  .slider.nav-controls .owl-prev,
  .carousel.nav-controls .owl-prev {
    left: 5px !important;
  }
  .slider.nav-controls .owl-next,
  .carousel.nav-controls .owl-next {
    right: 5px !important;
  }
}
@media (max-width: 767px) {
  #lhc_status_container {
    width: 100% !important;
    max-width: 100% !important;
    z-index: 9999 !important;
    position: fixed !important;
    height: 40px !important;
    overflow: hidden;
  }
  html,
  body {
    overflow-x: hidden !important;
  }
  body {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 119px !important;
    overflow-y: scroll !important;
  }
  header {
    top: 47px !important;
  }
  .wrapper {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0;
    /*top: 152px;*/
    /*overflow-x: hidden;
	  overflow-y: scroll;*/
    overflow: visible;
  }
  section .article-2cols,
  footer .article-2cols,
  section .article-4cols,
  footer .article-4cols {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  section#contacto .form-group,
  section#soporte .form-group {
    margin-bottom: 7.5px;
  }
  section#contacto .form-group .form-control,
  section#soporte .form-group .form-control {
    border: 1px solid #dddddd !important;
  }
}
/* NAV: */
@media (max-width: 1200px) {
  header {
    padding: 7.5px 0;
  }
  header .top-nav,
  header .header-contact-info {
    display: none;
  }
  header .navbar-header {
    float: none;
  }
  header .navbar-left,
  header .navbar-right {
    float: none !important;
  }
  header .navbar-toggle {
    display: block;
  }
  header .navbar-collapse.collapse {
    display: none !important;
  }
  header .navbar-nav {
    float: none !important;
  }
  header .navbar-nav > li {
    float: none;
  }
  header .collapse.in {
    display: block !important;
  }
  header nav.navbar .form-toggle {
    display: none;
  }
  header nav.navbar .form-container #formSearch {
    display: block !important;
    left: 0;
    right: auto;
    top: 0;
  }
  header nav.navbar .navbar-brand {
    width: 190px;
    height: 55px;
    margin: 0;
  }
  header nav.navbar .navbar-nav {
    min-height: 300px;
    max-height: 380px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
  }
  header nav.navbar .navbar-nav li a {
    border-top: 0;
    padding: 10px 15px;
  }
  header nav.navbar .navbar-nav li a:hover,
  header nav.navbar .navbar-nav li a:focus {
    background-color: #000000 !important;
    color: #ffffff;
  }
  header nav.navbar .navbar-nav li.dropdown .dropdown-menu {
    position: relative;
    width: 100%;
    background-color: transparent;
    border: 0;
    padding: 7.5px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  header nav.navbar .navbar-nav li.dropdown .dropdown-menu li {
    width: 100% !important;
    display: block !important;
    margin-right: 0;
    /*margin-left: @gap;*/
  }
  header nav.navbar .navbar-nav li.dropdown .dropdown-menu li a {
    display: block !important;
    text-align: left;
    padding: 10px 15px;
  }
  header.expanded {
    padding: 7.5px 0;
  }
  header.expanded .navbar-brand {
    height: 55px !important;
  }
}