/*
Azul SMALLSOFT
Pantone 306c -> #00b5e2
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* Sizes navs-fixeds */
body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #656565;
}
img {
	max-width: 100%;
	height: auto;
}
h1 {
	font-size: 2.1em;
	color: #000000;
}
h2 {
	padding: 12px 0;
	line-height: 1.6em;
	font-size: 1.2em;
	color: #000000;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
ul li i {
	padding-right: 5px;
}
a {
	cursor: pointer;
}
#header,
#footer {
	width: 100%;
	border: none;
}
.container {
	padding: 20px 45px 185px 45px !important;
}
.alert-dismissible .close {
	position: absolute;
	right: 26px;
	top: auto;
}
.alert {
	margin-top: 20px;
	font-size: 13px;
}
span.text-center {
	display: block;
}
input.maskSerial {
	text-transform: uppercase;
}

/* Backgrounds navs */
.bg-zucchetti {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	z-index: -1;

	background-color: #ffffff !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-position: center !important;
	background-image: url("/resources/imagens/homepage/zucchetti/Cubo_Banner-763.png");
}

@media (min-width: 800px) {
	.bg-zucchetti {
		background-image: url("/resources/imagens/homepage/zucchetti/Cubo_Banner-1201.png");
	}
}
@media (min-width: 1800px) {
	.bg-zucchetti {
		background-image: url("/resources/imagens/homepage/zucchetti/Cubo_Banner-1981.png");
	}
}
@media (min-width: 2000px) {
	.bg-zucchetti {
		background-image: url("/resources/imagens/homepage/zucchetti/Cubo_Banner-2001.png");
	}
}

.body-bg {
	width: 100%;
	/*background: rgba(0,0,0,0.5) url(/resources/imagens/bg-menu.png) repeat;*/
}
.bg-menu {
	/* background: rgba(15, 15, 15, 0.7) url(/resources/imagens/bg-menu.png) repeat; */
	/* background-color: #44c8f5; */
	background-color: rgba(68, 201, 245, 0.9);
}

/* Text Home-Page */
#card-homepage {
	position: fixed;
	width: 50%;
	z-index: 0;
	box-sizing: border-box;
}
#card-homepage .fra-1 {
	margin-bottom: 0px !important;
}
#card-homepage .fra-3 {
	margin-top: 0px !important;
}
#card-homepage .fra-1 .fra-text {
	/*background-color: rgba(44, 76, 135, 0.5);*/
	background-color: rgba(44, 76, 135, 1);
}
#card-homepage .fra-2 .fra-text {
	/*background-color: rgba(44, 135, 59, 0.5);*/
	background-color: rgba(44, 135, 59, 1);
}
#card-homepage .fra-3 .fra-text {
	/*background-color: rgba(135, 44, 44, 0.5);*/
	background-color: rgba(135, 44, 44, 1);
}
#card-homepage .fra-4 .fra-text {
	/*background-color: rgba(53, 196, 236, 0.4);*/
	background-color: rgba(53, 196, 236, 1);
}
#card-homepage .fra-1,
#card-homepage .fra-2,
#card-homepage .fra-3,
#card-homepage .fra-4 {
	width: 100%;
	display: table;
}

#card-homepage .fra-text {
	text-align: justify;
	display: table-cell;
	vertical-align: text-top;
	padding: 5% 5% 0 5%;
	color: #fff;
}
#card-homepage .fra-text h2 {
	margin-top: 0px;
	margin-bottom: 2%;
	padding: 0;
	line-height: 1.1em;
	font-size: 20px;
	font-size: 1.5vw;
	color: #fff;
}
#card-homepage .fra-text p {
	font-size: 12px;
	font-size: 0.9vw;
	margin: 1% 0;
}
#card-homepage .fra-text a {
	text-align: right;
	font-size: 12px;
	font-size: 0.8vw;
	color: #fff;
	padding-bottom: 10px;
}
#card-homepage .fra-text a .glyphicon {
	margin-left: 5px;
}

