@regal_blue:#1f3a52;
@sherpa_blue:#002f42;
@tulip_tree:#FBA732;
@dolphin:#717076;
@white:#FFFFFF;
@black:#000000;
//font-family: 'klavika_regular';
//font-family: 'klavika_bold';
*{
    margin: 0;
    padding:0;
}
h1{
    font-family: 'klavika_bold';
    font-size: 73.36px;
    line-height: 53px;  
}
.yellow{
    color: @tulip_tree;
}
.blue{
    color:@regal_blue;
}
p{
    font-family: 'klavika_bold';
    font-size: 23.74px;
    line-height: 36px;
    margin: -10px 0 0 0;
    letter-spacing: -.4px;
}
.container{
    width: 950px;
    margin:auto;
}
.common_section{
    background-image: url('../images/common_section_bg.png');
    background-repeat:repeat-x;
    background-position:center 39px;
    padding: 31px 0 5px 0;
}
.clear{
    clear: both;
}
.header{
    background-color:@sherpa_blue;
    background-image: url('../images/header_bg.png');
    background-repeat: repeat-x;
    background-position: center top;
    //height:600px;
    .menu{
        ul{
            padding-top:48px;
            li{
                display: inline;
                padding: 0 0; 
                margin-right: 28px;
                img{
                    width:104px;
                }
                &:last-child{
                    margin-right: 0px;
                }
            }
        }
        .menu_border{
             float: left;
            margin: -6px 0 0 50px;
            width: 821px;
        }
    }
    .slider_content{
        height:536px;
        .slider_image{
            position:absolute;
            margin:-5px 0 0 -16px;
        }
        .download{
            position: absolute;
            margin: 112px 0 0 18px;
        }
        .upload{
            position: absolute;
            margin: 112px 0 0 745px;
        }
    }
}

.heading{
    margin:auto;
    text-align:center;
    span{
       background:@white;
       font-family: 'klavika_bold';
       font-size: 73.36px;
       line-height: 53px;
       padding: 0 21px;
       letter-spacing:-1.5px; 
       .blue{
           padding:0;
       }
   }   
}
.first_row{
    background-image:url('../images/first_content_bg.png');
    background-position:68% 25%;
    background-repeat:no-repeat;
    background-size:70%;
    .content{
        padding:34px 0 25px 26px;
        .image{
            width:170px;
            height: 290px;
            background: url(../images/first_content_img.png) no-repeat right top;
            float:left;
            img{
                position:absolute;
            }
            .rotate_1{
                margin:16px 10px 12px 33px;
            }
            .rotate_2{
                margin:3px 11px 12px 53px;
            }
            .rotate_3{
                margin:5px 11px 12px 82px;
            }
            .rotate_4{
                margin:17px 11px 12px 113px;
            }
            .rotate_5{
                margin:35px 11px 12px 6px;
            }
            .rotate_6{
                margin:31px 11px 12px 46px;
            }
            .rotate_7{
                margin:39px 11px 12px 90px;
            }
            .rotate_8{
                margin:53px 11px 12px 117px;
            }
            .rotate_9{
                margin:38px 11px 12px 137px;
            }
            .rotate_10{
                margin:62px 11px 12px 146px;
            }
            .rotate_11{
                margin:73px 11px 12px -2px;
            }
            .rotate_12{
                margin:69px 11px 12px 26px;
            }
            .rotate_13{
                margin:71px 11px 12px 69px;
            }
            .rotate_14{
                margin:83px 11px 12px 130px;
            }
            .rotate_15{
                margin:99px 11px 12px 2px;
            }
            .rotate_16{
                margin:108px 11px 12px 32px;
            }
            .rotate_17{
                margin:122px 11px 12px 113px;
            }
            .rotate_18{
                margin:123px 11px 12px 137px;
            }
            .rotate_19{
                margin:138px 11px 12px 17px;
            }
            .rotate_20{
                margin:131px 11px 12px 69px;
            }
            .rotate_21{
                margin:147px 11px 12px 120px;
            }
            .rotate_22{
                margin:157px 11px 12px 30px;
            }
            .rotate_23{
                margin:177px 11px 12px 102px;
            }
            .rotate_24{
                margin:175px 11px 12px 120px;
            }
            .rotate_25{
                margin:175px 11px 12px 120px;
            }
            .rotate_26{
                margin:199px 11px 12px 36px;
            }
            .rotate_27{
                margin:185px 11px 12px 66px;
            }
            .rotate_28{
                margin:197px 11px 12px 106px;
            }
        }
        .text{
            width:726px;
            float:left;
            text-align: right;
            color:@dolphin;
            padding:34px 6px 0 0;
            p{
                line-height: 35px;
            }
        }
    }
}
.trabalho{
    background-image:url('../images/second_row_bg.png');
    background-repeat:repeat-y;
    //background-size:70% auto;
    background-position:50% -23%;
    
    .container{
        margin-bottom: 35px;
    }
    .content{
        padding: 48px 0 0 0;
        //margin-bottom:10px;
        .item{
            margin-bottom: 26px;
            .image{
                width:170px;
                float:left;
                img{
                    max-width: 100%;
                }
            }
            .text{
                width:755px;
                float:left;
                text-align: right;
                color:@dolphin;
                p{
                    margin-top: 2px;
                    span:nth-child(odd){
                        color:@tulip_tree;
                    }
                    span:nth-child(even){
                        color:@regal_blue;
                    }
                    .yellow{
                        color:@tulip_tree !important;
                    }
                    .blue{
                        color:@regal_blue !important;
                    }
                }
            }
            &:nth-child(even){
                .image{
                    float:right;
                }
                .text{
                    float:right;
                    text-align: left;
                }
            }
        }
    }
}

