/*FEATURE*/

    #feature {
        position:relative;
        height:100%;
    }

    #feature.contentstuff {
        background:#00d3c1 url(../imagens/quem-somos-destaque2_img.png) no-repeat;
        background-position:center center;
    }

    #feature.ecommerce {
        background:#a078b6 url(../imagens/ecommerce-destaque2_img.png) no-repeat;
        background-position:center center;
    }

    #feature.contact-management {
        background:#1ab773 url(../imagens/gestaodecontatos-destaque2_img.png) no-repeat;
        background-position:center center;
    }
    
    #feature.cInsurance {
        background:#95a3a4 url(../imagens/cInsurance-destaque2_img.png) no-repeat;
        background-position:center center;
    }

    #feature.bestpag {
        background:#a3c6c2 url(../imagens/bestpag_destaque02_img.png) no-repeat;
        background-position:center center;
    }

    #feature .cloud {
        position:absolute;
        bottom:0;
        left:0;
        display: block;
        width:100%;
        height: 530px;
        background:url(../imagens/shadow_bg.png) repeat-x;
        opacity:0;
    }

    #services {
        padding-bottom:40px;
    }

    /*ECOMMERCE*/

    #services.ecommerce {
        padding-bottom:40px;
    }
    
    #services.ecommerce {
        margin-bottom: 29px;
        background:#FFF;
    }

    #services.ecommerce #owl-demo {
        margin-top: 34px;
    }

    #services.ecommerce .item {
        text-align:center;
    }

    #services.ecommerce .item img {
        display:inline-block;
    }

    #services.ecommerce .item h1 {
        min-height:51px;
        margin:23px 0 0;
        font-size:20px;
        line-height:28px;
    }

    #services.ecommerce .item p {
        margin:16px 0 0;
        padding:0 15px;
        font-size:14px;
    }

    #services.ecommerce .item .btn-white {
        margin-top:22px;
        margin-bottom:5px;
    }

    #portifolio {
        background:#333333;
        color:#FFFFFF;
    }

    #portifolio .clients {
        margin-top:71px;
        margin-bottom:79px;
        text-align:center;
        
    }

    #portifolio .clients:after {
        content:"";
        display:block;
        height:1px;
        overflow:hidden;
        clear:both;
    }

    #portifolio .clients .item {
        display: inline-block;
        width:285px;
        height:217px;
        border:1px inset rgba(255, 255, 255, 0.3);
        overflow:hidden;
        clear:both;
    }

    #portifolio .clients .item:hover {
        position:relative;
    }

    #portifolio .clients .wrp-item {
        display:none;
    }

    #portifolio .clients .item:hover .wrp-item {
        position:absolute;
        top:0;
        left:0;
        display:block;
        width:100%;
        height:100%;
        text-align:center;
        font-size:12px;
        text-transform:uppercase;
        background:rgba(0,0,0,0.8);
    }

    #portifolio .clients .item:hover .wrp-item strong {
        font-weight:900;
    }

    #portifolio .clients .wrp-item a {
        display:inline-block;
        width:50px;
        height:50px;
        margin-top:60px;
        background:url(../imagens/site_icons_bg.png) 0 0 no-repeat;
    }

    #portifolio .clients .wrp-item a:hover {
        background-position:-60px 0;
    }

    /*CONTACT MANGEMENT*/
    
    #services.contact-management {
        background:#FFF;
    }

    #services.contact-management #owl-demo {
        margin-top: 34px;
    }

    #services.contact-management .item {
        margin-top:30px;
        text-align:center;
    }

    #services.contact-management .item img {
        display:inline-block;
    }

    #services.contact-management .item h1 {
        margin:23px 0 0;
        font-size:20px;
        line-height:28px;
    }

    #services.contact-management .item p {
        margin:16px 0 0;
        padding:0 15px;
        font-size:14px;
    }

    #services.contact-management .item .btn-white {
        margin-top:22px;
        margin-bottom:5px;
    }

    /*BESTPAG*/
    
    #services.bestpag {
        background:#FFF;
    }

    #services.bestpag #owl-demo {
        margin-top: 34px;
    }

    #services.bestpag .item {
        text-align:center;
    }

    #services.bestpag .item img {
        display:inline-block;
    }

    #services.bestpag .item h1 {
        min-height:51px;
        margin:23px 0 0;
        font-size:20px;
        line-height:28px;
    }

    #services.bestpag .item p {
        margin:16px 0 0;
        padding:0 15px;
        font-size:14px;
    }

    #services.bestpag .item .btn-white {
        margin-top:22px;
        margin-bottom:5px;
    }

    #clients {
        position:relative;
        padding-bottom:0;
        background:#333333;
        color:#FFFFFF;
    }

    #clients:after {
        content:"";
        position:absolute;
        bottom:0;
        left:0;
        display:block;
        width:100%;
        height:157px;
        background:url(../imagens/shadow3_bg.png) repeat-x;
    }

    #clients .clients-itens {
        margin-top:33px;
    }

    #clients .clients-itens .item {
        display:block;
        float:left;
        width:50%;
        height:150px;
        border:1px inset rgba(255,255,255,0.3);
        background:#FFF;
        background-position:center center;
        background-repeat:no-repeat;
        -webkit-transition:all .5s ease;
        -moz-transition:all .5s ease;
        -o-transition:all .5s ease;
        transition:all .5s ease;
    }

    #clients .clients-itens:after {
        content:"";
        display:block;
        height:1px;
        overflow:hidden;
        clear:both;
    } 

    #clients .clients-itens .item:hover {
        cursor:pointer;
        background:#333333;
        background-position:center center;
        background-repeat:no-repeat;
    }

    #clients .box-button {
        position:absolute;
        bottom:20px;
        left:0;
        width:100%;
        height:50px;
        text-align:center;
        z-index:2;
    }

    #clients .box-button a {
        font-weight:600;
    }

    #form-bestpag .form {
        margin-bottom:40px;
    }

    #form-bestpag p.eye {
        font-size:12px;
        font-weight:500;
    }

    #contato {
        border-top: 1px solid #e7e7e7;
        padding-bottom: 60px;
    }

    #contato .form {
        margin-top: 34px;
    }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /*FEATURE*/

    #feature {
        position:relative;
        height:100%;
    }

    #feature.contentstuff {
        background-color:#00d3c1 ;
        background-image:url(../imagens/quem-somos-destaque_img.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-attachment: fixed;
    }

    #feature.ecommerce {
        background-color:#a078b6 ;
        background-image:url(../imagens/ecommerce-destaque_img.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-attachment: fixed;
    }
    
    #feature.contact-management {
        background-color:#1ab773 ;
        background-image:url(../imagens/gestaodecontatos-destaque_img.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-attachment: fixed;
    }

    #feature.cInsurance {
        background-color:#95a3a4 ;
        background-image:url(../imagens/cInsurance-destaque_img.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-attachment: fixed;
    }
    
    #feature.bestpag {
        background-color:#a3c6c2 ;
        background-image:url(../imagens/bestpag_destaque_img.png);
        background-position:center center;
        background-repeat:no-repeat;
        background-attachment: fixed;
    }

    /*ECOMMERCE*/

    #services.ecommerce .item p {
        padding:0;
        height:120px;
        padding: 0 25px;
    }

    #portifolio .clients .item {
        display: block;
        float: left;
        width: 240px;
        clear:none;
    }

    /*CONTACT MANGEMENT*/

    #services.contact-management .item p {
        padding:0;
        height:120px;
        padding: 0 25px;
    }

    /*BESTPAG*/

    #services.bestpag .item p {
        padding:0;
        height:120px;
        padding: 0 25px;
    }

    #clients .clients-itens .item {
        width:180px;
        height:180px;
    }

    #form-bestpag p.eye {
        font-size:16px;
        font-weight:300;
    }

    #form-bestpag .form {
        margin-bottom:80px;
    }

    #form-bestpag .card-digits {
        width:62px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    /*SERVICES*/

    #services {
        padding-bottom:80px;
    }

    /*ECOMMERCE*/

    #services.ecommerce {
        margin-bottom: 75px;
    }

    #services.ecommerce #owl-demo {
        margin-top: 70px;
    }

    #services.ecommerce .item h1 {
        padding: 0 15px;
    }

    #services.ecommerce .item p {
        height:auto;
        padding: 0 15px;
        font-size:18px;
    }

    #portifolio .clients .item {
        width: 235px;
    }

    /*CONTACT MANGEMENT*/

    #services.contact-management #owl-demo {
        margin-top: 70px;
    }

    #services.contact-management .item h1 {
        padding: 0 15px;
    }

    #services.contact-management .item p {
        height:auto;
        padding: 0 15px;
        font-size:18px;
        
    }

    /*BESTPAG*/

    #services.bestpag #owl-demo {
        margin-top: 70px;
    }

    #services.bestpag .item h1 {
        padding: 0 15px;
    }

    #services.bestpag .item p {
        height:auto;
        padding: 0 15px;
        font-size:18px;
    }

    #clients {
        padding-bottom:80px;
    }

    #clients .clients-itens {
        margin-top:75px;
    }

    #clients .clients-itens .item {
        width:188px;
        height:188px;
    }
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

    /*FEATURE*/

    #feature.contentstuff {
        background-color:#00d3c1 ;
        background-image:url(../imagens/quem-somos-destaque_img.png), url(../imagens/mouse_icon_img.png);
        background-position:center center, bottom center;
        background-repeat:no-repeat, no-repeat;
        background-attachment: fixed, fixed;
    }

    #feature.ecommerce {
        background-color:#a078b6 ;
        background-image:url(../imagens/ecommerce-destaque_img.png), url(../imagens/mouse_icon_img.png);
        background-position:center center, bottom center;
        background-repeat:no-repeat, no-repeat;
        background-attachment: fixed, fixed;
    }
    
    #feature.contact-management {
        background-color:#1ab773 ;
        background-image:url(../imagens/gestaodecontatos-destaque_img.png), url(../imagens/mouse_icon_img.png);
        background-position:center center, bottom center;
        background-repeat:no-repeat, no-repeat;
        background-attachment: fixed, fixed;
    }

    #feature.cInsurance {
        background-color:#95a3a4 ;
        background-image:url(../imagens/cInsurance-destaque_img.png), url(../imagens/mouse_icon_img.png);
        background-position:center center, bottom center;
        background-repeat:no-repeat, no-repeat;
        background-attachment: fixed, fixed;
    }
    
    #feature.bestpag {
        background-color:#a3c6c2 ;
        background-image:url(../imagens/bestpag_destaque_img.png), url(../imagens/mouse_icon_img.png);
        background-position:center center, bottom center;
        background-repeat:no-repeat, no-repeat;
        background-attachment: fixed, fixed;
    }

    /*ECOMMERCE*/

    #services.ecommerce .item p {
        padding: 0 20px;
    }

    #portifolio .clients .item {
        width: 285px;
    }

    /*CONTACT MANGEMENT*/

    #services.contact-management .item p {
        padding: 0 20px;
    }

    /*BESTPAG*/

    #services.bestpag .item p {
        padding: 0 20px;
    }

    #clients .clients-itens .item {
        width:190px;
        height:190px;
    }
    
    #form-bestpag p.eye {
        padding:0 150px;
    }

}