/* Video */
#bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

/* Box bottom  */
.msg-sistema {
	color: #fff;
	position: fixed;
	left: 10px;
	bottom: 70px;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}
#caixa-comprar {
	position: fixed;
	left: 15px;
	bottom: 11px;
}

/* Brand company */
.navbar-brand {
	width: 176px;
	/* height: 30px; */
	margin: 5px;
	padding: 0 0 0 15px;
	/* background: url(/resources/imagens/logo4.svg) no-repeat center right; */
	background-image: url(/resources/imagens/logo4.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 50px;
}
.navbar-brand img {
	display: none;
}

/* Nav menus */
.navbar {
	margin-bottom: 0px;
}

/* Button mobile menu top */
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle {
	border-radius: 0px;
	padding: 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: 0;
}

/* Menu fixed top */
.navbar-fixed-top .navbar-nav > li > a {
	text-align: center;
	width: 88px;
	padding: 20px 0;
	color: #fff;
}
.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar-fixed-top .navbar-nav > li > a:focus {
	color: #e6e6e6;
	/* background-color: rgba(7, 7, 7, 0.35); */
	background-color: rgba(0, 0, 0, 0.2);
}
.navbar-fixed-top .navbar-nav > .open > a,
.navbar-fixed-top .navbar-nav > .open > a:hover,
.navbar-fixed-top .navbar-nav > .open > a:focus {
	color: #fff;
	/* background-color: rgba(9, 10, 10, 0.34); */
	background-color: rgba(0, 0, 0, 0.2);
}

/* Sub-menu top */
.navbar-nav > li > .dropdown-menu {
	/* background: rgba(15, 15, 15, 0.7) url(/resources/imagens/bg-menu.png) repeat; */
	background-color: rgba(68, 201, 245, 1);
	margin-left: -1px;
	border-radius: 0;
}
.navbar-nav > li > .dropdown-menu > li {
	color: #ffffff;
	border-bottom: solid 1px rgba(238, 238, 238, 0.16);
}
.navbar-nav > li > .dropdown-menu > li:last-child {
	border-bottom: 0;
}
.navbar-nav > li > .dropdown-menu > li > a {
	color: #fff !important;
}
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus {
	background-color: rgba(0, 0, 0, 0.2);
	/* background-color: rgba(68, 201, 245, 0.7); */
}

/* Menu fixed bottom */
.navbar-fixed-bottom {
	text-align: center;
}
.navbar-fixed-bottom .navbar-nav {
	float: none;
	display: inline-block;
	vertical-align: bottom;
	/* margin: 20px 0 20px 15%; */
	margin: 10px 0 10px 0;
}
.navbar-fixed-bottom .navbar-nav > li {
	color: #fff;
	font-size: 14px;
	/* border-left: solid 2px #c0c0c0; */
	/* border-left: solid 2px #fff; */
	padding: 0 10px;
}
.navbar-fixed-bottom .navbar-nav > li > a {
	/* color: #c0c0c0; */
	color: #fff;
	padding: 0;
}
.navbar-fixed-bottom .navbar-nav > li > a:hover,
.navbar-fixed-bottom .navbar-nav > li > a:focus {
	/* color: #fff; */
	color: #c0c0c0;
}
.navbar-fixed-bottom .navbar-nav > li .fa-phone {
	margin-right: 8px;
}

/* Icones TOP */
.scroll-top-wrapper {
	display: none;
	z-index: 99999;
	position: fixed;
	color: #eeeeee;
	width: 50px;
	height: 50px;
	right: 22px;
	bottom: 90px;
	border-radius: 10px;
	line-height: 59px;
	text-align: center;
	cursor: pointer;
	background: rgba(15, 15, 15, 0.7) url(/resources/imagens/bg-menu.png) repeat;
}

/* Panel */
.panel,
.panel-heading {
	border-radius: 0;
}

/* Buttons */
.close:focus {
	outline: none;
}
.btn-send {
	margin-top: 20px;
}
.btn-lg {
	font-size: 16px;
}
.btn i,
.btn-flat i {
	margin-right: 10px;
}

.btn-success {
	color: #ffffff;
	border-color: #5a8e30;
	background: #7ec149;
}
.btn-success:hover {
	background: #6aa839;
}

.btn-primary {
	color: #ffffff;
	border-color: #0ba1d5;
	background: #44c8f5;
}
.btn-primary:hover {
	background: #17baf2;
}

.btn-danger {
	color: #ffffff;
	border-color: #a7221d;
	background: #db3d37;
}
.btn-danger:hover {
	background: #c52923;
}
/* 
#44C8F5 - Azul
#7ec149 - Verde
#db1616 - vermelho
#efd225 - Amarelo

*/
/*
.btn {
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  color: #656565;
  border-color: #cccccc;
  background-color: #ffffff;
  background-image: -webkit-gradient(
    linear,
    left 0%,
    left 100%,
    from(#ffffff),
    to(#e6e6e6)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.15);
}

.btn:active:hover,
.btn.active:hover,
.btn:active:focus,
.btn.active:focus,
.btn:active.focus,
.btn.active.focus,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  outline: none;
  color: #656565;
  border-color: #cccccc;
  background-position: 0 -15px;
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.15);
}

.btn-success {
  color: #ffffff;
  border-color: #4ead00;
  background: #75d428;
  background-image: -webkit-gradient(
    linear,
    left 0%,
    left 100%,
    from(#75d428),
    to(#4ead00)
  );
  background-image: -webkit-linear-gradient(top, #75d428, 0%, #4ead00, 100%);
  background-image: -moz-linear-gradient(top, #75d428 0%, #4ead00 100%);
  background-image: linear-gradient(to bottom, #75d428 0%, #4ead00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75d428', endColorstr='#ff4ead00', GradientType=0);
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background: #75d428;
}
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  border-color: #4ead00;
  background-position: 0 -15px;
  background-color: #4ead00;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  border-color: #007acc;
  background: #00a4db;
  background-image: -webkit-gradient(
    linear,
    left 0%,
    left 100%,
    from(#00a4db),
    to(#007acc)
  );
  background-image: -webkit-linear-gradient(top, #00a4db, 0%, #007acc, 100%);
  background-image: -moz-linear-gradient(top, #00a4db 0%, #007acc 100%);
  background-image: linear-gradient(to bottom, #00a4db 0%, #007acc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a4db', endColorstr='#ff007acc', GradientType=0);
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  border-color: #007acc;
  background-position: 0 -15px;
  background-color: #007acc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}

.btn-danger {
  color: #ffffff;
  border-color: #bd0000;
  background: #ff4a45;
  background-image: -webkit-gradient(
    linear,
    left 0%,
    left 100%,
    from(#ff4a45),
    to(#bd0000)
  );
  background-image: -webkit-linear-gradient(top, #ff4a45, 0%, #bd0000, 100%);
  background-image: -moz-linear-gradient(top, #ff4a45 0%, #bd0000 100%);
  background-image: linear-gradient(to bottom, #ff4a45 0%, #bd0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4a45', endColorstr='#ffbd0000', GradientType=0);
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  border-color: #bd0000;
  background-position: 0 -15px;
  background-color: #bd0000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.25);
}
*/
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.btn-flat {
	font-family: "Open Sans", sans-serif;
	border-radius: 0 !important;
	opacity: 0.9 !important;
	border-width: 0px !important ;
}

.btn-flat:active:hover,
.btn-flat.active:hover,
.btn-flat:active:focus,
.btn-flat.active:focus,
.btn-flat:active.focus,
.btn-flat.active.focus,
.btn-flat:hover,
.btn-flat:focus,
.btn-flat:active,
.btn-flat.active,
.btn-flat.disabled,
.btn-flat[disabled] {
	outline: none;
	color: #ffffff;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* Forms */
label {
	margin: 10px 0 2px 0;
	display: block;
}
textarea {
	resize: none;
}
label.error {
	font-weight: normal;
	font-size: 0.9em;
	color: #fe5656;
	margin-top: 2px;
}
.form-control-static {
	margin-top: 0;
}
.form-control {
	border-radius: 0;
}
.form-control:focus {
	border-color: #000000;
	box-shadow: none;
}
.form-group > .row {
	margin-top: 20px;
}
.form-group .input-group-addon {
	border-radius: 0;
}
.well {
	font-size: 13px;
	border-radius: 0;
	margin-bottom: 2px;
}

/* Box */
.notice {
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
}
.notice-info {
	border-color: #45abcd;
}
.notice-info > strong {
	color: #45abcd;
}

/* Pages */
.pag-novidades,
.pag-contato,
.pag-chamados,
.pag-chamado {
	color: #000000;
}

.pag-cad-revenda {
	background-color: rgba(68, 201, 245, 0.1);
}

/* Sistema */
.pag-sistema h3.title {
	margin-bottom: 40px;
}
.pag-sistema .links-block,
.pag-sistema .grade-sistema,
.pag-sistema .grade-sistema .row {
	margin-top: 35px;
}
.pag-sistema .links-block form {
	display: inline-block;
	margin-right: 10px;
}
.pag-sistema .grade-sistema > .right {
	padding-left: 35px;
}
.pag-sistema .grade-sistema > .left {
	padding-right: 25px;
}
.pag-sistema .grade-sistema p {
	margin-bottom: 25px;
}
.pag-sistema .grade-sistema img {
	padding: 20px 5px;
}
.pag-sistema .links-block a.last-buttom {
	margin-left: 10px;
}

/* Novidades */
.pag-novidades .links-block {
	margin-top: 35px;
}
.pag-novidades .links-block form {
	display: inline-block;
}

/* Revendas */
.pag-revendas #map {
	width: 100%;
	height: 400px;
}
.pag-revendas #map,
.pag-revendas #address {
	margin-top: 35px;
}
.pag-revendas #revendas_proximas > div > div {
	padding-top: 40px;
	padding-left: 0;
}
.pag-revendas #revendas_proximas .rev0 > div {
	padding-top: 20px;
}
.pag-revendas #revendas_proximas > div div.col-sm-3 {
	padding-right: 0;
}
.pag-revendas #revendas_proximas a {
	margin-top: 2px;
	display: block;
	width: 48px;
	height: 49px;
	background: url(/resources/imagens/contato_1.svg) no-repeat center right;
}
.pag-revendas #revendas_proximas a img {
	display: none;
}

