/*
 Documento CSS do Varejo
 Criador: Weslei Silveira - www.wesleisilveira.com.br
 Data: 16/05/2018

 Resolutions:
 col-xs-* ---> mobile
 col-sm-* ---> tablet
 col-md-* ---> laptops
 col-lg-* ---> large monitors
 */

/* ------------------------------------------------------------------------------- */
/*  Typography
/* ------------------------------------------------------------------------------- */

body {
	font-family: 'pingpong-regular';
	position: relative;
}

h1 {
    font-family: 'pingpong-light';
    font-size: 50px;
    line-height: 100%;
    color: #FFF;
}

h2 {
	font-family: 'pingpong-medium';
	font-size: 48px;
	line-height: 56px;
	color: #2687E9;
}

h3 {
	font-family: 'pingpong-medium';
	font-size: 48px;
	line-height: 56px;
	color: #2687E9;
}

h4 {
	font-family: 'pingpong-medium';
	font-size: 26px;
	line-height: 34px;
	color: #385A7B;
}

h5 {
	font-family: 'pingpong-regular';
	font-size: 26px;
	line-height: 34px;
	color: #385A7B;
}

p {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #7F7F7F;
}

p > i {
	font-family: 'pingpong-regular';
	font-weight: normal;
}

strong {
	font-family: 'pingpong-medium';
	font-weight: normal;
}

/* ------------------------------------------------------------------------------- */
/*  Wrapper - Branding
/* ------------------------------------------------------------------------------- */

.wrapper {
	position: relative;
	background: transparent;
	border-bottom: 0;
	padding: 100px 0;
}

/* ------------------------------------------------------------------------------- */
/*  Breadcrumb - Branding
/* ------------------------------------------------------------------------------- */

.breadcrumb {
	margin-top: 100px;
}

.breadcrumb li,
.breadcrumb li a {
	font-family: 'pingpong-regular';
	color: #083451;
}

.breadcrumb > li.active,
.breadcrumb > li.active a {
	color: #FFF;
}

/* ------------------------------------------------------------------------------- */
/*  Navbar Scrolled -Branding
/* ------------------------------------------------------------------------------- */

.navbar-scrolled {
	width: 100%;
	display: block;
    position: fixed;
    top: -72px;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}

.navbar-scrolled .navbar-nav > li > a {
	color: #737A7F;
	padding-left: 25px;
	padding-right: 25px;
}

.navbar-scrolled .navbar-nav > li > a:hover,
.navbar-scrolled .navbar-nav > li > a:focus,
.navbar-scrolled .navbar-nav > li.active > a,
.navbar-scrolled .navbar-nav > li.active > a:hover,
.navbar-scrolled .navbar-nav > li.active > a:focus {
	color: #385A7B;
	background-color: #FFF;
	border-bottom-color: #FFF;
}

.navbar-scrolled.affix {
	min-height: 50px;
	top: 0;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(204,204,204,0.15);
			box-shadow: 0px 1px 5px 0px rgba(204,204,204,0.15);
}

.navbar-scrolled.affix .navbar-nav > li > a,
.navbar-scrolled.affix .navbar-nav > li.active > a {
	padding-bottom: 15px;
	padding-top: 15px;
}

