/* GENERAL STYLES *********************************************************************/

* { 
	font-family: 'Montserrat', sans-serif; 
}

a, 
a:link, 
a:visited {
	color: rgba(0,0,0,.4);
}

	a:hover {
		text-decoration: none;
	}

body {
	min-height: 2000px;
	padding-top: 72px;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, 
.h2, .h3, .h4, .h5, .h6  { 
	font-family: 'Montserrat', sans-serif; 
	line-height: 1.3; 
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

	.btn:after {
		content: '';
		position: absolute;
		z-index: -1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

.icon-arrow-right:before {
	content: "\2192";
	margin-top: 3px; 
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.btn-4, 
a.btn-4, 
a.btn-4:visited, 
a.btn-4:link {
	border-radius: 50px;
	border: 3px solid #fff;
	color: #fff;
	overflow: hidden;
}

.btn-4:active {
	border-color: #fff;
	color: #fff;
}

	.btn-4:hover {
		background: rgba(0,0,0,0.1);
		color:#fff;
	}

.btn-4:before {
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
	
	.btn-4:active:before {
		color: #17954c;
	}

.btn-4a:before {
	left: 130%;
	top: 0;
}

	.btn-4a:hover:before {
		left: 80%;
	}

.container {
	max-width: 100%; 
	padding: 0; 
}
.container > .navbar-header {
	margin-left: 15px;
}

.navbar-brand { 
	padding: 5px; 
}

	.navbar-brand img {
		max-width: 190px; 
		margin-top: 5px;
	}
	
	.navbar-toggle {
		margin-top: 20px; 
		margin-right: 35px; 
		}
	
	.navbar-default {
		z-index: 100001; 
		margin: 0;
	}
	
	.nav > li > a {
		padding-right: 10px;
		padding-left: 10px; 
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	 	color: #1b3664;  
	}

footer {
	background: #333;
	padding: 20px 10%;
	text-align: right;
	color: #666;
	font-size: 12px;
	font-style: italic;
}

	footer p {
		margin-bottom:0; 
	}
	
	footer a,
	footer a:visited,
	footer a:link {
		color: rgba(255,255,255,.4);
	}

blockquote.pull-right {
	border:none;
}

blockquote.pull-right small:after {
	content: '';
}


/* SECTION EDIRECTORY *********************************************************************/

section#edirectory { 
	background: rgb(54, 177, 197);
	-webkit-transition: all 750ms linear;
	-moz-transition: all 750ms linear;
	-o-transition: all 750ms linear;
	-ms-transition: all 750ms linear;
	transition: all 750ms linear;
	padding: 9em 10% 0em;
}

	section#edirectory img {
		position: relative;
		margin-top: -105px;
		max-width: 1100px;
		-webkit-animation: moveFromBottom 1500ms ease-in-out;
		-moz-animation: moveFromBottom 1500ms ease-in-out;
		-ms-animation: moveFromBottom 1500ms ease-in-out;
	}	
	
	section#edirectory .btn {
		margin-top: 30px; 
	}
	
	


/* SECTION RECURSOS *********************************************************************/

section#recursos {
	background: #ddd;
	height: auto; 
	overflow: hidden; 
}

	section#recursos h2 {
		color: #333; 
	}

	section#recursos .item {
	}
	
		section#recursos .item h3 {
			color: #333;
			font-size: 24px;
			font-weight: 700;
		}
		
		section#recursos .btn-features {
			display: block;
			width: auto;
			height: auto;
			border-radius: 50%;
			background: #999;
			color: #fff;
			text-align: center;
			font-size: 2em;
			margin: 0 auto;
			padding: 30px 40px;
			font-weight: 300;
			clear: both;
			position: absolute;
			bottom: 0;
			left: 48%;
			z-index: 100;
			
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		
			section#recursos .btn-features:hover {
				background: #bbb;
			}
		
		section#recursos .arrow-more {
			background: url(../images/arrow-more.png) no-repeat 100% 100%;
			position: absolute;
			bottom: 80px;
			left: 35%;
			padding: 60px 80px 0 0;
			color: #999;
			font-weight: bold;
		}

	section#recursos .item p {
		font-size: 1em;
	}