/* Sobre */
.pag-sobre {
	color: #ffffff;
}
.pag-sobre .bg-menu {
	margin-top: -1px;
	padding-bottom: 185px;
}
.pag-sobre h3 {
	font-size: 1.6em;
	margin: 35px 0 5px 0;
}

/* Hardware */
.pag-hardware h4 {
	margin-bottom: 15px;
}
.pag-hardware .clearfix {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Downloads */
.pag-downloads .list-downloads {
	margin-top: 40px;
}
.pag-downloads .list-downloads p {
	margin-bottom: 5px;
}
.pag-downloads .list-downloads ul {
	margin-bottom: 25px;
}

/* Pag ECF e SAT */
.pag-ecf .descr-page h4,
.pag-sat .descr-page h4 {
	padding-bottom: 10px;
}
.pag-ecf .descr-page li,
.pag-sat .descr-page li {
	padding: 3px 0;
}
.pag-ecf .descr-page ol,
.pag-sat .descr-page ol {
	padding-left: 20px;
}
.pag-ecf .descr-page ol ul,
.pag-sat .descr-page ol ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Contra-senha */
.image-block img {
	margin-top: 3px;
	margin-bottom: 10px;
}

/* Documentações */
.pag-doc-equipamento table,
.pag-doc-confirmacao table,
.pag-doc-equipamento table tr,
.pag-doc-confirmacao table tr,
.pag-doc-equipamento table tr th,
.pag-doc-confirmacao table tr th,
.pag-doc-confirmacao table tr td {
	border: 0;
	vertical-align: middle;
}
.pag-doc-confirmacao h4 {
	margin: 20px 0 10px 0;
}
.pag-doc-equipamento .msg-danger,
.pag-doc-confirmacao .msg-danger {
	font-size: 13px;
}

.pag-doc-responsavel .btn,
.pag-doc-empresa .btn,
.pag-doc-equipamento .btn,
.pag-doc-envio .btn,
.pag-doc-confirmacao .btn {
	margin: 5px 0;
}

/* Chamados */
.grade-chamados {
	font-family: verdana;
}
.pag-chamados .grade-chamados h2 {
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	margin-bottom: 5px;
}
.pag-chamados .grade-chamados table {
	font-size: 12px;
}
.pag-chamados .grade-chamados table i {
	font-size: 16px;
}
.pag-chamados .grade-chamados table.dados {
	border: 0;
	margin: 0;
	width: auto;
}
.pag-chamados .grade-chamados table.dados tbody > tr > td {
	padding: 2px 5px 2px 0;
	border: 0;
}
.pag-chamados .grade-chamados table.dados tbody > tr > td.title {
	text-align: right;
	font-weight: bold;
}
.pag-chamados .grade-chamados table.suporte {
	margin-bottom: 0;
}
.pag-chamados .grade-chamados table.suporte td {
	cursor: pointer;
}
.pag-chamados .grade-chamados table.total {
	width: auto;
	text-align: center;
}
.pag-chamados .grade-chamados table.total thead > tr > th,
.pag-chamados .grade-chamados table.total tbody > tr > td {
	padding: 2px 5px;
}
.pag-chamados .grade-chamados .copyright {
	margin-top: 25px;
	font-size: 11px;
}

/* Chamado */
.pag-chamado table {
	font-size: 13px;
}
.pag-chamado table tbody > tr > td {
	padding: 2px 5px 2px 0;
	border: 0;
}
.pag-chamado table tbody > tr > td.title {
	width: 60px;
	text-align: right;
	font-weight: bold;
}

/* Loja Início */
.pag-loja-compra .row h1 {
	margin-top: 20px;
	margin-bottom: 50px;
}
.pag-loja-compra .produto-wrapper {
	border-top: 1px double #ccc;
	/*padding: 25px 20px 35px 20px;*/
	padding: 5px 5px 10px 5px;
	vertical-align: middle;
}
.pag-loja-compra .produto-wrapper > div {
	display: inline-block;
	vertical-align: middle;
	/*width: 49%;*/
	float: none;
	width: 100%;
}
.pag-loja-compra .produto-wrapper img {
	max-height: 300px;
	padding-right: 15%;
}
.pag-loja-compra .produto-wrapper button {
	width: 430px;
	text-align: left;
}
.pag-loja-compra .produto-wrapper button strong {
	font-weight: normal;
	float: left;
}
.pag-loja-compra .produto-wrapper button span {
	float: right;
}
.pag-loja-compra .produto-wrapper .select-block,
.pag-loja-compra .produto-wrapper .descricao a,
.pag-loja-compra .produto-wrapper .descricao p {
	margin-bottom: 30px;
}
.pag-loja-compra .produto-wrapper .descricao h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}
.pag-loja-compra .formas-pagamento {
	border-top: 1px double #ccc;
	padding-top: 15px;
}
#msg-carrinho-loja h2 {
	padding: 0;
	margin: 0 0 15px 0;
}

