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

body {
    width: 100%;
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    color: #444;
}

html {
    width: 100%;
    height: 100%;

}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children
of those sections to manage the look and feel of the site. */

.intro-section {
    height: auto;
    padding-top: 80px;
    text-align: center;
    background: #fff;
    padding-bottom: 300px;
}
.energy-ka-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.ka-plan-section {
    height: auto;
    padding-top: 0px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.mining-services-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.mining-comm-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.two-worlds-section {
    height: auto;
    padding-top: 60px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.hardware-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.mining-hardware-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.offshore-hubsite-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.onshore-hubsite-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.mining-hubsite-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.city-hubsite-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.wifi-mining-service-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.tresg-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.turn-key-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.g-offshore-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.offshore-phones-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.energy-rural-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.tk-equipment-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.mining-3g-section{
    height: auto;
    padding-top: 50px;
    text-align: left;
    background-color: #eee;
    padding-bottom: 300px;
}


.3g4g-mining-service-section{
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.i-services-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.i-features-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}
.bwidth-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #fff;
    padding-bottom: 300px;
}
.summary-section {
    height: auto;
    padding-top: 50px;
    text-align: left;
    background: #eee;
    padding-bottom: 300px;
}

.separador{
    height: 150px;
}
#lateral1{
    height:100%;
    padding-top: 12%;
    padding-bottom: 25%;
}
.spac{
    padding-top: 5px;
    padding-bottom: 5px;
}
.20{
    font-size: 20px;
}
.lat{
    position: fixed;
    z-index: 200;
    margin-right: 100%;
    padding-top: 15%;
}
.bgray-foot {
    height: auto;
    padding-top: 30px;
    background-color: #333;
    color: #ffffff;
    font-size: 80%;
  padding: 30;
}