section#usos h2 {
	font-size: 59px;
	margin-bottom: 60px;
}

.lista-de-usos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.lista-de-usos li {
	list-style-type: none;
	margin-right: 50px;
	margin-bottom: 40px;
}

.lista-de-usos li .fas, .lista-de-usos li .far {
	color: #fff;
	font-size: 40px;
	margin-bottom: 5px;
}

.lista-de-usos li a {
	display: flex;
	flex-direction: column;
}

.lista-de-usos p {
	font-size: 16px;
	color: #fff;
}

/* SECTION HOW IT WORKS *********************************************************************/

section#howitworks {
	/*background: rgb(244, 119, 35);*/
	background:#fff;
	padding: 5em 10% 5em; 
	
	/*
	-webkit-animation-name: float;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: float;
	-moz-animation-duration: 60s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	background-image: url(../images/clouds.png);
	*/
}

	section#howitworks h2 {
		color: #333;
		background: #fff;
		z-index: 10;
		position: relative;
		display: inline;
		padding: 0 10px;
	}
	
	.dots-line {
		background-image: url(../images/dots-line-down.png);
		background-repeat: no-repeat;
		background-position: 70% 100%;
		width: 442px;
		display: block;
		height: 253px;
		position: absolute;
		right: 3%;
		bottom: 5%;
	}


section#howitworks-steps{
	height:600px;
	border-bottom: 1px solid #eee;
}



/* SECTION REQUIRED *********************************************************************/

section#required {
	background: #fff;
	position: relative; 
	padding: 7em 10% 0em;
}

	section#required h2 {
		color: #1b3664; 
	}

	section#required .column-steps {
		font-size: 0;
	}
	
		section#required .column-steps img
		{
			max-width: 70%;
		}



/* SECTION ABOUT *********************************************************************/

section#about {
	background:rgb(48, 134, 148); 
	padding: 5em 10% 9em;
}

	section#about p {
		color: rgba(255,255,255,0.7);
	}
	
		section#about p a,
		section#about p a:visited,
		section#about p a:link,
		section#about p strong {
			color: rgba(255,255,255,0.7);
		}
		
		section#about p a:hover {
			color: rgba(255,255,255,0.8);
		}
		
	.flip-up {
		background: url(../images/bg-flipup.png) no-repeat 0 0;
		position: absolute;
		bottom: 27px;
		right: 22px;
		width: 252px;
		height: 284px;
		z-index: 100;
		font-size: 16px;
		padding: 90px 45px 0;
	}
		
	.tie {
		background: url(../images/bg-tie.png) no-repeat 0 0;
		font-size: 16px;
		position: absolute;
		top: -100px;
		left: 30px;
		width: 342px;
		height: 232px;
		padding: 55px 50px 0 20px;
	}




/* SECTION CLIENTS *********************************************************************/

section#clientes {
	background: rgb(253, 189, 23);
	padding: 3em 10% 9em;
}

	section#clientes p {
		margin-bottom: 70px; 
	}
	
	section#clientes .col-md-2,
	section#clientes .col-md-3 {
		line-height: 140px;
		min-height: 140px;
	}
	
		section#clientes .col-md-2 img,
		section#clientes .col-md-3 img {
			max-width: 100%;
		}
	



/* SECTION TESTIMONIAL *********************************************************************/

