/*
    CSS programado pelo departamento técnico da WB Web - Marketing Digital
    E-mail: atendimento@wbweb.com.br - Site: www.wbweb.com.br
    Em: 06/04/2020
    Cliente: i3 Sistemas
    Site: i3sistemas.com.br
*/

/* Geral  - viewport 1280 x 800 */
@media screen and (max-width: 1280px) {}

/* Geral  - viewport 1260 */
@media screen and (max-width: 1260px) {
    /* Página Quem Somos */
    .pg_quemsomos .fulltext .qs-mvv {margin: 35px 0 0;}
}

/* Geral  - viewport 1220 */
@media screen and (max-width: 1220px) {}

/* Geral  - viewport 1170 */
@media screen and (max-width: 1170px) {
    .pc_banner {padding: 120px 5% 120px;}
    .pc_banner h1 {font-size: 2rem;}
    .pc_banner a {font-size: 1.3rem;width: 300px;}
    .pc_solucoes {padding: 50px 2%;}
    .pc_segmentos {padding: 50px 2% 10px;}
}

/* Geral  - viewport 1150 */
@media screen and (max-width: 1150px) {
    /* Posição 1 */
    #posicao1 .custom_ctt {width: 65%;}
    .moduletable_menu {width: 65%;}
    
    /* Posição */
    #posicao3,#posicao4,#posicao5,
    #posicao6,#posicao7,#posicao8,
    #posicao10,#posicao11 {padding: 50px 0;}
    .moduletable h2 {margin: 0 0 50px;}
    
    #posicao6 .custom {width: 48%;}
    
    /* Blog */
    #posicao7 .cck-w100 .cck-fl,
    .blog.pg_blog .items-row > div {padding: 10px 1%;width: 31%;}
    
    /* posição 11 - Acesso Rápido */
    .moduletable_ctt2 {width: 94%;}
    .moduletable_ctt2::before {margin: 0 auto 30px;width: 90%;}
    .custom_ctt2 {flex-wrap: wrap;}
    .custom_ctt2 .bx-i3 {width: 240px;}
    .custom_ctt2 .bx-ender {width: 310px;}
    .custom_ctt2 .bx-contt {width: 170px;}
    .custom_ctt2 .bx-email {margin: 30px auto 0;}
}

/* Geral  - viewport 1080 */
@media screen and (max-width: 1080px) {
    #posicao1 .custom_ctt {width: 70%;}
    .moduletable_menu {width: 70%;}
    .moduletable_rd-tp {margin-left: 3%;}
    
    /* Posição 3 */
    #posicao3 .custom > div {padding: 10px 1%;width: 31%;}
    
    /* Clientes */
    .cl.item .cl_img a img {width: 100%;}
    #posicao4 .cck-w100 .cck-fl {width: 15%;}
    
    /* Soluções */
    .pg_solucoes .fulltext .solucoes tbody tr:first-child td img {width: 110px;}
    .pg_solucoes .fulltext .solucoes tbody tr:first-child td h2 {font-size: 0.9rem;margin: 0;}
    .pg_solucoes .fulltext .solucoes tbody tr:first-child td strong {font-size: 0.5rem;}
    .pg_solucoes .fulltext .solucoes tbody tr:first-child td a {font-size: 0.7rem;font-weight: 500;padding: 0;width: 100%;}
    .pg_solucoes .fulltext .solucoes tbody tr:not(:first-child) td {padding: 5px;font-size: 0.7rem;}
    .solucoes tbody tr td:first-child, .pg_solucoes .fulltext .solucoes tbody tr td:first-child p {font-size: 0.7rem;}
    .pg_solucoes .fulltext .solucoes tbody tr td:first-child, .pg_solucoes .fulltext .solucoes tbody tr td:first-child p {font-size: 0.7rem;}
    
    /* Páginas Parceiros */
    .pc_bx02 {padding: 53px 2% 24px;}
    .pc_bx02 p {font-size: 1.3rem;}
    .pc_solucoes .custom > p {font-size: 1.3rem;}
    .pc_segmentos p {background-size: 150px;padding: 160px 0 0;width: 275px;font-size: 1.3rem;}
    .pc_modalidade {padding: 50px 2%;}
    .pc_modalidade > div h3 {font-size: 1.5rem;}
    .pc_modalidade > div p {font-size: 1.2rem;margin-bottom: 35px;}
    .pc_modalidade > div ul {margin: 0 0 25px;padding: 0 0 0 5%;font-size: 1.1rem;}
    .pc_modalidade > div .pc_obs {font-size: 0.9rem;}
    .pc_modalidade > div .pc_obs:not(:last-child) {margin-bottom: 10px;}
    .pc_logo p {font-size: 1.3rem;}
}

