@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.ttf') format('truetype'); 
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); 
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype'); 
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'Montserrat';
    -webkit-font-smoothing: antialiased!important;
    font-weight: 400;
}
.animated{
	transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modulo{
    padding: 40px 0;
}
.modulo-color{
    background-color: #f1f1f1;
    padding: 40px 0;
}
.space{
    margin-bottom: 40px;
}
/******** NAV *******/
.navbar {
	margin-bottom: 0;
}
.navbar-default {
	background-color: #fff;
    border-color: #fff;
    z-index: 999;
    width: 100%;
    top: 0;
    border-radius: 0px;
    height: 75px;
    position: fixed;
    transition: all 0.8s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.navbar-brand {
    padding: 0px;
    height: 100%;
}
.navbar-brand>img {
    padding: 10px 15px;
    width: 80%;
}
.navbar-default .navbar-nav li{
    padding: 15px 7px;
    text-align: center;
}
.navbar-default .navbar-nav li small {
    color:#ec6911
}    
.navbar-default .navbar-nav a {
    color:#999;
    font-size:18px;
    font-weight:400;
    text-decoration: none;
    -webkit-transition: all ease .5s;
    padding: 0;
}
.navbar-default .navbar-nav a:hover,
.navbar-default .navbar-nav a:active,
.navbar-default .navbar-nav a:focus {
    color:#ec6911;
}
.navbar-default .navbar-nav a:hover.glyphicon-phone,
.navbar-default .navbar-nav a:active .glyphicon-phone,
.navbar-default .navbar-nav a:focus .glyphicon-phone {
    background-color:#ec6911;
}

.navbar-default .glyphicon {
    color:#fff;
    background-color:#ec6911;
    padding:6px;
    border-radius:50%;
    margin-right:6px;
    font-size:15px;
}
ul.navbar-right {
    display: inline-flex;
    padding-right: 0px;
    margin-right: 0px;
}
.navbar-nav {
    float:none;
}
/********* CAROUSEL *******/
.bs-slider{
    z-index: 200;
}
.slide-text{
    color: #fff;
    top: 35%;
    padding-right: 8%;
}
.slide-text > h1{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 35px;
    margin-bottom: 15px;
    line-height: 1;
}
.slide-text p{
    font-size: 18px;
    margin-bottom: 0;
}
.slide-text h1 span{
    color: #ec6911;
}
.indicators-line > .carousel-indicators{
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.indicators-line > .carousel-indicators .active{
    box-shadow: none;
    border-color: #fff;
}
.indicators-line > .carousel-indicators li{
    background:rgba(255,255,255,0.7);
}
/********* FORM *********/
div#wrapper-formulario {
    width: 100%;
    position: fixed;
    top: 75px;
    z-index: 200;
    pointer-events: none;
    height: 50px;
    overflow: hidden;
    left: 0;
}
div#wrapper-formulario.formulario-desplegado {
    height: 540px;
}
div#wrapper-formulario .container {
}
.formulario {
    background-color: white;
    padding-bottom: 20px;
    border-radius: 0 0 5px 5px;
    pointer-events: all;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.formulario .legend {
    background-color: #ec6911;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 22px;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 30px;
    -webkit-transition: all ease .5s;
}
.formulario .legend:hover,
.formulario .legend:focus,
.formulario .legend:active,
.formulario .legend:active:focus {
	background-color: #ec6911;
	color: #fff;
}
.form-group{
    margin-bottom: 0px;
}
.form-group .form-control{
    margin-bottom: 15px;
}
.formulario select.form-control {
    color: #999;
}
.formulario textarea{
    resize: none;
}
.form-control:focus {
    border-color:#ec6911;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec6911;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ec6911;
}
.formulario button {
    background-color:#ec6911;
    border-color:#ec6911;
    color: #fff;
    text-transform:uppercase;
    font-size: 15px;
    font-weight: 200;
    padding: 10px;
    -webkit-transition: all ease .5s;
}
.formulario button:hover,
.formulario button:focus,
.formulario button:active,
.formulario button:active:focus {
    background-color: #ec6911;
    border-color:#ec6911;
    color:#fff;
}
/******* TITULO *******/

.titulo h1 {
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    font-size: 30px;
}
.titulo h2 {
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	font-size: 30px;
	margin: 7px 0;
	color: #ec6911;
	background-color: #FFF;
}
.titulo-dos h2 {
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-top: 0px;
    font-size: 25px;
}
.titulo-dos:after {
    position: absolute;
    content: "";
    height: 1px;
    left: 47.3%;
    width: 10%;
    background-color: #fff;
}
.titulo-tres h1 {
    text-transform: uppercase;
    color: #ec6911;
    position: relative;
    font-size: 20px;
}
.intro{
	width:80%;
	margin: 0 auto;
}
/*********** QUIENES SOMOS *********/
.quienes-somos{
    background-color: #f2f2f2;
    color: #999;
}
.quienes-somos .titulo h2{
	color: #ec6911;
	background-color: #f1f1f1;
}
/*********** ATRIBUTOS **********/
.atributos{
    color:#999;
}
.atributos h4{
	font-weight: 200;
	font-size: 16px;
	text-align: center;
}
.atributo{
    padding: 0 30px;
}
.atributo .icono{
    background-color: #ec6911;
    padding: 10px;
    height: 85px;
    width: 85px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.atributo .icono img{
    width: 100%;
}
/*********** SERVICIOS **********/
.servicio{
    transition: all ease .5s;
}
.texto{
    /*background-color:#f9f9f9;*/
    color: #999;
    padding-top:3%;
    min-height: 297px;
}
.img-servicio{
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}
.img-servicio img{
    transition: all .2s ease-in-out;
}

.img-servicio img:hover{
    transform: scale(1.1);
}
/******** PLANES ********/
.planes .intro p{
    color: #999;
}
/******** MAP *******/
ul.nav.nav-tabs.nav-pills{
    border-bottom: none;
}
ul.nav.nav-tabs.nav-pills>li{
    float: none;
    display: -webkit-inline-box;
}
ul.nav.nav-tabs.nav-pills>li>a{
    border-radius: 25px;
    transition: all ease .5s;
}
ul.nav.nav-tabs.nav-pills>li>a:hover{
    opacity: .7;
}
.nav-tabs.nav-pills>.active>a,
.nav-tabs.nav-pills>.active>a:focus,
.nav-tabs.nav-pills>.active>a:hover {
    border: none;
    background-color: #ec6911;
    color: #fff;
}
.nav-tabs.nav-pills>.active>a:active{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 4px rgb(89, 89, 89);
}
.nav-tabs.nav-pills>li>a {
    border: none;
}
.nav-tabs.nav-pills>li>a {
    color: #595959;
    background-color: #dcdcdc;
    font-size: 12px;
    text-transform: uppercase;
}
.tab-content p{
	margin: 20px;
	color: #ec6911;
}
.tab-content p span{
	color: #ec6911;
	margin-right: 7px;
	background-color: #FFF;
}
.map{
    margin-bottom: 30px;
    transition: all ease .5s;
}
.info-map{
    color: #fff;
    background-color: #ec6911;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px;
}
.info-map h4{
    margin: 0;
}
.map-container {
    width: 100%;
    margin:0;
}
.map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
    pointer-events: auto;
}
/*********** BTN ***********/

.btn.btn-default {
    background-color: #ec6911;
    border-color: #ec6911;
    color:#fff;
    padding:10px 30px;
    font-weight: 200;
    border-radius:25px;
    transition: all ease .5s;
    margin: 20px 0px;
    text-transform: uppercase;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:active:focus {
    background-color:#04495a;
    border-color:#04495a;
    color: #fff;
}
.btn.btn-default.outline{
    background-color:transparent;
    border:1px solid #fff;
    color:white;
    padding:10px 30px;
    border-radius:25px;
    transition: all ease .5s;
    margin: 20px 0px;
    text-transform: uppercase;
}
.btn.btn-default.outline:hover,
.btn.btn-default.outline:active,
.btn.btn-default.outline:focus,
.btn.btn-default.outline:active:focus {
    background-color:#ec6911;
    border-color:#ec6911;
    color: #fff;
}
/******** BTN MOBILE ********/
a.btn.btn-default.btn-cotiza.fixed {
  display: none;
}
/******* FOOTER *******/
footer {
	background-color: #fff;
    border-top: 1px solid #dcdcdc;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer img{
    width: 55%;
}
footer ul {
	margin-top: 20px;
	margin-bottom: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer .list-inline>li:first-child{
    padding: 15px 0;
}
footer .list-inline>li {
    padding: 25px 0;
    text-align: center;
}
footer li small {
    color:#ec6911;
    display: block
}  
footer ul li a{
    color: #999;
    font-weight: 500;
    font-size: 15px;
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active {
	color: #ec6911;
	text-decoration: none;
	font-size: 18px;
}
footer .glyphicon {
	color: #fff;
	background-color: #ec6911;
	padding: 5px;
	border-radius: 50%;
	margin-right: 3px;
}
/******** MAX ********/
@media (max-width: 1366px){
    .bs-slider{
        margin-top: 75px;
        transition: all ease .7s;
    }
    .slide-text{
        top: 20%;
        padding:10px;
    }
}
@media (max-width:1200px){
    .slide-text{
        top: 17%;
    }
    .navbar-default .navbar-nav a {
        font-size: 14px;
    }
    .navbar-default .glyphicon{
        font-size: 14px;
    }
    .servicio h3{
        font-size: 20px;
    }
    .texto{
        min-height: 227.5px;
    }
}
@media (max-width:991px) {
    div#wrapper-formulario {
        position: relative;
        top: 0px;
        height: auto!important;
        overflow: visible;
    }
    div#wrapper-formulario .container {
        padding: 0;
        width: 100%;
    }
    .formulario .form-group label {
    	display: none;
    }
    .titulo h1{
        margin-top: 0px;
    }
    .intro{
		width: 70%;
	}
    .servicio{
        text-align: center;
    }    
    .servicio h3{
        font-size: 27px;
        margin-bottom: 15px;
    }
    .servicio p{
        font-size: 14px;
    }
    .texto{
        padding-top: 0%;
        min-height: 150px;
    }
    .img-servicio{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .marca img{
        margin-left: auto;
        margin-right: auto;
    }
    .btn.btn-default {
        display: none;
    }
    .btn.btn-default.outline{
        display: inline-block;    
    }
    a.btn.btn-default.btn-cotiza.fixed {
        display: block;
        position: fixed;
        bottom: 0px;
        z-index: 100;
        left: 0;
        right: 0;
        font-weight: 200;
        width: 80%;
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        background-color:#ec6911;
        border-color: transparent;
        padding: 10px 20px;
        box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    }
    .slide-text{
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        text-align: center!important;
        padding: 5%;
        top: 10%;
    }    
    .slide-text > h1{
        font-size: 27px;
    }
    footer img{
        width: 25%;
    }
    footer .list-inline>li {
        padding: 15px 0;
    }
	footer {
		padding-bottom: 70px;
	}
}
@media (max-width:767px) {
    .navbar-nav{
        margin: 0;
    }
    .navbar-default {
        height: 65px;
    }
    .navbar-brand>img {
        width:65%;
        padding: 10px 15px;
    }
    .navbar-right{
        padding: 15px 0; 
    }
    .formulario .legend {
        font-size:20px;
        padding-bottom:5px;
    }
    .navbar-header {
        float:left;
    }
    ul.navbar-right.fonos {
        display: inline-flex!important;
        position: absolute;
        right: 5px;
        padding: 0;
    }
    .navbar-default .navbar-nav li{
        padding: 15px 7px;
    }
    .navbar-default .glyphicon{
        font-size: 14px;
        padding: 7px;
        margin-right: 5px;
    }
    .bs-slider{
        margin-top: 55px;
        transition: all ease .7s;
    }
    .slide-text{
        top: 20%;
    }
    .slide-text > h1{
        margin-bottom: 20px;
    }
    .slide-text > ul{
        margin-bottom: 10px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }
    a.btn.btn-default.btn-cotiza.fixed {
        width: 95%
    }
    .img-servicio{
        width: 95%;
    }
    .img-servicio img{
        margin: 0 auto;
    }
    .servicio a{
        text-decoration: none;
    }
    .servicio{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .texto{
        min-height: auto;
        padding-top: 0px;
        padding-bottom: 20px; 
    }
    .atributo{
        padding: 0 15px;
        margin-bottom: 20px;
    }
    footer img{
        width: 30%;
    }
    footer ul {
        padding-bottom: 30px;
    }
    footer .glyphicon {
        font-size:13px;
    }
}
@media (max-width: 596px){
    .intro{
        width: 90%;
    }
}
@media (max-width:480px) {
    .navbar-default {
        height: 55px;
    }
    .navbar-brand>img {
        width:58%;
        padding: 8px 15px;
    }
    .navbar-right {
        padding: 10px 0;
    }
    .navbar-default .navbar-nav li{
        padding: 4px 3px;
        margin-top: 7px;
    }
    .navbar-default .navbar-nav li small{
        font-size: 70%;
		text-align: center;
		display: inline-block;
		line-height: normal;
		position: relative;
		top: 7px;
    }
    .navbar-default .glyphicon{
        font-size: 13px;
        padding: 7px;
        margin-right: 3px;
    }
    .slide-text{
        top: 10%;
    }
    .slide-text > h1{
        font-size: 20px;
        margin-bottom: 7px;
    }
    .slide-text p{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .titulo h1{
        font-size: 27px;
    }
    ul.nav.nav-tabs.nav-pills>li {
        width: 100%;
        margin-bottom: 10px;
        transition: all ease .4s;
        display: block;
    }
    a.btn.btn-default.btn-cotiza.fixed {
        width: 92%
    }
    .servicio{
        width: 100%;
    }
    p{
        font-size: 14px;
    }
    footer .list-inline>li {
        padding:8px 40px;
    }
    footer img{
        width: 40%;
        padding: 15px 0;
    }
}
@media (max-width:320px) {
    .slide-text{
        top: 15%;
    }
    .slide-text > ul{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .btn.btn-default.outline{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    td.plan-name{
        background-color:  #ec6911;
        color: #fff;
        padding-left: 10px!important;
    }
}
.table-bordered {
    border: none;
    width: 100%;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #f2f2f2;
}
thead.cf>tr{
    background-color:  #ec6911;
    color: #fff;
}
.tabla-planes, .tabla-planes tr th {
	text-align: center;
	padding: 11px !important;
	font-size: 106%;
}
.tabla-planes .fa-check {
	color: #32cd32;
}
.tabla-planes .fa-times {
	color: #656565;
}
@media only screen and (min-width: 800px)
{
	.tabla-planes .plan-name {
		color: #999;
		text-align: left;
		padding: 8px;
	}
}