/*
Theme Name: Seens
Theme URI: 
Description: 
Version: 1.0
Author: Seens TI
Author URI: http://www.seens.com.br
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/


/*
===RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {
	height: 100%;
	}
	
body {
	overflow-x:hidden;
	margin:0px;
}

a{
	text-decoration:none;
}

a:active, a:hover, li.active{
	text-decoration:underline;
}

b, strong{
	font-weight:bold;
}

i{
	font-style: italic;
}

u{
	text-decoration:underline;
}

/*

font-family: 'Open Sans', sans-serif;

*/
b{
	font-weight:700;
}

#header-mobile{
	display:none;
}





.politica p{
color:#aeadad;
font-size:16px;
line-height:1.5em;
font-weight:400;
padding-bottom:15px;
}

.politica{
	padding:50px 0px;
}

.politica h4{
color:#1a1a1a;
font-size:1.9em;
margin-bottom:0.5em;
font-weight:500;
}


/*----*/
.banner-info{
	background:url('imagens/slider1.png') no-repeat;
	width:100%;
	background-size:cover;
	border-top: solid 3px #a6112c;
	min-height:700px;
}

.banner .container{
	width:100%;
	padding:0px;
}

.header{
padding-top:30px;
position:absolute;
padding-bottom:40px;
width:100%;
z-index:9999;
}
.logo{
float:left;
margin-top:30px;
padding-left:40px;
}
.top-menu{
float:right;
padding:10px 70px 0px 0px;
}
.top-menu ul li{
display:inline-block;
padding-top:30px;
font-weight:600;
}
.top-menu ul li a{
color:#fff;
font-size:18px;
padding:0 2px 10px 2px;
display:block;
text-decoration:none;
margin:0 0.5em;
text-transform:uppercase;
}

.top-menu ul li a:hover{
color:#fff;
text-decoration:underline;
}

.banner-info input{
	border:solid 2px #a6112c;
	background:none;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:10px 15px;
	margin:30px 40px;
}

.banner-text h1{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:bold;
	margin:250px 0px 20px 40px;
}

.banner-text h1 span{
	color:#A6102C;
}

.top-menu ul ul{
	list-style:none;
	font-size:17px;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin-top:85px;
	letter-spacing: -2px;
}

#bemvindo{
	background-image:url('imagens/bg-conheca.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:65px;
	margin-top:-30px;
}

#bemvindo h4{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	margin-top:90px;
}

#bemvindo h4 span{
	font-size:30px !important;

}

#bemvindo p{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	padding-top:20px;
	max-width:780px;
}

#bemvindo input{
	border:solid 2px #FFF;
	background:none;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:10px 15px;
	margin:40px 0px;
}

#menuservicos{
	padding:60px 0px;
	background-image: url('imagens/bg-menuservicos.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	z-index:-1;
	margin-top:-48px;

}

#menuservicos .row{
	padding-top:90px;
}

#menuservicos input{
	border:solid 1px #FFF;
	background:none;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:5px 10px;
	float:right;
	margin-right:30px;
}

#menuservicos .col-md-4{
	padding-left:0px !important;
	padding-right:0px !important;
}

#menuservicos .coluna1 div, #menuservicos .coluna2 div, #menuservicos .coluna3 div{
	margin:7px;
}

#menuservicos .coluna1 .linha11{
	background:#162763;
	height:155px;
}

#menuservicos .coluna1 .linha11 h4{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	padding:30px;
}

#menuservicos .coluna1 .linha11 h4 span{
	font-size:32px !important;

}

#menuservicos .coluna1 .linha12 img, #menuservicos .coluna3 .linha31 img{
	width:100%;
	height:auto;
}

#menuservicos .coluna1 .linha13{
	background:#162763;
	height:50px;
}

#menuservicos .coluna2 .linha21{
	background:#a6112c;
	height:265px;
	margin-top:25px;
}

#menuservicos .coluna2 .linha21 h4{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:28px;
}

#menuservicos .coluna2 .linha21 hr{
	border:solid 2px #FFF;
	width: 45px;
	margin-top:10px !important;
	margin-bottom:10px !important;
	float:left;
	margin-left:30px;
}

#menuservicos .coluna2 .linha22, #menuservicos .coluna2 .linha23, #menuservicos .coluna3 .linha32, #menuservicos .coluna3 .linha33{
	height:195px;
}

#menuservicos .coluna2 .linha22 h4, #menuservicos .coluna2 .linha23 h4, #menuservicos .coluna3 .linha32 h4, #menuservicos .coluna3 .linha33 h4{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;
}