/* Geral  - viewport 1024 x 768 */
@media screen and (max-width: 1024px) {
    #posicao1 .custom_ctt {font-size: 1rem;}
    
    /* Google - Maps */
    #posicao9 .custom iframe {height: 576px;}
    
    /* Posição 11 - Acesso rápido */
    .moduletable_logo2 {width: 250px;}
    .moduletable_ar {width: 220px;}
}

/* Geral  - viewport 1000 */
@media screen and (max-width: 1000px) {
    /* Acesso Rápido */
    .moduletable_logo2 {width: 100%;margin: 0 auto 15px;border-bottom: 1px solid;padding-bottom: 15px;}
    .custom_logo2 {width: 100%;}
    .moduletable_logo2 figure {width: 153px;margin: 0 auto;}
    .moduletable_logo2::after, .moduletable_ar::after, .moduletable_ns::after {display: none;}
    .moduletable_ar,.moduletable_ns,.moduletable_ac {width: 33%;text-align: center;margin: 0 auto 15px;}
    #posicao11 ul {width: 100%;}
    #posicao11 h2 {text-align: center;}
    #posicao11 ul li {background-image: unset;padding: 0;margin-bottom: 10px;}
    #posicao11 ul li:last-child {margin-bottom: 0;}
    #posicao11 ul li:hover, #posicao11 ul li.current.active {background-image: unset;}
    .moduletable_rd-bt {margin: 10px;width: 70px;}
    .moduletable_ctt2 {margin: 15px auto;width: 100%;}
}

/* Geral  - viewport 960 */
@media screen and (max-width: 960px) {
    #posicao1 .custom_ctt > div,#posicao1 .custom_ctt > a {background-size: 40px;}
    #posicao1 .custom_ctt .area_cliente {padding: 2.5px 0 2.5px 50px;}
    #posicao1 .custom_ctt .ctt_fone {padding: 2.5px 0 2.5px 50px;}
    #posicao1 .custom_ctt .ctt_email {padding: 14px 0 14px 50px;}
    
    /* H2 */
    .moduletable h2 {font-size: 1.5rem;}
    .moduletable h2::after {margin: 10px auto 0;}
    
    #posicao3 .custom > div h3 {font-size: 1.3rem;}
    #posicao3 .custom > div p {font-size: 1.1rem;}
    #posicao3 .custom > div a {font-size: 1rem;padding: 10px 0;width: 160px;}
    
    #posicao7 .custom p {font-size: 1.3rem;}
    
    /* Blog */
    .bl.idem .bl_container .bl_title {font-size: 1.3rem;}
    .bl.idem .bl_container .bl_descricao {font-size: 1.1rem;}
    .bl.idem .bl_container .bl_button a {font-size: 1rem;padding: 10px 0;width: 160px;}
    
    #posicao10 p {font-size: 1.3rem;}
    
    /* Formulários para Contato */
    #form2,#form3 {width: 80%;}
    .form input, .form textarea {border-radius: 10px;font-size: 1.3rem;margin: 0 0 20px;padding: 20px 3%;}
    
    /* Página Parceiros */
    .pc_solucoes .custom > div {padding: 20px 1% 20px;width: 260px;}
    .pc_solucoes .custom > div h3 {font-size: 1rem;margin: 0 0 10px;}
    .pc_solucoes .custom > div p {font-size: 1rem;line-height: 130%;margin: 0 0 15px;}
    .pc_solucoes .custom > div a {font-size: 0.7rem;padding: 10px 0;width: 150px;}
}

/* Geral  - viewport 950 */
@media screen and (max-width: 950px) {
    #posicao6 {background-image: url(../images/bg_quem-somos-950.png);background-position:bottom center;background-size: 533px;padding: 50px 0 410px;background-color: #EFEFEF;}
    #posicao6 .custom {width: 100%;}
    #posicao6 .custom p:not(:last-child) {margin-bottom: 15px;}
    
    /* Página Interna - Parceiros */
    #form6 {width: 100%;}
}