.riscado{
    background-image:url('../images/riscado_bg.png');
    background-position:11% 73px;
    background-repeat:no-repeat;
    background-size:70%;
    .heading{
        span{
            .yellow{
                padding: 0
            }
            .blue{
                padding: 0
            }
        }
        .batch_left{
            float:left;
            margin-top: -31px;
        }
        .batch_right{
            float:right;
            margin-top: -31px;
        }
    }
    .content{
        width:100%;
        margin: 44px 0 0;
        p{
            color:@dolphin;
            //background:url(../images/riscado_image.png) no-repeat top right;
            padding-top: 30px;
            float:left;
            width:100%;
        }
        .tea_table{
            //position:absolute;
            //left:610px;
            float:right;
            margin-top: -490px;
        }
    }
}
.differents{
    background-image: url('../images/difference_bg.png');
    background-repeat:no-repeat;
    background-position:center bottom;
    border-bottom:15px solid @tulip_tree;
    .container{width:100%;}
    .heading{
        span{
            .yellow{
                padding: 0;
            }
            .blue{
                padding: 0;
            }
        }
    }
    .content{
        margin-top:56px;
        padding-bottom:214px;
        .left_arrow{
            width:17%;
            float:left;
            img{
                float:right;
                margin: 207px 18px 0 0;
            }
        }
        .right_arrow{
            width:17.7%;
            float:right;
            overflow:hidden;
            img{
                margin: 7px 0 0 0;
                float:left;
            }
        }
        .right_arrow_last{
            width:50%;
            float:right;
            overflow:hidden;
            margin-top: -30px;
        }
        .text{
            max-width: 950px;
            margin:auto;
            width:52%;
            float:left;
            p{
                color:@dolphin;
                &:nth-child(2){
                    margin: 32px 0 0 0;
                }
            }
        }
        .image{
            width:13%;
            float:left;
        }
    }
}
.nossa{
    .heading{
        span{
            .yellow{
                padding: 0;
            }
            .blue{
                padding: 0;
            }
        }
    }
    .nossa_container{
        background-color:@tulip_tree;
        background-image: url('../images/like.png');
        background-repeat: no-repeat;
        background-position: 60px 15px;
        margin-top: 20px;
        .container{
            padding:23px 28px 5px 28px;
            .text{
                width:590px;
                float:left;
                color:@white;
                ul{
                    margin-top:73px;
                    li{
                        list-style: none;
                        font-family: 'klavika_bold';
                        font-size: 23.74px;
                        line-height: 46px;
                        margin: -10px 0 0 0;
                        letter-spacing: -.4px;
                        background: url(../images/bullet.png) no-repeat left center;
                        padding: 0 0 0 13px;
                        &:nth-child(1){
                            color:@regal_blue;
                            background:none;
                            padding:0px;
                        }
                    }
                }
            }
            .image{
                width:330px;
                float:left;
                .full_computer{
                    margin: 20px 0 0 -198px;
                }
            }
        }
    }
}
.s_764{
    display: none;
}
.seguranca{
    .heading{
        span{
            font-size:73.36px;
            .blue,.yellow{
                padding:0;
            }
        }
    }
}
.seguranca_content{
    background:@regal_blue;
    margin-top:20px;
    padding:29px 0;
    margin-bottom:15px;
    .content{
        .image{
            width:250px;
            float:left;
            img{
                position:absolute;
                margin: 0 0 0 -50px;
            }
        }
        .text{
            width:640px;
            border-radius: 10px;
            background:@white;
            padding:28px 31px 28px 20px;
            float:right;
            margin-top:7px;
            p{
                color:@dolphin;
                text-align: right;
            }
        }
    }
}
.custa{
    .heading{
        span{
            .blue,.yellow{
                padding:0px;
            }
        }
    }
    .content{
        margin-top:16px;
        .text{
            width:630px;
            float:left;
            margin-top:40px;
            p{
                color:@dolphin;
                line-height: 40px;
                padding-left: 30px;
            }
        }
        .image{
            width: 245px;
            float:right;
        }
    }
}
.quem{
    .container{
        width:100%;
        .heading{
            span{
                .blue,.yellow{
                    padding:0;
                }
            }
        }
        .content{
            margin-top:40px;
            .text{
                width:60%;
                float:left;
                //background-image:url('../images/que_text_bg.png');
                background-repeat:repeat-x;
                background-position: bottom left;
                .first{
                    background:@white;
                    float:right;
                    width:100%;
                }
                .second{
                    background:url('../images/que_p_bottom_bg.png') repeat-x;
                    float:right;
                    width:100%;
                    margin-top: 15px;
                    color:@white; 
                    padding:7px 0;
                    p{color:@white;}
                }
                .third{
                    float:right;
                    width:100%;
                    margin-top: 7px;
                    color:@white;
                    padding:6px 0;
                    background:url('../images/que_p_bottom_bg_1.png') repeat-x;
                    p{color:@white;}
                }
                p{
                    max-width: 562px;
                    text-align: right;
                    float:right;
                    color:@dolphin;
                    padding-right: 40px;
                    font-size:21px;
                    letter-spacing:-.2px;
                    //font-family: 'klavika_regular';
                    //font-weight:bold;
                    line-height:28.5px;
                    margin-top:6px;
                }
            }
            .image{
                width:40%;
                float:right;
            }
        }
    }
}
.outsourcing{
    background-image:url('../images/outsourcing_bg.png');
    background-repeat:no-repeat;
    background-position: center 220px;
    .container{
        width:100%;
        .heading{
            span{
                .blue,.yellow{
                    padding:0px;
                }
            }
        }
        .top_p{
            margin:38px 0 0 0;
            background: @regal_blue;
            color:@white;
            padding:10px 0 15px;
            p{
                max-width:813px;
                margin:auto;
                text-align: center;
                font-size: 32.8px;
                line-height: 39px;
                letter-spacing: .1px;
            }
        }
        .main_p{
            margin: 19px auto 20px;
            text-align: center;
            color:@dolphin;
            border-bottom:15px solid @tulip_tree;
            padding:0 0 27px 0;
            p{
                max-width: 813px;
                margin: auto;
                font-size: 26px;
                letter-spacing:.04px;
                line-height: 40px;
            }
        }
    }
}