/* Loja Carrinho */
.pag-loja-carrinho .title-top .pull-left h1,
.pag-loja-carrinho .title-top .pull-left h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.pag-loja-carrinho .title-top .pull-right a {
	margin-top: 7px;
}
.pag-loja-carrinho table {
	margin-top: 12px;
	margin-bottom: 0;
}
.pag-loja-carrinho .links-bottom {
	padding-top: 20px;
	border-top: solid 1px #dddddd;
}
.pag-loja-carrinho .links-bottom a {
	margin-top: 10px;
}
.pag-loja-carrinho .links-bottom .btn-success {
	float: right;
}
.pag-loja-carrinho table,
.pag-loja-carrinho table tbody,
.pag-loja-carrinho table tbody td,
.pag-loja-carrinho table tbody td .media,
.pag-loja-carrinho table tbody td .media-body {
	vertical-align: middle;
}
.pag-loja-carrinho table tbody td img {
	padding-right: 8px;
	display: inline-block;
	vertical-align: middle;
}
.pag-loja-carrinho table tbody td a.remover {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.pag-loja-carrinho table tbody td div.descricao {
	display: inline-block;
	vertical-align: middle;
}
.pag-loja-carrinho table tbody td div.descricao p {
	margin-bottom: 0;
}
.pag-loja-carrinho table tbody td div.descricao p.prod_option {
	display: block;
	font-size: 12px;
}
#msg-serial .alert {
	margin: 0;
}
.pag-loja-carrinho table tbody td button i {
	margin-right: 0;
}
.pag-loja-carrinho table tfoot td {
	font-size: 14px;
	padding: 12px 0;
}
.pag-loja-carrinho table tfoot td.vlr_subtotal,
.pag-loja-carrinho table tfoot td.vlr_frete {
	padding-left: 15px;
	font-size: 15px;
}
.pag-loja-carrinho table tfoot td.vlr_total {
	padding-left: 15px;
	font-size: 18px;
}
.pag-loja-carrinho table tbody td.empty-cart {
	padding: 20px 0;
}

