﻿.masthead {
    height: 100vh;
    min-height: 500px;
    background-image: url('../Images/Topo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: polygon(50% 35%, 100% 0, 100% 100%, 0 100%, 0 0);
    color: white;
}

.mastheadProdutos {
    height: 40vh;
    min-height: 200px;
    background-image: url('../Images/Topo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: polygon(50% 90%, 100% 0, 100% 100%, 0 100%, 0 0);
    color: white;
}

.nossasMarcas {
    /*height: 100vh;*/
    min-height: 500px;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #29323c;
    padding-top: 5%;
}

.contato {
    /*height: 100vh;*/
    min-height: 500px;
    background-color: #ad1e22;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding-top: 5%;
}

.logo {
    width: 25%;
    position: absolute;
    top: 5%;
    padding-right: 3%;
    padding-left: 3%;
}


.h1, .h2, h1, h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.05rem;
}

.h3, .h4, .h5, .h6, .p, h3, h4, h5, h6, p {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: -0.05rem;
}

.h1, h1 {
    font-size: 2.5rem !important;
}

.h2, h2 {
    font-size: 2rem !important;
}

.h3, h3 {
    font-size: 1.4rem !important;
}

.h4, h4 {
    font-size: 1.3rem !important;
}

.h5, h5 {
    font-size: 1.25rem !important;
}

.h6, h6 {
    font-size: 1rem !important;
}

p {
    margin-bottom: 0.8rem !important;
}

.text-spacing {
    letter-spacing: 0.2em !important;
}

/* scroll to top */
.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 0px;
    right: 20px;
    background-color: #ad1e22 !important;
}

a.scrollup {
    outline: 0;
    text-align: center;
}

    a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
        opacity: 0.75;
        text-decoration: none;
    }

    a.scrollup i {
        margin-top: 10px;
        color: #fff;
    }

        a.scrollup i:hover {
            text-decoration: none;
        }

/* Footer Styles */
iframe {
    width: 100%;
}

.get {
    height: 100%;
    overflow: hidden;
}

footer {
    margin: 20px 0;
}

.rounded {
    border-radius: 100px !important;
    padding: 10px 40px 10px 40px;
    font-size: 1rem !important;
}

.roundedBottom {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    margin-top: 5%;
    padding: 10px 10px 10px 10px;
    font-size: 1rem !important;
}

.formButton {
    padding: 20px 100px 20px 100px;
    background-color: #df1a20;
    font-size: 1.2rem !important;
    font-weight: bold;
    color: white;
    border-bottom: 3px solid #be161b;
    margin-top: 50px;
}

.margin-top-20 {
    margin-top: 20%;
}

hr.style {
    border-top: 2px solid #29323c;
    width: 40px;
    opacity: unset !important;
    margin: auto;
}

hr.styleWhite {
    border-top: 2px solid;
    width: 40px;
    opacity: unset !important;
    margin: auto;
}

.img-nossos {
    min-height: 100px;
    max-height: 218px;
    max-width: 100%;
    height: 10%;
}

.img-nossos-marca {
    min-height: 100px;
    max-height: 218px;
    max-width: 100%;
    height: 10%;
}

a:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: #e2e2e2;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

footer a:link {
    color: #29323c;
    background-color: transparent;
    text-decoration: none;
}

footer a:visited {
    color: #29323c;
    background-color: transparent;
    text-decoration: none;
}

footer a:hover {
    color: #1c2127;
    background-color: transparent;
    text-decoration: none;
}

footer a:active {
    color: #29323c;
    background-color: transparent;
    text-decoration: none;
}

.border-end {
    border-right: 2px solid #83171a !important;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: -5px;
    padding-bottom: -5px;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: white;
}

.form-control {
    display: block;
    width: 100%;
    padding: .75rem .75rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2;
    color: white;
    background-color: #83171a;
    background-clip: padding-box;
    border: 1px solid #83171a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    margin-top: 30px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control[type=file] {
        overflow: hidden;
    }

        .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer;
        }

    .form-control:focus {
        color: white !important;
        background-color: #83171a !important;
        border-color: #ad1e22 !important;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .form-control::-webkit-date-and-time-value {
        height: 1.5em;
    }

    .form-control::-moz-placeholder {
        color: white;
        opacity: 1;
    }

    .form-control::placeholder {
        color: white;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #83171a;
        opacity: 1;
    }

    .form-control::file-selector-button {
        padding: 0.375rem 0.75rem;
        margin: -0.375rem -0.75rem;
        -webkit-margin-end: 0.75rem;
        margin-inline-end: 0.75rem;
        color: white;
        background-color: #83171a;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: #83171a;
    }

    .form-control::-webkit-file-upload-button {
        padding: 0.375rem 0.75rem;
        margin: -0.375rem -0.75rem;
        -webkit-margin-end: 0.75rem;
        margin-inline-end: 0.75rem;
        color: white;
        background-color: #83171a;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    transition: background-color 5000s ease-in-out 0s;
}

