@charset "utf-8";
/* CSS Document */

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

html, body{
    height:100%;
}

body{
    margin:0;
    padding:0;
    font-family: 'Raleway', sans-serif;
}
#tudo{
    width:100%;
    position:relative;
    min-height:100%;
}
* html #tudo{
    height:100%;
}




/*------Defult-----*/
:focus{
    outline:none;
}
a{
    text-decoration:none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
a:hover{
    text-decoration:none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
p, ul li{line-height: 26px;}
h3{line-height: 33px;}
h4{line-height: 23px;}

input, textarea, select{
    padding: 15px;
    background: white;
    border: 1px solid #eee;
    width: 100%
}
input[type="file"]{
    padding: 10px 0;
    background: none;
    border: none;
}
textarea{resize: none; height: 155px;}
ul{list-style: none;}
ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    margin-right: 3px;
}
/*-----Fim Defult-----*/





/*-----Header-----*/
header *{
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
header{
    width:100%;
    background-color:#FFF;
}
header .logo{width: 160px;}
header .fixed-menu .logo{width: 120px;}

header .navbar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    padding: 10px 0;
    box-shadow: grey 0px 0px 10px;
    -moz-box-shadow: grey 0px 0px 10px;
    -webkit-box-shadow: grey 0px 0px 10px;
}
header .navbar.fixed-menu{padding: 13px 0 10px}

header .fixed-menu .navbar-nav{margin: 0}
header .navbar-default .navbar-nav>li:before{content: initial}
header .navbar-default .navbar-nav>li>a{
    color: #999999;
    padding: 14px 12px 16px;
    font-size: 13px;
    letter-spacing: 0.5px;
}
header .navbar-default .navbar-nav>li.dropdown>a::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
header .navbar-default.fixed-menu .navbar-nav>li>a{padding: 14px 10px 16px}

header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:hover, header .navbar-default .navbar-nav>.active>a:focus{
    color: #95BDE2;
    font-weight: 700;
}
header .navbar-default .navbar-nav>li>a:hover{color: #95BDE2;}

@media all and (min-width:768px){
    .dropdown:hover .dropdown-menu{
        display: block;    
    }
}
.dropdown .dropdown-menu{padding: 0 0 10px;background: #88afd4;}
.dropdown .dropdown-menu li::before{content: initial; padding: 0; margin: 0}
.dropdown .dropdown-menu li a{
    padding: 15px 15px 10px;
    font-size: 12px;
    margin: 0;
    color: #fff
}
.dropdown .dropdown-menu li a:hover{
    background: #739abf;
    color: #fff
}

header .navbar-default .navbar-nav>li>a.button-navbar{
    color: white;
    cursor: pointer;
    border-color: 1px solid white;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: 15px;
    background-color: #88AFD4;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    padding: 15px 20px;
}
header .navbar-default.fixed-menu .navbar-nav>li>a.button-navbar{font-size: 10px; padding: 11px 14px; margin-top: 3px;}
header .navbar-default .navbar-nav>li>a.button-navbar:hover{background-color: #95BDE1;}



header .slide{height: 500px; position: relative;}
header .slide .inner{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #00000069;
    background-image: url(../img/grid.png);
}
header .slide .inner .carousel-pilares{
    position: absolute;
    width: 100%;
    top: 44%;
    text-align: center;
    padding: 0;
}
header .slide .inner .carousel-pilares h2, header .slide .inner .carousel-pilares h3{
    color: white;
    text-shadow: 0px 2px 8px rgba(0,0,0,.2);
}
header .slide .inner .carousel-pilares h2{
    font-size: 45px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 44px;
}
header .slide .inner .carousel-pilares h3{
    margin: 0;
    padding: 0;
    font-size: 21px;
    text-transform: uppercase;
}
header .slide .know-more{
    position: absolute;
    bottom: 60px;
    width: 50px;
    height: 50px;
    color: white;
    left: 50%;
    margin-left: -25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    font-weight: 700;
    border: 2px solid white;
    border-radius: 35px;
    font-size: 26px
}
header .slide .know-more i{
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    line-height: 47px;
}

header .slide .know-more:hover{background:#fff; color: #88AFD4}

header .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
header .carousel-fade .carousel-inner .active {
  opacity: 1;
}
header .carousel-fade .carousel-inner .active.left,
header .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
header .carousel-fade .carousel-inner .next.left,
header .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
header .carousel-fade .carousel-control {
  z-index: 2;
}
header .carousel,
header .carousel-inner,
header .carousel-inner .item {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
header .item:nth-child(1) {background-image: url(../img/slide/slide-1.jpg);}
header .item:nth-child(2) {background-image: url(../img/slide/slide-2.jpg);}
header .item:nth-child(3) {background-image: url(../img/slide/slide-3.jpg);}
/*-----Fim Header-----*/





/*-----Conteúdo-----*/
#conteudo{padding-bottom:320px;}

#conteudo>section{padding: 80px 0; position: relative; overflow: hidden;}

#conteudo>section h2.title-section{
    margin: 0 auto 50px;
    text-transform: uppercase;
    font-size: 31px;
    letter-spacing: 1px;
    max-width: 500px;
    line-height: 36px;
    font-weight: 300;
}
#conteudo>section h2.title-section.left{margin: 0 0 30px; text-align: left;}
#conteudo>section h4.title-section{
    margin: 0 auto 50px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 30px
}
#conteudo>section.bg-gray{background-color: #f3f3f3}


#conteudo>section#intro{background: #6C6D71; padding: 43px 0}
#conteudo>section#intro h1{
    color: #D9D9DA;
    font-size: 19px;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    padding: 0 7%;
    margin: 0;
    letter-spacing: 1px;
}

#conteudo>section#pilares{text-align: center;}
#conteudo>section#pilares h4{font-weight: 700; text-transform: uppercase; letter-spacing: 1px}
#conteudo>section#pilares .pilares{
    width: 130px;
    height: 130px;
    margin: 0 auto 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
#conteudo>section#pilares .pilares.p1{background-image: url(../img/icons/pilar-icon-1.png);}
#conteudo>section#pilares .pilares.p2{background-image: url(../img/icons/pilar-icon-2.png);}
#conteudo>section#pilares .pilares.p3{background-image: url(../img/icons/pilar-icon-3.png);}

#conteudo>section#question{
    background-image: url(../img/section-question.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position:center; 
    position: relative;
}
#conteudo>section#question .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/grid.png);
}
#conteudo>section#question .marca{
    background-image: url(../img/x-marca-dvmax.png);
    width: 390px;
    height: 182px;
    position: absolute;
    top: 47%;
    right: 15%;
    margin-top: -100px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: .3;
}
#conteudo>section#question{color: white}
#conteudo>section#question h2.title-section{font-weight: 700; margin:0 0 30px}
#conteudo>section#question ul{padding: 0 0 0 20px; margin-bottom: 40px}
#conteudo>section#question ul li{
    letter-spacing: 1px;
    font-size: 16px;
    list-style: none;
}
#conteudo>section#question ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    margin-right: 3px;
}
#conteudo>section#question ul li p{display: inline-block;}

