@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic);

input[type="submit"] {
    cursor: pointer;

    height: 55px;
    width: 105px;
    background: #ff0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 19px;
    float: right;
}

.cor-produtos {
    width: 100%;
    float: left;
    padding: 12px;
    background: #003260;
    color: #fff;
    text-align: left;
}

.cor-produtos1 {
    width: 100%;
    float: left;
    padding: 12px;
    background: #163661;
    color: #fff;
    text-align: left;
}

.cor-produtos2 {
    width: 100%;
    float: left;
    padding: 12px;
    background: #f6f66a;
    color: #666;
    text-align: left;
}

.cor-produtos3 {
    width: 100%;
    float: left;
    padding: 12px;
    background: #ffff00;
    color: #666;
    text-align: left;
}

hr {
    margin-top: 15px !important;
}

#homeSlider .carousel-indicators {
    margin-top: 122px;
}

/* Alterações Willian */
.servicos {
    height: 0px !important;
    padding: 50px 0;
}

.servicos h3 {
    color: #123361;
    background-color: #ffe600;
    padding: 10px;
    text-align: center;
    font-size: 20px;
}

.servicos h2 {
    font-size: 60px;
    color: #2B2B7F;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.servicos .icon {
    margin-top: 20px;
}

.produtos h3 {
    border-radius: 10px;
    color: #2b2b7f;
    font-weight: 700;
    border: 2px #d5e1f3 solid;
    padding: 12px;
    background: #B0CEE9;
    margin-top: 7px;
    text-align: center;
    height: 80px;
}

.box-selecionar-1 p {
    background-color: #4e4e6870;
    color: #fff;
    padding: 15px;
}


