/*
 Documento CSS da Desenvolvedores
 Criador: Weslei Silveira - www.wesleisilveira.com.br
 Data: 29/01/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-regular';
    font-size: 45px;
    line-height: 100%;
    color: #FFF;
    margin: 10px 0 20px;
}

h2 {
	font-family: 'pingpong-medium';
	font-size: 40px;
	line-height: 48px;
	color: #22282C;
	margin-bottom: 60px;
}

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

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

h5 {
	font-family: 'pingpong-regular';
	font-size: 36px;
	line-height: 100%;
	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: 60px 0;
}

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

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

/* ------------------------------------------------------------------------------- */
/*  Button
/* ------------------------------------------------------------------------------- */

.btn {
	max-width: 260px;
	display: inline-block;
}

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

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

.hero strong {
	font-family: 'pingpong-bold';
	font-size: 24px;
	line-height: 100%;
	color: #FFF;
}

.hero img {
	position: relative;
	bottom: -50px;
}

/* ------------------------------------------------------------------------------- */
/*  Score
/* ------------------------------------------------------------------------------- */

.score {
	background: transparent;
	margin-top: 30px;
	padding: 150px 0;
}

.score h5 {
	font-family: 'pingpong-medium';
	font-size: 46px;
	line-height: 100%;
	color: #00D9B8;
	margin: 15px 0;
}

.score p {
	color: #22282C;
}

.score .btn {
	margin-top: 40px;
}

/* ------------------------------------------------------------------------------- */
/*  Integrate
/* ------------------------------------------------------------------------------- */

.integrate {
	max-height: 570px;
}

.integrate h3 {
	font-family: 'pingpong-medium';
	font-size: 64px;
	line-height: 72px;
	color: #00D9B8;
	margin: 100px 0 10px;
}

.integrate img {
	display: inline-block;
	margin-top: -150px;
}

/* ------------------------------------------------------------------------------- */
/*  Partners
/* ------------------------------------------------------------------------------- */

.partners h3 {
	margin: 50px 0 60px;
}

.partners img {
    opacity: 0.3;
    transition: .2s all ease;
    -webkit-filter: grayscale(100%);
    		filter: grayscale(100%);
}

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

.partners .list-inline > li:nth-child(-n+4) {
	padding: 0 60px 30px 0;
}

.partners .btn {
	margin-top: 30px;
}

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

/* ------------------------------------------------------------------------------- */
/*  Help
/* ------------------------------------------------------------------------------- */

.help h3 {
	color: #FFF;
}

.help .btn {
	margin-top: 20px;
}

.help .stripes {
	height: 120%;
}

.help .container {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* ------------------------------------------------------------------------------- */
/*  Newsletter
/* ------------------------------------------------------------------------------- */

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

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

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

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

.newsletter .container {
	height: 50px;
}

.newsletter .form-newsletter .form-control {
    height: 50px;
}

.newsletter .form-newsletter .field-group .btn {
    width: 204px;
    white-space: nowrap;
    padding: 16px 27px;
}

.newsletter .form-newsletter .form-control-feedback {
	color: #B54848;
	top: 8px;
	right: 204px;
	z-index: 999;
}

.newsletter #form-message h6 {
	font-family: pingpong-medium;
    font-size: 20px;
    line-height: 24px;
    color: #4ABA58;
}

.newsletter #form-message img {
    float: left;
    margin-right: 20px;
}