#conteudo>section#main-acting{text-align: center; background: #f3f3f3}
#conteudo>section#main-acting img{width: 100%}
#conteudo>section#main-acting .main-acting-bt{
    display: block;
    border: 1px solid #88AFD4;
    width: 100%;
    margin-bottom: 30px;
    color: #6C6E72;
    font-weight: bold;
    background-color: white;
    padding-left: 45%;
    background-image: url(../img/icons/main-acting-icon.png);
    background-repeat: no-repeat;
}
#conteudo>section#main-acting .main-acting-bt>span{
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 140px;
    text-align: left;
}
#conteudo>section#main-acting .main-acting-bt:hover{background-color: #88AFD4; color: #fff}
#conteudo>section#main-acting .main-acting-bt.bt1{background-position: 0px 18px;}
#conteudo>section#main-acting .main-acting-bt.bt1:hover{background-position: 0px -63px;}
#conteudo>section#main-acting .main-acting-bt.bt2{background-position: 0px -137px;}
#conteudo>section#main-acting .main-acting-bt.bt2:hover{background-position: 0px -210px;}
#conteudo>section#main-acting .main-acting-bt.bt3{background-position: -5px -273px;}
#conteudo>section#main-acting .main-acting-bt.bt3:hover{background-position: -5px -345px;}
#conteudo>section#main-acting .main-acting-bt.bt4{background-position: 0px -428px;}
#conteudo>section#main-acting .main-acting-bt.bt4:hover{background-position: 0px -515px;}
#conteudo>section#main-acting .main-acting-bt.bt5{background-position: 0px -608px;}
#conteudo>section#main-acting .main-acting-bt.bt5:hover{background-position: 0px -687px;}
#conteudo>section#main-acting .main-acting-bt.bt6{background-position: 0px -778px;}
#conteudo>section#main-acting .main-acting-bt.bt6:hover{background-position: 0px -875px;}

