/*
	Theme Name: Daphlex
	Author: Fredsarmento.me
	Description: Perfect to sell your works!
	Version: 1.0.0
*/
.slick-banner.slick-initialized.slick-slider{margin: 0px;}

.solid-section-blue {
    background: rgb(30, 48, 66);
}

* {

        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;    
}

.boxed {
    background: white;
    padding: 20px 0;
    margin: 40px auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
}

#back-to-top {
    background: rgb(30, 48, 66) url('../img/arrowup.png') no-repeat;
    background-position: center center;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    width: 50px;
}

.wide-section.home {
    background: #f8f8f8;
    margin-top: 0;
    padding: 20px 0 20px 0;
}


    .wide-section.home .stats {
        margin: 0;
    }

.boxed > .row {
    margin-left: 0;
}

    .boxed > .row > div {
        margin: 0;
        padding: 0 20px;
    }


.wide-newsletter {
    opacity: 0;
    background-color: #FFF;
    padding: 20px 40px 50px;
    margin: 60px 0 120px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../img/block-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.p-btn.action {
    opacity: 0;
}

.wide-newsletter.gray {
    background-color: #ecf0f1;
    margin: 120px 0;
    text-align: center;
}

    .wide-newsletter.gray form.special,
    .wide-newsletter.gray form.special input {
        background: white;
    }

.wide-newsletter h3 {
    margin-bottom: 0;
}

.wide-newsletter p {
    margin-bottom: 20px;
}

form.special {
    background-color: #ecf0f1;
    margin: 0;
    padding: 7px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.page-header {
    padding: 25px 0;
    background-color: rgba(236, 240, 241, 0.99);
    background-image: url('../img/bg-triang.png');
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 1px 1px rgba(0,0,0,.25);
    width: 100%;
    z-index: 9;
}

    .page-header .headline {
        font-size: 14px;
    }

    .page-header h3, .page-header p {
        margin-bottom: 0;
        margin-top: 0;
        line-height: 1.2;
    }

.btn-group.filter {
    margin-right: 10px;
    margin-top: 25px;
}

.filter-options .btn-group {
    float: right;
    margin-right: 10px;
}

.btn-group .caret {
    margin-left: 10px;
    margin-top: 4px;
    border-top: 4px solid rgb(30, 48, 66);
}

.btn-group.open .btn.dropdown-toggle {
    background: rgb(30, 48, 66);
    color: #ecf0f1;
}

.btn-group.open .caret {
    border-top: 4px solid #ecf0f1;
}

.open > .dropdown-menu {
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

    .open > .dropdown-menu li {
        padding: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

        .open > .dropdown-menu li a {
            padding: 5px 20px;
            font-size: 12px;
            cursor: pointer;
            text-align: left;
        }

            .open > .dropdown-menu li a:hover {
                background: #e6e6e6;
                color: rgb(30, 48, 66);
            }



form.special input {
    border: 0;
    padding: 14px 15px;
    margin-left: 0;
    margin-right: 5px;
    background-color: #ecf0f1;
    margin-bottom: 0;
}

form.special .btn {
    margin-top: 0;
}

footer {
    border-top: 1px solid #ddd;
    padding: 15px 0 10px 0;
    font-size: 12px;
    background: white;
}

    footer .copy {
        padding-top: 12px;
    }


.promotext,
.navbar .brand,
.navbar .nav {
    opacity: 0;
}

.img-landing {
    text-align: right;
            opacity: 0;
}

    .img-landing img {
        margin-top: 43px;
    }


.mini-social {
    margin: 5px 0 0 0;
}

    .mini-social li {
        list-style: none;
        display: inline-block;
        margin-bottom: 0 !important;
    }

.a-icon {
    list-style: none;
    background-image: url('../img/social-icons.png');
    background-color: #f8f8f8;
    height: 29px;
    float: left;
    width: 29px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3);
}

    .a-icon.twitter {
        background-position: -1px -1px;
    }

    .a-icon.facebook {
        background-position: -32px -1px;
    }

    .a-icon.dribbble {
        background-position: -63px -1px;
    }

    .a-icon.instagram {
        background-position: -94px -1px;
    }

    .a-icon.googleplus {
        background-position: -125px -1px;
    }

    .a-icon.github {
        background-position: -156px -1px;
    }

    .a-icon.flickr {
        background-position: -187px -1px;
    }

    .a-icon.pinterest {
        background-position: -218px -1px;
    }

    .a-icon.linkedin {
        background-position: -249px -1px;
    }

    .a-icon.email {
        background-position: -280px -1px;
    }

    .a-icon.behance {
        background-position: -311px -1px;
    }

    .a-icon.zerply {
        background-position: -342px -1px;
    }

    .a-icon.youtube {
        background-position: -373px -1px;
    }

    .a-icon.rss {
        background-position: -404px -1px;
    }

    .a-icon.twitter:hover {
        background-position: -1px -32px;
    }

    .a-icon.facebook:hover {
        background-position: -32px -32px;
    }

    .a-icon.dribbble:hover {
        background-position: -63px -32px;
    }

    .a-icon.instagram:hover {
        background-position: -94px -32px;
    }

    .a-icon.googleplus:hover {
        background-position: -125px -32px;
    }

    .a-icon.github:hover {
        background-position: -156px -32px;
    }

    .a-icon.flickr:hover {
        background-position: -187px -32px;
    }

    .a-icon.pinterest:hover {
        background-position: -218px -32px;
    }

    .a-icon.linkedin:hover {
        background-position: -249px -32px;
    }

    .a-icon.email:hover {
        background-position: -280px -32px;
    }

    .a-icon.behance:hover {
        background-position: -311px -32px;
    }

    .a-icon.zerply:hover {
        background-position: -342px -32px;
    }

    .a-icon.youtube:hover {
        background-position: -373px -32px;
    }

    .a-icon.rss:hover {
        background-position: -404px -32px;
    }

/* .hero-unit.landing {
    padding: 120px 60px 0 60px;
    margin-top: 70px;
} */
        
    .hero-unit.landing.bgimg img {
        background-color: transparent; 
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        margin-top: 0;
        position: absolute;
    }

    .hero-unit.landing.bgimg {
        background-image: url('../img/ams-img.jpg');
        background-color: rgb(30, 48, 66); 
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        margin-top: 0;
    }

    .hero-unit.landing h1 {

        font-size: 52px;
        font-weight: 600;
        letter-spacing: -.05em;
    }

    .hero-unit.landing .headline span {
        padding: 4px 10px 6px;
        border-radius: 3px;
        margin-left: 10px;
        box-shadow: 1px 1px 0 rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.1) inset;
        background-color: rgb(22, 40, 58);
        font-weight: bold;
    }

    .hero-unit.landing p {
        color: #ecf0f1;
        font-size: 45px;
        text-align: left;
        font-weight: 300;
        padding: 20px 0 0;
        line-height: 1.3;
    }

    .hero-unit.landing .iphone-hand {
        margin-top: 5%;
        display: inline-block;
        max-width: 460px;
    }


/*Banner*/
    @media all and (max-width: 1024px){
        .span6.promotext{width: 100%; float: left; margin-top: 5%; }
        .hero-unit.landing .iphone-hand{ float: right; margin-top: -235px; margin-right: 10%; }
        .hero-unit.landing p{font-size: 2.5em;}
        .hero-unit.landing h1{font-size: 4.0em}
        .bunner-box .btn-bunner{margin-left: 1%;}
    }
    @media all and (max-width: 800px){
        .span6.promotext{width: 100%; float: left; margin-top: 15%; }
        .hero-unit.landing .iphone-hand {width: 50%; float: right; margin-right: 5%; margin-top: -15%}
    }
    @media all and (max-width: 768px){
        .span6.promotext{width: 100%; float: right; margin-top: 20%;}
        .hero-unit.landing .iphone-hand {width: 46%; float: right; margin-top: -30%}
        .hero-unit.landing p{font-size: 30px; margin-left: 2%; }
        .hero-unit.landing h1{font-size: 45px; margin-left: 2%; }
    }
    @media all and (max-width: 490px){
        .span6.promotext{width: 100%; float: right;}
        .hero-unit.landing .iphone-hand {width: 90%; float: right; margin-top: -10%; margin-right: -5%}
        .hero-unit.landing p{font-size: 25px;}
        .hero-unit.landing h1{font-size: 35px}
    }
    @media all and (max-width: 360px){
        .span6.promotext{width: 100%; float: left;}
        .hero-unit.landing .iphone-hand {width: 80%; float: right; margin-right: 5%; margin-top: -10%;}
        .hero-unit.landing p{font-size: 20px;}
        .hero-unit.landing h1{font-size: 28px}
    }
    @media all and (max-width: 320px){
        .span6.promotext{width: 100%; float: left; margin-top: 10%; }
        .hero-unit.landing .iphone-hand {width: 80%; float: right; margin-right: 5%; margin-top: -10%;}
        .hero-unit.landing p{font-size: 18px;}
        .hero-unit.landing h1{font-size: 25px}
    }




/*Apps produtos*/
    @media all and (max-width: 980px){
        .landing-tips .span4.tip{}
    }
    @media all and (max-width: 800px){
        .landing-tips .span4.tip{ }
    }
    @media all and (max-width: 768px){
        .landing-tips .span4.tip{ margin-bottom: 25px; }
    }
    @media all and (max-width: 490px){
        .landing-tips .span4.tip{ margin-bottom: 25px; }
    }
    @media all and (max-width: 360px){
        .landing-tips .span4.tip{ margin-bottom: 10%; }
    }
    @media all and (max-width: 320px){
        .landing-tips .span4.tip{ margin-bottom: 10%; }
    }




.landing-tips > div {
    padding: 0 10px;
    border-right: 1px solid #ddd;
}







/*header*/
.landing-tips {
    text-align: center;
}

.tip {
}


    .landing-tips > div:last-child {
        border-right: 0;
    }

.landing-wide {
    margin: 40px 0;
    padding: 80px 0;
    background: white;
}

    .landing-wide.nop {
        margin: 0;
        padding: 0;
    }

    .landing-wide .about-us {
        text-align: left;
        opacity: 0;
        padding: 40px;
        position: relative;
        background-color: #0d296f;
        color: white;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }

        .landing-wide .about-us h2 {
            color: white;
            padding: 0;
            margin: 0;
        }

.reviews-prod {
    padding-left: 20px;
    opacity: 0;
}

    .reviews-prod ul {
        list-style: none;
        margin: 25px 0 0 0;
    }

        .reviews-prod ul li {
            background: url('../img/quote-icon.png') no-repeat;
            background-position: left 5px;
            padding-left: 35px;
            padding-top: 5px;
            font-size: 16px;
            margin: 10px 0;
            padding: 10px 0 20px 35px;
            border-bottom: 1px solid #ddd;
        }

            .reviews-prod ul li span {
                display: block;
                margin-top: 10px;
                font-size: 12px;
                color: #3498db;
                font-weight: bold;
            }

                .reviews-prod ul li span img {
                    -webkit-border-radius: 99999px;
                    -moz-border-radius: 99999px;
                    border-radius: 99999px;
                    width: 30px;
                    margin-right: 5px;
                }

.land-feat {
}

    .land-feat .phone {
        text-align: right;
        opacity: 0;
    }

    .land-feat .list {
        opacity: 0;
    }

    .land-feat ul {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
    }

        .land-feat ul li {
            padding: 10px 0 10px 50px;
            background: url('../img/flat-check.png') no-repeat;
            background-position: left 15px;
        }

            .land-feat ul li h4 {
                margin: 0;
            }

    .land-feat.home {
        margin-top: 35px;
    }

        .land-feat.home h4 {
            color: white;
            padding: 0;
        }

        .land-feat.home p {
            padding: 10px 0 0 0;
        }


        .land-feat.home ul li {
            background-position: left 10px;
        }



.btn-store {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

    .btn-store:hover {
        opacity: 0.8;
    }

a.appstore {
    display: inline-block;
    background: url('../img/store_badges.png') no-repeat 0 0;
    width: 146px;
    height: 50px;
}

a.googleplay {
    margin-left: 10px;
    display: inline-block;
    background: url('../img/store_badges.png') no-repeat 0 -58px;
    width: 159px;
    height: 47px;
}

.hero-unit.simple p {
    color: #ecf0f1;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    padding: 20px 0 0;
    line-height: 1.3;
    position: relative;
}

.hero-unit.simple .btn {
    margin-top: 10px;
}

.hero-pattern {
    margin-bottom: 40px;
    line-height: 0;
    background-color: #3498db;
}

    .hero-pattern span {
        display: inline-block;
        height: 6px;
        width: 60px;
    }

    .hero-pattern .orange {
        background-color: #d35400;
    }

    .hero-pattern .green {
        background-color: #16a085;
    }

.recent-freebies {
}

.span8.recent-freebies h2 {
    text-align: left;
}

.span8.recent-freebies .ul-filter.home {
    float: left;
}

.recent-freebies h2 {
    text-align: center;
}

.recent-freebies .btn-cont {
    text-align: center;
    padding: 35px 0;
    float: left;
    width: 100%;
}


.contact-page {
    padding: 40px 0;
}

.contact-page .boxed {
    margin: 0;
    padding: 20px;
}

.contact-page form {
    margin-top: 40px;
}




/* Novas regras*/



/*footer*/
footer h4{
    color: #0d296f;
}
footer .span4 .emid{
    float: right;
}
footer .span4 .span1 .icon-ios{margin-bottom: 2%;}
footer  .span3{ width: 155px; margin-left: 1px; margin-top: 96px;}

footer .span5.tip{width: 330px;}
footer .span4.redes{ width: 270px !important;}




/*Icons*/
.icon-fone{
    width: 23px;
    height: 8px;
    margin: 6px 5px 0 0;
    display: inline-block;
    background: url(../img/sprite.png) no-repeat -3px -4px;
    float: left;
    vertical-align: middle;    
}
.icon-envelope{
    width: 23px;
    height: 18px;
    display: inline-block;
    background: url(../img/sprite.png) no-repeat -27px -4px;
    margin: 0 5px 0 0;
    float: left;
    vertical-align: middle; 
}
.icon-ios{
    width: 30px;
    height: 35px;
    display: inline-block;
    background: url(../img/sprite.png) no-repeat -56px -4px;
    margin: 0 5px 0 0;
    float: left;
    vertical-align: middle;    
}
.icon-android{
    width: 32px;
    height: 39px;
    display: inline-block;
    background: url(../img/sprite.png) no-repeat -89px -4px;
    margin: 0 3% 0 0;
    float: left;
    vertical-align: middle;    
}
.icon-vlt{
    width: 8px;
    height: 12px;
    display: inline-block;  
    background: url(../img/sprite.png) no-repeat -121px -4px;
    margin: 13px 5px 0 0;
    float: left;
    vertical-align: middle;    
}
.icon-st{
    width: 4px;
    height: 8px;  
    background: url(../img/sprite.png) no-repeat -126px -20px;
    margin: 0 10px;
    vertical-align: middle;    
}

.icon-facebook{
    width: 21px;
    height: 39px;
    display: inline-block;  
    background: url(../img/sprite.png) no-repeat -175px -1px;
    vertical-align: middle; 
    margin-right: 19px;
    margin-bottom: 10px;   
}        
.icon-twitter{
    width: 38px;
    height: 32px;
    display: inline-block;  
    background: url(../img/sprite.png) no-repeat -133px -2px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 10px;    
}








/*header*/
.new{
    width:110px;     
}

.header{
    background: #f4f4f4;
    border-radius: 0 0 10px 10px;
}
.bara-esta{
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}
.navbar.navbar-inverse{
    position: fixed;
    margin: 0 auto;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}



/*Menu*/
.nav li ul{
    display: none;
    text-align: center;
    transition: 0.3s;
    list-style: none;
    text-align: left;
    margin-left: -5px;
}
.nav li ul li a:hover{
    color: #00ACF5
}
.nav li:hover ul{
    display: block;
    position: absolute;
    z-index: 4;
}
.nav li ul li{
    float: none;
    font-size: 12px;
    background: #fff;
    padding: 6%;
    text-align: center; 
}






/*Index*/
    .bunner-box{
        margin-top: 5%;
    }
    .btn-bunner{
        background: #eb1744;
        color: #fff;
        border-radius: 8px;
        transition: all 0.15s ease-in-out 0s;
        padding: 2%;
    }
    .btn-bunner:hover{
        color: #fff;
        background: #ef066b;
    }




    /*Atalho Contato */
    .info-contato{
        text-align: center;
        padding: 35px;
    }
    .container.info-contato h3{
        padding-bottom: 20px;
    }
    .btn-pink{
        background: #eb1744;
        color: #fff;
        padding: 15px;
        border-radius: 8px;
        transition: all 0.15s ease-in-out 0s;
    }
    .btn-pink:hover{
        color: #fff;
        background: #ef066b;
    }
        /*index informação do produto*/
        .bg-grey{
            background: #ecf0f1;
            position: relative;
        }
        .container.info{
            padding-top: 25px;
        }




/*btn Ver-mais*/
.ver-mais{
    width: 80px;
    height: 80px;
    padding-top: 10px;
    background: #0d296f;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 90%;
    left: 50%;   
}
.ver-mais p{
        color: #fff;
}




/* Botão voltar */
.container.btn-vlt{
    padding-top: 100px;
    padding-bottom: 100px
}
.container.btn-vlt a{
    width: 8%;
    margin: 0 50%;
}
.seta-blue{
    color: #00acf5;
}



/*Institucional*/
.hero-unit.landing .title{
    text-align: center;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: -.05em;
    padding-bottom: 20px;
}
.container.inst img{
    float: left;
}
.container-right{
    float: right;
}
.valores{
    margin-top: 30px;
}

/*borda interna*/

.intra .solucao { padding-bottom: 35px; background: url(../img/sombra2.png) no-repeat 50% 100%; } 
.intra .solucao:before{
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 35px;
    width: 100%;
    display: block;
    border-radius: 10px;
    border:0px solid #00ABF8;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
a.intra:hover .solucao:before { border-width:8px; }
.solucao img{ border-radius: 10px;}

.v-mais{background: #00acf5; color: #fff; position: absolute; left: 5%; top: 71%; padding: 3%; font-weight: bolder; border-radius: 10px 10px 0 0; visibility: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.intra:hover .v-mais{ visibility: visible; }
/*Contato*/
.campo-text,.text-area{
    width: 100%;
    height: 50px;
    border-radius: 15px;
    background: #f4f4f4;
    margin: 5px 0;
    border:none;
    text-indent: 10px;
    color: #7d7d7d;
}
.text-area{
    height: 150px;  
}
.mapa{
    border-radius: 10px;
}
.btn-blue{
    margin: 5px 0;
    padding: 10px 35%;
    border:none;
    border-radius: 10px;
    background: #0d296f;
    color: #fff;
    font-weight: bold; 
}
.btn-blue:hover{
    background: #051f60;
    transition:0.15s;
}



    /*Anexar*/
    form .label-file{
        position: relative;
        z-index: 1;
        transition: 0.5s;
        border-radius: 15px;
        border: 2px solid transparent;
        width: 100%;
        border-radius: 15px;
        background-color: #F4F4F4;
        float: left;
        color: #7D7D7D;
        padding: 3%; 
    }
    form .label-file input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99;
        opacity: 0;
        width: 99%;
        height: 100%;
    }
    form .label-file .icon-anexar { 
        width: 96%; 
        height: 50; 
        display: block; 
        color: #7D7D7D;
        text-align: left;
    }


/* Depoimento*/
#reviews h2{ text-align: center;}


/* soluções*/
.solucao{ border-radius: 10px; float: left; margin: 1% 3%; position: relative;}
.info-solucao{ position: absolute; z-index: 2; top: 20%; margin: 0 4%; text-shadow: 1px 1px #404041;}
.color-sobre{ color: #fff; font-weight: bolder; }
.aling-centro{ margin: 0 5.5%;}



/*Title*/
.hero-unit.landing .title{padding-top: 3%; padding-bottom: 2%; }



/* soluções Detalhes*/
.st{margin: 0 2%;}
 .box-btn{width: 100%; margin-top: 5%; text-align: center; }
 .box-btn .btn-pink{ padding: 15px 26.5%; display: inline-block; }
 .txt{text-align: justify;}
.txt h1{color: #0d296f; }
.dt-img{ margin-top: 20px; border-radius: 10px;}


/*Trabalhe conosco*/
.span5.container-right img{margin-bottom: 5%;}
        
    @media all and (max-width: 1024px){

        /*Bunner*/
        .row{margin-top: 3%;}

        .ver-mais{left: 45%; top: 90%; background-size: cover;}
        .box-btn .btn-pink{ padding: 15px 26%; }

        /*footer*/
        
        .info-solucao p{ font-size: 0.8em;}
        .span5 .span2{margin-left: 1px;}
        .container .row .span3{margin-left: 1px; width: 155px; margin-top: 9%;}
        .icon-android,
        .icon-ios{margin-right: 10%;}


        /*Voltar*/
        .container.btn-vlt{padding-top: 5%; padding-bottom: 5%;}
    }



    @media all and (max-width: 979px){
        .ver-mais{left: 42%; top: 90%; background-size: cover;}
        .solucao{ float: left; max-width: 46%;}
        .info-solucao{top: 7%}
        .container form input[type="submit"]{width: 100%;}
        .container.inst .span6{margin-right: 2%;}


        /*footer*/
        footer .span5.tip{width: 45%; float: left;}
        footer .span5{width: 37%; float: right;}
        footer .span5 .span1{width: 35%; margin-left: 1px;}
        .container .row .span3{float: right; width: 20%; margin-top: 3%;}
        /*header*/

        /*Bunner*/
        .row{margin-top: 3%;}
        


        /*Menu*/
        .nav li:hover ul{position: relative; text-align: center; padding: 0 5%;}
        .nav li:hover ul li a{font-size: 0.9em}

        .v-mais{top: 65%;}

    }



   /* @media all and (max-width: 800px){
    .ver-mais{left: 42%; top: 90%; background-size: cover;}
    }
    @media all and (max-width: 490px){
    .ver-mais{left: 45%; top: 95%; background-size: cover;}
    }
    @media all and (max-width: 360px){
    .ver-mais{left: 40%; top: 95%; background-size: cover;} 
    } */




    @media all and (max-width: 640px){
        h2{ font-size: 1.5em;} 


        /*Contato*/
        .end-contato{display: none;}
        footer .span5{width: 45%;}
        footer .span5.tip{width: 50%;}
        .container .row .span3{width: 30%;}
        .span5.container-right iframe{ display: none;}
        
        /*Home*/
        .ver-mais{width: 65px; height: 65px; padding-top: 5px; top: 97%; left: 45%}
        .landing-wide{margin: 0; padding: 50px 0; }

        /*Bunner*/
        .row{margin-top: 3%;}  


        /*Menu*/
        .nav li:hover ul{position: relative; text-align: center; padding: 0 5%;}
        .nav li:hover ul li a{font-size: 0.9em}
    
        /*Titulo PGs*/
        .hero-unit.landing .title{margin-top: 5%}


        /*Solução*/
        .info-solucao{top: 60; font-size: 1.5em;}
        .info-solucao p{ display: none;}

        /*Trabalhe conosco*/
        .span5.container-right img{ display: none;} 

        /*Contato*/
        .icon-ios{margin-top: -9px;}
        .row .span5 #dp{margin-bottom: 8%;}
        .row .span5 .span1 p{margin-top: 5%;}
        .row .span5 .span2{float: right; width: 50%; margin-top: -13%;}
        .container .row .span3{margin-top: 6%;}


        /*Contato home*/
        .container.info-contato h3{ font-size: 1.3em; padding-bottom: 5%;}        
        .span2.parceiros-box#raff{ margin-top: 13px;}
        .span2.parceiros-box#lat{ margin-top: -96px;}
        .span2.parceiros-box#luiz{ margin-top: 20px;}
        .span2.parceiros-box#dij{margin-top: -46px;}

        .borda-home-contato{border: 1px solid #DDD}

    }
    @media all and (max-width: 330px){
        p{font-size: 0.8em; margin: 1% 0;}
        h2{font-size: 1.7em; margin: 2% 0;}
        img{max-width: 75%; float: left;}

        /*Title*/
        .hero-unit.landing p{margin-left: -5%;}
        .hero-unit.landing .title{font-size: 1.4em; padding-top: 10%; padding-bottom: 2%;}
        
        /* */
        .st{margin: 1.2% 2%; float: none; }


        /*Bunner*/
        .row{margin-top: 5%;}      
        .container .navbar.brand{width: 85%; margin: 0;}
        .navbar-inner{padding-left: none; padding-right: none;}
        .ver-mais{left: 40%; top: 95%; background-size: cover;} 
    
        .bunner-box .btn-bunner{font-size: 0.6em;}
        .hero-unit.landing .iphone-hand{margin-right: -32%; margin-top: -25%;}
        
        .row.landing-tips .span4 img{float: none;}


        /*Veja Mais*/
        .ver-mais{ width: 50px; height: 50px; font-size: 0.7em; padding-top: 4%; left: 43%; top: 97%;}



        .landing-wide{margin: 0; padding: 65px 0;}

        .bunner-box{margin-top: -21%;}
        .bunner-box .btn-bunner{margin-left: -5%;}
        .span7.iphone-hand img{max-width: 65%;}


        /*Parceiros home*/
        .list.landing-tips .span2.parceiros-box{border-right: none; margin-bottom: 0; float: left; width: 50%;}
        .list.landing-tips .span2.parceiros-box img{margin-top: 0;}

        .wide-newsletter.gray.opacity-none.animated.flipInX{margin-top: 5%;}
        .wide-newsletter.gray{ margin: 0;}

        /*Contato home*/
        .container.info-contato h3{ font-size: 1.3em; padding-bottom: 5%;}        
        .span2.parceiros-box#raff{ margin-top: 13px;}
        .span2.parceiros-box#lat{ margin-top: -96px;}
        .span2.parceiros-box#luiz{ margin-top: 20px;}
        .span2.parceiros-box#dij{margin-top: -46px;}

        .borda-home-contato{border: 1px solid #DDD}
        /*Voltar*/
        .icon-vlt{margin-top: 3%;}
        .container.btn-vlt a{margin: 0 35%}


        /*Institucional*/
        .span5.valores{float: left; width: 50%; margin: 0;}


        /*Rodape*/
        footer .span5{width: 45%; float: right; text-align: center;}
        footer .span5.tip{width: 55%; float: left; text-align: left;}
        footer .span5 p{ font-size: 0.8em; margin: 0;}
        footer .span5 h4{ font-size: 1.1em; margin: 0;}
        .icon-ios{float: none; margin-left: 9%; margin-bottom: 8%;}
        .icon-android{float: none; margin-right: 0;}
        footer .span5 .span1{width: 45%; float: left; text-align: center;}
        footer .span5 .span2{width: 50%; float: left; text-align: center;}
        .container .row .span3{width: 100%; font-size: 0.8em; margin-top: 0;}
        footer .row{margin-top: 0;}

        /*Solução*/
        .solucao img{ max-width: 100%;}
        .info-solucao h2{ font-size: 1.3em; text-align: center;}
        .info-solucao p{ display: none;}

        /*Contato*/
        .end-contato{display: none;}
        .span5.container-right iframe{ display: none;}

        /*Menu*/
        .nav li:hover ul{position: relative; text-align: center; padding: 0 5%; }
        .nav li:hover ul li a{font-size: 0.9em}

        /*Trabalhe conosco*/
        .span5.container-right img{ display: none;}
    }


        /*Validação*/

        /* Form Structure */ 
        .formee {  }
        .formee .row .col { margin-top:1em; margin-bottom:1em; }
        .formee fieldset { border:none; position:relative; }
        .formee legend { padding:0.5em 0 1.2em; }


        /* input without label */ 
        .formee-no-lbl input, .formee-no-lbl label, .formee-no-lbl span, .formee-no-lbl ul, .formee-no-lbl p {position:absolute;bottom:0;}

        /* multiple containers inside field-grid */ 
        .formee .left {clear:none; float:left !important; margin-right:0.3em !important; }
        .formee .right {clear:none; float:right !important; margin-left:0.3em !important; }

        /* form elements  */ 
        .formee-lbl, 
        .formee label { display:block; height:auto; margin:0.2em 0 0.5em; }
        .formee .formee-txt,
        .formee input, 
        .formee textarea, 
        .formee select,
        .heapBox .holder{ vertical-align:middle; height:60px; width:100%; padding:15px; border-style:solid; border-width:1px; @include box-sizing; /*ie7*/ *width:99%; }

        .formee input[type="radio"],
        .formee input[type="checkbox"] { width:auto; padding:0; }


        .formee textarea { height:auto; }
        .formee select { padding:15px 10px; height:60px; }
        .formee-list .formee-lbl, .formee-list label {display:inline; height:auto; margin:0.5em 0 0.8em 2px; }
        .formee-req {position:relative; top:3px; }
        .formee-msg-info, .formee-msg-warning, .formee-msg-error, .formee-msg-success {padding:20px 20px 15px 38px; border:1px solid #ccc; display:block; height:auto; margin:0 1.5% 0.8em; clear:both; }
        .formee-msg-info li, .formee-msg-warning li, .formee-msg-error li, .formee-msg-success li {list-style:none; padding:0; margin-bottom:.4%; font-size:1.4em; line-height:1.1em; vertical-align:top; }

        /* form button  */ 
        .formee-button, 
        .formee input[type="submit"], 
        .formee input[type="button"], 
        .formee input[type="reset"] { padding:8px 20px 9px; cursor:pointer; text-align:center; display:inline-block; border:none; }
        .formee .button-full { width:100%; padding-left:0; padding-right:0; text-align:center; }

        /* lista de chk e rdo */ 
        .formee-list {height:100%; list-style:none; padding:0; margin:0; }
        .formee-list li, .formee-list li {margin:0.5em 0.6em 0.8em; float:left; display:inline-block; list-style:none; }
        .formee-list input {margin-right:0.2em}

        /* input size */ 
        .formee-small {width:30% !important; float:left; margin-right:10px; display:inline; /*ie7*/ *width:25% !important; }
        .formee-medium {width:50% !important; float:left; margin-right:10px; display:inline; /*ie7*/ *width:45% !important; }



        /******************************************************************** Project:Formee - http://www.formeeee.org Last Updated:Version:3.1 Authors:Bernard De Luna - http://www.bernarddeluna.com Daniel Araujo - http://www.dnlaraujo.com.br Marcello Manso - http://www.marcellomanso.com.br ******************************************************************** Style ********************************************************************/ 
        .formee fieldset {  }

        /* hover effect */
        .field-button:hover { background:transparent;}


        /* Form legend and titles */ 
        .formee legend, 
        .formee .legend { font-size:1.1em; line-height:1.4em; }
        .formee .align-left { text-align:left; }
        .formee .small { font-size:1.5em; }

        /* form elements  */ 
        .formee-lbl, .formee label { color:#2b2b2b; font-size:1.1em; line-height:1.2em; vertical-align:middle; }
        .formee .no-label { margin-top:31px; }
        .formee-req { font-weight:bold; font-style:normal; color:#d10000; font-size:1.2em; }
        .formee .formee-txt, 
        .formee input, 
        .formee textarea, 
        .formee select,
        .heapBox .holder { border-color:#d1d1d3; background:#fff; color:#898989; font-size:1.05em; }
        .heapBox .holder {  }

        .formee .formee-txt:hover, 
        .formee input:hover, 
        .formee textarea:hover, 
        .formee select:hover { color:#555; background:#f9f9f9 none; border-color:#999; }

        form .formee-txt:focus, 
        form.validate input:focus, 
        form.validate textarea:focus, 
        form.validate select:focus  { color:palette(dark); border-color:palette(dark) !important; outline:0; }

        form.validate input.error,
        form.validate select.error,
        form.validate textarea.error { border-color:palette(alert, error); @include placeholder(){ color:lighten(palette(alert, error), 6) }; }

        form.formee label.error { display:none !important; }



        /* form buttons */ 
        .formee-button, 
        .btn-submit,
        .formee input[type="submit"], 
        .formee input[type="button"], 
        .formee input[type="reset"] { font-family:$fontBold; font-size:1.3em; line-height:2em; letter-spacing:0.05em; color:palette(white); background-color:palette(blue); border:none; padding:0.8em 1em; }


        a.formee-button:hover, 
        .formee-button:hover,
        .btn-submit:hover,
        .btn-submit:focus,
        .formee input[type="submit"]:hover, 
        .formee input[type="button"]:hover, 
        .formee input[type="reset"]:hover { background-color:palette(green); color:palette(white); @include transition; }




        .validate label.error { display: none !important; visibility: hidden; }


        /* form msg status  */ 
        .formee-msg { color:#fff; display:none; visibility:hidden; background:palette(grey) no-repeat 10px 50%; @include border-radius(4px); @include transition; text-align:center; margin-bottom:1em; position:relative; z-index:1; width: auto; margin-top: 10px; }
        .formee-msg.show { padding:10px; display:block; visibility:visible; }
        .formee-msg h3 { font-size:1.2em; line-height:1.1em; letter-spacing:-.02em; padding:0; margin:0; }
        .formee-msg .icon { font-size:22px; color:palette(white); display:inline-block; vertical-align:middle; }
        .formee-msg .icon::before { vertical-align:middle; }
        .formee-msg .closed { width:24px; height:24px; line-height:28px; position:absolute; top:50%; right:4px; margin-top:-12px; border:none; background-color:rgba(palette(white), 0.5); color:palette(dark); font-size:1.4em; @include border-radius($radius); padding:0; }



        $validStatus: (info:palette(alert,info), warning:palette(alert,warning), error:palette(alert,error), success:palette(alert,success));
        @each $key, $value in $validStatus {

            .formee-msg.#{$key} { background-color:$value; }
            .formee-msg.#{$key} strong, 
            .formee-msg.#{$key} a { color:darken($value, 20); }

        }

        .formee-msg.warning .message { color:darken(palette(alert,warning), 30); }





        @media all and (max-width:780px){

            .formee .grid-6-12 { @include stack; }

            .formee .formee-txt,
            .formee input, 
            .formee textarea, 
            .formee select,
            .heapBox .holder { padding:12px 8px; }

        }






/*Paginação*/
     #paginator_pages li{display: inline-block; l}
.pagination {
    margin-top: 50px;
    list-style: none !important;
    text-align: center;
}
.pagination li {
    margin: 5px;
    display: inline-block !important;
    text-align: center;
}
/*
.pagination li a {
    background: #f5f5f5;
    color: #b7b7b7;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    padding: 2px 5px;
    transition: all 0.3s linear;
} */
.active{
    background: #003397;
    border-radius: 100%;
    color: #FFFFFF !important;   
    width: 22px;
    height: 22px;
    padding: 2px 5px;
    position: a

}

.img-detalhe{ float: left; margin-right: 5%; margin-bottom: 5px; text-align: center;}




/*home clientes*/
.clientes .row.landing-tips{ margin-top: 5%; margin-bottom: 5%;}


.span4.tip.pg-cliente{ margin: 10px; border-right: none;}