/*
 Documento CSS da Home
 Seguindo os padrões do Bootstrap - http://getbootstrap.com/css/#grid-media-queries
 Criador: Weslei Silveira - www.wesleisilveira.com.br
 Data: 16/10/2017
 */

@media (min-width: 1919px) {

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

	.hero-v3 {
		background: url('../images/hero-v3/hero-v4.jpg') right center no-repeat #F4F4F4;
	}

}

/* ------------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up) - col-lg-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 1200px) {}

/* ------------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up) - col-md-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 992px) {}

/* ------------------------------------------------------------------------------- */
/* Medium devices (tablets landscape) - col-md-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 991px) and (max-width: 1024px) {

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

	.hero-v2 h1 {
		font-size: 36px;
		line-height: 47px;
	}

	.hero-v2 .hero-v2-box h2 {
		font-size: 30px;
	}

	.hero-v2-box .plan-box-value-left {
		font-size: 30px;
	}

	.hero-v2-box .plan-box-value-middle {
		font-size: 100px;
	}

	.hero-v2-box .plan-box-value-right {
		font-size: 45px;
	}

}

/* ------------------------------------------------------------------------------- */
/* Small devices (tablets, 768px and max 991px) - col-sm-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {

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

	.resources a {
		margin-top: 30px;
	}

	
	/* ------------------------------ */
	/* Hero Black Friday
	/* ------------------------------ */

	.hero-black-friday .text-left {
		text-align: center;
	}

	.hero-black-friday h1 {
		line-height: 36px;
	}

	.hero-black-friday ul li {
		text-align: left;
		margin-top: 8px;
		margin-left: 12px;
		padding: 0 0 0 22px;
	}

	.hero-black-friday .hero-discount-value {
		margin: 0 auto 20px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-left,
	.hero-black-friday .hero-discount-value .hero-discount-value-middle,
	.hero-black-friday .hero-discount-value .hero-discount-value-right {
		font-size: 30px;
		line-height: 45px;
	}
	
	.hero-black-friday .hero-discount-value .hero-discount-value-middle {
		font-size: 90px;
		margin-top: 20px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-right {
		font-size: 35px;
		width: 45px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-right::after {
		font-size: 12px;
		width: 45px;
		top: 25px;
	}

	.hero-black-friday .hero-discount-box .hero-discount-box-footer {
		font-size: 24px;
		line-height: 36px;
		margin-top: 10px;
	}

	.hero-black-friday .hero-discount-box .hero-discount-box-footer strong {
		font-size: 34px;
	}

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

	.hero-v1 h1 {
		margin-top: 50px;
	}

	.hero-v1 .hero-v1-box {
		width: 100%;
		margin-bottom: 115px;
	}

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

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

	.hero-v2 .hero-v2-box::after {
		content: '';
		position: absolute;
		width: 200%;
		height: 50px;
		background: #2687E9;;
		top: -10%;
		left: -10%;
	}

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

	.hero-campaing .hero-campaing-box {
		position: relative;
		padding: 40px 0;
		margin-top: -50px;
	}
	
	.hero-campaing .hero-campaing-box::after {
		content: '';
		position: absolute;
		top: -5%;
		right: -5%;
		left: unset;
		background: url('../images/hero-campaing/seta_mobile.png') center no-repeat;
		width: 96px;
		height: 113px;
	}
	
	.hero-campaing .hero-campaing-box::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #2687E9;
		border-top-left-radius: 44px;
		border-bottom-right-radius: 44px;
		transform: rotate(0deg)
	}

	.hero-campaing .hero-campaing-box h1 {
		font-family: 'pingpong-regular';
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 31px;
	}

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

	.entrepreneur .entrepreneur-stripe span:nth-child(1) img {
		width: 290px;
	}
	
	/* ------------------------------ */
	/* Hero New Brand
	/* ------------------------------ */

	.hero-new-brand {
		background: url('../images/hero-new-brand/bg-hero-new-branding-mobile.png') top center no-repeat #ECEFEF;
		background-size: 100%;
		padding-top: 10px;
	}

	.hero-new-brand h1 {
		font-size: 27px;
		line-height: 31px;
		margin-top: 36px;
		margin-bottom: 26px;
	}

	.hero-new-brand ul li {
		font-size: 14px;
		line-height: 20px;
	}

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

	.hero-v3 {
		background: #F6F6F6;
		padding-top: 60px;
		padding-bottom: 80px;
	}

	.hero-v3 h1 {
		font-size: 36px;
		line-height: 40px;
	}

	.hero-v3 .hero-v3-box h2 {
		font-size: 18px;
		line-height: 26px;
		margin: 15px;
	}

	.hero-v3 .hero-v3-box p {
		margin-left: 15px;
	}

	.hero-v3 .hero-v3-box .hero-v3-value {
		padding-left: 15px;
	}

	.hero-v3 .hero-v3-box .hero-v3-value-price {
		font-size: 40px;
		line-height: 30px;
	}

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

	.hero-v3 .hero-v3-box ul {
		padding-left: 15px;
	}

	.hero-v3 .hero-v3-box .hero-v3-box-btn {
		padding-left: 15px;
		padding-right: 15px;
	}

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

	.hero-carnaval {
		margin-bottom: 40px;
	}

	.hero-carnaval::before {
		width: 100%;
		height: 45%;
	}

	.hero-carnaval .img-title {
		margin: 45px auto 43px;
	}

	.hero-carnaval .video {
		margin-bottom: 36px;
	}

	.hero-carnaval .video::before {
		background-size: cover;
		top: -10px;
		left: -8px;
		width: 35px;
		height: 41px;
	}

	.hero-carnaval .hero-new-brand-form-label {
		text-align: left;
	}

	.hero-carnaval .form-register .input-group {
		display: block;
	}

	.hero-carnaval .form-register .form-control {
		border-radius: 3px;
	}

	.hero-carnaval .form-register .field-group .btn {
		width: 100%;
		border-radius: 3px;
		margin-top: 15px;
	}


	/* ------------------------------ */
	/* Hero Blue Friday
	/* ------------------------------ */
	
	.hero-blue-friday {
		padding: 160px 0 60px;
	}

	.hero-blue-friday .text-left.hero-blue-friday-content {
		text-align: left;
		background: unset;
	}
	
	.hero-blue-friday img {
		width: 50%;
	}

	.hero-blue-friday h1 {
		font-family: 'pingpong-medium';
		font-size: 26px;
		line-height: 30px;
		margin: 40px auto 20px;
	}

	.hero-blue-friday h1 span {
		box-shadow: unset;
	}

	.hero-blue-friday p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 50px;
	}

	/* ------------------------------ */
	/* Consulting Blue Friday
	/* ------------------------------ */
	
	.consulting-blue-friday {
		padding: 40px 0 100px;
	}

	.consulting-blue-friday h2 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 0;
	}

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

	.consulting-blue-friday .consulting-box h3 {
		font-size: 22px;
		line-height: 26px;
		margin-top: 0px;
	}
	
	.consulting-blue-friday .consulting-box p {
		font-size: 14px;
		line-height: 22px;
		margin: 30px 0;
	}

	.consulting-blue-friday .consulting-box .btn-white {
		width: 100%;
	}
}

