/*
 Documento CSS da Home
 Criador: Weslei Silveira - www.wesleisilveira.com.br
 Data: 16/10/2017

 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;
	margin-top: 100px;
}

h2 {
	font-family: 'pingpong-medium';
	font-size: 36px;
	line-height: 44px;
	color: #2687E9;
	margin-bottom: 70px;
}

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

h4 {
	font-family: 'pingpong-regular';
	font-size: 26px;
	line-height: 34px;
	color: #4983BB;
}

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

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;
}

/* ------------------------------------------------------------------------------- */
/*  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 small {
	font-family: 'pingpong-light';
	font-size: 14px;
	color: #FFF;
	display: block;
	margin-top: 10px;
}

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

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

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

.hero-v1,
.hero-v2 {
	position: relative;
}

.hero-v1::before,
.hero-v1::after,
.hero-v2::before,
.hero-v2::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	background: #2687E9;
}

.hero-v1::after,
.hero-v2::after {
	width: 75%;
	right: 0;
	bottom: -70px;
	border-bottom-left-radius: 100px;
	background: #4898E8;
	z-index: -1;
}

.hero-v1 h1 {
	font-family: 'pingpong-regular';
	font-size: 42px;
	line-height: 46px;
	margin-top: 138px;
}

.hero-v1 ul {
	margin: 18px auto 38px;
}

.hero-v1 ul li {
	display: inline-block;
	font-family: 'pingpong-medium';
	font-size: 15px;
	line-height: 20px;
	color: #FFF;
	position: relative;
	padding-left: 18px;
	margin-right: 3px;
}

.hero-v1 ul li::before {
	content: '';
	position: absolute;
	left: 7px;
	top: 4px;
	width: 6px;
	height: 12px;
	border: solid #FFF;
		border-top-width: medium;
		border-right-width: medium;
		border-bottom-width: medium;
		border-left-width: medium;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hero-v1 .hero-v1-form-link {
	font-family: 'pingpong-light';
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	margin-top: 20px;
}

.hero-v1 .hero-v1-form-link a {
	font-family: 'pingpong-regular';
	color: #FFF;
}

.hero-v1 .hero-v1-form-link a:hover,
.hero-v1 .hero-v1-form-link a:focus {
	text-decoration: underline;
}

.hero-v1 .hero-v1-box {
	width: 95%;
	background: linear-gradient(233deg, rgba(0, 217, 184, 0.7), #2687E9 140%, #2687E9);
	padding: 61px 0 52px 0;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	margin-top: 120px;
	margin-bottom: 170px;
}

.hero-v1 .hero-v1-box .hero-v1-box-header {
	font-size: 'pingpong-light';
	font-size: 26px;
	line-height: 45px;
	color: #FFF;
}

.hero-v1 .hero-v1-box .hero-v1-box-price {
	width: 295px;
	margin-left: calc(50% - 295px);
	-ms-transform: translateX(50%);
		transform: translateX(50%);
	margin-bottom: 20px;
}

.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-left,
.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-middle,
.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-right {
	font-family: 'pingpong-bold';
	font-size: 40px;
	line-height: 45px;
	color: #FFF;
	float: left;
}

.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-middle {
	font-size: 122px;
	line-height: 85px;
}

.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-right {
	font-size: 55px;
	position: relative;
}

.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-right::after {
	content: 'por mês*';
	font-family: 'pingpong-light';
	font-size: 20px;
	line-height: 45px;
	color: #FFF;
	position: absolute;
	top: 35px;
	right: 0;
}

.hero-v1 .hero-v1-box .hero-v1-box-footer {
	font-family: 'pingpong-medium';
	font-size: 56px;
	line-height: 60px;
	color: #FFF;
	margin-bottom: 26px;
}

.hero-v1 .hero-v1-box .hero-v1-box-footer small {
	font-family: 'pingpong-regular';
	font-size: 32px;
}

.hero-v1 .hero-v1-box .hero-v1-box-footer-link a {
	font-family: 'pingpong-medium';
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	text-decoration: underline;
}

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

.hero-v2 {
	padding-bottom: calc(18 * 8px);
	margin-bottom: calc(18 * 8px);
}

.hero-v2 h1 {
	font-family: 'pingpong-regular';
	font-size: 40px;
	line-height: 54px;
	margin: calc(9 * 8px) auto calc(3 * 8px);
}

.hero-v2 h1 strong {
	font-family: 'pingpong-bold';
}

.hero-v2 ul {
	margin-bottom: calc(6 * 8px);
}

.hero-v2 ul li {
	font-family: 'pingpong-medium';
	font-size: 14px;
	line-height: 19px;
	color: #FFF;
	background: url('../images/check-hero-v2.png') left center no-repeat;
	padding-left: 29px;
	margin-bottom: calc(1 * 8px);
}

.hero-v2 .hero-v2-form-link {
	font-family: 'pingpong-light';
	font-size: 20px;
	line-height: 29px;
	color: #FFF;
	margin-top: calc(2 * 8px);
}

.hero-v2 .hero-v2-form-link a {
	font-family: 'pingpong-regular';
	color: #FFF;
}

.hero-v2 .hero-v2-box {
	position: relative;
	padding-bottom: calc(13 * 8px);
}

.hero-v2 .hero-v2-box::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(21, 108, 194, .47);
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	transform: rotate(-5deg)
}

.hero-v2 .hero-v2-box h2 {
	font-family: 'pingpong-medium';
	font-size: 38px;
	line-height: 50px;
	color: #FFCC26;
	margin: calc(10 * 8px) auto calc(3 * 8px);
}

.hero-v2-box .plan-box-value {
	display: inline-block;
	margin-bottom: calc(6 * 8px);
}

.hero-v2-box .plan-box-value-left,
.hero-v2-box .plan-box-value-middle,
.hero-v2-box .plan-box-value-right {
	float: left;
	font-family: 'pingpong-bold';
	font-size: 33px;
	line-height: 24px;
	color: #FFCC26;
}

.hero-v2-box .plan-box-value-middle {
	font-size: 119px;
	line-height: 47px;
	margin-top: 10px;
}

.hero-v2-box .plan-box-value-right {
	font-size: 59px;
	line-height: 34px;
}

.hero-v2 .hero-v2-box .btn {
	border: 1px solid #FFF;
	color: #FFF;
}

.hero-v2 .hero-v2-box .btn:hover {
	background: rgba(255, 255, 255, 1);
	color: #156CC2;
}

.hero-v2 .hero-v2-plantao {
	margin-top: calc(6 * 8px);
	padding-top: calc(4 * 8px);
	border-top: 1px solid rgba(255, 255, 255, .3);
}

/* ------------------------------------------------------------------------------- */
/*  Hero Fim do Expediente (Manhattan 20%)
/* ------------------------------------------------------------------------------- */