#conteudo>section#item-body img{max-width: 100%;}
#conteudo>section#item-body ul{margin-top: 20px}

#conteudo>section#animate-number, #conteudo>section#brands-cump{
    background-image: url(../img/brands-cump.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position:center; 
    position: relative;
}
#conteudo>section#brands-cump{background-position: center 39%; background-attachment: inherit;}
#conteudo>section#animate-number .bg, #conteudo>section#brands-cump .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/grid.png);
}
#conteudo>section#brands-cump h1{
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

#conteudo>section#animate-number{color: #fff; text-align: center;}
#conteudo>section#animate-number ul{padding: 0; list-style: none;}
#conteudo>section#animate-number ul .counter{
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 5px;
    display: block;
}
#conteudo>section#animate-number ul p{text-transform: uppercase; letter-spacing: 1px}

#conteudo>section#brands-cump{padding-top: 123px;padding-bottom: 20px;}
#conteudo>section#brands-cump ul{float: right; padding:0; list-style: none;}
#conteudo>section#brands-cump ul li{float: left; padding: 0 0 0 10px; color: #B1BFCC;}
#conteudo>section#brands-cump ul li:before{content: initial}
#conteudo>section#brands-cump ul li a{color: #B1BFCC;}
#conteudo>section#brands-cump ul li a:hover{color: #fff}


.formulario{
    padding: 20px;
    background: #F3F3F3;
    border-bottom: 1px solid #D6D6D6;
}
.formulario span{font-size: 12px;}

#conteudo>section#advmax{padding-bottom: 0}
#conteudo>section#advmax .bg img{width: 50%; margin: 20px 0 0 60px;}

#conteudo>section#more-about{background-color: #88AFD4;}
#conteudo>section#more-about h2.title-section{font-weight: 700;}
#conteudo>section#more-about *{color: #fff !important}
#conteudo>section#more-about ul{float: left; margin-right: 30px}

#conteudo>section.main-cont h3{margin-top: 0}

#conteudo>section#markets *{text-align: center;}
#conteudo>section#markets .markets-item{width: 100%; margin-bottom: 40px}
#conteudo>section#markets .markets-item>.img{
    width: 90%;
    margin: 0 auto 10px;
    border: 15px solid transparent;
    overflow: hidden;

    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
#conteudo>section#markets .markets-item>.img:hover{
    border-color: #E0E0E0;

    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
#conteudo>section#markets .markets-item>.img>img{width: 100%;}

#conteudo>section#parceiros{background: #88AFD4; padding: 40px 0;}
#conteudo>section#parceiros h2{
    font-size: 21px;
    text-align: center;
    line-height: 32px;
    font-weight: 400;
    padding: 0 15%;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
}

#conteudo>section.parceiros-counter img{
    width: 15%;
    margin: 20px 5px 10px;
    display: inline-flex;
    border: 1px #F1F1F1 solid;
}
#conteudo>section.parceiros-counter ul{margin: 50px 0 0; padding: 0; list-style: none; text-align: center;}
#conteudo>section.parceiros-counter ul .counter{
    font-size: 44px;
    text-align: center;
    font-weight: 700;
    color: #88AFD4;
}
#conteudo>section.parceiros-counter ul li:before{content: initial}
#conteudo>section.parceiros-counter ul p{line-height: 20px; margin: 10px 0 0}

#conteudo section.google-maps{padding:0;}
#conteudo section.google-maps #mapArea{
    height:400px;
    overflow:hidden;
    width:100%;
}
#conteudo section.google-maps #mapArea.scrolloff{pointer-events: none;}