#menuservicos .coluna2 .linha22 hr, #menuservicos .coluna2 .linha23 hr, #menuservicos .coluna3 .linha32 hr, #menuservicos .coluna3 .linha33 hr{
	border:solid 1px #FFF;
	width: 30px;
	margin-top:10px !important;
	margin-bottom:10px !important;
	float:left;
	margin-left:30px;
}

#menuservicos .coluna2 .linha22 img, #menuservicos .coluna2 .linha23 img, #menuservicos .coluna3 .linha32 img, 
#menuservicos .coluna3 .linha33 img, #menuservicos .coluna2 .linha21 img{
	padding-left:30px;
	padding-top:20px;
}

#menuservicos .coluna2 .linha22 h4, #menuservicos .coluna2 .linha23 h4, #menuservicos .coluna3 .linha32 h4, 
#menuservicos .coluna3 .linha33 h4, #menuservicos .coluna2 .linha21 h4{
	padding-left:30px;
}

#menuservicos .coluna2 .linha23, #menuservicos .coluna3 .linha32{
	background:#a6112c;
}

#menuservicos .coluna2 .linha22, #menuservicos .coluna3 .linha33{
	background:#162763;
}

#depoimentos{
	display:none;
	background-image:url('imagens/bg-depoimentos.png');
	min-height:450px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:95px;
	position:relative;
	margin-top:-25px;
}

#depoimentos .titulodepoimento img{
	padding-top:125px;
}

#depoimentos .titulodepoimento p{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:37px;
	max-width:230px;
	text-transform:uppercase;
	padding-top:110px;
	padding-left:30px;
}

#depoimentos .frasedepoimento{
	margin-top:125px;
	max-width:300px;
}

#depoimentos .frasedepoimento img{
	position:absolute;
}

#depoimentos .frasedepoimento div{
	background-color:#FFF;
	padding:20px;
	margin-top:5px;
	margin-left:5px;
} 

#depoimentos .frasedepoimento div p{
	padding-top:30px;
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}

#depoimentos .frasedepoimento div hr{
	width:20px;
	border:solid 1px #a6112c;
	float:right;
	margin-bottom:5px !important;
}

#depoimentos .frasedepoimento div h3{
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:bold;
	float:right;
	margin:5px 0px 0px 114px;
}

#depoimentos .frasedepoimento div h4{
	color:#a6112c;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
	margin:5px 0px 0px 57px;
}

/*#depoimentos:after{
    content: '';
	z-index:99;
	background:#162763;
    border-bottom:solid 30px #a6112c;
    display: block;
    width: 120%;
    height: 109px;
    left: 0;
    position: absolute;
    right: 0;
    bottom: -150px;
    transform: rotate(-3deg);
}*/

#noticias{
	background: #dcdcdc url('imagens/bg-noticias.png') no-repeat fixed left bottom; 
	margin-top:-48px;
	position:relative;
	z-index:-1;
}

#noticias h6{
	color:#e01b3f;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	text-align:center;
	font-size:30px;
	margin:60px 0px;
}

#noticias input{
	border:solid 2px #a6112c;
	background:none;
	color:#162763;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:5px 10px;
	margin:5px 10px 55px 0px;
	float:right;
}

#noticias h3, #noticias a{
	color:#0c1431;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	text-align:center;
	margin:20px 0px;
	min-width:280px;
}

#noticias a:hover{
	text-decoration:underline;
}

#noticias img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}

#noticias img:hover{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

#footer{
	background:#0c1431;
	border-top:solid 6px #a6112c;
	min-height:385px;
}

#footer p{
	color:#FFF;
}

#footer a{
	color:#FFF;
}

#footer .horarios{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
}

#footer .horarios img{
	padding-top:62px;
	padding-bottom:35px;
}

#footer .horarios h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:28px;
	padding-top:20px;
	color:#FFF;
}

#footer .horarios i{
	font-size:20px;
	padding-right:20px;
	color:#FFF;
}

#footer h4{
	padding-top:62px;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:16px;	
	text-transform:uppercase;
	color:#FFF;
}

#footer ul{
	padding-top:8px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;	
	list-style:none;
}

#footer ul li{
	padding-top:8px;
}

#footer .endereco{
	background:#FFF;
	padding:15px;
	margin-top:85px;
	max-width:230px;
}

#footer .endereco h5{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:16px;
	text-transform:uppercase;
	padding-bottom:5px;
	color:#a6112c;
}

#footer .endereco p{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:14px;
	color:#253777;
}

#footer .creditos{
	opacity:0.serv23;
	margin-top:80px;
	float:right;
	padding-right:32px;
	font-size:16px;
}

