/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/*
 ██████╗ ██╗      ██████╗ ██████╗  █████╗ ██╗     
██╔════╝ ██║     ██╔═══██╗██╔══██╗██╔══██╗██║     
██║  ███╗██║     ██║   ██║██████╔╝███████║██║     
██║   ██║██║     ██║   ██║██╔══██╗██╔══██║██║     
╚██████╔╝███████╗╚██████╔╝██████╔╝██║  ██║███████╗
 ╚═════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝
                                                  
*/

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 500px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}



/*
 ██████╗██╗   ██╗███████╗████████╗ ██████╗ ███╗   ███╗
██╔════╝██║   ██║██╔════╝╚══██╔══╝██╔═══██╗████╗ ████║
██║     ██║   ██║███████╗   ██║   ██║   ██║██╔████╔██║
██║     ██║   ██║╚════██║   ██║   ██║   ██║██║╚██╔╝██║
╚██████╗╚██████╔╝███████║   ██║   ╚██████╔╝██║ ╚═╝ ██║
 ╚═════╝ ╚═════╝ ╚══════╝   ╚═╝    ╚═════╝ ╚═╝     ╚═╝
                                                      
*/

.navbar{
    background: #fff;
    height: 80px;
    box-shadow: 1px 1px 4px #333;
}

.navbar ul{margin: 20px 0 0 0;}

.nav>li>a:hover, .nav>li>a:focus{background: transparent; border-bottom: #BB232D 3px solid}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background: #fff}

.navbar-nav>li>a{color: #406073; text-transform: uppercase; padding:10px 0px; margin:0 15px;}

.carouselBorder{background: url(../img/carousel-border.png) center; height: 7px;}

#homeSlider h2{font-size: 3.5em; font-weight: 300; text-shadow:none; bottom:2em;}

.carousel-caption{top:30%;}

/*
██╗  ██╗ ██████╗ ███╗   ███╗███████╗
██║  ██║██╔═══██╗████╗ ████║██╔════╝
███████║██║   ██║██╔████╔██║█████╗  
██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  
██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗
╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝                              
*/

.btn-default{background: #3A6173; text-transform: uppercase;color: #fff;font-size: .8em;box-shadow: none;border:0px;}
.btn-primary,.btn-primary:hover{background: #C7303C; text-transform: uppercase;color: #fff;font-size: .8em;box-shadow: none;border:0px;}
.home .services{background: #f8f8f8; padding: 50px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.home .icons{text-align: center; margin: 80px 0}
.home .icons h2{font-size: 1.8em; font-weight: 300}
.home .panel-heading{padding:0px; background: #fff; border-bottom: 0px;}
.home .panel-heading img{max-width: 100%;}
.home .panel-heading h4{font-weight: 300; padding-left:20px; color:#99999F; font-size: 1.5em;}
.home .panel-body{color:#99999F; padding: 0 20px 20px 20px}
.home .panel-body p{min-height: 40px;}
.home .panel-default .btn{float: right;}
.home .respaldo{padding: 40px 0px}
.home .respaldo p{font-size: 1.5em; line-height: 4.5em; color: #99999F; font-weight: 300;}
.home .contactanos i{font-size: 2em}

footer{background: #406073; color:#FFF; padding: 40px 0; margin-bottom: 0;}
footer a, footer a:hover, footer a:visited{color: #fff; font-weight: 300;}
footer .col-md-6:nth-child(2){text-align: right;}

.headerimg > img{width: 100%;}
.bigtxt{font-size: 1.4em; font-weight: 300;}
.bigtxt p{margin:50px 0px;}
h1{margin:1.5em 0; font-weight: 300;}
.map{margin-top: 20px; border:1px solid #ccc;}

ul.lista{list-style: none; margin-bottom: 80px;}
ul.lista  li{
  color: #406073;
  font-size: 15px;
  border-bottom: 1px solid #e9e9e9;
  line-height:2.5em;
  list-style: none;
}

ul.lista li:before{
  font-family: 'vilka';
  content: 'g';
  margin:0 5px 0 -15px;
  color: #CE2C3B;
}
/*
██╗ ██████╗ ██████╗ ███████╗ ██████╗ ███╗   ██╗████████╗
██║██╔════╝██╔═══██╗██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝
██║██║     ██║   ██║█████╗  ██║   ██║██╔██╗ ██║   ██║   
██║██║     ██║   ██║██╔══╝  ██║   ██║██║╚██╗██║   ██║   
██║╚██████╗╚██████╔╝██║     ╚██████╔╝██║ ╚████║   ██║   
╚═╝ ╚═════╝ ╚═════╝ ╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   
                                                        
*/

@font-face {
  font-family: "vilka";
  src:url("../fonts/vilka.eot");
  src:url("../fonts/vilka.eot?#iefix") format("embedded-opentype"),
    url("../fonts/vilka.woff") format("woff"),
    url("../fonts/vilka.ttf") format("truetype"),
    url("../fonts/vilka.svg#vilka") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "vilka" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vilka" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bolt:before {
  content: "a";
}
.icon-marker:before {
  content: "b";
}
.icon-phone:before {
  content: "c";
}
.icon-email:before {
  content: "e";
}
.icon-facebook:before {
  content: "d";
}
.icon-twitter:before {
  content: "f";
}
.icon-check:before {
  content: "g";
}