.hero-closing-time.hero {
	height: 560px;
}

.hero-closing-time .stripes {
	-webkit-transform: skewY(0deg);
			transform: skewY(0deg);
}

.hero-closing-time .stripes span {
	-webkit-transform: skewY(-5deg);
			transform: skewY(-5deg);
}

.hero-closing-time h1 {
	font-family: 'pingpong-medium';
	font-size: 48px;
	line-height: 50px;
	color: #FFD54D;
	margin-top: 80px;
	margin-bottom: 30px;
	
}

.hero-closing-time h2 {
	font-family: 'pingpong-regular';
	font-size: 56px;
	line-height: 72px;
	color: #FFF;
	margin: 16px auto 0px;
}

.hero-closing-time h2 strong {
	font-family: 'pingpong-medium';
	color: #FFD54D;
}

.hero-closing-time p {
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 32px;
}

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

.hero-campaing {
	height: 860px; 
	position: relative;
	overflow: hidden;
}

.hero-campaing .hero-campaing-stripes {
	width: 100%;
	height: 100%;
	position: absolute;
    -webkit-transform: skewY(-5deg);
			transform: skewY(-5deg);
	-webkit-transform-origin: 0;
			transform-origin: 0;
}

.hero-campaing .hero-campaing-stripes span {
	height: 860px;
	position: absolute;
}