/** CSS PÁGINAS INTERNAS **/

#cabecalho2{
	background:#0c1431;
	border-top: solid 3px #a6112c;
	height:200px;
}

#menu2 ul{
	list-style:none;
	font-size:17px;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin-top:75px;
	letter-spacing: -2px;
}

#menu2 ul a{
	color:#FFF;	
}

#menu2 ul li{
	display:inline;
	padding-right:25px;
}

.logo2{
	margin-top:60px;
}

#titulopagina{
	background-image:url('imagens/bg-titulopagina.png');
	min-height:250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color:#FFF;
	position:relative;
	margin-top:-25px;
	z-index:0;
}

#titulopagina h3{
	font-size:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	padding-top:35px;
} 


/***PAGINA SERVICOS**/

#sites .container{
	max-width:1000px;
	margin-bottom:100px;
}

#sites .col-md-6{
	max-width:480px;
}

#sites input{
	border:solid 2px #a6112c;
	background:none;
	color:#a6112c;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:10px 15px;
	margin:10px 0px;
}

#sites span{
	color:#ef5b52;
}

#sites img{
	width:95%;
	height:auto;
	padding-bottom:30px;
}

#sites h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:30px;
	color:#141629;
	padding-bottom:20px;
}

#sites h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#141629;
	padding-bottom:20px;
}

#sites p{
	font-size:14px;
	color:#6c6d75;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:30px;
}

#sites h1{
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:30px;
}

#menuservicos2{
	margin-bottom:60px;
}

#menuservicos2 .col-md-3{
	padding-left:5px !important;
	padding-right:5px !important;
}

 
#menuservicos2 .col-md-3 div{
	margin:10px;
	width:100%;
	padding-top:20px;
	padding-left:35px;
}

#menuservicos2 h4{
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;	
	color:#FFF;
	padding-top:20px;
}

#menuservicos2 hr{
	border:solid 1px #FFF;
	width:45px;
	margin-top:20px;
}

#menuservicos2 input{
	border:solid 2px #FFF;
	background:none;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	padding:5px 15px;
	margin:10px 20px 10px 0px;
	float:right;
}
	
.menuservicos21, .menuservicos23{
	margin-top:35px;
}

.menuservicos24{
	margin-top:160px;
}

#menuservicos2 .serv24{
	background-image:url('imagens/servicos21.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#menuservicos2 .serv21 p{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:0px !important;
	padding-top:20px;
}

#menuservicos2 .serv21 h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	color:#FFF;
	font-size:32px;
	text-transform:uppercase;
	margin-top:0px !important;
}

#menuservicos2 .serv22{
	height:300px;
}

#menuservicos2 .serv24, #menuservicos2 .serv25, #menuservicos2 .serv26, #menuservicos2 .serv27, #menuservicos2 .serv29{
	height:260px;
}

#menuservicos2 .serv23, #menuservicos2 .serv28{
	height:55px;
}

#menuservicos2 .serv21{
	height:160px;
}

#menuservicos2 .serv21, #menuservicos2 .serv23, #menuservicos2 .serv25, #menuservicos2 .serv26, #menuservicos2 .serv29{
	background:#b00b29;
}

#menuservicos2 .serv22,  #menuservicos2 .serv27, #menuservicos2 .serv28{
	background:#162763;
}

#menuservicos2 .serv23, #menuservicos2 .serv28{
	height:100px;
}

#menuservicos2 .serv29{
	padding-left:0px !important;
}

#menuservicos2 .serv29 p{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	color:#FFF;
	font-size:20px;
}

#menuservicos2 .serv29 h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	color:#FFF;
	font-size:32px;
	text-transform:uppercase;
	padding-top:35px;
}

/***PAGINA CONTATO**/

#contato{
	margin-bottom:50px;
}

#contato h2{
	font-family: 'Open Sans', sans-serif;
	color:#162763;
	font-size:40px;
	font-weight:900;
	margin-bottom:40px
}

#contato h2 span{
	color:#ef5b52;
}

#contato h4{
	font-family: 'Open Sans', sans-serif;
	color:#162763;
	font-size:30px;
}

#contato span.estilocontato{
	font-weight:900;
	font-style: italic;
}

#contato p{
	font-size:24px;
	padding-top:60px;
	font-family: 'Open Sans', sans-serif;
	color:#162763;
}

#contato input[type="text"], #contato textarea{
	border-radius:10px;
	background:#f2f2f2;
	border:none;
	padding:10px;
	margin-bottom:10px;
	width:90%;
	font-family: 'Open Sans', sans-serif;
}

