/*   ------------------------------  Global Styles ------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
html,
body {
    height: 100%;
    background-color: #F2F2F2;
    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. */
}

hr{
    border-color: rgb(0,147,221);
}

.flo-r{
    float: right;
}

.panel-body{
    background-color: rgb(0,147,221);
}
.panel-heading{
    border-color: rgb(0,147,221);
    border: 4px;
}
.prin-color{
    color: #fff;
}
.let-bold{
    font-weight: 700;
    font-style: italic;
}

.hr-col{
    border-color: #fff;
    border-width: 2px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#page-wrap{
margin: auto;
height: auto;
min-height:80%;
}

/* ------------------------------ Navbar------------------------------*/

.navbar-brand{
    padding: 10px 20px;
    margin-left: 20px;
}
.navbar-inverse{
    background-color: rgb(0,147,221);
    border-color: rgb(0,147,221);
}

.navbar-inverse .navbar-nav>li>a{
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover{
    color: #282828;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.navbar-nav>li>.dropdown-menu{
    background-color: rgb(0,147,221);
}

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{
    background-color: rgb(0,147,221);
    color: #282828;
}

.dropdown-menu>li>a{
    color: #fff;
}

.dropdown-menu>li>a:hover{
    color: #282828;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

/* ------------------------------ icons and buttons ------------------------------ */

.icon-globe{
    font-size: 20px;
}

.icon-chevron-circle-up{
    font-size: 38px;
    color: #fff;
    
}

.icon-chevron-circle-up:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.icon-twitter-square{
    font-size: 38px;
    color: #fff;
    
}

.icon-twitter-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.icon-facebook-square{
    font-size: 38px;
    color: #fff;
    margin-left: 0;
}

.icon-facebook-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.icon-linkedin-square{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-linkedin-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.icon-google-plus-square{
    font-size: 38px;
    color: #fff;
    margin-left: 0;
}

.icon-google-plus-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.icon-instagram{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-instagram:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.icon-add{
    font-size: 20px;
    float: right;
}
.btn-carou{
     background-color: rgb(0,147,221);
      border-color: rgb(0,147,221);
      padding: 10px 40px 10px 40px;
      border-radius: 0;
      margin-bottom: 25px;
      color: #fff;
}

.btn-carou:hover{
    background-color: rgba(0,147,221,0.7);
      border-color: rgba(0,147,221,0.7);
    color: #fff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;}


.btn-nor{
    background-color: rgba(0,0,0,0.5);
    border-color: rgba(0,0,0,0.5);
    border-radius: 0;
    padding: 8px 28px 8px 28px;
}

.btn-nor:hover{
    background-color: rgba(0,0,0,0.8);
    border-color: rgba(0,0,0,0.8);
    color: #fff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-nor:focus{
    background-color: rgba(0,0,0,0.8);
    border-color: rgba(0,0,0,0.8);
    color: #fff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-send{
    background-color: rgb(0,147,221);
    border-color: rgb(0,147,221);
    border-radius: 0;
    padding: 8px 28px 8px 28px;
    color: #fff;
}

.btn-send:hover{
    background-color: rgba(0,147,221,0.8);
    border-color: rgba(0,147,221,0.8);
    color: #757070;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.btn-send:focus{
    background-color: rgba(0,147,221,0.8);
    border-color: rgba(0,147,221,0.8);
    color: #757070;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

/* ------------------------------ Margin and text ------------------------------ */

.color-blue{
    color: rgb(0,147,221);
}

.col-white{
    color: #fff;
}

.mt-10{
    margin-top: 10px;
}

.mt-35{
    margin-top: 35px;
}

.mb-25{
    margin-bottom: 42px;
}

.mb-20{
    margin-bottom: 20px;
}

.text-p{
    font-size: 13px;
    color: #fff;
}

.text-p1{
    font-size: 14px;
    color: rgb(0,147,221);
}

.text-p2{
    list-style: none;
    font-size: 13px;
    color: rgb(0,147,221);
}   

.mt25{
    margin-top: 25px;
}

.mt-0{
    margin-top: 0;
}

.mb-0{
    margin-bottom: 0;
}


/* ------------------------------ Carousel------------------------------ */

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    font-size: 75px;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
    font-size: 75px;

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev:hover{
    font-size: 75px;
    color: rgb(0,147,221);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;

}     

.carousel-control:hover{
    font-size: 75px;
    color: rgb(0,147,221);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;

}     


.carousel-indicators li{
    border-color: grey;
    background-color: black;
}

.carousel-indicators .active{
    border-color: grey;
    background-color: rgb(0,147,221);
}
header.carousel {
    height: 50%;
}

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

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-image: no-repeat;
    
}

/*  ------------------------------Empresa ------------------------------ */

.back-color{
    
    padding: 30px 0 30px 0;
    
}
.border-tit{
    border-bottom: 1px;
    border-left: 1px;
    border-color: black;
    padding: 5px 10px;
}

/* ------------------------------Produtos ------------------------------ */

.text-denone{
    list-style: none;
    color: #fff;
    font-size: 12px;
}

.text-a{
    text-decoration: none;
    color: #2828F0;
}



.text-a:hover{
    text-decoration: none;
    color: #A8A8A8;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;

}

.img-portfolio {
    margin-bottom: 0;
}

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


/*------------------------------  Categoria de produtos ------------------------------ */

.txt-a2{
    text-decoration: none;
    color: rgb(0,147,221);
    font-weight: 700;
} 

.txt-a2:hover{
    text-decoration: none;
    color: #282828;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}  


/*------------------------------ SERVICOS ------------------------------  */

.text-a1{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.text-a1:hover{
    text-decoration: none;
    color: rgb(0,147,221);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;

}

.text-a1:focus{
    text-decoration: none;
    color: rgb(0,147,221);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;

}

.text-a1 a{
    text-decoration: none;
}
/*------------------------------ CONTACTOS------------------------------*/

.letras-contact{text-align: center;}
.letras-contact1{text-align: center;}
.letras-contact2{text-align: center;}

.fa-phone:before{margin-right: 5px; color: rgb(0,147,221);}
.fa-envelope-o:before{margin-right: 5px; color: rgb(0,147,221);}
.fa-desktop:before{margin-right: 5px; color: rgb(0,147,221);}

section .letras-contact a{color: #c0c0c0;}
section .letras-contact i:hover{color: rgb(0,147,221);}
section .letras-contact i{color:#c0c0c0; }


section .letras-contact1 a{color: #c0c0c0;}
section .letras-contact1 i{color:#c0c0c0; font-size: 12px;}


section .letras-contact2 a{color: #c0c0c0;}
section .letras-contact2 i{color:#c0c0c0; font-size: 12px;}


section#contact2 {      
    background-position: center;
    background-repeat: no-repeat;
}

section#contact2 .section-heading {
    color: #282828;
}

section#contact {
    background-color: #f2f2f2;
    
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #282828;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
    border-color: #f2f2f2;
}

section#contact .form-group textarea.form-control {
    height: 236px;
    border-color: #f2f2f2;
}
section#contact .form-group input.form-control:focus{
    border-color: #858585;
    -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
section#contact .form-group textarea.form-control:focus{
    border-color: #858585;
    -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
section#contact .form-control:focus {
    border-color: #282828;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}


.google-maps {
        position: relative;
        padding-bottom: 35%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

/* ------------------------------ Footer ------------------------------ */

.back-footer{
    background-color: rgb(0,147,221);
    color: #fff;
    padding: 25px 0 25px 0;
}

footer {
    margin: 50px 0;
}

/* ------------------------------ RESPONSIVE ---------------------------*/



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

@media(max-width:767px) {
    .ml-50{
    margin-left: 50px;
}

    .navbar-brand{
        margin-left: 0;
        padding-left: 0;
    }

    .let-subsmart{
        letter-spacing: 0;
        font-size: 18px;
        line-height: 0;
    }

    .text-cent-cell{
        text-align: center;
    }

    .carousel-indicators{
        margin-bottom: 0;
        bottom: 0;
    }

    .carousel-indicators li{
        width: 8px;
        height: 8px;
    }

    .carousel-indicators .active{
        width: 8px;
        height: 8px;
    }
    
    .btn-carou{
        margin-bottom: -20px;
        padding: 7px 20px 7px 20px;
    }

    .panel-heading{
        text-align: center;
    }

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

    .panel-bottom-produtos{
        margin-bottom: 30px;
    }

    header.carousel .carousel {
        height: 70%;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    font-size: 40px;

    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
        font-size: 40px;

    }
    .icon-chevron-circle-up{
    font-size: 38px;
    color: #fff;
    margin-right: 150px;
    }
    .icon-twitter-square{
        font-size: 35px;
        color: #fff;
        margin-left: 35px;
    }


    .icon-facebook-square{
        font-size: 35px;
        color: #fff;
        margin-left: 100px;
    }
    .icon-linkedin-square{
        font-size: 35px;
        color: #fff;
        margin-left: 15px;
    }
    .icon-google-plus-square{
        font-size: 35px;
        color: #fff;
        margin-left: 15px;
    }

    .icon-instagram{
    font-size: 35px;
    color: #fff;
    margin-left: 15px;
}

    .google-maps {
        position: relative;
        padding-bottom: 100%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color: #fff;
    }
}


@media(min-width:768px){
    .icon-chevron-circle-up{
    font-size: 38px;
    color: #fff;
    margin-left: 25px;
    float: right;
}

.icon-chevron-circle-up:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.icon-twitter-square{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-twitter-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.icon-facebook-square{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-facebook-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.icon-linkedin-square{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-linkedin-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.icon-google-plus-square{
    font-size: 38px;
    color: #fff;
    margin-left: 15px;
}

.icon-google-plus-square:hover{
    color: rgba(255,255,255,0.5);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
}

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

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

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

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