@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');

/*
Description: Saywhat
Author: Agustín Ullmer
Version: 1.1
License: Creative Commons "Some rights reserved"
License URI: http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es_ES
*/

/* Reset */
html, html a {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-shadow:1px 1px 1px rgba(0,0,0,0.004);}
html, body {margin:0; padding:0;}
body {font-family:'Lato', sans-serif; color:#939597; background:#F2F2F2; letter-spacing:0; counter-reset:step;}
ul, ol, li {list-style:none; margin:0; padding:0;}
img, a img {border:none;}
hr{margin:0; padding:0;}
a{opacity:1; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
a:hover{opacity:0.8; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
a:focus, a:hover{color:inherit; text-decoration:none;}
strong{font-weight:900;}

.rojo{background-color:#E01E24; color:white;} .gris{background-color:#939597; color:white;} .gris-50{background-color:#F2F2F2;}

.mt-1{margin-top:120px;} .mt-2{margin-top:60px;} .mt-3{margin-top:45px;} .mt-4{margin-top:30px;} .mt-5{margin-top:15px;}
.mb-1{margin-bottom:120px;} .mb-2{margin-bottom:60px;} .mb-3{margin-bottom:45px;} .mb-4{margin-bottom:30px;} .mb-5{margin-bottom:15px;}
.pb-1{padding-bottom:120px;} .pb-2{padding-bottom:60px;} .pb-3{padding-bottom:45px;} .pb-4{padding-bottom:30px;} .pb-5{padding-bottom:15px!important;}

/* Basics */
h1{font-size:42px; font-weight:900; color:white; letter-spacing:1px; line-height:52px; padding:0; margin:0; text-transform:uppercase;}
h2{font-size:32px; font-weight:900; color:#E01E24; letter-spacing:1px; line-height:38px; padding:0; margin:0; text-transform:uppercase;}
h3{font-size:24px; font-weight:400; color:#939597; letter-spacing:0; line-height:28px; padding:0; margin:0;}
h4{font-size:14px; font-weight:900; color:#E01E24; letter-spacing:0; line-height:17px; padding:0; margin:0;}
h5{font-size:; font-weight:; color:; letter-spacing:; line-height:; padding:0; margin:0;}
h6{font-size:; font-weight:; color:; letter-spacing:; line-height:; padding:0; margin:0;}
p{font-size:16px; font-weight:400; color:white; letter-spacing:0; line-height:27px; padding:0; margin:0;}

/* Custom */
.navbar{border-radius:0; max-height:130px; font-size:13px; font-weight:900; letter-spacing:1px; border:none;}
.navbar-brand{height:auto; padding:15px; line-height:0;}
.navbar-default{background-color:white; box-shadow:0 0 5px 0 rgba(0,0,0,0.25); border-color:transparent;}
.navbar-nav>li, .navbar-nav>li>a{line-height:89px;}
.small-navbar .navbar-nav>li, .small-navbar .navbar-nav>li>a, .small-navbar .navbar-text{line-height:35px;}
.navbar-default .navbar-nav>li>a{color:#020202;}
.navbar-default .navbar-text, .navbar-default .navbar-link{color:#939597; font-size:14px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#E01E24; background-color:transparent;}

.welcome{background:url('../assets/image/background.jpg'); background-image:-webkit-image-set(url('../assets/image/background.jpg') 1x, url('../assets/image/background@2x.jpg') 2x); background-position:bottom right; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}

/*.btn{height:54px; width:100%; border-radius:6px; font-size:12px; font-weight:900; letter-spacing:1px; text-align:center; text-transform:uppercase; padding:0; line-height:52px; color:white; border-color:transparent;}*/
.btn{height:54px; border-radius:6px; font-size:12px; font-weight:900; letter-spacing:1px; text-align:center; text-transform:uppercase; padding:0px 15px; line-height:52px; color:white; border-color:transparent;}
.btn-sm{height:27px!important; width:auto; line-height:25px; padding:0 10px;}

.btn-default{background-color:#939597; height:35px; line-height:35px;}
.btn-primary{background-color:#E01E24;}
.btn-home{background-color:#E01E24;width:100%;}
.btn-info{background-color:#F2F2F2;}


.form-inline.controls {
    margin:15px 0px;
}
.btn-default.not-form-default {
    height:54px;
    line-height:54px;
}		   
.vertical-center {min-height:80%; min-height:80vh; display:flex; align-items:center;}
.slide{min-height:220px;}
.carousel-fade .carousel-inner .item{opacity:0; transition-property:opacity;}
.carousel-fade .carousel-inner .active{opacity:1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index:2;}
  
.menues{background-color:#E01E24; border-radius:6px; min-height:106px; color:white; text-align:center; font-size:16px; font-weight:900; letter-spacing:1px; text-transform:uppercase; display:flex; justify-content:center; align-items:center; flex-direction:column; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
.menues:hover{background-color:white; border:solid 3px #E01E24; color:#E01E24; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
.fa-3x{padding:0px 0 5px 0;}

.tooltips a{font-size:12px;}
.tooltip-info{background-color:white; border-radius:6px; min-height:160px; color:#E01E24; text-align:center; font-size:16px; font-weight:900; letter-spacing:1px; text-transform:uppercase; display:flex; justify-content:center; align-items:center; flex-direction:column; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;}
.tooltip-info:before{content:counter(step); counter-increment:step; width:55px; height:55px; background-color:#939597; position:relative; border-radius: 55px; top:-65px; margin-bottom:-25px; font-size:24px; color:white; letter-spacing:0; text-align:center; line-height:53px;}

.tooltip-inner{width:400px; max-width:100%; padding:15px; color:inherit !important; font-weight:bold;}
.tooltip.in{opacity:1; filter:alpha(opacity=100);}
.tooltip.top .tooltip-inner {background-color:white; border-radius:6px; box-shadow:0 5px 30px -10px rgba(0,0,0,0.15);}
.tooltip.top .tooltip-arrow {border-top-color:white;}
.tooltip-inner p, .tooltip-inner li{color:#939597!important; font-size:11px; line-height:18px; text-align:left;}
.tooltip-inner p{font-weight:900;} .tooltip-inner h4{text-align:left;}

.cotizar .form-control:focus{background-color:white;}
.cotizar .form-control{box-shadow:none;}
.cotizar ::placeholder{color:#939597;}
.cotizar ::-webkit-input-placeholder{color:#939597;}
.cotizar ::-moz-placeholder{color:#939597;}
.cotizar ::-ms-input-placeholder {color:#939597;}
.cotizar input{background:white;  border:1px solid #939597; border-radius:6px; color:#939597; height:40px;}
.cotizar select{appearance:none; -webkit-appearance:none; -moz-appearance:none; background:white; border:1px solid #939597; border-radius:8px; color:#939597; height:40px; background-image:url('../assets/svg/caret-down.svg'); background-position:center right 10px; background-repeat:no-repeat; background-size:auto;}
select.form-control:not([size]):not([multiple]){height:40px;}

.panel-default{border-color:transparent;}
.panel-group .panel{border-radius:6px;}
.panel-group{margin-bottom:0px;}
.panel{border:0; box-shadow:none;}
.panel-default>.panel-heading{color:white; background-color:#939597; border-color:transparent;}
.panel-heading{padding:18px 15px; border-top-left-radius:6px; border-top-right-radius:6px;}
.panel-title{font-size:12px; letter-spacing:1px; text-align:center; text-transform:uppercase;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:transparent;}
.panel-body{padding:15px 15px 0 15px;}

.detalle-producto li:after{content:''; border-bottom:1px solid #F2F2F2; width:100%; display:block; margin:5px 0;}
.detalle-producto li:last-child:after{content:''; border-bottom:none; margin:0;}
.detalle-modalidad .panel-title{text-align:left; display:inline-block;}

/* Toggler animation */
.icon-bar{width:25px; height:2px; background-color:#939597; display:block; margin-top:0px; transition:transform 0.3s ease, opacity 0.2s ease;}
.icon-bar:first-child{margin-top:0; padding-top:0;}
.navbar-collapse{max-height:calc(100vh - 60px); overflow-y:auto;}
.navbar-toggle{border:none; background:transparent!important; padding:auto; padding-right:.25rem; padding-top:2.2rem;}
.navbar-toggle .top-bar{transform:rotate(45deg); transform-origin:10% 10%;}
.navbar-toggle .middle-bar{opacity:0;}
.navbar-toggle .bottom-bar {transform:rotate(-45deg); transform-origin:10% 90%;}
.navbar-toggle.collapsed .top-bar{transform:rotate(0);}
.navbar-toggle.collapsed .middle-bar{opacity:1;}   
.navbar-toggle.collapsed .bottom-bar{transform:rotate(0);}

.footer {color:#585555; font-size:12px; text-align:center;}

@media ( min-width: 768px ) and (max-width: 992px) {

}

@media ( max-width: 736px ) {
    .navbar{max-height:100%;}
    .mt-2-xs{margin-top:60px;}
    h1{font-size:26px; line-height:32px;} h2{font-size:26px;} h3{font-size:18px;}
    .navbar-default .navbar-text, .navbar-default .navbar-link{padding-left:15px;}
    .welcome{background-position:bottom left;}

}


/*.navbar .nav > li {
z-index: 10000;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}*/