.hero-campaing .hero-campaing-stripes span:nth-child(1) {
	width: 110%;
	height: 90%;
	top: -11%;
	right: -10%;
	background: #2687E9;
	border-bottom-left-radius: 200px;
}

.hero-campaing .hero-campaing-stripes span:nth-child(3) {
	width: 110%;
	height: 90%;
	top: -11%;
	right: -11%;
	background: transparent;
	border-bottom-left-radius: 200px;
	border: 1px solid #105FAE;
	transform: rotate(2deg)
}

.hero-campaing .hero-campaing-stripes span:nth-child(2) {
    width: 50%;
    height: 600px;
    top: 9%;
    left: 0;
    overflow: hidden;
    border-bottom-left-radius: 200px;
}

.hero-campaing .hero-campaing-stripes span:nth-child(2) > figure {
    position: absolute;
    top: 3%;
    left: 0;
    right: 0;
    bottom: -40px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    -webkit-transform: skewY(5deg);
		transform: skewY(5deg);
}

.hero-campaing .hero-campaing-box {
	position: relative;
	padding: 77px 0 45px;
	margin-top: 150px;
}

.hero-campaing .hero-campaing-box::after {
	content: '';
	position: absolute;
	top: 48%;
	left: -12%;
	background: url('../images/hero-campaing/seta.png') center no-repeat;
	width: 149px;
	height: 75px;
}

.hero-campaing .hero-campaing-box::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .13);
	border-top-left-radius: 54px;
	border-bottom-right-radius: 54px;
	transform: rotate(-5deg)
}

.hero-campaing .hero-campaing-box h1 {
	font-family: 'pingpong-regular';
	font-size: 30px;
	line-height: 35px;
	color: #FFF;
	margin: 0;
	margin-bottom: 52px;
}

.hero-campaing .hero-campaing-box h1 strong {
	font-family: 'pingpong-bold';
	font-size: 41px;
	line-height: 48px;
	color: #FFD54D;
}

.hero-campaing .hero-campaing-box .btn {
	box-shadow: 5px 7.5px 11.1px 2px rgba(0, 73, 146, 0.16);
	border: solid 1px rgba(255, 255, 255, 0.41);
	font-size: 23px;
}

.hero-campaing .hero-campaing-box-link,
.hero-campaing .hero-campaing-box-link a {
	font-family: 'pingpong-regular';
	font-size: 17px;
	line-height: 18px;
	color: #FFF;
	margin-top: 25px;
}

.wrapper.umbrella {
	margin-top: -100px;
}

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

.wrapper.umbrella {
	margin-top: 0;
}

.entrepreneur {
	position: relative;
	padding-bottom: calc(16 * 8px);
}

.entrepreneur .entrepreneur-stripe {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	height: 85%;
	background: #277AE2;
	border-bottom-left-radius: 150px;
	overflow: hidden;
}

.entrepreneur .entrepreneur-stripe span {
	display: block;
	position: absolute;
}

.entrepreneur .entrepreneur-stripe span:nth-child(1) {
	top: 18%;
	left: 7%;
}

.entrepreneur .entrepreneur-stripe span:nth-child(2) {
	bottom: -3%;
	left: 30%;
	transform: rotate(3.71deg);
}

.entrepreneur .entrepreneur-stripe span:nth-child(3) {
	bottom: 0;
	left: 0;
	max-width: 330px;
	background: #0A4E93;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 150px;
	padding: calc(5 * 8px) calc(9 * 8px) calc(8 * 8px) calc(10 * 8px);
}

.entrepreneur .entrepreneur-stripe span:nth-child(3) p {
	font-family: 'pingpong-light';
	font-size: 23px;
	line-height: 50px;
	color: #FFF;
}