/* Geral  - viewport 900 */
@media screen and (max-width: 900px) {
    /* Posição 11 - Acesso Rápido - Contatos */
    .custom_ctt2 {display: block;text-align: center;}
    .custom_ctt2 > div:not(:first-child) {margin: 15px auto 0;background-position: center top;padding: 43px 0 0 0;}
    .custom_ctt2 > div.bx-email {padding: 35px 0 0 0;}
    .custom_ctt2 .bx-i3 {width: 100%;}
    .custom_ctt2 .bx-ender {width: 100%;}
}

/* Geral  - viewport 850 */
@media screen and (max-width: 850px) {
    /* Posição 1 */
    .moduletable_logo {width: 109px;top: 15px;left: -5px;}
    .moduletable_ctt {padding-bottom: 15px;margin-bottom: 20px;}
    #posicao1 .custom_ctt {width: 40%;}
    #posicao1 .custom_ctt .ctt_email {display: none;}
    .moduletable_menu {width: 80%;}
    .moduletable_rd-tp {margin: 0;display: none;}
    
    /* Banner */
    #posicao2 {padding: 0 0 32px;}
    .slidesjs-pagination {bottom: -30px;}
    
    #posicao3, #posicao4, #posicao5, #posicao6,
    #posicao7, #posicao8, #posicao10, #posicao11 {padding: 35px 0;}
    
    #posicao6 {background-image: unset;background-color: #EFEFEF;}
    #posicao6 .custom {text-align: justify;float: none;width: 100%;}
    
    /* Posição 11 */
    .moduletable_ctt2 {margin: 15px auto 0;}
    
    #wrapper {margin: 0 auto;width: 100%;}

}

/* Geral  - viewport 800;
Galaxy Tab 2 10.1 - 800 x 1280;
Kindle Fire HD 8.9" - 800 x 1280 */
@media screen and (max-width: 800px) {
    .bl.idem .bl_container .bl_title {font-size: 1.1rem;}
    .bl.idem .bl_container .bl_descricao {font-size: 1rem;}
    
    .fulltext h2 {margin-bottom: 35px;}
    .fulltext h2::after {margin: 10px auto 0;}
    .moduletable h2 {margin: 0 0 35px;}
    
    /* Páginas Internas */
    #pg_int .page-header {padding: 35px 0;}
    #pg_int .item-page, #pg_int .blog {padding-bottom: 35px;}
    
    /* Página Interna - Quem Somos */
    .pg_quemsomos .fulltext .i3_mvv {margin: 0;}
    .pg_quemsomos .fulltext .i3_mvv div {width: 100%;}
    .pg_quemsomos .fulltext .i3_mvv div:not(:last-child) {margin-bottom: 15px;}
    
    /* Blog - Content */
    .bl_pes_mob {display: block;}
    .bl.item.intro.content .bl_content {width: 100%;}
    .bl.item.intro.content .bl_modulo {width: 100%;}
    .bl.item.intro.content .bl_modulo .moduletable.pes:first-child {display: none;}
    .bl.item.intro.content .bl_modulo .moduletable.pes:last-child {margin-bottom: 0px;}
    
    /* Páginas Parceiros */
    .pc_banner {padding: 100px 5%;}
    .pc_bx02 {padding: 35px 2% 15px;}
    .pc_solucoes {padding: 35px 2%;}
    .pc_solucoes .custom > div {width: 100%;}
    .pc_solucoes .custom > div:not(:last-child) {margin-bottom: 35px;}
    .pc_solucoes .custom > div figure {width: 230px;}
    .pc_logo {padding: 35px 2%;}
    .pc_segmentos p {width: 250px;font-size: 1.2rem;}
    #seja_parceiro .moduletable p {font-size: 1.3rem;margin-bottom: 35px;}
    #seja_parceiro {padding: 35px 2%;}
}

/* Geral  - viewport 785;
Xaumi Pocophone - 785 x 305 */
@media screen and (max-width: 785px) {}

/* Geral  - viewport 768;
iPad Air - 768 x 1024 */
@media screen and (max-width: 768px) {}