input:focus, input.form-control:focus, textarea.form-control:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-header {
    display: block !important;
}

.modal-footer {
    display: block !important;
    line-height: 0.5;
}

.modal-content{
    pointer-events: none !important;
}

/* Produtos */
.solutions_list {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.homepage_solutions {
    z-index: 1;
}

.solution_item {
    width: 253px;
    display: inline-block;
    background: #FFF;
    margin: 0 10px 20px 10px;
    /*border: 1px solid #dadad6;*/
    background-image: linear-gradient(#bfbfbf, #fff);
    /*box-shadow:0px 0px 15px rgba(0,0,0,.2);
	-moz-box-shadow:0px 0px 15px rgba(0,0,0,.2);
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,.2);*/
}

    .solution_item:hover {
    }

.solution_location {
    margin: 25px 0 5px;
    line-height: 1;
}

.solution_subpages {
    width: 100%;
    display: inline-block;
}

    .solution_subpages a {
        display: block;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #666;
        float: left;
        margin: 1px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

        .solution_subpages a:hover {
            background-color: #ad1e22;
        }

.solution_item .text {
    padding: 15px 0px 10px;
    position: relative;
}

h3.solution_title {
    position: absolute;
    z-index: 10;
    /*left: -1px;*/
    top: -5px;
    background: #666;
    font-size: 18px;
    width: 253px;
    color: white;
    /*    box-shadow:0px 0px 10px rgba(0,0,0,.5);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,.5);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.5);*/
}

.solution_item:hover h3.solution_title {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: brightness(1);
}

h3.solution_title a {
    min-height: 50px;
    color: #FFF;
    text-decoration: none !important;
    display: block;
    padding: 10px 15px;
}

    .solution_item:hover h3.solution_title, h3.solution_title a:hover {
        color: #FFF;
        background: #ad1e22;
        background: -moz-linear-gradient(top, #ad1e22 0%, #ad1e22 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83171a), color-stop(100%,#d36d16));
        background: -webkit-linear-gradient(top, #ad1e22 0%,#ad1e22 100%);
        background: -o-linear-gradient(top, #ad1e22 0%,#ad1e22 100%);
        background: -ms-linear-gradient(top, #ad1e22 0%,#ad1e22 100%);
        background: linear-gradient(to bottom, #ad1e22 0%,#ad1e22 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94442', endColorstr='#a94442',GradientType=0 );
    }

.homepage_solutions_text {
    padding: 40px 0 30px 10px;
}

    .homepage_solutions_text h2 {
        font-size: 48px;
        font-weight: 700;
        text-transform: uppercase;
        color: #c5c5c5;
        text-shadow: 0px 0px 1px rgba(255,255,255,0.6);
        -webkit-font-smoothing: antialiased;
        margin: 0 0 15px;
    }

.solution_description {
    background: #FFF;
    /*border-bottom: 1px solid #e1e1e1;*/
}

    .solution_description .text {
        width: 580px;
        float: left;
        font-size: 18px;
    }

    .solution_description .page_main_col {
        float: none;
        width: auto;
        padding-left: 25px;
        padding-right: 25px;
    }

.solution_gallery {
    float: right;
    width: 563px;
}

.solution_gallery_nav {
    background: #2e2d2d;
    position: relative;
    padding: 7px 0;
    text-align: center;
}

.solution_gallery_pag {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

    .solution_gallery_pag span {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #FFF;
        text-indent: -9999px;
        text-transform: uppercase;
        font-size: 0px;
        float: left;
        margin: 0 3px;
        cursor: pointer;
    }

        .solution_gallery_pag span.cycle-pager-active {
            background: #a94442;
        }

.solution_childs_list {
    background: #f5f5f5;
    /*border-bottom: 1px solid #e1e1e1;*/
}

.solutions_list_child {
    width: 875px;
    float: left;
    padding: 50px 0;
}

.solutions_child_item {
    width: 100%;
    display: inline-block;
    /*border-top: 1px solid #e1e1e1;*/
    padding: 50px 0 0;
    margin: 50px 0 0;
}

    .solutions_child_item.first {
        border: none;
        padding-top: 0px;
        margin-top: 0px;
    }

    .solutions_child_item .image {
        float: left;
        width: 383px;
        margin: 0 0 0 30px;
    }

    .solutions_child_item .text {
        padding-left: 460px;
    }

        .solutions_child_item .text h2 {
            color: #6fc6f1;
            font-size: 24px;
            font-weight: 700;
            margin: 0 0 15px;
            text-transform: uppercase;
        }

            .solutions_child_item .text h2 a {
                color: #6fc6f1;
            }

        .solutions_child_item .text .page_excerpt {
            text-indent: 30px;
            margin: 0 0 15px;
        }

    .solutions_child_item.inverted .image {
        float: right;
    }

    .solutions_child_item.inverted .text {
        padding-left: 30px;
        width: 400px;
    }

.solution_single_desc {
    background: #FFF;
    /*border-bottom: 1px solid #e1e1e1;*/
    padding: 35px 0 25px;
    text-align: center;
}

    .solution_single_desc h2 {
        font-size: 32px;
        color: #3db4e8;
        font-weight: 600;
        margin: 0 0 10px;
    }

    .solution_single_desc p {
        font-size: 24px;
        margin: 0 0 10px;
    }

.solution_video_section {
    background: #FFF;
    padding: 40px 0;
}

.solution_bullets_left {
    width: 300px;
    float: left;
    padding-left: 10px;
}

.solution_video_embed {
    width: 496px;
    float: left;
    margin-left: 30px;
}

.solution_bullets_right {
    width: 300px;
    float: right;
    padding-right: 10px;
}

    .solution_bullets_left h3,
    .solution_bullets_right h3 {
        font-size: 30px;
        font-weight: 400;
        color: #6fc6f1;
        text-transform: uppercase;
        margin: 0 0 25px;
    }

    .solution_bullets_left ul li,
    .solution_bullets_right ul li {
        position: relative;
        padding-left: 35px;
        font-size: 18px;
        margin: 0 0 10px;
    }

        .solution_bullets_left ul li:before,
        .solution_bullets_right ul li:before {
            content: '';
            width: 14px;
            height: 14px;
            display: block;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background: #3db4e8;
            position: absolute;
            z-index: 3;
            left: 2px;
            top: 5px;
        }

.duggal_top_solutions {
    padding-left: 10px;
}

.duggal_top_solution {
    float: left;
    width: 358px;
    margin: 0 24px;
}

    .duggal_top_solution .solution_item {
        width: auto;
        float: none;
        margin: 0;
    }

        .duggal_top_solution .solution_item .image img {
            width: 100% !important;
        }

        .duggal_top_solution .solution_item .text {
            padding: 0;
        }

            .duggal_top_solution .solution_item .text h3.solution_title {
                bottom: 100%;
                top: auto;
            }

.duggal_solutions {
    padding: 40px 0;
}

    .duggal_solutions h1 {
        font-size: 40px;
        font-weight: 700;
        text-transform: uppercase;
        color: #C5C5C5;
        text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
        -webkit-font-smoothing: antialiased;
        margin: 0 0 40px 28px;
    }

.duggal_other_solutions {
    padding: 25px 160px;
}

.duggal_solution_row .image {
    width: 50%;
    float: left;
}

.duggal_solution_row .text {
    width: 50%;
    float: right;
}

    .duggal_solution_row .text .text_inner {
        padding: 50px 60px;
    }

    .duggal_solution_row .text p {
        margin: 0 0 10px;
        text-indent: 30px;
    }

    .duggal_solution_row .text h3 {
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 600;
        margin: 0 0 30px;
        color: #d4dc52;
    }

    .duggal_solution_row .text ul li {
        position: relative;
        padding-left: 35px;
        font-size: 16px;
        margin: 0 0 5px;
    }

        .duggal_solution_row .text ul li:before {
            content: '';
            width: 14px;
            height: 14px;
            display: block;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background: #d4dc52;
            position: absolute;
            z-index: 3;
            left: 2px;
            top: 3px;
        }

.duggal_solution_row.odd {
    background: #585858;
    color: #FFF;
}

.duggal_solution_row.even {
    background: #d7daab;
}

    .duggal_solution_row.even .text {
        float: left;
    }

        .duggal_solution_row.even .text h3 {
            color: #FFF;
        }

        .duggal_solution_row.even .text ul li:before {
            background: #585858;
        }

    .duggal_solution_row.even .image {
        float: right;
    }

.duggal_solution_row .text .download_pdf_link {
    text-align: left;
}

.solution_video_embed {
    position: relative;
}