.entrepreneur .entrepreneur-stripe span:nth-child(3) p strong {
	font-family: 'pingpong-light';
	font-size: 28px;
}

.entrepreneur .entrepreneur-stripe span:nth-child(3) h3 {
	font-family: 'pingpong-bold';
	font-size: 41px;
	line-height: 36px;
	color: #FFF;
}

.entrepreneur .entrepreneur-stripe span:nth-child(3) h3 strong {
	font-family: 'pingpong-bold';
	font-size: 50px;
}

.entrepreneur .entrepreneur-img-painel {
	margin: calc(7 * 8px) auto calc(4 * 8px);
}

.entrepreneur h1 {
	font-family: 'pingpong-bold';
	font-size: 30px;
	line-height: 31px;
	color: #277AE2;
	margin: 0 auto calc(2 * 8px);
}

.entrepreneur ul li {
	display: list-item;
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 26px;
	color: #4C6E91;
	margin: calc(1 * 8px) auto;
	background: url('../images/entrepeneur/check.png') left center no-repeat;
	padding-left: calc(3 * 8px);
}

.entrepreneur .btn {
	margin: calc(4 * 8px) auto calc(3 * 8px);
}

.entrepreneur .btn-text {
	font-family: 'pingpong-regular';
	font-size: 17px;
	line-height: 32px;
	color: #324f6E;
}

.entrepreneur .btn-text:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------- */
/*  Hero New Branding
/* ------------------------------------------------------------------------------- */

.hero-new-brand {
	background: url('../images/hero-new-brand/bg-hero-new-branding-new.jpg') right top no-repeat #FFF;
	background-size: cover;
	padding: 80px 0 40px;
}

.hero-new-brand h1 {
	font-family: 'pingpong-regular';
	font-size: 36px;
	line-height: 46px;
	color: #333;
	margin-bottom: 36px;
	margin-top: 0;
}

.hero-new-brand h1 strong {
	font-family: 'pingpong-bold';
}

.hero-new-brand .hero-new-brand-price {
	position: absolute;
	top: 40px;
}

.hero-new-brand ul {
	margin-bottom: 26px;
}

.hero-new-brand ul li {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #666;
	background: url('../images/hero-new-brand/icon-check.png') left center no-repeat;
	padding-left: 25px;
	margin: 8px auto;
}

.hero-new-brand .hero-new-brand-form-label {
	font-family: 'pingpong-light';
	font-size: 16px;
	line-height: 32px;
	color: rgba(0, 0, 0, .76);
}

.hero-new-brand .btn {
	font-family: 'pingpong-bold';
	font-size: 16px;
}

.hero-new-brand .form-control::placeholder {
	color: #FFF;
}

.hero-new-brand .hero-new-brand-form-link {
	margin-top: 25px;
}

.hero-new-brand .hero-new-brand-form-link li {
	background: unset;
	padding-left: 0;
}

.hero-new-brand .hero-new-brand-form-link li a {
	font-family: 'pingpong-medium';
	font-size: 14px;
	line-height: 20px;
	color: #666;
	background: url('../images/hero-new-brand/back-new.png') right center no-repeat;
	padding-right: 20px;
}

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

.hero-v3 {
	background: #F4F4F4;
	padding: 78px 0 100px;
}

.hero-v3 .hero-v3-phone {
	font-family: 'pingpong-regular';
	font-size: 14px;
	line-height: 18px;
	color: #000;
	background: url('../images/hero-v3/bg-phone.svg') left center no-repeat;
	padding-left: 18px;
	margin-top: 26px;
}

.hero-v3 .hero-v3-phone strong {
	font-family: 'pingpong-bold';
	color: #0FB9F5;
	padding-left: 5px;
}

.hero-v3 h1 {
	font-family: 'pingpong-bold';
	font-size: 54px;
	line-height: 56px;
	color: #000;
	margin: 54px auto 45px;
}

.hero-v3 .hero-v3-form-label {
	font-family: 'pingpong-light';
	font-size: 14px;
	line-height: 30px;
	color: rgba(0, 0, 0, .68);
}