.navbar-scrolled .navbar-nav > li > a.navbar-btn-white {
	border: 1px solid #385A7B !important;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* ------------------------------------------------------------------------------- */
/*  Hero
/* ------------------------------------------------------------------------------- */

.hero {
	width: 100%;
	height: 520px;
	position: relative;
}

.hero-bg {
	background-image: url('../images/bg-hero.jpg');
}

.hero p {
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    margin-top: 20px;
}

.hero .form-register,
.hero a.btn {
    margin-top: 20px;
}

.hero .help-block {
	color: #FFF;
}

/* ------------------------------------------------------------------------------- */
/*  Intro
/* ------------------------------------------------------------------------------- */

.intro p {
    font-size: 20px;
    line-height: 28px;
    color: #2687E9;
}

/* ------------------------------------------------------------------------------- */
/*  Features
/* ------------------------------------------------------------------------------- */

.features {
	text-align: inherit;
}

.features h2 {
	margin: 60px 0 80px;
}

.features p {
	color: #385A7B;
	margin: 10px 0 40px;
}

.features img {
	height: 50px;
	display: block;
	margin: 0 auto;
}

/* ------------------------------------------------------------------------------- */
/*  Register
/* ------------------------------------------------------------------------------- */

.register {
	padding: 120px 0;
	background-image: url('../images/bg-cta.jpg');
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

.register p {
	margin-top: 10px;
}

.register .form-register,
.register a.btn {
    margin-top: 20px;
}

.register a.btn {
	width: 220px;
	display: inline-block;
}

/* ------------------------------------------------------------------------------- */
/*  Testimonials - Branding
/* ------------------------------------------------------------------------------- */

.testimonials-new {
	background: #FFF;
}

.testimonials-new p {
	font-family: 'pingpong-light';
	font-size: 26px;
	line-height: 34px;
	color: #074B7A;
}

.testimonials-new cite {
	font-family: 'pingpong-medium';
	font-size: 14px;
	font-style: normal;
	line-height: 100%;
	color: #387AA7;
	display: block;
	margin: 25px 0 60px;
}

.testimonials-new img {
	max-height: 90px;
	margin-top: 30px;
}

.testimonials-new .quote {
    display: block;
	margin-bottom: 20px;
}

.testimonials-new .quote::before {
    font-family: 'fontello';
    font-size: 40px;
    font-style: normal;
    color: #2687E9;
    display: inline-block;
    content: '\e800';
    -webkit-transform: rotate(180deg);
    		transform: rotate(180deg);
}

.testimonials-new .carousel-navigation {
    width: 100%;
    text-align: center;
    display: block;
}

.testimonials-new .carousel-navigation i {
    font-size: 32px;
    color: #2687E9;
    display: block;
    margin-top: 20px;
}

/* ------------------------------------------------------------------------------- */
/*  Plans
/* ------------------------------------------------------------------------------- */

.plans h3 {
    color: #FFF;
}

.plans p {
    font-size: 18px;
    line-height: 26px;
    color: #FFF;
    margin: 30px 0;
}

.plans .btn {
	width: 230px;
    display: inline-block;
}

.plans .container {
	padding-top: 60px;
	padding-bottom: 30px;
}

/* ------------------------------------------------------------------------------- */
/*  Faq - Branding
/* ------------------------------------------------------------------------------- */

.faq-new::before {
    z-index: 0;
}

.faq-new h4 {
	font-family: 'pingpong-regular';
	font-size: 26px;
	line-height: 34px;
	color: #4983BB;
	margin-bottom: 40px;
}

.faq-new h5 {
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 26px;
	color: #4983BB;
	cursor: pointer;
	position: relative;
	padding-right: 12px;
}

.faq-new h5::after {
	width: 12px;
	font-family: 'fontello';
	content: '\e834';
	font-size: 6px;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
	-webkit-transition: all .35s ease;
			transition: all .35s ease;
}

.faq-new h5.collapsed::after {
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
}

.faq-new p,
.faq-new li {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #7F7F7F;
	margin: 20px 0;
}

.faq-new p > strong {
	font-family: 'pingpong-medium';
	font-weight: normal;
}

.faq-new .panel {
	background-color: transparent;
	border-bottom-color: #DBDBDB;
	border-radius: 0;
	box-shadow: none;
}

.faq-new .panel:last-child {
	border-bottom-color: transparent;
}

.faq-new .panel+.panel {
    margin-top: 0;
}

.faq-new .panel-heading {
	border-radius: 0;
	padding: 20px 0;
}

/* ------------------------------------------------------------------------------- */
/*  About
/* ------------------------------------------------------------------------------- */

.about {
	background: #FFF;
	border-top: 1px solid #DCE6EF;
}

.about h5 {
	font-size: 18px;
	color: #3A7EBB;
}

.about strong {
	font-family: 'pingpong-medium';
}