.como{
    background-image:url('../images/como_bg.png');
    background-repeat:no-repeat;
    background-position:center 75px;
    .container{
        .heading{
            span{
                .blue,.yellow{
                    padding: 0px;
                }
            }
        }
        .content{
            .icon{
                margin-top:43px;
                li{
                    display: inline;
                    margin: 0 21px;
                    img{
                        width:112px;
                    }
                    &:last-child{
                        margin-right: 0px;
                    }
                }
            }
            .numbering{
                background:@tulip_tree;
                height:5px;
                width:840px;
                margin:30px 0 0 55px;
                //margin-top:-20px;
                li{
                    display: inline;
                    margin: -22px 53px 31px;
                    float:left;
                    &:first-child{
                        margin-left:0px;
                    }
                    &:last-child{
                        margin-right: 0px;
                    }
                }
            }
        }
    }
    .como_p{
        width:100%;
        float:left;
        background:@regal_blue;
        color:@white;
        padding:16px 0;
        margin-bottom:-5px;
        p{
            max-width: 900px;
            margin: auto;
            font-size: 25px;
            text-align: center;
            letter-spacing: -0.2px;
        }
    }
}
.portfolio{
    .container{
        width:100%;
        .heading{
            span{
                .blue,.yellow{
                    padding: 0;
                }
            }
        }
        .content{
            background:#f2f3f3;
            border-bottom:15px solid @regal_blue;
            padding-bottom:20px;
            .top_p{
                padding:15px 0 17px;
                background: @tulip_tree;
                margin-top: 38px;
                color:@white;
                p{
                    max-width:920px;
                    text-align: center;
                    font-size: 23.86px;
                    margin:auto;
                }
            }
            .gallary{
                margin-top: 38px;
            }
        }
    }
}
.trabalha{
    .container{
        width:100%;
        .heading{
            border-top:15px solid @tulip_tree;
            border-bottom:12px solid @regal_blue;
            margin-top:8px;
            padding:8px 0 7px;
            span{
                line-height: normal;
                font-size: 43px;
                padding: 8px 0;
                background: transparent;
            }
        }
        .content{
            width:950px;
            margin: auto;
            .map{
                width:558px;
                height:360px;
                float:left;
                margin-top: 20px;
                background:url(../images/map_bg.png) no-repeat bottom center;
                img{
                    position:absolute;
                    cursor:pointer;
                    &:nth-child(1){
                        margin: 31px 0 0 38px;
                    }
                    &:nth-child(2){
                        margin: 5px 0 0 161px;
                    }
                    &:nth-child(3){
                        margin: 183px 0 0 140px;
                    }
                    &:nth-child(4){
                        margin: 37px 0 0 278px;
                    }
                    &:nth-child(5){
                        margin: 91px 0 0 370px;
                    }
                    &:nth-child(6){
                        margin: 200px 0 0 440px;
                    }
                    &:nth-child(7){
                        margin: 30px 0 0 480px;
                    }
                }
            }
            .icon{
                width:331px;
                float:right;
                margin-top: 75px;
            }
        }
        .heading_2{
            border-top:12px solid @tulip_tree;
            border-bottom:12px solid @regal_blue;
            background-image: url('../images/trabalha_bottom_heading_bg.png');
            background-repeat: repeat-x;
            background-position: 0px auto;
            float:left;
            width:100%;
            margin: 34px 0 24px 0;
            text-align: center;
            padding:29px 0 42px 0;
        }
    }
}
.fale{
    .container{
        width:100%;
        .heading{
            span{
                .blue,.yellow{
                    padding:0;
                }
            }
        }
        .content{
            background: @tulip_tree;
            margin-top: 55px;
            text-align: center;
            color:@white;
            padding:54px 0 50px;
            p{
                font-size: 37.43px;
            }
            img{
                margin-top: 29px;
            }
        }
        .whats_app{
            width:884px;
            text-align: right;
            margin: auto;
            color:@white;
            font-family: 'klavika_regular';
            font-size: 25px;
        }
    }
}
.contact_info{
    border-bottom: 27px solid @regal_blue;
    .container{
        .email_area{
            width:710px;
            border-right:15px solid #e6e7e7;
            float:left;
            margin: -5px 0 0 0;
            padding:5px 0 40px 0;
            p{
                text-align:center;
                span{
                    color:@tulip_tree;
                }
                &:nth-child(1){
                    font-size:45px;
                    margin-top: 15px;
                    letter-spacing: .25px;
                    color:@tulip_tree;
                }
                &:nth-child(2){
                    font-size:52px;
                    margin-top: 15px;
                    letter-spacing: .25px;
                    color:@regal_blue;
                }
                &:nth-child(3){
                    font-size: 22px;
                    margin-top: 20px;
                    color:@tulip_tree;
                    letter-spacing: .0px;
                    font-family: 'klavika_regular';
                }
                &:nth-child(4){
                    font-size:50px;
                    margin-top: 3px;
                    color:@regal_blue;
                    letter-spacing: .25px;
                }
            }
        }
        .qr_code{
            float:left;
            width:220px;
            text-align: center;
            img{
                margin-top: 32px;
            }
        }
    }
}
.footer{
    .content{
        color:@regal_blue;
        font-family: 'klavika_bold';
        font-size:72px;
        text-align:center;
        span{
            color:@tulip_tree;
        }
    }
}

@import "responsive.less";