/* Loja Login */
.pag-loja-login .panel-body {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.pag-loja-login .panel-body .form-group {
	margin-bottom: 0;
}

/* Loja Pagamento */
.pag-loja-pagamento h1,
.pag-loja-pagamento h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.pag-loja-pagamento .alert {
	margin-bottom: 5px;
}
.pag-loja-pagamento .panel {
	margin-top: 15px;
}
.pag-loja-pagamento .table tbody td {
	vertical-align: middle;
}
.pag-loja-pagamento .table tbody td span {
	display: block;
	font-size: 12px;
}
.pag-loja-pagamento .table tfoot td .text-info {
	font-size: 16px;
	white-space: nowrap;
}
.pag-loja-pagamento .form-group {
	margin: 0;
}
.pag-loja-pagamento .paymentMethod button {
	text-align: left;
	width: 270px;
}
.pag-loja-pagamento .paymentMethod button.boleto {
	margin-left: 20px;
}
.pag-loja-pagamento .PagamentoLojaBoleto,
.pag-loja-pagamento .PagamentoLojaCartao {
	border-top: solid 1px #bce8f1;
	padding-top: 10px;
	margin-top: 15px;
}
.cc-brand {
	margin-top: 2px;
}
.cc-brand .fixe {
	height: 25px;
}
.pag-loja-pagamento .PagamentoLojaBoleto p {
	font-size: 13px;
	margin-bottom: 0;
}
.pag-loja-pagamento .PagamentoLojaBoleto hr {
	margin-top: 25px;
	border-color: #bce8f1;
}

/* Loja Status */
.pag-loja-status h1,
.pag-loja-status h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.pag-loja-status .notice {
	margin: 25px 0;
}
.pag-loja-status .notice .text-info {
	font-size: 16px;
}
.pag-loja-status .notice div.field,
.pag-loja-status .notice div.row div {
	padding-top: 15px;
}

.pag-loja-senha .box-login {
	float: none;
	padding-top: 10px;
	padding-bottom: 25px;
}
.pag-loja-novasenha .box-senha {
	float: none;
	padding-top: 10px;
	padding-bottom: 25px;
}

/* Carrinho top menu */
.cart-dropdown {
	padding: 0;
}
.cart-dropdown li.iten {
	padding: 10px 15px;
	font-size: 13px;
}
.cart-dropdown li {
	text-align: left;
	white-space: nowrap;
}
.cart-dropdown li p {
	margin: 10px;
	text-align: center;
}

/* Sizes tablet */
@media (max-width: 991px) {
	.container {
		padding: 20px 15px 115px 15px;
	}
	#navbar {
		float: none;
	}
	.navbar-fixed-bottom .navbar-nav {
		margin: 20px 0;
		width: 100%;
	}
	.navbar-fixed-bottom .navbar-nav > li {
		float: left;
		width: 25%;
		padding: 0;
		border: 0;
	}
	.pag-loja-compra .produto-wrapper > div {
		width: 100%;
	}
	.pag-loja-compra .produto-wrapper img {
		padding-right: 0;
	}
	.pag-loja-compra .produto-wrapper button {
		width: 100%;
		text-align: left;
	}
	.pag-loja-compra .produto-wrapper button span {
		float: right;
	}
	.pag-sistema .grade-sistema > .right {
		padding-left: 15px;
	}
	.pag-sistema .grade-sistema > .left {
		padding-right: 15px;
	}
	.pag-sobre .bg-menu {
		padding-bottom: 115px;
	}
	.image-block img {
		margin-top: 30px;
	}
	.pag-sistema .links-block a.last-buttom {
		margin-left: 0px;
		margin-top: 10px;
	}
}

