* {
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
}
body {
	font-family: 'Montserrat', sans-serif;
}

section#conheca {
    padding-bottom: 50px;
}
section#celulares .row, section#notebook .row {
    gap: 1%;
}


section#banner {
    overflow: hidden;
    padding-bottom: 50px;
}


.item {
    width: 50%;
    margin-bottom: 0;
}

.item img {
    display: block;
    margin: 0 auto;
    width: 150px;
    max-width: 100%;
    height: inherit;
}

.galeria img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: initial;
    max-width: 320px;
}

section#conheca img, .galeria img {
    display: block;
    margin: 0 auto;
}

.item.centro-item {
    width: 100%;
    margin-bottom: 0;
}

.item.centro-item img {
    width: 100%;
    height: inherit;
    max-width: 201px;
    margin-bottom: 0;
    display: block;
    margin: 0 auto;
}



footer .column-one-third {
    width: 288px;
    margin: 0 auto;
    left: -35px;
    position: relative;
}

footer p {
    font-weight: 600;
} 

.item {
    margin-bottom: 0;
}
img {
	max-width: 100%;
}

footer h4 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#banner ul {
	list-style: square inside url("../images/list-style.png");
	font-size: 1.5rem;
	color: #fff;
	margin: 0 2rem;
	margin-bottom: 10px;
}

header {
	background: url(../images/fundo-banner.png);
    background-position: bottom;
    background-size: cover;
	background-repeat: no-repeat;
}
.logo {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2rem 0;
}
.call_action {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 2rem;
}
.call_action a {
	padding: 1rem;
	width: 345px;
	margin: 20px 0;
	max-width: 100%;
	text-align: center;
	color: #fff;
	border-radius: 0.7rem;
	text-decoration: none;
	font-size: 1.6rem;
	box-shadow: 0px 8px 8px #00000035;
	cursor: pointer;
	transition: 0.8s;
}

.call_action a:hover {
	filter: brightness(0.9);
}
.ligar {
	background: #172e9d;
}
.whats {
	background: #00ff30;
}
#banner h1 {
	text-align: center;
    color: #fff;
    font-size: 8vw;
    font-weight: 400;
    margin: 0rem;
    margin-bottom: 1rem;
}
#banner h1 b {
	color: #00ff30;
	font-size: 11vw;
}
#banner img {
	margin-top: 2rem;
	transform: scale(1.15);
}
h2 {
	color: #172e9d;
	font-weight: 400;
	margin: 2rem;
	font-size: 38px;
	line-height: 1em;
	margin-top: 40px;
	margin-bottom: 40px;
}
.marcas {
    margin: 2rem;
}
.row {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-flow: wrap;
}
.item {
	margin-bottom: 0;
	display: block;
}
.item img {
	padding: 10px;
}
#a_celsite {
	padding: 2rem;
	background: url(../images/fundo-a-celsite.png);
	background-position: bottom;
	background-size: initial;
	background-repeat: no-repeat;
	color: #fff;
	background-position: top center;
}
#a_celsite h2{
	font-size: 3rem;
	line-height: 1em;
	color: #fff;
	text-align: center;
	margin: 2rem 0;
	font-weight: 700;
}
#a_celsite p {
	font-size: 1.5rem;
	line-height: 1.5em;
	margin-bottom: 2rem;
}
#celulares .col-4-mb, #notebook .col-4-mb  {
    border: 1px solid #0E0F0F;
    border-radius: 0.25rem;
    display: flex;
    justify-content: inherit;
    align-items: center;
    flex-direction: column;
    text-align: center;
    max-width: 32%;
    background: #fff;
    width: 147px;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    min-height: 210px;
    margin-bottom: 1%;
}
.galeria {
    padding-top: 40px;
} 
#celulares, #notebook {
	padding: 2rem;
	background: url(../images/fundo-a-celsite.png);
	background-position: bottom;
	background-size: initial;
	background-repeat: no-repeat;
	color: #fff;
	background-position: top center;
	padding-bottom: 192px;
	padding-top: 50px;
}
#celulares h3 {
	font-size: 3rem;
	line-height: 1em;
	color: #fff;
	text-align: center;
	margin: 2rem 0;
	font-weight: 700;
}
#celulares h4 {
	color: #172e9d;
	font-size: 97%;
}
section#celulares .row {
    gap: 1%;
}
#notebook {
	background: none;
	padding-top: 0;
}
#notebook h2 {
	font-size: 3rem;
	line-height: 1em;
	text-align: center;
	margin: 2rem 0;
	font-weight: 800;
}
#delivery {
	padding: 2rem;
	background: url(../images/fundo-delivery.png);
	background-position: bottom;
	background-size: initial;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 20px;
	padding-top: 131px;
	background-position: top center;
	background: #1844b4;
}
#delivery h2 {
	color: #fff;
	font-weight: 400;
	padding:0;
	margin: 0;
	margin-bottom:20px;
	font-size: 3.5em;
	text-align: center;
}
#delivery h2 b{
        color: #1eff00;
    font-size: 8.9vw;
    line-height: 1.2em;
    display: block;
}
#delivery h3 {
    color: #1eff00;
	margin: 1rem 0;
    font-size: 11vw;
}
section#delivery p {
    font-size: 35px;
    line-height: 50px;
}
footer {
	padding: 2rem;
	background: url(../images/fundo-rodape.png);
	background-position: bottom;
	background-size: inherit;
	background-repeat: no-repeat;
	color: #fff;
	padding-bottom: 50px;
	padding-top: 70px;
	background-position: top center;
}
.one {
    float: left;
    padding-right: 13px;
    box-sizing: border-box;
    max-width: 25%;
}
.second, .second  a {
    display: flow-root;
    text-align:center;
    color: #172e9d;
    text-decoration: none;
}
.column-one-third {
	margin-bottom: 2rem;
	margin-top: 1rem;
}
.second p img, .second p img a {
    max-width: 100%;
    margin-top: 15px;
	text-decoration:none;
}
p.rede {
    display: flex;
    justify-content: space-between;
}
.container {
    width: 1420px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    gap: 50px;
    flex-direction: column;
}
#notebook .col-4-mb h4, #celulares .col-4-mb h4 {
	color: #172e9d;
	font-size: 16px;
	min-height: 40px;
}
#notebook .col-4-mb img, #celulares .col-4-mb img {
    max-width: 100%;
    margin: 10px auto;
    height: initial;
    width: 98px;
}

	.texto_banner h2 {
    color: #fff;
    text-align: left;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
}

		a.whats.btn-whats {
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
    display: table;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s all linear;
	    font-size: 25px;
}
}