#contato textarea{
	width:95% !important;
	min-height:200px;
}

#contato input[type="submit"]{
	border:solid 3px #162763;
	color:#162763;
	background:none;
	padding:20px 40px;
	float:right;
	margin-top:10px;
	margin-right:5%;
	font-weight:900;
	font-size:16px;
}

/***PAGINA PORTFOLIO**/

#portfolio .container{
	max-width:1200px;
	margin-bottom:100px;
}

#portfolio .col-md-4, #portfolio .col-md-8{
	min-height:218px;
	padding:7px !important;
}

#portfolio .col-md-4 img, #portfolio .col-md-8 img{
	width:100%;
	height:375px;
}

.boasmaos, .orcamento{
	color:#FFF;
	height:218px;
}

.boasmaos, .faixaazul{
	background:#162763;
}

.boasmaos{
	max-width:380px;
	margin-right:10px;
}

.orcamento{
	background:#a6112c;
	height:170px !important;
	max-width:375px;
	margin-left: 7px;
}

.faixaazul{
	height:90px;
	max-width:774px;
	margin-right:7px;
}

.orcamento h5{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:24px;
	padding-top:30px;
}

.boasmaos h4{
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:28px;
	padding-top:30px;
}

.boasmaos p{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
}

.site1{
	background:url('imagens/site1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site2{
	background-image:url('imagens/site2.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site3{
	background-image:url('imagens/site3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site4{
	background-image:url('imagens/site4.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site5{
	background-image:url('imagens/site5.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site6{
	background-image:url('imagens/site6.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}

.site7{
	background-image:url('imagens/site7.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height:375px;
}


/***PAGINA SISTEMA**/

#slogan{
	background-image:url('imagens/bg-slogan.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:65px;
	margin-top:-36px;
	height:200px;
}

#slogan h4{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:40px;
	margin-top:90px;
}

#cabecalho3{
	background:url('imagens/slider1.png') no-repeat;
	width:100%;
	min-height:910px;
	background-size:cover;
	border-top: solid 3px #a6112c;
}

#menu3 ul{
	list-style:none;
	font-size:17px;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin-top:85px;
	letter-spacing: -2px;
}

#menu3 ul a{
	color:#FFF;	
}


#menu3 ul li{
	display:inline;
	padding-right:25px;
}

.logo3{
	margin-top:70px;
}

#slider3 h1{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:bold;
	margin-top:500px;
}

#slider3 h1 span{
	color:#ef5b52;
}

#beneficiossistema h3{
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:700;
	padding-top:70px;
	padding-bottom:70px;
}

#beneficiossistema h4{
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	padding-top:24px;
	padding-bottom:30px;
}

#beneficiossistema p{
	font-size:18px;
	color:#a8a9ad;
	font-family: 'Open Sans', sans-serif;
	padding-bottom:48px;
}

#telassac{
	min-height:680px;
	background:#162763;
}

#telassac img{
	padding-top:80px;
	padding-left:20px;
}

#titulosac{
	background:#a6112c;
	height:85px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:25px;
	padding:10px 20px;
	width:80%;
	margin-top:-25px;
}

#telassac h4{
	padding-top:95px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
}

#telassac h4 span{
	color:#b00b29;
}

#telassac p{
	padding-top:50px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	max-width:95%;
}

#telasapp{
	padding-top:75px;
	min-width:760px;
}

#telasapp img{
	z-index:1;
}

#tituloapp{
	background:#a6112c;
	height:200px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:35px;
	padding:20px 30px;
	width:40%;
	margin-top:-77px;
	margin-left:55px;
}

#telasapp .col-md-8{
	background:#e3e3e3;
	margin-bottom:50px;
	margin-left:-50px;
	z-index:0;
	position:relative;
	margin-top:80px;
	min-height:546px;
}

#telasapp .col-md-4{
	z-index:1;
	position:relative;
}

#telasapp h4{
	padding-top:40px;
	color:#162763;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	padding-left:55px;
}

#telasapp h4 span{
	color:#b00b29;
}

#telasapp p{
	padding-top:20px;
	color:#565656;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	max-width:95%;
	text-align:justify;
	padding-left:55px;
}

#explicacaosistema{
	min-height:660px;
	padding-top:150px;
	padding-bottom:160px;
}

#explicacaosistema h3{
	color:#141629;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:40px;
}

#explicacaosistema h4{
	color:#141629;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:30px;
	padding-top:50px;
}

#explicacaosistema h3 span, #explicacaosistema h4 span{
	color:#b00b29;
}

#explicacaosistema p{
	color:#6c6d75;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	padding-top:50px;
	max-width:95%;
}