.hero-v3 .btn {
	font-family: 'pingpong-bold';
	font-size: 16px;
}

.hero-v3 .form-control::placeholder {
	color: #FFF;
}

.hero-v3 .hero-v3-form-link {
	margin-top: 25px;
}

.hero-v3 .hero-v3-form-link li {
	background: unset;
	padding-left: 0;
}

.hero-v3 .hero-v3-form-link li a {
	font-family: 'pingpong-medium';
	font-size: 14px;
	line-height: 20px;
	color: #00AFFA;
	background: url('../images/hero-new-brand/back.png') right center no-repeat;
	padding-right: 20px;
}

.hero-v3 .hero-v3-box {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #FFF;
	padding: 0;
}

.hero-v3 .hero-v3-box h2 {
	font-family: 'pingpong-bold';
	font-size: 20px;
	line-height: 26px;
	color: #000;
	margin: 30px 33px 20px;
}

.hero-v3 .hero-v3-box p {
	font-family: 'pingpong-regular';	
	font-size: 18px;
	line-height: 22px;
	color: #23CAFE;
	margin-left: 33px;
}

.hero-v3 .hero-v3-box .hero-v3-value {
	padding: 3px 33px 20px 33px;
	margin: unset;
}

.hero-v3 .hero-v3-box .hero-v3-value-simble {
	font-family: 'pingpong-medium';
	font-size: 27px;
	line-height: 100%;
	color: #23CAFE;
	float: left;
}

.hero-v3 .hero-v3-box .hero-v3-value-price {
	font-family: 'pingpong-bold';
	font-size: 50px;
	line-height: 36px;
	color: #23CAFE;
	float: left;
	margin-left: 4px;
}

.hero-v3 .hero-v3-box .hero-v3-value-price span {
	font-size: 36px;
}

.hero-v3 .hero-v3-box ul {
	padding-left: 33px;
	padding-bottom: 25px;
}

.hero-v3 .hero-v3-box ul li {
	font-family: 'pingpong-regular';
	font-size: 14px;
	line-height: 24px;
	color: rgba(0, 0, 0, .8);
	background: url('../images/hero-v3/check.svg') left center no-repeat;
	padding-left: 20px;
}

.hero-v3 .hero-v3-box .hero-v3-box-btn {
	font-family: 'pingpong-bold';
	font-size: 18px;
	line-height: 100%;
	color: #FFF;
	background: #19C2FA;
	display: block;
	width: 100%;
	padding: 20px 33px;
}

.hero-v3 .hero-v3-box .hero-v3-box-btn span {
	background: url('../images/hero-v3/back-white.svg') right center no-repeat;
	display: block;
	width: 100%;
}

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

.hero-carnaval {
	position: relative;
}

.hero-carnaval::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 41%;
	height: 100%;
	background: #00A0E0;
}

.hero-carnaval .img-title {
	margin: 120px auto 68px -33px;
}

.hero-carnaval .hero-new-brand-form-label {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 32px;
	color: rgba(0, 0, 0, .68);
}

.hero-carnaval .btn {
	font-family: 'pingpong-medium';
	font-size: 18px;
}

.hero-carnaval .form-register .field-group .btn {
	padding-top: 15px;
	padding-bottom: 15px;
}

.hero-carnaval .form-control::placeholder {
	color: #FFF;
}

.hero-carnaval .hero-new-brand-form-link {
	margin-top: 25px;
}

.hero-carnaval .hero-new-brand-form-link li {
	background: unset;
	padding-left: 0;
	margin-bottom: 15px;
}

.hero-carnaval .hero-new-brand-form-link li a {
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 18px;
	color: #02AAE4;
	background: url('../images/hero-new-brand/back.png') right center no-repeat;
	padding-right: 20px;
}

.hero-carnaval .text-title {
	font-family: 'pingpong-medium';
	font-size: 18px;
	line-height: 23px;
	color: #FFF;
	padding: 42px 0 23px 175px;
}