section#testimonial{ 
	background: rgb(243, 239, 232); 
	padding: 5em 20%;
	height: auto;
	overflow: hidden;
	color: #444;
	font-size: 16px;
}
	
	section#testimonial img {
		margin-bottom:20px; 
	}

	.testimonial-info {
		margin-right: 3%;
		text-align: center;
		float: left; 
	}
	
		.testimonial-info h2 {
			display: block;
			font-size: 24px;
			font-weight: bold;
			padding: 3px 0;
			color: #1b3664;
			font-style: normal; 
			margin:0; 
		}
	
		.testimonial-info span {
			display: inline-block;
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
			-webkit-opacity: 0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter: alpha(opacity=70);
			opacity: 0.7;  
			font-size: 70%;
		}
	
		section#testimonial .quote {
			font-size: 70px;
			line-height: 1;
			opacity: 0.5;
			position: relative;
			top: 15px;
		}
	
			section#testimonial .quote:before {
				content: "\201C"; 
			}
			
	


/* SECTION PRICE *********************************************************************/

section#price {
	background: rgb(2, 30, 47); 
}

	section#price p {
		color: rgba(255,255,255,.5); 
	}
	
	#price .btn {
		margin: 60px 0 0;
		color: #FFF;
	}
	
		#price .btn:hover {
			background-color: #032c45; 
			color: #fff; 
		}
	
	section#price .col-md-8 {
		padding-left: 50px; 
	}
	
	section#price .price-box {
		background: rgba(0,0,0,0.2);
		border-radius: 50%;
		height: 250px;
		width: 250px;
		font-size: 2em;
		float: left;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor:pointer;
	}
	
			section#price .price-box:hover {
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			}
	
		section#price .price-box h5 {
			padding-top: 60px;
			margin: 0;
		}
		
		section#price .price-box p {
			color: rgba(255,255,255,.9);
			margin:0; 
		}
		
		section#price .price-box p.value {
			font-weight: 700;
			padding-bottom: 40px;
		}
		
			section#price .price-box p.value small {
				font-weight: 300;
				font-size: 70%; 
			}
			
			section#price .price-box span {
				color: rgba(255,255,255,0.5);
				font-size: 12px;
				font-style:italic; 
				display:block;
			}
			
	section#price .box1 {
		margin: 15px 0px 0 30px;
	}
	
	section#price .box2 {
		margin: 15px 0px 0 -30px;
	}
	
	section#price .box3 {
		margin: 15px 0px 0 40px;
		z-index: 10;
		position: relative;
		background: rgba(0,0,0,0.4);
	}

	.d-flex {
		display: flex;
		justify-content: center;
	}

	





/* SECTION CONTACT *********************************************************************/

section#contact { 
	background: #eee;
	text-align: left; 
	padding: 5em 10%;
}

	section#contact h2 {
		color: #333; 
	}
	
	section#contact h3 {
		color: #777; 
		margin-bottom: 30px; 
	}
	
	section#contact h4 {
		color: #666; 
		font-size: 20px; 
	}
	
	section#contact p,
	section#contact address p {
		font-size: 15px; 
	}

	section#contact form {
	}
	
		section#contact label {
			color: #666; 
			font-weight: 300; 
		}
		
	section#contact .map {
		margin: 20px auto 40px; 
	}
	
	section#contact .form-control {
		border: 1px solid #ddd; 
		border-radius: 0; 
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		-webkit-box-shadow: none; 
		-moz-box-shadow: none; 
		box-shadow: none; 
	}
	
	section#contact .btn {
		background: #1b3664; 
		border: 3px solid #1b3664;  
		margin: 20px 0 0; 
	}
	
		section#contact .btn:hover {
			background:#eee;
			color:#1b3664; 
		}
		
		section#contact .btn::before {
			color: #1b3664; 
			line-height: 3.1;
		}
	
	section#contact address p {
		margin-bottom: 5px; 
	}
	
	section#contact .pull-right {
		font-size: 16px;
		margin-top: 30px;
		
	}
	
		section#contact .pull-right a,
		section#contact .pull-right a:visited {
			color: #2980b9;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		
		section#contact .pull-right a:hover {
			color: #2e8ecd;
			text-decoration: none;
		}
	




@-webkit-keyframes float {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 1200px 0;
	}
}

@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

.grecaptcha-badge {
	width: 70px!important;
	overflow: hidden!important;
	transition: all .3s ease!important;
	left: 0!important;
}