#conteudo section#contact .info-contact{
    background: #40617F;
    padding: 25px;
    color: #DAE9F7;
}
#conteudo section#contact .info-contact h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    color: #fff
}
#conteudo section#contact .info-contact strong {font-size: 20px;}
#conteudo section#contact .login{
    background: #f3f3f3;
    padding: 25px;
}
#conteudo section#contact .login h2{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    margin: 0 0 10px;
}
#conteudo section#contact .login input{margin-bottom: 2px;}
#conteudo section#contact .login input[type="submit"]{margin-top: 10px;}


.icons li{
    list-style: none;
    width: 100px;
    height: 76px;
    background-size: 80% auto;
    background-repeat: no-repeat;
    float: left;
}
.icons li:before{content: initial;}
.icons li.cftv{background-image: url(../img/icons/main-acting-icon.png); background-position: top 20px center;}
.icons li.controle-acesso{background-image: url(../img/icons/main-acting-icon.png); background-position: top -588px center;}
.icons li.alarme{background-image: url(../img/icons/main-acting-icon.png); background-position: top -330px center;}
.icons li.deteccao{background-image: url(../img/icons/main-acting-icon.png); background-position: top -104px center;}
.icons li.customizado{background-image: url(../img/icons/main-acting-icon.png); background-position: top -462px center;}
.icons li.cabeamento-estruturado{background-image: url(../img/icons/main-acting-icon.png); background-position: top -211px center;}
.icons li.dev-gere-pro{background-image: url(../img/icons/main-acting-icon.png); background-position: top -747px center;}
.icons li.for-pro{background-image: url(../img/icons/main-acting-icon.png); background-position: top -889px center;}
.icons li.instalacao{background-image: url(../img/icons/main-acting-icon.png); background-position: top -1051px center;}
.icons li.locacao{background-image: url(../img/icons/main-acting-icon.png); background-position: top -1199px center;}
.icons li.manutencao{background-image: url(../img/icons/main-acting-icon.png); background-position: top -1340px center;}
.icons li.treinamento{background-image: url(../img/icons/main-acting-icon.png); background-position: top -1494px center;}
/*-----Fim Conteúdo-----*/





/*-----Footer-----*/
footer{
    background-color:#406d95;
    width:100%;
    height:320px;
    position:absolute;
    bottom:0;
    color: #8FADC7;
}
footer h3{
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #D7DCE0;
}
footer ul li a{line-height: 26px;}
footer a{color: #8FADC7;}
footer a:hover{color: #D7DCE0;}
footer strong{font-size: 20px;}

footer .logo{width: 150px; margin-top: 50px; margin-bottom: 20px; max-width: 90%}

footer .bottom{position: absolute; bottom: 0; left: 0; width: 100%; margin-top: 40px; background:#40617f;}
footer .bottom p, footer .bottom a{
    padding:0;
    margin:0;
    display:block;
    line-height:60px;
    color:#bdcbd8;
    font-size:12px;
    padding-bottom:3px;
}
footer .bottom a{text-align:right;}
footer .bottom a:hover{color:#93a8bb;}
/*-----Fim Footer-----*/





/*-----Classes Globais-----*/
.clr{
    clear:both;
}
.margin-0{margin:0 !important}
.margintop10{
    margin-top:10px;
}
.margintop20{
    margin-top:20px;
}
.margintop30{
    margin-top:30px !important;
}
.margintop40{
    margin-top:40px;
}

.marginbottom10{
    margin-bottom:10px;
}
.marginbottom20{
    margin-bottom:20px;
}
.marginbottom30{
    margin-bottom:30px !important;
}
.marginbottom40{
    margin-bottom:40px;
}
.width-100{width: 100% !important; max-width: 100% !important}

.col-central{float: none; margin: 0 auto}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.button{
    color: white;
    cursor: pointer;
    border-color: 1px solid white;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #88AFD4;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 20px;
    letter-spacing: 1px;
}
.button:hover{
    background-color: #95BDE1;
    color: #fff;
}

.button.bt-white{
    background-color: transparent;
    border: 2px solid white;
    color: white;
}
.button.bt-white:hover, .button.bt-white:focus{background-color: white; color: #88AFD4}

input.button{display: table; float: right; width: auto}

.bt-center{display: table; margin: 0 auto}

.col-center{
    float: none;
    margin: 0 auto
}

.home-bg{padding: 200px 0 !important;background-position: center;background-size: cover;}
/*-----Fim Classes Globais-----*/