.hero-carnaval .text-phone {
	font-family: 'pingpong-medium';
	font-size: 23px;
	line-height: 27px;
	color: #FFF;
	padding: 23px 0 42px;
}

.hero-carnaval .video {
	position: relative;
}

.hero-carnaval .video::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 60px;
	background: url('../images/hero-carnaval/serpentina.png') center no-repeat;
	width: 59px;
	height: 69px;
}

/* ------------------------------------------------------------------------------- */
/*  Hero Blue Friday
/* ------------------------------------------------------------------------------- */

.hero-blue-friday {
	background: url('../images/blue-friday/hero-blue-friday-plantao.png') center top no-repeat;
	background-size: cover;
	padding: 120px 0;
}

.hero-blue-friday .hero-blue-friday-content {
	background: url('../images/blue-friday/balao-oferta.svg') right 60px bottom no-repeat;
}

.hero-blue-friday h1 {
	font-family: 'pingpong-bold';
	font-size: 52px;
	line-height: 62px;
	margin: 40px auto 26px;
}

.hero-blue-friday h1 span {
	box-shadow: inset 0px -25px 0px 0px #00aff0;
}

.hero-blue-friday p {
	font-family: 'pingpong-regular';
	font-size: 26px;
	line-height: 30px;
	color: #FFF;
	margin-bottom: 50px;
}

.hero-blue-friday p strong {
	font-family: 'pingpong-bold';
}

/* ------------------------------------------------------------------------------- */
/*  Consulting Blue Friday
/* ------------------------------------------------------------------------------- */

.consulting-blue-friday {
	background: #00aff0;
	padding: 120px 0;
}

.consulting-blue-friday h2 {
	font-family: 'pingpong-regular';
	font-size: 36px;
	line-height: 40px;
	color: #FFF;
	margin: auto;
	margin-bottom: 51px;
}

.consulting-blue-friday .consulting-box {
	margin-top: 80px;
}

.consulting-blue-friday .consulting-box h3 {
	font-family: 'pingpong-bold';
	font-size: 36px;
	line-height: 40px;
	color: #FFF;
	margin-top: 91px;
}

.consulting-blue-friday .consulting-box p {
	font-family: 'pingpong-regular';
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	margin: 50px 0;
}

.consulting-blue-friday .consulting-box .btn-white {
	border: solid 1px #c9d3dd;
	background: #f1f4f9;
	color: #2687e9;
	width: auto;
	display: inline-block;
	padding: 12px 24px;
}

/* ------------------------------------------------------------------------------- */
/*  Countdown
/* ------------------------------------------------------------------------------- */

.countdown {
	background: transparent;
	border: 0;
}

.countdown-affix {
	margin: 50px 0;
}

/* ------------------------------------------------------------------------------- */
/*  Umbrella
/* ------------------------------------------------------------------------------- */

.umbrella .tab-pane p {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #385A7B;
}

.umbrella .tab-pane img {
	height: 600px;
}

.umbrella .tab-pane ul {
	margin: 30px 0;
}

.umbrella .tab-pane ul li {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #385A7B;
	list-style: inside;
}

.umbrella .tab-pane .btn {
	width: 230px;
	display: inline-block;
	margin-bottom: 20px;
}

.umbrella .nav-pills > li > a {
	width: 230px;
	height: 40px;
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #1F8AEB;
	display: inline-block;
	background-color: transparent;
	border: solid 1px #1989EA;
	border-radius: 100px;
	margin-bottom: 10px;
	padding: 11px;
}

.umbrella .nav-pills > li > a:focus,
.umbrella .nav-pills > li > a:hover,
.umbrella .nav-pills > li.active > a,
.umbrella .nav-pills > li.active > a:focus,
.umbrella .nav-pills > li.active > a:hover {
	color: #FFF;
	background-color: #1989EA;
	-webkit-transition: .2s all ease;
	        transition: .2s all ease;
}

