/*!
 * 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.
 */

/* Global Styles */

html,
body {
    height: 100%;
    color: 000;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
/*chrome*/
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar{width:10px;height:18px;}​
::-webkit-scrollbar-track-piece {background-color:#E42024;}
::-webkit-scrollbar-thumb:vertical{height:20px;background-color:#E42024;}


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

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

/* Home Page Carousel */

header.carousel {
    height: 100%;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
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
}
.carousel-caption{
    height: 60%;
}
.carousel-caption h2{
    font-size: 50px;
    font-weight: 600;
}
.carousel-indicators{
height: 20%;
}




#footer{
    background-color: rgb(227,32,38);
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 100px;
    padding-top: 0px;
    padding-bottom: 3px;
    font-size: 20px;
    color: #ffffff;
}
#footer2{
    background-color: rgb(227,32,38);
    width: 100%;
    height: 100px;
    padding-top: 0px;
    padding-bottom: 3px;
    font-size: 20px;
    color: #ffffff;
}
/*menu*/

.navbar{
    height: 120px;
    background-color: rgba(0,0,0,0.25);
    border: none;
}
.navbar #navbar{
    float: right;
}
.navbar .container .navbar-header .navbar-brand img{
    height: 92px;
}
.navbar .container #navbar{
    margin-top: 30px;
}
.navbar .container #navbar ul li a{
    color: #FFFFFF;
}
.navbar .container #navbar ul .active a{
    background-color: transparent;
    border-bottom: #E51E23 2px solid;

}
.navbar .container #navbar ul li a:hover{
    background-color: transparent;
    border-bottom: #E51E23 2px solid;
    
}

    .navbar .container #navbar ul .dropdown ul{
        margin-top: 30px;
        background-color: #E42024;
    }
    .navbar .container #navbar ul .dropdown ul li{
       padding: 15px;
    }
    .navbar .container #navbar ul .dropdown ul li:hover{
       background-color: #000;
       width: 98%;
       color:#FFFFFF;
    }


    /*Menu interior*/
    #menu_int{
    height: 120px;
    background-color: #000;
    border: none;
    position: relative;
    }

    #menu_int .container #navbar ul .dropdown ul{
        margin-top: 30px;
        background-color: #E42024;
    }
    #menu_int .container #navbar ul .dropdown ul li{
       padding: 15px;
    }
    #menu_int .container #navbar ul .dropdown ul li:hover{
       background-color: #000;
       width: 98%;
       color:#FFFFFF;
    }

.contend-index{
    background-color: rgba(227,32,38,0.9);
    height: 200px;
    border-radius: 2.0em;
    width: 100%;
    padding: 50px 0px 25px 40px;
    text-align: left;
}
.contend-index span{
    font-size: 20px;
    text-transform: uppercase;
}

#migas, ul{
    list-style-type: none;
    margin: 10px 0px 10px 20px;
    padding: 10px;
}

#migas, li{
    float: left;
    margin:0px 0px 0px 3px;
}

#migas, li a{
    font-size:14px;
    color:#000; 
}

#migas, li> a:hover{
    color:#E42024;
}

#migas .active{
    color:#E42024;
}

#contactenos .row, #contactenos_info{
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 45px;
}

#contactenos .row input[type="text"]{
    border:1px solid #000;
    border-radius: 0.2em;
}
#contactenos .row input[type="text"]:focus, #contactenos .row textarea:focus{
    border:1px solid #E42024;
}
#contactenos .row textarea{
    border:1px solid #000;
    border-radius: 0.2em;
    height: 100px;
}

#contactenos .row button{
    background-color: #E42024;
    border-style: none;
}
#contactenos .row button:hover{
    background-color: #EC6467;
    border-style: none;
}
/* Responsive Styles */

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

}
@media(max-width:767px) {
    header.carousel {
    height: 750px;
}
    #footer{
        height: auto;
        position: relative;
        text-align: center;
}  
.carousel-caption{
    height: 100%;
    padding-top: 85px;
}

.contend-index{
    margin: 15px 0px 15px 0px;
}
.navbar{
    height: 60px;
    background-color: rgba(0,0,0,100);
    border: none;
    width: 100%;
}

.navbar .container #navbar{
    margin-top: 0px;
    background-color: #000;
    float: left;
    width: 100%;
}
.navbar .container .navbar-header .navbar-brand img{
    height: 40px;
}
.navbar .container .navbar-header #navbar{
    width: 100%;
}


}

#contactenos .row{
    margin: 15px;
}