body {
  /* Margin bottom by footer height 
  margin-bottom: 60px;*/
}
.carregando {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1060;
	background: url('https://vitrinezap.com/lib/imagens/mascara.png');
	position: fixed !important;
}
nav ul li.menu a{
	color: #FFF !important;
}
nav ul li.menu a:hover{
	color: #000 !important;
}
header{
	/*margin-bottom: 56px !important;*/
}
.servicos{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;
}
/*Inicio tamanho icone*/
.tamanh-icone{
	background: #fff;
    color: #444;
    font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.icon-row {
    padding: 5px 0 0px;
}
.ion {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.preview-icon { vertical-align: bottom; }

.preview-scale {
    color: #888;
    font-size: 12px;
    margin-top: 5px;
}

.step {
    display: inline-block;
    line-height: 1;
    position: relative;
    width: 100%;
}
.step i {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.step:hover i { opacity: .3; }
    
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-32 { font-size: 32px; }
.size-48 { font-size: 48px; }
.size-64 { font-size: 64px; }
.size-96 { font-size: 96px; }
/*Fim tamanho icone*/

.depoimento{
	background-color: #0b3774;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.produto{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.cadastro-email{
	border-radius: 0rem;
	margin-bottom: 0rem;	
	color: #FFF;
}
/*deslocamento aparente de um objeto quando se muda o ponto de observação.*/
.paralaxe-email{
	min-height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}
.perg-resp{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
/* Inico Rodape */
html {
  position: relative;
  min-height: 100%;
}
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #FFF;
}
/* Fim Rodape */
.sobre-empresa{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.contato{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.blog{
	background-color: #f9faff;
	border-radius: 0rem;
	margin-bottom: 0rem;
	padding: 2rem 2rem;
}
/*Blog*/
/*Titulo*/
.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/* Blog posts */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}
.blog-text a{
	text-decoration: none;
}

.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 3px 3px rgba(0,0,0,0.2);border-radius:5px;margin-bottom:15px}
.info-box:hover{box-shadow:0 5px 5px rgba(0,0,0,0.5)}
.info-box small{font-size:14px}
.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}
.info-box .progress,.info-box .progress .progress-bar{border-radius:0}
.info-box .progress .progress-bar{background:#fff}
.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}
.info-box-icon>img{max-width:100%}
.info-box-content{padding:5px 10px;margin-left:90px}
.info-box-number{display:block;font-size:16px; font-weight: bold;}
.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.progress-description{color: #F4F4F4;}
.info-box-text{}
.info-box-more{display:block}
.progress-description{margin:0}


.pricingTable{
    background: #fff;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 0 0 40px;
    margin: 0 15px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.pricingTable .pricingTable-header{
    color: #fff;
    background: linear-gradient(to top right,#01ACC0 50%,#00B4C9 50%);
    padding: 30px 0 28px;
    margin: 0 0 15px;
    box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
    outline: 2px solid #fff;
    outline-offset: -15px;
    position: relative;
}
.pricingTable .pricingTable-header:after{
    content: "";
    background: linear-gradient(to top right,#01ACC0 50% ,transparent 50%);
    width: 30px;
    height: 30px;
    box-shadow: -5px 5px 7px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%) rotate(-45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
}
.pricingTable .title{
    color: #fff;
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}
.pricingTable .price-value{
    color: #00abc3;
    margin: 0 0 15px;
}
.pricingTable .price-value .amount{
    font-size: 40px;
    font-weight: 800;
}
.pricingTable .price-value .duration{
    font-size: 15px;
    margin: -5px 0 0;
    display: block;
}
.pricingTable .content-list{
    background: linear-gradient(to top right,#01ACC0 50%,#00B4C9 50%);
    padding: 30px 0;
    margin: 0 0 35px;
    box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
    outline: 2px solid #fff;
    outline-offset: -15px;
    list-style: none;
    position: relative;
}
.pricingTable .content-list:after{
    content: "";
    background: linear-gradient(to top right,#01ACC0 49% ,transparent 50%);
    width: 30px;
    height: 30px;
    box-shadow: -5px 5px 7px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%) rotate(-45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
}
.pricingTable .content-list li{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    text-transform: capitalize;
    padding: 5px 5px 5px 30px;
    margin: 0 19px 10px;
    position: relative;
}
.pricingTable .content-list li:last-child{ margin: 0 15px; }
.pricingTable .content-list li.active{ background: #019AA8; }
.pricingTable .content-list li:before{
    color: #fff;
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    top: 6px;
    left: 8px;
}
.pricingTable .content-list li.active:before{ content: "\f00c"; }
.pricingTable .pricingTable-signup a{
    color: #00abc3;
    font-size: 18px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: calc(100% - 30px);
    padding: 12px 14px;
    border: 2px solid #00abc3;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
    color: #fff;
    background: #00abc3;
    box-shadow: 0 5px 10px  rgba(0, 0, 0, 0.3);
}
.pricingTable.green .pricingTable-header,
.pricingTable.green .content-list{
    background: linear-gradient(to top right,#C3CF01 50%,#C7D400 50%);
}
.pricingTable.green .pricingTable-header:after,
.pricingTable.green .content-list:after{
    background: linear-gradient(to top right,#C3CF01 50%,transparent 50%);
}
.pricingTable.green .price-value{ color: #C3CF01; }
.pricingTable.green .content-list li.active{ background-color: #A9C000; }
.pricingTable.green .pricingTable-signup a{
    color: #C3CF01;
    border-color: #C3CF01;
}
.pricingTable.green .pricingTable-signup a:hover{
    color: #fff;
    background-color: #C3CF01;
}
.pricingTable.yellow .pricingTable-header,
.pricingTable.yellow .content-list{
    background: linear-gradient(to top right,#ff9102 50%,#ff9a1e 50%);
}
.pricingTable.yellow .pricingTable-header:after,
.pricingTable.yellow .content-list:after{
    background: linear-gradient(to top right,#ff9102 50%,transparent 50%);
}
.pricingTable.yellow .price-value{ color: #ff9102; }
.pricingTable.yellow .content-list li.active{ background-color: #e57f0b; }
.pricingTable.yellow .pricingTable-signup a{
    color: #ff9102;
    border-color: #ff9102;
}
.pricingTable.yellow .pricingTable-signup a:hover{
    color: #fff;
    background-color: #ff9102;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 576px){
    .pricingTable{ margin: 0 0 30px; }
}

.faq-content #accordion .panel-title > a.accordion-toggle::before, .faq-content #accordion a[data-toggle="collapse"]::before  {
    content:"−";
    float: left;
	margin-right :1em;
	margin-left:10px;
	color:#fff;
	font-size:20px;
	font-weight:600;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	
	border-radius:50%;
	text-align:center;
	font-size:20px;
	background:#ff9900;

}
.faq-content #accordion .panel-title > a.accordion-toggle.collapsed::before, .faq-content  #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"+";
	color:#fff;
	font-size:20px;
	font-weight:600;
	background:#01ACC0;
}

.faq-content{width:100%;}
.faq-content .panel-heading{padding-left:0px; border-radius:0px !important;}
.faq-content .panel-heading a{text-decoration:none;}
.faq-content .panel{border-radius:0px !important;}
.faq-content .panel-default{}
.faq-content .panel-heading{background:#f3f3f3 !important; color:#666666;}
.faq-content .panel-body{font-size:14px; color:#666666;}
.faq-saelect{background:#f3f3f3; padding:15px; border-bottom:2px solid #666666; float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.faq-saelect span{font-size:16px; color:#333; margin-right:20px;}
.faq-saelect select{border:1px solid #dcdcdc; color:#999999; width:300px; height:40px;}
.faq-content .panel{border-top:none !important; border-right:none !important; border-left:none !important;}
.faq-content .panel-body{border:1px solid #f3f3f3;}