
/* This Css is for small mobile */

@media (max-width: 980px) {
	.logo{ width:70%; padding:0; margin:0 auto}
	
	.box_central{ margin:25px 0 0 0}
	.secao_titulo {padding-top: 30px; padding-bottom: 50px;}
	.secao_titulo h2 {font-size: 3em; color: #333; text-align: center; position: relative;}
	.aplicativos_titulo { text-align:center;}
	
	
    .sobre_nos_imagem {
        text-align: center;
    }
    .video {
        padding-top: 50px;
    }

    .sobre_nos_imagem img {
        width: 100%;
    }
/*---------------------------------------
  JÁ É SUCESSO EM MACAPÁ   
-----------------------------------------*/
	.ja_e_sucesso {padding:25px 0; background:#5CBA51;  }
	.ja_e_sucesso h2{ font-size:3em; }
	#quote-carousel { padding:20px 0 100px 0; margin-top: 10px;}
	#quote-carousel small{ font-size: 1em;}
	#quote-carousel .carousel-control.left {left: 0px;}
	#quote-carousel .carousel-control.right { right: 0px;}
	#quote-carousel .carousel-indicators li {width: 30px; height: 30px; border: 3px solid #CCC;  margin:20px 0 0 5px}
	#quote-carousel .carousel-indicators .active { background: #333333; width: 60px; height: 60px;  margin:0}
	.carousel-inner { min-height: 200px;  margin:0}
	.img_comentario{ display:inline-block; margin-top:45px }

/*---------------------------------------
  MIDIA INDOR      
-----------------------------------------*/	
	.midia_indoor { background:#FFF; text-align:center !important}
	.midia_indoor img{ width:100% !important}
	.midia_indoor h1{ font-size: 4em;}
	.midia_indoor span{ font-size:5em;}
	.midia_indoor h3{ font-size:20px;}
	.midia_indoor p{ margin:25px 0; }
/*---------------------------------------
  OUTLED      
-----------------------------------------*/
	.outled {padding:25px 0 0 0;}
	.outled {} .col-md-7{ margin:50px 0 0 0}
	.outled {} .outled img { width: 100%;}
	.outled h1{ font-size:3em}
	.outled span{ font-size:100px}
	.outled h3{ font-size:18px; font-weight:100; padding:2px 0}
	.outled p{ margin:0 0 45px 0; font-weight:100}
	
	.outled h1, .outled span{ padding:0; margin:0}

	.sobre_nos,.usabilidades_bg, .midia_indoor, .clientes {padding:0 0 25px 0;}



.clientes_img img { width:40% !important; margin:15px 0}
/*---------------------------------------
   CONTATO            
-----------------------------------------*/

.contato { background: #f1f1f1; padding:0 0 25px 0}
.contato_form { padding: 25px 0;}
.contato_form .form-control { display: block; display: block; width: 100%; height: 50px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555;  background-color: transparent; border: 1px solid #aeaeae;  background-image: none; border-radius: 3px; margin-bottom: 15px; opacity: .8;  -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; outline: 0px !important; }
.contato_form .form-control:focus { border: 1px solid #A8CF45; border-color: #A8CF45; outline: 0px none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);}
.contato_form {} .form-control:-webkit-input-placeholder { color: red;}
.form-control:-moz-placeholder { /* Firefox 18- */color: red;}
.form-control:-moz-placeholder { /* Firefox 19+ */color: red;}
.form-control:-ms-input-placeholder { color: red;}
.submit-btn,
.submit-btn:active,
.submit-btn:focus,
.submit-btn:visited { background-color: transparent; border: 1px solid #A8CF45; border-radius: 4px; width: 100%; height: 50px; text-transform: uppercase; font-size: 18px; color: #A8CF45; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; outline: 0px !important;}
.submit-btn:hover { background-color: #A8CF45; color: #fff; border-color: #A8CF45;}


	.social_icones { padding:0 0 5px 0}
	.social_icones ul { margin: 0; padding: 0; text-align: center;}
	.social_icones ul li { list-style: none; display: inline; padding-left: 10px}
	.social_icones ul li a { text-decoration: none; display: inline-block; text-align: center; border: 1px solid #9d9d9d; border-radius: 3px; width: 45px; height: 45px; line-height: 49px; color: #9d9d9d; -webkit-transition: all 1s;    -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
	.social_icones ul li a i { font-size: 20px;}
	.social_icones ul li a:hover { background: #A8CF45; border: 1px solid #A8CF45; color: #fff}
	
	
	.newslatter { background-image: url(../imgs/newslatter.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom:70px}
	.copyright { background-color: #1A1D22; padding: 35px 0; border-bottom: 3px solid #A8CF45;}
}
