/* Resets */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, em, img, ol, ul, li, figure, fieldset, form, label, legend, input, select, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
html, body { height: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
ul { list-style:none; }
img { border:none; }


/* box-sizing */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* clear float */
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }


/* Youtube */
.video-container {
    position: relative;
    padding-bottom: 75%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Cross Definitions */
body { font-size: 62.5%; line-height: 1.5; font-family: Tahoma, Verdana, sans-serif; color: #555; background: #f5af22; }

h1 { font-size: 2.0em; color: #f4ac35; }
h2 { font-size: 1.6em; }

.color1 { color: #f4ac35; }

a { color: #d51f27; }
a:hover { text-decoration: none; }

img,
picture,
video,
embed { max-width: 100%; }

.fotoLeft { margin: 1.5em 1.5em 1.0em 0; float: left; }
.shadow1 { margin-right: 20px; margin-bottom: 25px; box-shadow: 10px 10px 10px 2px rgba(80, 80, 80, 0.65); -moz-box-shadow: 10px 10px 10px 2px rgba(80, 80, 80, 0.65); -webkit-box-shadow: 10px 10px 10px 2px rgba(80, 80, 80, 0.65); }
.bullet1 { padding-left: 18px; background: url('../img/bullet1.png') no-repeat 0 3px; }
.oldBrowser { margin: 0; padding: 5px; font-size: 14px; text-align: center; background: #fff; border: 2px solid #000; background: #FDF2AB; }


/* Structure */
.main { 
    max-width: 1024px;
    min-height: 100%;
    margin: 0 auto;
    padding: 7.0em 2.0em 1.0em 2.0em;
    background-color: #fff;
    position: relative;
}

/*** Header ***/
.header { 
    width: 100%;
    text-align: center;
}

.boxMenu {
    width:100%;
    float:left;
    position: relative;
}

.menu {
    max-width: 92.27642276422764%;  /* 908px / 984px */
    margin: 0 30px 0 44px;
}

.menu li {
    width: 25%; /* 227px / 908px */
    display: inline-block;
    white-space: nowrap;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

.menu li:first-child {
    display: none;
}

.menu a {
    height: 28px;
    line-height: 28px;
    display: block;
    color: #000;
    font-size: 1.2em;
    text-decoration: none;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cdd1d6 49%, #cdd1d6 50%, #c2c6cb 50%, #c0c0c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(49%,#cdd1d6), color-stop(50%,#cdd1d6), color-stop(50%,#c2c6cb), color-stop(100%,#c0c0c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cdd1d6 49%,#cdd1d6 50%,#c2c6cb 50%,#c0c0c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#cdd1d6 49%,#cdd1d6 50%,#c2c6cb 50%,#c0c0c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cdd1d6 49%,#cdd1d6 50%,#c2c6cb 50%,#c0c0c1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cdd1d6 49%,#cdd1d6 50%,#c2c6cb 50%,#c0c0c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c0c0c1',GradientType=0 ); /* IE6-9 */

}

.menu .on {
    background: #f7b95b; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7b95b 0%, #f7b95b 49%, #cdd1d6 50%, #f5ac34 50%, #f5ac34 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7b95b), color-stop(49%,#f7b95b), color-stop(50%,#cdd1d6), color-stop(50%,#f5ac34), color-stop(100%,#f5ac34)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7b95b 0%,#f7b95b 49%,#cdd1d6 50%,#f5ac34 50%,#f5ac34 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7b95b 0%,#f7b95b 49%,#cdd1d6 50%,#f5ac34 50%,#f5ac34 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7b95b 0%,#f7b95b 49%,#cdd1d6 50%,#f5ac34 50%,#f5ac34 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7b95b 0%,#f7b95b 49%,#cdd1d6 50%,#f5ac34 50%,#f5ac34 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b95b', endColorstr='#f5ac34',GradientType=0 ); /* IE6-9 */
}

.btnMenu {
    width: 40px;
    height: 29px;
    background: url('../img/ico_menu.png') no-repeat;
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 100;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btnHome {
    width: 44px;
    height: 30px;
    position: absolute;
    top:0;
    left:0;
    border: 1px solid #cacaca;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btnSocial {
    width: 30px;
    height: 30px;
    position: absolute;
    top:0;
    right:2px;
    border: 1px solid #cacaca;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btnMenu { display: none; }

.boxLogo { 
    max-width: 38.10096153846154%;  /* 317px / 832px */
    margin-top: 2.0em;
    float:left;
}

.boxTitle {
    margin-top: 4.0em;
    display: inline-block;
}

.boxTitle h1 {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 4.0em;
    line-height: 1.2em;
    color: #636466;
    font-weight: 500;
}

.boxTitle .txt1 {
    margin-right: 3.5em;
    color: #d62027;
 }

.boxTitle .txt1 strong {
    color: #666;
    font-size: 1.3em;
    font-weight: 500;
 }

.boxTitle .txt2 {
    color: #666;
 }

.boxTitle .txt2 strong {
    color: #f4ac35;
    font-weight: 500;
 }


/*** Content ***/
.content {
    margin-top: 1.5em;
    padding: 1.5em;
    position: relative;
}

.boxContent {
    margin: 1.0em; 
    padding: 2.0em;
    background-color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.boxContent p,
.boxContent li {
    font-size: 1.4em;
}

.boxContent ul {
    margin: 1.5em 0 1.5em 3.0em;
    list-style: disc;
}

.homeWords {
    width: 300px;
    height: 250px;
    margin-right: 14px; 
    padding: 2.0em;
    position: absolute;
}

.homeWords h2 {
    margin: 0;
    padding: 0;
    color: #F4AC35;
    font-size: 19px;
    font-weight: bold;
}

.homeWords ul {
    margin-top: 5px;
    padding: 0;
}

.homeWords ul li {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 19px;
    line-height: 2.1em;
}

.homeWords strong {
    font-size: 24px;
}

.homeBanner {
    max-width: 67.08595387840671%; /* 640px / 954px */
    height: 250px;
    margin-left: 314px;
    position: relative;
}
.homeBanner .bannerBox { width: 100%; height: 250px; }
.homeBanner .boxTxt { width: 240px; padding: 1.0em 1.5em; position: absolute; bottom: 20px; left: 20px; background: rgba(0,0,0,0.6); color: #fff; }
.homeBanner .boxTxt h3 { font-size: 1.2em; }
.homeBanner .boxTxt p { margin: 0; font-size: 1.2em; }
.homeBanner .slide1 { background: url('../img/home_forca-vendas.jpg') no-repeat top left; border: 9px solid #fff; }
.homeBanner .slide2 { background: url('../img/home_integracao.jpg') no-repeat bottom center; border: 9px solid #fff; }
.homeBanner .slide3 { background: url('../img/home_reunioes-virtuais.jpg') no-repeat center right; background-size: contain; background-color: #061220; }
.homeBanner .slide4 { background: url('../img/home_solucoes-digitais.jpg') no-repeat top left; background-size: contain; background-color: #333; }

.square1 {
    width: 50px;
    height: 50px;
    margin-top: 18px;
    background-color: #b7242b;
    float: left;
}

.homeTexto {
    /* 345px / 852px */
    width: 45.0070323488045%;
    padding: 0 10px;
    font-size: 1.4em;
    float: left;
}

.homeSaiba {
    width: 390px; /* 340px / 852px */
    margin-top: 18px;
    padding: 10px 20px;
    float: right;
    font-size: 1.6em;
    background-color: #dbdada;
}

.homeSaiba h2 {
    margin-bottom: 0.5em;
    padding: 0;
    color: #cc3333;
    font-size: 1.2em;
    font-weight: bold;
}

.homeSaiba ul li {
    margin-left: 20px;
    list-style: url('../img/bullet1.png');
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.box1 {
    background-color: #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.box2, .bx-viewport {
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.hoverShadow1:hover {
    -webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5);
}

ul.listaJogos { margin: 3.0em 0; padding: 0; list-style: none; }
ul.listaJogos li { width: 30.87248322147651%;/* 276px/894px */ padding-bottom: 2.0em; float: left; }
ul.listaJogos li:nth-child(3n+2) { margin: 0 3.69127516778523%; /* 33px/894px */ }
ul.listaJogos li a { text-decoration: none; }
ul.listaJogos figure { position: relative; }
ul.listaJogos figure img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
ul.listaJogos .txt { width: 100%; padding: 5px 10px; background: rgba(0,0,0,0.7); position: absolute; top: 9px; left: 0; color: #fff; font-size: 0.9em; line-height: 1.2em; }

/* Saiba Mais */
.boxVideo1 { width:46.97986577181208%;/* 420px/894px */ margin-top: 15px; margin-right: 35px; float:left; }


/* Clientes e depoimentos */
ul.listaClientes { margin: 1.0em 0 2.0em 0; padding: 0; list-style: none; }
ul.listaClientes li { width: 15.1006711409396%;/* 135px/894px */ margin-right: 1.78970917225951%;/* 16px/894px */ margin-bottom: 15px; float: left; }
ul.listaClientes li:nth-child(6n+6) { margin-right: 0; }
ul.listaClientes figure img { border: 1px solid #dbdcdd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/*** Footer ***/
.footer {
    margin: auto;
}

.footer p {
    margin: 0;
    padding: 5px 0 0 0;
    color: #000;
    font-size: 1.0em;
    text-align: center;
    background: url('../img/line1.png') no-repeat top center;
}

.boxContato .telefone {
    width: 155px;
    margin-right: 0.7em;
    padding-left: 8px;
    line-height: 1.3em;
    font-size: 1.1em;
    border-left: 29px solid #b7242b;
    position: absolute;
    top: 20px;
    right: 55px;
}

.boxContato .telefone span {
    font-size: 1.2em;
}

.boxContato .telefone a,
.boxContato .social a {
    color: #555;
}

.boxContato .social {
    display: none;
}


/* Erro 404 */
.erro404 { background: transparent; }
.erro404 .content { width: 74.88986784140969%; /* 680/908 */ margin: 0 auto; padding: 0; position: relative; color: #000; }
.erro404 .content img { margin: 5% 0; }
.erro404 .content h2 { font-size: 3.3em; text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.7); }
.erro404 .content p { font-size: 1.8em; }
.erro404 .footer { margin-top:50px; }

/* Necessidades Atendidas */
ul.boxNecessidade { margin: 3.0em 0; padding: 0; list-style: none; }
ul.boxNecessidade li { width: 31.43176733780761%; /* 281px/894px */ float: left; }
ul.boxNecessidade li:nth-child(2) { margin:0 2.23713646532438%; /* 20px/894px */ }
ul.boxNecessidade p { margin: 10px 0 0 0; font-size: 0.9em; line-height: 1.3em; }
ul.boxNecessidade a {
    min-height: 220px;
    padding: 12px;
    color: #555; 
    text-decoration: none;
    display: block;
    background: -moz-linear-gradient(45deg,  rgba(234,234,234,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.boxNecessidade h2 { font-size: 0.8em; color: #b7242b; text-decoration: underline; }








/* -----Media Queries----- */

@media screen and (min-width: 1024px) {

body { background: #000 url('../img/bg.png') repeat-y fixed top center; }

/*** Content ***/
.boxContent { min-height: 500px; }

}






@media screen and (max-width: 900px) {

/*** Header ***/
.boxTitle h1 { font-size: 3.3em; }

/*** Content ***/
.square1 { display: none; }

.homeTexto { width: 345px; }
.homeSaiba { width: 340px; }


/*** Footer ***/

}






@media screen and (max-width: 768px) {

/*** Header ***/
.boxTitle h1 { font-size: 2.9em; }
.menu li:nth-child(2) { width: 14%; }
.menu li:nth-child(3) { width: 24%; }
.menu li:nth-child(4) { width: 31%; }
.menu li:nth-child(5) { width: 31%; }

/*** Content ***/
.homeWords {
    width: 250px;
    padding: 1.5em;
}

.homeBanner {
    margin-left: 264px;
}

.homeWords ul li {
    font-size: 18px;
    line-height: 2.5em;
}

.homeWords strong {
    font-size: 21px;
}

.homeTexto {
    width: 45.0070323488045%; /* 320px / 711px */
}

.homeSaiba {
    width: 320px;
    float: right;
}

/* Necessidades Atendidas */
ul.boxNecessidade li { width: 100%; margin: 0 0 15px 0 !important; }
ul.boxNecessidade li a { min-height: initial; }

/* Saiba Mais */
.boxVideo1 { width:100%; margin-right: 0; float:inherit; }


/*** Footer ***/

}






@media screen and (max-width: 690px) {

/*** Header ***/
.boxTitle h1 { font-size: 2.5em; }


/*** Content ***/
.homeWords {
    display: none;
}

.homeTexto {
    width: 100%;
}
.homeBanner {
    max-width: 100%;
    margin: 0;
}
.homeSaiba {
    width: 100%;
    float: left;
}

ul.listaJogos li { width: 48.61878453038674%;/* 264px/543px */ }
ul.listaJogos li:nth-child(3n+2) { margin: 0; }
ul.listaJogos li:nth-child(odd) { margin-right: 2.76243093922652%;/* 15px/543px */ }

/* Clientes e depoimentos */
ul.listaClientes li { width: 22.83609576427256%;/* 124px/543px */ margin-right: 2.76243093922652%;/* 15px/543px */ margin-bottom: 15px; float: left; }
ul.listaClientes li:nth-child(6n+6) { margin-right: 2.76243093922652%;/* 15px/543px */ }
ul.listaClientes li:nth-child(4n+4) { margin-right: 0; }

/*** Footer ***/

}






@media screen and (max-width: 600px) {

.main { padding-top: 0; }

/*** Header ***/
.boxMenu {
    text-align: right;
}

.menu {
    max-width: 100%;
    margin: 0;
    display: none;
}

.menu li {
    width: 100% !important;
    border-top: none;
    border-right: none;
}

.menu li:first-child {
    display: inline-block;
}

.menu a { 
    padding-right: 4.0em;
}

.btnSocial, .btnHome {
    display: none;
}

.btnMenu {
    display: block;
}

.boxTitle h1 { font-size: 2.0em; }

/*** Content ***/

/*** Footer ***/
.boxContato {
    width: 300px;
    margin: 20px auto 40px;
}

.boxContato .telefone {
    width: 160px;
    margin-right: 2.2em;
    font-size: 1.0em;
    position:static;
    display: inline-block;
}

.boxContato .social {
    width: 110px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.3em;
}

.boxContato .social img {
    margin-right: 8px;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


}







/* Mobile */
@media screen and (max-width: 480px) {

.main { padding: 0; }

/*** Header ***/
.boxLogo { 
    max-width: 42.70833333333333%;  /* 200px / 480px */
    margin-left: 15px;
}

.boxTitle {
    margin-top: 4.0em;
}
.boxTitle h1 { 
    font-size: 1.5em;
}

/*** Content ***/
.content {
    margin-top: 0px;
    padding: 10px 15px 0;
    background: none;    
}

.boxContent { 
    margin: 0;
    padding: 0 0 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.homeBanner {
    height: 205px;
}
.homeBanner .bannerBox { height: 205px; }
.homeBanner .boxTxt { width: 230px; padding: 1.0em 1.2em; bottom: 9px; left: 9px; }
.homeBanner .boxTxt h3 { font-size: 1.1em; }
.homeBanner .boxTxt p { margin: 0; font-size: 1.1em; }
.bx-pager { display: none; }



.homeTexto {
    width: 100%; 
    border-top: 1px solid #F4AC36;
    margin-top: 15px;
    font-size: 1.2em;

}

.homeSaiba {
    width: 100%;
    margin: 0;
    padding: 15px 0 10px 0 !important;
    border-top: 1px solid #F4AC36;
    border-bottom: 1px solid #F4AC36;
    padding: 0;
    background-color: #fff;
    font-size: 1.3em;
    line-height: 1.2em;
}
.homeSaiba h2 {
    padding-bottom: 0.5em;
    color: #F4AC36;
}
.homeSaiba ul li {
    width: 40%;
    padding-bottom: 0.8em;
    float: left;
}
.homeSaiba ul li:nth-child(odd) {
    margin-right: 6%;
}

ul.listaJogos { text-align: center; }
ul.listaJogos li { width: 270px; margin: 0 auto; display: inline-block; float: none; padding-bottom: 15px; }


/* Erro 404 */
.erro404 .content { width: 90%; }
.erro404 .content h2 { font-size: 2.4em; }
.erro404 .content p { font-size: 1.4em; }
.erro404 .footer { margin-top:50px; }

}






@media screen and (max-width: 390px) {

/*** Header ***/
.boxTitle h1 { font-size: 1.1em; }

/*** Content ***/

/*** Footer ***/

}