.umbrella .nav-pills > li.new::before {
	width: 50px;
	height: 20px;
    font-family: 'pingpong-regular';
    font-size: 10px;
    line-height: 20px;
    color: #FFF;
    content: 'NOVO';
    background: #FFC400;
    position: absolute;
    right: 10px;
    top: -10px;
    z-index: 1;
    border-radius: 100px;
}

.umbrella .form-control {
	height: 50px;
    color: #FFF;
    background: #1989EA;
    border: 0;
}

.umbrella .form-group {
	position: relative;
}

.umbrella .form-group::after {
	font-family: 'fontello';
	font-size: 6px;
    color: #FFF;
    content: '\e834';
    position: absolute;
    right: 8px;
    top: 22px;
}

/* ------------------------------------------------------------------------------- */
/*  Press
/* ------------------------------------------------------------------------------- */

.press {
	background: #FFF;
    padding: 30px 0;
}

.press p {
	line-height: 100%;
	padding: 7% 0;
}

.press ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-ms-flex-align: center;
	   align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.press ul li {
	margin: 10px;
}

.press img {
	height: 40px;
	opacity: 0.5;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: opacity 0.5s ease-in-out;
            transition: opacity 0.5s ease-in-out;
}

.press img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

/* ------------------------------------------------------------------------------- */
/*  Release
/* ------------------------------------------------------------------------------- */

.release h4 {
	margin: 30px 0 20px;
}

.release img {
    -webkit-transition: opacity 0.5s ease-in-out;
    		transition: opacity 0.5s ease-in-out;
}

.release img:hover {
    opacity: 0.8;
}

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

.features {
	padding-top: 30px;
}

.features h3 {
	margin-bottom: 40px;
}

.features p {
	color: #385A7B;
	margin-top: 15px;
}

.features img {
	height: 70px;
	margin: 60px 0 10px;
}

/* ------------------------------------------------------------------------------- */
/*  Accountant
/* ------------------------------------------------------------------------------- */

.accountant {
	padding-bottom: 20px;
}

.accountant h3,
.accountant p {
	color: #FFF;
}

.accountant h4 {
	font-family: 'pingpong-medium';
	color: #FFF;
	margin: 100px 0 20px;
}

.accountant .col-xs-12 p {
	font-size: 18px;
	line-height: 26px;
}

.accountant p strong {
	display: block;
	margin-top: 20px;
}

.accountant img {
	width: 830px;
}

.accountant .btn {
	width: 290px;
	display: inline-block;
	margin: 40px 0;
}

/* ------------------------------------------------------------------------------- */
/*  Resources
/* ------------------------------------------------------------------------------- */

.resources {
	padding-bottom: 0;
}

.resources h5 {
	font-size: 26px;
	line-height: 34px;
}

.resources p {
	font-size: 18px;
	line-height: 26px;
}

.resources a {
	width: 100%;
	height: 130px;
	text-decoration: none;
	background: #FFF;
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 5px;
	box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 10px 10px rgba(0,0,0,.02);
	margin-top: 60px;
	padding-top: 35px;
	padding-left: 130px;
	-webkit-transition: all 0.15s ease;
			transition: all 0.15s ease;
}

.resources a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 10px 10px rgba(0,0,0,.07);
}

.resources img {
	height: 150px;
    position: absolute;
    top: -10px;
    left: -44px;
}

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

.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;
}

/* ------------------------------------------------------------------------------- */
/*  Trial Section
/* ------------------------------------------------------------------------------- */

.trialsection {
	background: #FFF;
	border-top: 1px solid #DCE6EF;
	padding: 60px 0;
}

.trialsection img {
	position: relative;
	top: -8px;
}

.trialsection p {
	font-family: 'pingpong-regular';
	font-size: 16px;
	line-height: 24px;
	color: #385A7B;
}

.trialsection strong {
	font-family: 'pingpong-medium';
	font-size: 22px;
	line-height: 100%;
	color: #385A7B;
}

.trialsection .container {
	height: 50px;
}