a.whats.btn-whats:hover {
    background: #01a11f;
} 
	
	
	

@media (min-width: 481px){

#banner img {
	margin-top: 2rem;
	transform: scale(1);
	margin: 0 auto;
	float: none;
	display: table;
	height: initial;
}
	
.marcas .item:hover img {
    background: #f1f1f1;
}

.marcas .item img {
    transition: 0.5s all linear;
}
.item.centro-item {
    width: 109px;
    max-width: 100%;
}	
.cabecalho {
    display: flex;
    width: 100%;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.call_action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 2rem;
    gap: 15px;
}
.call_action a {
    padding: 1rem 2rem;
    margin: 20px 0;
    max-width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 0.7rem;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.8s;
    max-width: 100%;
    width: inherit;
}
section#banner {
    display: block;
    overflow: hidden;
}
#banner h1 {
    text-align: left;
}
header {
    background: url(../images/fundo-banner.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
}
h2 {
    text-align: center;
}
#marcas .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-align: center;
    align-items: center;
    margin-left: 60px;
    flex-wrap: wrap;
}
.item {
    margin-bottom: 3rem;
    width: 150px;
}
.marcas {
    margin: 2rem;
    display: block;
}
.galeria {
    display: flex;
    justify-content: center;
}
#celulares .row {
        display: flex;
    justify-content: center;
    align-items: center;
}
#notebook .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 30px;
}
#delivery {
    padding: 2rem;
    /* background: url(../images/fundo-delivery.png); */
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    background-position: top;
    padding-bottom: 3rem;
    display: flex;
    text-align: left;
    padding-top: 2rem;
    text-align: center;
    background: #1744b4;
}

#conheca {
	text-align: center;
}
footer {
    padding: 2rem;
    background: url(../images/fundo-rodape.png);
    background-position: bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    background-position: top;
    padding-bottom: 50px;
    display: flex;
    flex-direction: row;
    gap: 100px;
    padding-top: 70px;
}