/* ------------------------------------------------------------------------------- */
/* Extra small devices (phones, less than 768px) - col-xs-*
/* ------------------------------------------------------------------------------- */

@media (max-width: 767px) {

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

	h1 {
	    font-size: 42px;
	    line-height: 50px;
	    margin-top: 50px;
	}

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

	.wrapper {
		padding: 50px 0;
	}

	/* ------------------------------ */
	/* Hero Black Friday
	/* ------------------------------ */

	.hero-black-friday::before {
		width: 200%;
		left: -25%;
		/* right: -22%; */
	}

	.hero-black-friday h1 {
		margin-top: 30px;
	}

	.hero-black-friday .hero-discount-box img {
		width: 90%;
		height: auto;
		margin-top: 20px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-left,
	.hero-black-friday .hero-discount-value .hero-discount-value-middle,
	.hero-black-friday .hero-discount-value .hero-discount-value-right {
		font-size: 30px;
	}
	
	.hero-black-friday .hero-discount-value .hero-discount-value-middle {
		font-size: 90px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-right {
		font-size: 35px;
		width: 45px;
	}

	.hero-black-friday .hero-discount-value .hero-discount-value-right::after {
		font-size: 12px;
		width: 45px;
		top: 25px;
	}

	.hero-black-friday .hero-discount-text-right {
		font-size: 35px;
	}

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

	.hero-v1 h1 {
		font-size: 25px;
		line-height: 30px;
		margin-top: 40px;
	}

	.hero-v1 ul li {
		display: list-item;
		margin-bottom: 4px;
		font-family: 'pingpong-regular';
		font-size: 14px;
		line-height: 20px;
		padding-left: 0;
		margin-right: 0;
	}

	.hero-v1 ul li::before {
		display: none;
	}

	.hero-v1 input[type='text']::-webkit-input-placeholder {
		text-align: center;
	}
	.hero-v1 input[type='text']:-moz-placeholder {
		text-align: center;  
	}
	.hero-v1 input[type='text']::-moz-placeholder {
		text-align: center;  
	}
	.hero-v1 input[type='text']:-ms-input-placeholder {
		text-align: center; 
	}

	.hero-v1 .hero-v1-box {
		width: 100%;
		padding: 20px 0 30px 0;
		margin-bottom: 70px;
		margin-top: 60px;
		border-top-right-radius: 50px;
		border-bottom-left-radius: 50px;
	}

	.hero-v1 .hero-v1-box .hero-v1-box-header {
		font-size: 20px;
	}


	.hero-v1 .hero-v1-box .hero-v1-box-price {
		width: 180px;
		margin-left: calc(50% - 180px);
	}

	.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-size: 24px;
		line-height: 40px;
	}

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

	.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-right {
		font-size: 30px;
	}

	.hero-v1 .hero-v1-box .hero-v1-box-price .hero-v1-box-price-right::after {
		font-size: 10px;
		top: 20px;
	}

	.hero-v1 .hero-v1-box .hero-v1-box-footer {
		font-size: 40px;
		line-height: 40px;
	}

	.hero-v1 .hero-v1-box .hero-v1-box-footer small {
		font-size: 22px;
	}

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

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

	.hero-v2 .container {
		overflow: hidden;
	}

	.hero-v2 .hero-v2-title.text-left {
		text-align: left;
	}

	.hero-v2 h1 {
		font-size: 31px;
		line-height: 37px;
		margin: calc(3 * 8px) auto calc(4 * 8px);
	}

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

	.hero-v2 ul li {
		font-size: 12px;
		line-height: 17px;
	}

	.hero-v2 .hero-v2-box {
		padding-bottom: calc(7 * 8px);
		margin-top: calc(2 * 8px);
	}

	.hero-v2 .hero-v2-box::before {
		width: 200%;
		top: -30px;
	}

	.hero-v2 .hero-v2-box::after {
		content: '';
		position: absolute;
		width: 200%;
		height: 40px;
		background: #2687E9;;
		top: -12%;
		left: -10%;
	}

	.hero-v2 .hero-v2-box h2 {
		font-size: 27px;
		margin: calc(3 * 8px) auto calc(1 * 8px);
	}

	.hero-v2 .hero-v2-box h2 strong {
		font-size: 61px;
	}

	.hero-v2-box .plan-box-value-left {
		font-size: 26px;
	}

	.hero-v2-box .plan-box-value-middle {
		font-size: 97px;
	}

	.hero-v2-box .plan-box-value-right {
		font-size: 45px;
	}

	/* ------------------------------ */
	/* Hero Fim do Expediente
	/* ------------------------------ */

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

	.hero-closing-time h1 {
		font-size: 24px;
		line-height: 31px;
		margin-top: 50px;
	}

	.hero-closing-time h2 {
		font-size: 32px;
		line-height: 41px;
	}

	.hero-closing-time p {
		font-size: 14px;
		line-height: 21px;
	}

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

	.hero-campaing .hero-campaing-box {
		position: relative;
		padding: 40px 0;
		margin-top: 10px;
	}
	
	.hero-campaing .hero-campaing-box::after {
		content: '';
		background: none;
	}
	
	.hero-campaing .hero-campaing-box::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #2687E9;
		border-top-left-radius: 44px;
		border-bottom-right-radius: 44px;
		transform: rotate(0deg)
	}

	.hero-campaing .hero-campaing-box h1 {
		font-family: 'pingpong-regular';
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 31px;
	}

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

	.entrepreneur .text-right {
		text-align: right !important;
	}

	.entrepreneur .no-padding-mobile {
		padding: 0;
	}

	.entrepreneur h1 {
		font-size: 27px;
		line-height: 28px;
	}

	.entrepreneur .entrepreneur-text-mobile {
		font-family: 'pingpong-regular';
		font-size: 16px;
		line-height: 24px;
		color: #4C6E91;
	}

	/* ------------------------------ */
	/* Hero New Brand
	/* ------------------------------ */

	.hero-new-brand {
		background: url('../images/hero-new-brand/bg-hero-new-branding-mobile.png') top center no-repeat #ECEFEF;
		background-size: 100%;
		padding-top: 10px;
	}

	.hero-new-brand h1 {
		font-size: 27px;
		line-height: 31px;
		margin-top: 36px;
		margin-bottom: 26px;
	}

	.hero-new-brand ul li {
		font-size: 14px;
		line-height: 20px;
	}

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

	.hero-v3 {
		background: #F6F6F6;
		padding-top: 30px;
	}

	.hero-v3 h1 {
		font-size: 26px;
		line-height: 33px;
		margin: 0 auto 30px;
	}

	.hero-v3 .hero-v3-box {
		margin-top: 55px;
		padding-top: 1px;
	}

	.hero-v3 .hero-v3-box h2 {
		font-size: 18px;
		line-height: 26px;
	}

	.hero-v3 .hero-v3-box .hero-v3-value-price {
		font-size: 40px;
		line-height: 30px;
	}

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

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

	.hero-carnaval {
		margin-bottom: 40px;
	}

	.hero-carnaval::before {
		width: 100%;
		height: 45%;
	}

	.hero-carnaval .img-title {
		margin: 35px auto 43px;
	}

	.hero-carnaval .video {
		margin-bottom: 36px;
	}

	.hero-carnaval .video::before {
		background-size: cover;
		top: -10px;
		left: -8px;
		width: 35px;
		height: 41px;
	}

	.hero-carnaval .hero-new-brand-form-label {
		text-align: left;
	}

	/* ------------------------------ */
	/* Hero Blue Friday
	/* ------------------------------ */
	
	.hero-blue-friday {
		background: url('../images/blue-friday/hero-mobile.jpg') right top no-repeat;
		background-size: cover;
		padding: 160px 0 60px;
	}

	.hero-blue-friday .text-left.hero-blue-friday-content {
		text-align: left;
		background: unset;
	}
	
	.hero-blue-friday img {
		width: 50%;
	}

	.hero-blue-friday h1 {
		font-family: 'pingpong-medium';
		font-size: 26px;
		line-height: 30px;
		margin: 40px auto 20px;
	}

	.hero-blue-friday h1 span {
		box-shadow: unset;
	}

	.hero-blue-friday p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 50px;
	}
	
	/* ------------------------------ */
	/* Consulting Blue Friday
	/* ------------------------------ */
	
	.consulting-blue-friday {
		padding: 40px 0 100px;
	}

	.consulting-blue-friday h2 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 0;
	}

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

	.consulting-blue-friday .consulting-box h3 {
		font-size: 22px;
		line-height: 26px;
		margin-top: 40px;
	}
	
	.consulting-blue-friday .consulting-box p {
		font-size: 14px;
		line-height: 22px;
		margin: 30px 0;
	}

	.consulting-blue-friday .consulting-box .btn-white {
		width: 100%;
	}
	
	/* ------------------------------ */
	/* Countdown
	/* ------------------------------ */

	.countdown-affix {
		margin: 100px 0 20px;
	}

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

	.umbrella .tab-pane ul li {
	    list-style: inherit;
	}

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

	.press p {
		padding: 0 0 10px;
	}

	.press ul {
		-ms-flex-pack: center;
		justify-content: center;
	}

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

	.release p {
		margin-bottom: 30px;
	}

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

	.features {
		padding-bottom: 0px;
	}

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

	.accountant h3 {
		margin-top: 50px;
	}

	.accountant h4 {
		margin-top: 30px;
	}

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

	.resources a {
		margin-top: 30px;
	}

}