/* Sizes mobile */
@media (max-width: 767px) {
	.container {
		padding-top: 0;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	#navbar > ul > li > a {
		width: 100%;
		padding: 10px 0;
	}
	.navbar-nav .open .dropdown-menu {
		border-top: solid 1px rgba(238, 238, 238, 0.16);
		background-color: rgba(9, 10, 10, 0.34);
	}
	.breadcrumb {
		margin-top: 20px;
		white-space: nowrap;
	}
	.btn-lg {
		width: 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	#map {
		height: 190px;
	}
	.pag-sistema .links-block form,
	.pag-novidades .links-block form {
		width: 100%;
	}
	.pag-sistema .links-block a.last-buttom {
		margin-left: 0px;
	}
	.pag-sistema .links-block a,
	.pag-novidades .links-block a {
		margin-top: 20px;
	}
	.pag-sistema .links-block button span,
	.pag-novidades .links-block button span {
		display: none;
	}
	.pag-loja-compra .produto-wrapper button {
		width: 100%;
		text-align: center;
	}
	.pag-loja-compra .produto-wrapper button span {
		float: none;
		display: block;
	}
	.pag-loja-compra .produto-wrapper button i {
		display: none;
	}
	.pag-loja-pagamento .quebra-linha {
		margin-bottom: 15px;
	}
	.pag-loja-pagamento .paymentMethod button {
		width: 100%;
		margin-bottom: 15px;
		padding-left: 10px;
	}
	.pag-loja-pagamento .paymentMethod button.boleto {
		margin-left: 0;
	}
	.pag-sistema .links-block a.last-buttom {
		margin-top: 20px;
	}
	.pag-sistema .links-block a {
		width: 100% !important;
	}
}