.box-plasma {
    background-image: url("../img/corte-e-plasma.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.box-oxicorte {
    background-image: url("../img/servicos-de-oxicorte-sorocaba.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.box-laser {
    background-image: url("../img/laser.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.box-corte {
    background-image: url("../img/newton.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-ver-servicos:hover {
    color: #ff0;
}

.btn-ver-servicos {
    background-color: #2c2a7f;
    color: #fff;
    border-radius: 0;
}

.ver-produto h2 {
    text-transform: uppercase;
}

/* Alterações Willian */

.slide1 {
    background-image: url('../img/banner1.jpg');
}

.slide2 {
    background-image: url('../img/banner2.jpg');
}

.slide3 {
    background-image: url('../img/banner3.jpg');
}

.slide4 {
    background-image: url('../img/banner4.jpg');
}

.slide5 {
    background: url('../img/banner5.jpg') top right no-repeat;
}

.slide6 {
    background: url('../img/banner5.jpg') top right no-repeat;
}

.carousel-inner {
    height: 1000px;
}

.carousel-inner {
    height: 100vh;
}

.carousel-inner>.item {
    height: 100%;
    background-size: cover;
    /* background-position: center; */
}

/* .carousel-inner>.item>img {
    height: 100%;
    width: auto;
    max-width: auto;
} */

.carousel-caption {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding: 25px 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel-inner>.item.active {
    max-height: 100%;
}

.overlay {
    /*background: rgba(0,0,0,.5);*/
    z-index: 1000;
    width: 100%;
    height: 480px;
    top: -485px;
    margin-bottom: -435px;
    position: relative;
}

.menu-produtos>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #A0B6E7;
}

.inline {
    display: inline;
}

.form-control {
    font-size: 20px;
}

.btn-sm,
.btn-group-sm>.btn {

    font-size: 16px;
}

body {
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
}

.navbar-brand {
    width: 104%;
}

.separator {
    height: 30px;
}

.container-fluid,
.container {
    padding: 0;
}

.icon-prev,
.icon-next {
    font-size: 135px !important;
    margin-top: -67px !important;
}

.carousel-indicators li {
    border-radius: 5px;
    color: #888;
    padding: 4px 9px;
    text-indent: initial;
    width: auto;
    height: auto;
    background: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 12px;
}

.carousel-indicators li.active {
    border-radius: 5px;
    color: #000;
    text-indent: initial;
    width: auto;
    height: auto;
}

.caption1 {
    color: #ffff00;
    font-size: 48px;
    text-transform: uppercase
}

.caption1>span {
    color: #FFF;
    font-size: 60px;
    padding: 0 20px;
    font-family: 'Lato', sans-serif;
}

.caption2 {
    color: #ffff00;
    font-size: 48px;
    text-transform: uppercase;
}

.caption2>span>strong {
    font-size: 60px;
}

.caption2>span {
    color: #FFF;
    font-size: 48px;
    padding: 0 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.caption3 {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 35px;
}

.caption3>span {
    color: #ff0;
    font-size: 60px;
    font-weight: 900;
    position: relative;
    top: 10px;
    margin-right: 15px;
}

.caption3>strong {
    font-size: 60px;
    color: #ffff00;
    font-weight: 900;
}

.navbar {
    min-height: 122px;
    background: #ffffd1;
    color: #fff;
    position: relative;
    z-index: 5000;
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-solid {
    position: static;
    background: #123361 none repeat scroll 0% 0%;
    margin-bottom: 0px;
    padding: 11px;
}

.navbar-nav li a {
    padding: 52px 16px;
    color: #000 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
}

.navbar-default {
    background-color: #FFF;
    /* position: absolute;
    top: 0px; */
}

.navbar-nav li.active a {
    background: transparent !important;
    color: #fff !important;
    font-weight: 900 !important;
}

.navbar-brand>img {
    margin-top: -23px;
}

.navbar-collapse>.navbar-nav>li.phone>a {
    color: #254061 !important;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 10px;
    line-height: 110px;
}

@media (max-width: 520px) {
    .navbar-collapse>.navbar-nav>li.phone>a {
        line-height: 100% !important;
    }
}

.navbar-collapse>.navbar-nav>li.phone>a>small {
    font-size: 16px;
    font-weight: 400;
}

.navbar-collapse>.navbar-nav>li.phone>a.phone-xs {
    font-size: 16px;
    padding: 0 13px;
    position: relative;
    top: -25px;
}

.navbar-collapse>.navbar-nav>li.phone>a.phone-xs>small {
    font-size: 12px;
}

section {
    min-height: 100%;
    display: table;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.section-content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 20px 0;
}

.section-name {
    color: #ffe600;
    font-size: 44px;
    padding: 7px 0px 2px;
    text-align: center;
    /* text-transform: uppercase; */
    font-weight: 900;
}

.section1 {
    background-image: url('../img/section1.jpg');
}

.navbar-shadow {
    -webkit-box-shadow: 0px 11px 30px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: 0px 11px 30px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 0px 11px 30px 0px rgba(50, 50, 50, 0.45);
}

#contact-form {
    height: auto !important;
    padding: 40px 0;
}

.h3 {
    color: #fff;
    font-size: 48px;
    padding: 0 80px;
    font-weight: 400;
    margin-bottom: 100px;
}

.h3 span {
    color: #ff0;
    font-weight: 900;
}

h1.big {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 22px 75px 32px 80px;
}

.metal-bg {
    background-image: url('../img/metal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
}

.h2 {
    background: #0a2a56;
    border-radius: 8px;
    padding: 10px 35px;
    color: #fff;
    font-size: 60px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 700;
}

.h2 span {
    color: #ffe600;
}

.products>div {
    margin-bottom: 10px;
    min-height: 270px;
}

.product-box {
    border-radius: 10px;
    border: 7px solid rgb(255, 255, 255);
}

.productBox {
    border-radius: 10px;
    border: 7px solid rgb(255, 255, 255);
    box-shadow: 0px 6px 4px -1px rgb(136, 136, 136);
    margin-right: 15px;
}

.product-box img {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.product-box img:hover {
    opacity: .6;
}

.product-name {
    width: 95%;
    border-radius: 10px;
    color: #ffe600;
    font-weight: 700;
    border: 2px #0a2a56 solid;
    padding: 12px;
    background: #0a2a56;
    margin-left: 5px;
    margin-top: 7px;
    text-align: center
}

.product-name a {
    color: #ffe600;
    font-size: 15px;
}


.produto-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.section3 {
    background-image: url('../img/section3.png');
}

.h4 {
    color: #2b2b7f;
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

.h4 span {
    color: #db3a3a;
    font-weight: 400;
}

.bg-white {
    background: #fff !important;
}

.bg-darkblue {
    background-color: #17375e !important;
    background-image: url(../img/pattern.png);
}

.bg-darkblue-sm {
    background-color: #4c4c7b !important;
    background-image: url(../img/pattern.png);
    background-size: 215%;
}

.bg-darkblue-sm:hover {
    background-color: #2e2e98 !important;
}

.bg-lightblue {
    /* margin-top: 123px; */
    /* margin-top: -20px; */
    background-color: #17375e !important;
    /* background-image: url(../img/pattern.png); */
}

.carousel-inner.onebyone-carosel {
    margin: auto;
    width: 90%;
}

.onebyone-carosel .active.left {
    left: -33.33%;
}

.onebyone-carosel .active.right {
    left: 33.33%;
}

.onebyone-carosel .next {
    left: 33.33%;
}

.onebyone-carosel .prev {
    left: -33.33%;
}

.brandWrapper {
    padding: 35px 80px;
}

.lSAction>.lSNext {
    right: -30px !important;
}

.lSAction>.lSPrev {
    left: -30px !important;
}

.brandControls {
    font-size: 58px;
    position: absolute;
    width: 100%;
    top: 27px;
    color: #40408c;
}

.brandControls a {
    color: #40408c;
}

.brandControls .left {
    float: left;
}

.brandControls .right {
    float: right;
}

.of-auto {
    overflow: auto;
}

.rel {
    position: relative;
}

.darker {
    background: rgba(0, 0, 0, 0.2);
}

.lighter2 {
    background: rgba(255, 255, 255, 0.25);
}

.lighter1 {
    background: rgba(255, 255, 255, 0.17);
}

.lighter {
    background: rgba(255, 255, 255, 0.1);
}

.contactbar>div {
    display: table;
    height: 160px;
}

.contactbar>div>div {
    display: table-cell;
    vertical-align: middle;
    min-height: 160px;
    padding: 20px 10px;
}

.mail {
    color: #fff;
    font-size: 22px;
}

.phone {
    color: #fff !important;
    font-size: 24px;
    margin-left: 15px;
}

.phone small {
    font-size: 60%;
}

.phonesmall {
    font-size: 60%;
}

.whats {
    color: #fff;
    font-size: 18px;
}

.whats small {
    font-size: 75%;
}

.footer {
    background: #ffff00;
}

.footer a {
    color: #4c4c4c;
}

.copy {
    background: #ffe600;
    padding: 25px 0;
}

.copy a {
    color: #3E529C;
    width: 100%;
}

.address {
    text-align: center;
    font-size: 24px;
    color: #2b2b7f !important;
}

.address img {
    padding: 0 20px 0 0;
}

.copyright {
    font-size: 12px;
}

.newsList {
    margin-bottom: 40px;
}

.news {
    padding: 0 0 40px 0;
    border-bottom: 2px #f0f0f0 solid;
    margin-bottom: 20px
}

.news img {
    margin-bottom: 20px;
    border: 1px solid #444;
}

.news .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #123361;
}

.news .date {
    padding: 10px 0 20px 0;
    color: #8e8e8e;
    font-style: italic;
    font-size: 12px
}

.news a {
    color: #123361;
    text-decoration: underline;
    font-size: 15px
}

.rightSearch {
    background: #ffff00;
    border: 1px #bbbbbb solid;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
    color: #85851f;
    text-transform: uppercase;
}

.rightSearch i {
    float: right;
    position: relative;
    top: 4px;
}

.rightMenuHeader {
    background: #f0f0f0;
    color: #123361;
    text-transform: uppercase;
    padding: 20px;
    border-bottom: 1px #cdcdcd solid;
    font-weight: 700;
    line-height: 22px;
}

.rightMenuHeader i {
    float: right;
    position: relative;
    top: -1px;
    font-size: 24px
}

.rightMenu {
    list-style: none;
    padding: 10px 0px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.rightMenu li {
    padding: 25px 30px;
    border-bottom: 1px #f0f0f0 solid;
}

.rightMenuFooter {
    background: #f0f0f0;
    color: #123361;
    text-transform: uppercase;
    padding: 10px 20px;
    border-bottom: 1px #cdcdcd solid;
    font-weight: 700;
    line-height: 22px;
    margin-top: -19px;
    text-align: right;
}

.pagination {
    margin: 0 20px 0 0;
}

.no-border {
    border: none;
}

#productDetails .title {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: -15px;
    text-transform: uppercase;
}

#productDetails .title-qs {
    font-size: 40px;
    font-weight: 700;
    color: #2B2B7F;
    margin-bottom: -15px;
    text-transform: uppercase;
    text-align: center;
}

hr.big {
    border-top: 4px solid #CFDCF5;
}

#productDetails .attr {

    font-size: 22px;
    display: block;


    text-transform: uppercase;
    font-weight: 900;
}

#productDetails p {
    color: #444;
    font-size: 18px;
    display: block;

}

#productDetails .h5 {
    text-align: center;
    color: rgb(15, 15, 15);
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    padding: 9px;
    height: 45px;
}

.service {
    width: 100%;
    border: 1px #e8e8e8 solid;
    margin-bottom: 30px;
}

.service .title {
    background: #ffff00;
    display: table;
    height: 80px;
    width: 100%;
    margin-bottom: 0px !important;
}

.service .title .name {
    color: #2b2b7f;
    text-transform: uppercase;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 28px;
    padding: 0 25px;
    line-height: 25px;
}

.service .image {
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
}

.service .subtitle {
    font-size: 23px;
    color: #7c7c7c;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 35px 25px 20px 25px;
    line-height: 23px;
}

.service p {
    padding: 5px 35px;
    color: #7c7c7c;
    text-align: center;
    font-weight: 300;
    letter-spacing: -0.5px;
    margin-bottom: 10px !important;
}

.service .body {
    min-height: 242px;
}

.service .pag {
    min-height: auto;
    ;
}

.service .footer {
    border-top: 3px #f0f0f0 solid;
    padding: 10px 25px;
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(245, 245, 245, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(245, 245, 245, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(245, 245, 245, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(245, 245, 245, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(245, 245, 245, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(245, 245, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=1);
    text-align: center;
}

.service .footer button {
    text-transform: uppercase;
    padding: 10px;
}

.cc:after {
    content: '';
    background-image: url(../img/services5.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 11px;
    width: 500px;
    height: 320px;
}

.empresa-1 {
    background-image: url(../img/empresa1.png);
    height: 120px;
    background-size: cover;
    background-position: center;
}

.bg-blue {
    background-color: #2b2b7f;
    color: #fff;
}

.pd0 {
    padding: 0;
}

.about {
    padding: 41px;
    height: 400px;
    margin: 5px 0;
    font-size: 16px;
}

.bg-yellow {
    background: #ff0;
    margin: 0 5px 0 15px;
}

.bg-yellow .title {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    line-height: 30px;
    padding: 41px 10px 39px 10px;
    width: 100%;
    color: #123361;
}

.empresa-2 {
    background: url(../img/empresa2.png);
    height: 220px;
    background-size: cover;
    background-position: center;
}

.empresa-3 {
    background: url(../img/empresa3.jpg);
    height: 300px;
    margin: 5px -10px 0 5px;
}

.auto {
    width: 100%;
    height: auto;
}

.product-btn {
    text-align: center;
    background-color: #2f2f79;
    border-radius: 8px;
    color: #fff;
    padding: 20px;
    cursor: pointer;
}

.product-btn img {
    height: 64px;
}

@media (max-width: 767px) {

    .box-selecionar-1 {
        height: auto;
        margin-bottom: 10px;
    }

    .box-selecionar-2 {
        background-position: right top;
        background-size: cover;
        height: auto;
    }

    .navbar-nav li a {
        padding: 5px 16px;
    }

    .text-center-xs {
        text-align: center;
    }

    #productDetails>iframe {
        max-height: 200px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 40px;
    }

    .navbar-brand {
        max-width: 140px;
    }

    .navbar-brand img {
        width: 100%;
    }

    #homeSlider .carousel-inner {
        width: 100vw;
        margin-left: -50vw;
        position: relative;
        left: 50%;
    }

    .caption1 {
        font-size: 24px;
    }

    .caption1>span {
        font-size: 30px;
        padding: 0 20px;
    }

    .caption2 {
        font-size: 18px;
        margin-top: 0;
    }

    .caption2>span>strong {
        font-size: 30px;
    }

    .caption2>span {
        font-size: 18px;
        padding: 0 20px;
    }

    .caption3 {
        text-align: left;
        font-size: 14px;
    }

    .caption3>span {
        font-size: 24px;
        top: 3px;
    }

    .h3 {
        font-size: 24px;
        padding: 0 25px;
    }

    .h2 {
        font-size: 22px;
    }

    h2 small {
        font-size: 50%;
    }

    .h4 {
        font-size: 22px;
    }

    .container {
        padding: 20px;
    }

    #brandsContainer {
        width: 90vw;
        padding: 0;
    }

    #brandsContainer .container {
        padding: 0;
    }

    .mail {
        font-size: 16px;
    }

    .contactbar>div {
        height: 75px;
    }

    .address {
        font-size: 13px;
    }

    .navbar-collapse {
        border: none;
    }

    .carousel-caption {
        padding: 5px;
    }

    .caption3 {
        line-height: 30px;
    }

    .caption3>strong {
        font-size: 24px;
    }

    .product-name a {
        font-size: 12px;
    }

    .about {
        height: auto;
    }

    #productDetails .title {
        font-size: 32px;
    }
}

@media (min-width: 768px) {

    section {
        /* height: 100vh; */
        max-height: 768px;
    }


    .rightBorder {
        border-right: 2px #f0f0f0 solid;
    }

    .leftBorder {
        border-left: 2px #f0f0f0 solid;
        padding-left: 25px;
    }
}

@media (max-width: 991px) {

    h1.big {
        font-size: 48px;
        text-transform: uppercase;
        font-weight: 900;
        padding: 0px 20px;
    }

    .h3 {
        padding: 0 20px;
    }

}