#soliciteorcamento{
	min-height:555px;
	background:#a6112c;
	border-bottom:solid 5px #FFF;
	padding-bottom:90px;
}

#tituloorcamento{
	background:#162763;
	height:90px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	font-size:35px;
	padding:20px 30px;
	width:60%;
	margin-top:-30px;
	margin-left:17%;
}


#soliciteorcamento p{
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	padding-top:100px;
	max-width:360px;
}

#soliciteorcamento p span{
	font-style: italic;
	font-weight:700;
}

#soliciteorcamento form{
	padding-top:100px;
	max-width:90%;
	margin-left:30px;
}

#soliciteorcamento input[type="text"], #soliciteorcamento textarea{
	border-radius:10px;
	background:#f2f2f2;
	border:none;
	padding:10px;
	margin-bottom:10px;
	width:90%;
	font-family: 'Open Sans', sans-serif;
	color:#888888;
}

#soliciteorcamento textarea{
	width:95% !important;
	min-height:200px;
}

#soliciteorcamento input[type="submit"]{
	border:solid 3px #FFF;
	color:#FFF;
	background:none;
	padding:20px 40px;
	float:right;
	margin-top:10px;
	margin-right:5%;
	font-weight:900;
	font-size:16px;
}




#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 80px; /* Place the button at the bottom of the page */
  right: 0px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #131140; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}






/** CSS Celulares **/

@media  all and (min-width: 140.01px) and (max-width: 767.98px) { 

	#header-mobile{
		display:block;
		height:100px;
		background:#0C1431;
	}
	
	#menu, #cabecalho, #cabecalho2, .header, #explicacaosistema img, #telassac img, #telasapp{
		display:none;
	}
	
	.navbar-toggler{
		background:url('imagens/nav.png') no-repeat center;
		min-height:40px;
		min-width:50px;
		border:none;
		float:right;
	}
	
	.navbar{
		width:100%;
		margin-bottom:0px !important;
		padding:20px 10px;
		z-index:99999;
	}
	
	.navbar a{
		color:#FFF;
		text-transform:uppercase;
	}
	
	ul.navbar-nav{
		background:#0C1431;
	}
	
	.banner-info{
		background:url('imagens/slidermob.png') no-repeat;
		width:100%;
		background-size:cover;
		border-top: solid 3px #a6112c;
		min-height:700px;
	}
	
	#bemvindo{
		margin-top:-50px;
	}
	
	#tituloorcamento {
		font-size:24px;
		height:150px;
	}
	
	#telasapp p{
		max-width:49%;
	}
	
	#footer{
		padding-left:40px;
	}
	
	
}

/** CSS TABLETS **/


@media all and (min-width: 768px) and (max-width: 1023px) {
	
	#header-mobile, #slider-mobile, #contato-mobile{
		display:block  !important;
	}
	
	#menu, #cabecalho, #cabecalho2, #contato{
		display:none;
	}
	
	#header-mobile .container{
		width:100% !important;
	}
	
	#header-mobile .container .row{
		margin:0px !important;
	}
	
	#header-mobile .container .row .col-md-12{
		padding:0px !important;
	}
	
	#navbarsExample05 {
		display:none !important;
	}
	
	
	.navbar-toggler{
		background:url('imagens/nav.png') no-repeat center;
		min-height:40px;
		min-width:50px;
		border:none;
		float:right;
		margin-top:30px;
		background-color:#ee8c2b;
	}
	
	.navbar{
		width:100%;
		background:url('imagens/bg-nav.png');
		border-bottom:solid 2px #ee8c2b !important;
		margin-bottom:0px !important;
		padding:20px 10px;
	}
	
	.navbar a{
		color:#FFF;
		text-transform:uppercase;
	}
	
	ul.navbar-nav{
		background:#113562;
	}
	
	
	

}















/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-carda {
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-innera {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.serv28s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-carda:hover .flip-card-innera {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-fronta, .flip-card-backa {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-fronta {
  background-color: #a6112c;
  color: #FFF;
  color: #FFF;
  margin:0px !important;
}

/* Style the back side */
.flip-card-backa {
  background-color: #a6112c;
  color: white;
  transform: rotateY(180deg);
  margin:0px !important;
}

/***********************/

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-cardb {
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-innerb {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.serv28s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-cardb:hover .flip-card-innerb {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-frontb, .flip-card-backb {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-frontb {
  background-color: #162763;
  color: #FFF;
  margin:0px !important;
}

/* Style the back side */
.flip-card-backb {
  background-color: #162763;
  color: white;
  transform: rotateY(180deg);
  margin:0px !important;
}