/* Geral  - viewport 740 */
@media screen and (max-width: 740px) {
    #posicao1 {padding: 5px 0;}
    #posicao1 > div {position: unset;padding: 0;}
    .moduletable_logo {width: 75px;position: unset;margin: 0 auto;}
    .moduletable_ctt {padding: 0;margin: 0;border: none;width: 65px;position: absolute;top: 22px;right: 0;}
    #posicao1 .custom_ctt {width: 100%;}
    #posicao1 .custom_ctt .area_cliente {padding: 25px;background-position: center;border-radius: 50%;}
    #posicao1 .custom_ctt .area_cliente:hover {background-color: #9bda1a;}
    #posicao1 .custom_ctt span {display: none;}
    #posicao1 .custom_ctt .ctt_fone {display: none;}
    .moduletable_menu {width: 320px;position: absolute;top: 0;left: 0;z-index: 99;}
    .moduletable_menu ul li a:hover,
    .moduletable_menu ul .current.active a {font-weight: unset;text-decoration: none;background-color: #FFF;color: #0E4D9E !important;}
    
    #posicao3 .custom > div {width: 65%;}
    #posicao3 .custom > div:not(:last-child) {margin-bottom: 20px;}
    #posicao3 .custom > div figure {margin: 0 auto 25px;width: 50%;}
    
    #posicao7 .custom {width: 100%;}
    #posicao7 .cck-w100 .cck-fl, .blog.pg_blog .items-row > div {padding: 10px 1%;width: 60%;}
    #posicao7 .cck-w100 .cck-fl:not(:last-child) {margin-bottom: 20px;}
    .blog.pg_blog .items-row > div:not(:nth-child(3n)) {margin: 0;}
    .blog.pg_blog .items-row:not(:last-child) {margin-bottom: 20px;}
    .blog.pg_blog .items-row > div:not(:nth-child(3)) {margin-bottom: 20px;}
}

/* Geral  - viewport 732 */
@media screen and (max-width: 732px) {
    .pg_solucoes .fulltext .solucoes {display: none;}
    .pg_solucoes .fulltext .solucoes.copias {display: block;}
    .pg_solucoes .fulltext .solucoes.copias tbody tr td:first-child {width: 45%;}
}

/* Geral  - viewport 720 */
@media screen and (max-width: 720px) {
    /* Acesso Rápido */
    .moduletable_ar,.moduletable_ns,.moduletable_ac {width: 90%;text-align: center;margin: 0 auto 15px;}
    .moduletable_ar,.moduletable_ns {border-bottom: 1px solid;padding-bottom: 15px;}
    #posicao11 ul {margin: 0 auto;width: 260px;}
    #posicao11 h2 {text-align: center;}
    .moduletable_rd-bt {margin: 10px;width: 70px;}
    .moduletable_ctt2 {margin: 15px auto;width: 100%;}
}

/* Geral  - viewport 667 */
@media screen and (max-width: 667px) {
    /* Formulários 2 & 3 */
    #form2, #form3, #form5 {width: 100%;}
    
    /* Página Quem Somos */
    .pg_quemsomos .fulltext figure {width: 320px;}
    
    /* Página Interna - parceiros */
    .pc_banner {padding: 35px 5%;}
    .pc_banner h1 {text-align: center;font-weight: 400;}
    .pc_banner a {font-size: 1rem;width: 280px;margin: 0 auto;padding: 10px 0;}
}

/* Geral  - viewport 640 */
@media screen and (max-width: 640px) {}

/* Geral  - viewport 603;
Galaxy Nexus 7 - 603 x 966 */
@media screen and (max-width: 603px) {
    /* Posição 10 */
    #posicao10 p {width: 100%;margin: 0 auto 35px;}
    
    /* Página Interna - Parceiros */
    #form6 #f6_telefone, #form6 #f6_assunto {width: 100%;}
}

/* Geral  - viewport 600;
Kindle Fire - 600 x 1024 */
@media screen and (max-width: 600px) {}

/* Geral  - viewport 568;
Kindle Fire HD 7" - 533 x 853 */
@media screen and (max-width: 568px) {
    /* Blog */
    #posicao7 .cck-w100 .cck-fl,
    .blog.pg_blog .items-row > div {width: 75%;}
}

/* Geral  - viewport 533 */
@media screen and (max-width: 533px) {
  	#system-message .alert {width: 90%;}
  
    /* H2 */
    .moduletable h2 {font-size: 1.2rem;margin: 0 0 35px;}
    
    #posicao3 .custom > div {width: 75%;}
    
    #form3 #f3_telefone,
    #form3 #f3_assunto {width: 100%;}
    
    /* Quem Somos */
    .pg_quemsomos .fulltext .qs_img1,
    .pg_quemsomos .fulltext .qs_img2 {float: none;margin: 0 0 10px;}
    .pg_quemsomos .fulltext figure {width: 100%;}
    .pg_quemsomos .fulltext .qs-mvv div {width: 100%;}
    
    /* Páginas Internas - Área dos Clientes */
    .moduletable_areac .nav.menu li {width: 100%;}
    .pg_suporte-remoto .fulltext div {width: 100%;margin: 0 auto 25px;}
}

/* */
@media screen and (max-width: 520px) {
    .fulltext h2 {font-size: 1.5rem;}
    
    /* Página Interna - Parceiros */
    .pc_banner h1 br {display: none;}
    .pc_bx02 {padding: 35px 2.5% 15px;}
    .pc_bx02 p {text-align: justify;}
    .pc_solucoes {padding: 35px 2.5%;}
    .pc_solucoes .custom > p {text-align: justify;}
    .pc_solucoes .custom > div figure {width: 200px;}
    .pc_segmentos p {background-color:#FFF;box-sizing:border-box;width:175px;font-size:1rem;background-size:100px;padding:120px 10px 10px;background-position: center 10px;}
    .pc_modalidade > div {padding: 10px;}
    .pc_modalidade > div p {font-size: 1rem;margin-bottom: 20px;}
    .pc_modalidade > div ul {margin: 0 0 20px;padding: 0;font-size: 1rem;text-align: left;}
    .pc_modalidade > div:last-child p:nth-child(2) {margin-bottom: 15px;}
    .pc_logo p {font-size: 1.1rem;}
    .pc_logo .moduletable .cck-w100 .cck-fl {width: 32%;}
    
    #form6 input, #form6 textarea {padding: 15px 5%;}
    .form input, .form textarea {font-size: 1rem;margin: 0 0 10px;padding: 15px 5%;}
}

/* Geral  - viewport 480;
Galaxy Note 4 - 480 x 853 */
@media screen and (max-width: 480px) {
    #posicao3 .custom > div {width: 100%;}
    
    #posicao7 .cck-w100 .cck-fl,
    .blog.pg_blog .items-row > div {width: 100%;}
    
    .fulltext h2 {font-size: 1.2rem;}
    .fulltext h2::after {height: 3px;width: 130px;}
    
    /* Página INterna - parceiros */
    .pc_banner h1 {font-size: 1.4rem;}
    .pc_bx02 p {font-size: 1.1rem;}
    .pc_solucoes .custom > p {font-size: 1.1rem;}
    .pc_segmentos {padding: 35px 2.5%;}
    .pc_segmentos p {width: 100%;margin:0;}
    .pc_segmentos p:not(:last-child) {margin-bottom:10px;}
    .pc_logo {padding: 35px 2.5%;}
    .pc_logo p {text-align: justify;}
}

/* Geral  - viewport 414;
iphone 6 Plus - 414 x 736 */
@media screen and (max-width: 414px) {
    /* mapa */
    #posicao9 .custom iframe {height: 414px;}
}

/* Geral  - viewport 412;
Nexus 6 - 412 x 690 */
@media screen and (max-width: 412px) {
    .pc_logo .moduletable .cck-w100 .cck-fl {width: 100%;background-color: #FFF;box-sizing: border-box;padding: 15%;margin-bottom: 10px;}
}

/* Geral  - viewport 384;
xaumi pocophone - 393 x 729 */
@media screen and (max-width: 393px) {
    /* Páginas Parceiros */
    .blog.pg_parceiros .pc_container p {font-size: 0.8rem;}
    .blog.pg_parceiros .pc_container p strong {font-size: 0.85rem;}
    
    /* Acesso a área Restita */
    #pg_int .login form {width: 90%;}
}

/* Geral  - viewport 384;
Lumia 920 - 384 x 640 */
@media screen and (max-width: 384px) {}

/* Geral  - viewport 375;
Iphone 6 - 375 x 667 */
@media screen and (max-width: 375px) {}

/* Geral  - viewport 360;
Galaxy S6, Galaxy Note II - 360 x 640;
Xperia Z3 - 360 x 598 */
@media screen and (max-width: 360px) {}

/* Geral  - viewport 320;
Iphone 5 - 320 x 568;
Iphone 4 - 320 x 480*/
@media screen and (max-width: 320px) {}