.second a, .second {
    display: inline-block;
    text-align: left;
    color: #172e9d;
    font-size: 1.2rem;
    padding-right: 20px;
    box-sizing: border-box;
    text-decoration: none;
}
.second p img {
    max-width: 100%;
    margin-top: 15px;
    margin: 9px 5px;
    width: 80%;
    height: inherit!important;
}
p.rede {
    display: flex;
    justify-content: center;
    align-items: initial;
}
#banner h1 {
    font-size: 2rem;
}
#banner h1 b {
	font-size: 2rem;
}
#banner ul {
    list-style: square inside url(../images/list-style.png);
    font-size: 1.5rem;
    color: #fff;
    margin: 0 0rem;
    margin-bottom: 10px;
}
#delivery h3 {
    color: #1eff00;
    margin: 1rem 0;
    font-size: 2rem;
}
section#delivery {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#delivery h2 b {
    color: #1eff00;
    font-size: 1em;
    font-size: 40px;
    line-height: 1.2em;
    display: flex;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
}
#celulares .col-4-mb {
    border: 1px solid #0E0F0F;
    border-radius: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-align: center;
    min-height: 161px;
    max-width: 30%;
    margin-bottom: 10px;
    background: #fff;
    max-width: 30%;
    margin-bottom: 10px;
    background: #fff;
    width: 147px;
    padding-top: 15px;
}

#notebook .col-4-mb {
    border: 1px solid #0E0F0F;
    border-radius: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-align: center;
    min-height: 141px;
    max-width: 30%;
    margin-bottom: 10px;
    background: #fff;
    max-width: 30%;
    margin-bottom: 10px;
    background: #fff;
    width: 147px;
    padding-top: 15px;
}
#celulares .col-4-mb img {
    max-width: initial;
    margin: 10px auto;
}
#notebook .col-4-mb h4, #celulares .col-4-mb h4 {
    color: #172e9d;
    font-size: 1.1em;
    min-height: 70px;
}
.row.cel {
	justify-content: center;
} 




.item.centro-item img {
    width: initial;
    max-width: 100%;
}

.item.centro-item {
    display: flex;
    margin-bottom: 3rem;
}



footer .one {
    width: 100%;
    margin: 0 auto;
}


footer .one img {
    display: block;
    margin: 0 auto;
    height: inherit;
}


footer .column-one-third {
    margin: 0 auto;
    left: 0;
    text-align: center;

}

#celulares, #notebook, #a_celsite {
    background-size: cover;
}

.texto_banner {
    padding-left: 20px;
    padding-right: 20px;
}

}
 


@media(min-width:767px){
	
	section#notebook {
    padding-top: 50px;
}

section#celulares {
    padding-bottom: 50px;
}
	
	
		
.column-one-third .one {
    width: 100%;
    margin: 0 auto;
    float: none;
}

footer, footer p, footer h4 {
    text-align: center;
}

.second p img {
    padding: 0;
    width: 100%;
}	



section#a_celsite, section#celulares {
    background: #1844b4;
    position:relative;
}

section#a_celsite:before, section#celulares:before, section#notebook:before {
content:'';
 display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
        border-left: 767px solid transparent;
        border-right: 767px solid transparent;
         border-top:50px solid white;
    position:absolute;
    top:-10px;
    left:50%;
    z-index:99;
 margin-left:-767px;
}

section#notebook:before {

 border-top:50px solid #1844b4;

 
}

section#notebook{

position:relative
 
}

section {
    overflow: hidden;
}

	

	
}

@media(min-width:991px){
		
.texto_banner, 
#banner img {
    width: 50%;
    float:left;
}


section#a_celsite, section#celulares {
    padding-top: 100px;
}


	
}

@media(min-width:1240px){
	
aside.content-banner, .content-header, .cabecalho {
    max-width: 1240px;
    margin: 0 auto;
} 

.texto_banner {
    padding-top: 100px;
}


#celulares .col-4-mb, #notebook .col-4-mb {
    width: 220px;
}

#celulares .col-4-mb h4, #notebook .col-4-mb h4 {
    font-size: 20px;
}

footer .column-one-third {
    width: 33%;
    float: left;
}

.container {
    width: 1240px;
    display: block;
}

.column-one-third img {
    width: 30px;
    margin-bottom: 20px!important;
    display: block;
}

footer, footer p, footer, footer a {
    font-size: 17px;
}

section#a_celsite p {
    max-width: 1240px;
    margin: 0 auto;
}

section#a_celsite p {
    max-width: 1240px;
    margin: 0 auto;
}

#banner ul {
    font-size: 20px;
}

#banner h1 {
    font-size: 50px;
    line-height: 50ox;
}

#banner h1 b {
    font-size: 50px;
}

.call_action a {
    font-size: 26px;
}
	
	
}