/* Produto recomendado */
.pag-loja-add .title-top .pull-left h1,
.pag-loja-add .title-top .pull-left h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.pag-loja-add .title-top .pull-left h1 {
	font-size: 1.6em;
}
.pag-loja-add .title-top .pull-left h2 {
	font-size: 1.1em;
}

.pag-loja-add .prod-wrapper img {
	margin-right: 10px;
}
.pag-loja-add .prod-wrapper p {
	margin-bottom: 0;
}
.pag-loja-add .prod-wrapper p.opcao {
	font-size: 12px;
}
.pag-loja-add .prod-opcional {
	width: 100%;
	margin-top: 15px;
	border: 1px double #e5e5e5;
	padding: 20px;
}
.pag-loja-add .prod-opcional .nomes {
	padding: 20px;
	width: 60%;
}
.pag-loja-add .prod-opcional .nomes h2 {
	margin: 0;
	padding: 0;
}
.pag-loja-add .prod-opcional .nomes p {
	width: 55%;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
.pag-loja-add .prod-opcional .nomes .more {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.pag-loja-add .prod-opcional .add-optional {
	padding: 20px;
	margin-right: 20px;
	background: #f2f2f2;
}
.pag-loja-add .prod-opcional .add-optional input {
	float: left;
	margin-right: 10px;
}
.pag-loja-add .prod-opcional .add-optional label {
	margin: 0;
}
.pag-loja-add .links-bottom {
	padding-top: 20px;
}
.pag-loja-add .links-bottom .btn-success {
	float: right;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*  VIDEO YOUTUBE BACKGROUND  */
* {
	box-sizing: border-box;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 100vh;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-background {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info {
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 1rem;
	font-family: Avenir, Helvetica, sans-serif;
}
.vid-info h1 {
	font-size: 2rem;
	font-weight: 700;
	margin-top: 0;
	line-height: 1.2;
}
.vid-info a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.6s background;
	border-bottom: none;
	margin: 1rem auto;
	text-align: center;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground {
		height: 300%;
		top: -100%;
	}
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground {
		width: 300%;
		left: -100%;
	}
}
@media all and (max-width: 600px) {
	.vid-info {
		width: 50%;
		padding: 0.5rem;
	}
	.vid-info h1 {
		margin-bottom: 0.2rem;
	}
}
@media all and (max-width: 500px) {
	.vid-info .acronym {
		display: none;
	}
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/*
.modal-warning{}
.modal-warning .modal-dialog{
    margin: 0px;
    height: 100%;   
    width: 100%;
}
.modal-warning .modal-content{
    margin: 0px;
    height: 100%;    
}
.modal-warning .modal-header{
    border-radius: 6px 6px 0px 0px;
    background-color: #00b5e2;
    color: #FFFFFF;
}
.modal-warning .modal-header{
    color: #FFFFFF;
    max-height: 10%;    
}
.modal-warning .modal-body{
    background-color: #fff;   
    background-image: url('http://arquivos.smallsoft.com.br.s3.amazonaws.com/site/TempoCerto.png');
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin: 0px;
    padding: 0px;
    height: 100%;
    max-height: 90%;
    width: 100%;
}
.modal-warning #contador{
    color: #00b5e2;    
    text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;
    font-size: calc(2em + 2vw);
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    width: 100%;    
    position: absolute;
    top: 50%;
}
.modal-warning .modal-body p:first-letter{
    font-size:200%;
}
.modal-warning .modal-footer{
    border-radius: 0px 0px 6px 6px;
    padding: 0px;
}
*/
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.carousel-indicators li {
	background-color: #00b5e2;
	border-color: #ffffff;
}
.carousel-indicators li.active {
	background-color: #00b5e2;
	border-color: #000000;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.contador {
	position: absolute;
	z-index: -10;
	margin: 0px;
	padding: 0px;

	background-color: #35c4ec;
	background-image: url("http://arquivos.smallsoft.com.br.s3.amazonaws.com/site/TempoCerto.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;

	color: #ffffff;
	/*text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FFFFFF, 0 -1px #FFFFFF;*/
	/*text-shadow: 1px 1px #000000;*/
	/*font-size: calc(2em + 2vw);*/
	font-size: 6vmin;
	text-align: center;
	font-weight: bolder;
}
.contador #contador {
	position: relative;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.modal-promo .modal-dialog {
	width: 90vw;
	margin: 5vh auto 5vh auto;
	padding: 0;
}

.modal-promo .modal-content {
	height: auto;
	max-height: 90vh;
	border-radius: 6px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.btn-whatsapp {
	z-index: 9999;
	position: fixed;
	right: 16px;
	bottom: 16px;

	width: 64px;
	height: 64px;
}

@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.collapsing {
		overflow: hidden !important;
	}
}

.text-white {
	color: #ffffff !important;
}

.text-bold {
	font-weight: bold;
}