/*Template Name: Crossway - Startup Landing Page Template

Theme URL: http://themeforest.net/user/DSA79/

Description: Crossway - Startup Landing Page Template

Author: DSA79

Author URL: http://themeforest.net/user/DSA79

Version: 1.0.0

Website: www.dsathemes.com

Tags: responsive, html5 template, one page, landing, startup, business, company, corporate, creative

*/







/* ------------------------------------------ */

/*             TABLE OF CONTENTS

/* ------------------------------------------ */



/*   01 - General & Basic Styles   */

/*   02 - Header & Navigation      */

/*   03 - Intro      			   */

/*   04 - About        			   */

/*   05 - Features                 */

/*   06 - FAQs		               */

/*   07 - Clients                  */

/*   08 - Call to Action           */

/*   09 - Footer         		   */

/*   10 - Scroll to Top	   		   */

/*   11 - Banners                  */







/* ==========================================================================

   01. GENERAL & BASIC STYLES

   ========================================================================== */



#content-wrapper {

	margin-top: 0px;

}



/*------------------------------------------*/

/*	 Parallax Settings

/*------------------------------------------*/



.intro-parallax {

	background-position: center top!important;

	background-repeat: no-repeat;

}



[id^="intro"] {

	/*max-width: 1420px;*/

	margin: 0 auto;

	/*height: 504px;*/

}



section#intro_01{

	background-image:;

}



section#intro_02{

	background-image:;

}



section#intro_03{

	background-image:;

}



.parallax {

	background-attachment: fixed !important;

	background-position: center top!important;

	background-repeat: no-repeat;

	background-size: contain;

}

section#features {

    padding: 0!important;

    background-position: center center!important;

    background-size: cover;

    height: 218px;

}#features {

	background-image: url(../img/img_destaque.jpg);

	background-repeat: no-repeat;

}



#rodape {

height: 40px;

}



/*------------------------------------------*/

/*	 Headers

/*------------------------------------------*/



h1, h2, h3, h4, h5, h6 {

	margin-top: 0;

	margin-bottom: 30px;

	color: #3e3e3e;

}



/*------------------------------------------*/

/*	 Link Setting

/*------------------------------------------*/



a {

	text-decoration: none;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



a:hover {

	color: #2f74cc;

	text-decoration: none;

}



a:focus {

	color: #2f74cc;

	outline: none;

	border: none;

	text-decoration: none;

}



/*------------------------------------------*/

/*	 Lists

/*------------------------------------------*/



ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#porque-investir-text ul {

	margin-left: 20px;

}



#porque-investir-text li {

	position: relative;

    padding: 10px 0 0px 17px;

}



#porque-investir-text li:before {

	position: absolute;

    top: 5px;

    left: 0;

    content: "• ";

    color: #006db8;

    font-size: 24px;

}



ol {

	list-style: none;

  	counter-reset: my-awesome-counter;

}



ol li {

  counter-increment: my-awesome-counter;

}



ol li::before {

  content: counter(my-awesome-counter) ".";

  color: #006db8;

  font-weight: bold;

  margin-right: 5px;

}





#servico-2-text li {

	margin-bottom: 10px;

}



/*------------------------------------------*/

/*	 Section Titlebar

/*------------------------------------------*/



.titlebar {

	margin-bottom: 20px;

}



.titlebar h1 {

	color: #3e3e3e;

	font-weight: normal;

	margin-top: 0;

	margin-bottom: 14px;

}



/*.titlebar p {

	font-family: 'Open Sans', sans-serif;

	font-size: 22px;

	font-weight: 300;

	color: #18354d;

	line-height: 26px;

}*/







/* ==========================================================================

   02. HEADER & NAVIGATION

   ========================================================================== */



/*------------------------------------------*/

/*	 Logo Image

/*------------------------------------------*/



.navbar-brand {

	/*padding: 0 15px 10px;*/

}



/*------------------------------------------*/

/*	 Navigation Menu

/*------------------------------------------*/



.redes-sociais {

	position: absolute;

	top: 20px;

    right: 8px;

}



.redes-sociais img {

	margin-left: 0px;

}



.navbar-collapse {

	margin-top: 60px;

}



.navbar {

	background: #fff;

	position: relative;

}



.navbar-nav > li {

	margin: 0px 25px;

}





.navbar-nav > li:last-child {

	margin-right: 0px;

}



.navbar-nav > li > a {

	color: #3e3e3e;

    display: block;

	padding: 0px;

	font-size: 16px;

	font-family: 'Open Sans', sans-serif;

	text-transform: uppercase;

	font-weight: 600;

	line-height: 22px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.navbar-nav > li > a.selected-nav, .navbar-nav > li > a.selected-nav:hover {

	border-bottom: 2px solid #3e3e3e;

}



.navbar-nav > li > a:hover {

	background: none;

	color: #2f74cc;

}



.navbar-nav li ul{

	display: none;

}



.navbar-nav ul li a{

	padding-left:11px;

	text-transform: uppercase;

}



.submenus:hover > ul{

	display: block;

	position: absolute;

    width: 214px;

    background: #fff;

}



.submenus:hover #content-wrapper{

	margin-top: 20px;

}



/*------------------------------------------*/

/*	 Responsive Menu

/*------------------------------------------*/



.navbar-toggle {

    position: absolute;

    right: 0px;

    top: 0px;

    padding: 0px;

    background-color: none;

    z-index: 9999;

	/*border: 2px solid #65296a;*/

}



.navbar-toggle .icon-bar {

	background-color: #626262;

	height: 3px;

}







/* ==========================================================================

   03. INTRO

   ========================================================================== */



#intro {

	padding-top: 9%;

	padding-bottom: 8%;

	color: #fff;

}



/*------------------------------------------*/

/*	  Intro Section Description

/*------------------------------------------*/



#intro_description {

    float: right;

    width: 100%;

    max-width: 500px;

}



#intro_description h1 {

	font-size: 40px;

	margin-bottom: 30px;

}



.intro_feature {

	margin-bottom: 20px;

}



.intro_feature h4 {

	font-weight: 600;

}



.intro_feature i {

	margin-right: 5px;

}



.intro_feature p {

	font-size: 16px;

	font-family: 'Lato', sans-serif;

	font-weight: 400;

	padding-left: 25px;

}



/*------------------------------------------*/

/*	  Intro Section Button

/*------------------------------------------*/



.intro_button {

	margin-top: 60px;

}



/*------------------------------------------*/

/*	  Register Form

/*------------------------------------------*/



#intro_form {

	padding-top: 54px;

	padding-left: 62px;

}



.form_register {

	width: 100%;

	background: #3e3e3e;

	margin: 0 auto;

    padding: 20px 20px 25px;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



.form_register h2 {

	color: #fff;

    text-align: center;

    line-height: 30px;

	font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.sucesso {

	float: right;

	margin: 10px 30px 0px 0px;

}



.sucesso p {

	font-weight: bold;

	color: #2f74cc;

}



/*------------------------------------------*/

/*	  Register Form Input

/*------------------------------------------*/



.form_register .form-control {

	height: 46px;

	margin-bottom: 20px;

	border: 1px solid #ddd;

	-webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



input[type="text"],

input[type="email"],

textarea {

	color: #444;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



.form_register textarea {

	min-height:130px;

}



/*------------------------------------------*/

/*	   Register Form Error Message

/*------------------------------------------*/



.error {

	color: #fc0000;

	font-size: 13px;

	margin-bottom: 20px;

}







/* ==========================================================================

   04. ABOUT

   ========================================================================== */



#about-1 {

	border-bottom: 1px solid #ddd;

	padding-top: 26px;

	padding-bottom: 42px;

}



/*#about-2 {

	padding-top: 70px;

	padding-bottom: 80px;

}*/



#about-1 .titlebar {

	margin-bottom: 30px;

}



#about-1 h4, #about-2 h4  {

	font-weight: 600;

	margin-bottom: 15px;

}



/*------------------------------------------*/

/*	  About-1 Text

/*------------------------------------------*/



#about-1-text {

	width: 50%;

	padding-top: 42px;

	padding-bottom: 35px;

}



#about-1-text h1 {

	font-weight: normal;

	margin-bottom: 20px;

}



#about-1-text h2 {

	margin-bottom: 5px !important;

}



#about-1-text p {

    font-size: 17px;

    line-height: 24px;

}



#about-1-img {

	float: right;

	width: 42%;

	padding-top: 42px;

}



#servico-1 {

	padding-top: 60px;

	padding-bottom: 16px;

	border-bottom: 1px solid #ddd;

}



#servico-2 {

	padding-top: 70px;

	padding-bottom: 54px;

	border-bottom: 1px solid #ddd;

}



#servico-3 {

	padding-top: 40px;

	padding-bottom: 5px;

}



#servico-1-text {

	padding-top: 0px;

	padding-bottom: 30px;

}



#servico-1-img {

	margin-top: 60px;

}



/*#servico-2-text h1 {

	text-align: right;

}



#servico-2-text p {

	text-align: right;

}*/



#servico-3-text {

	padding-top: 0px;

}



/*------------------------------------------*/

/*	  Accordion

/*------------------------------------------*/



/*#accordion_holder {

	margin-top: 40px;

}*/



.accordion {

	margin-bottom: 40px;

}



#text_1,

#text_2,

#text_3,

#text_4 {

	width: 100%;

	display: block;

	float: left;

	padding: 0;

	margin: 3px 0;

}



.accordion a {

	color: #696969 !important;

	font-size: 16px;

	font-family: 'Lato', sans-serif;

	font-weight: 400;

	line-height: 26px;

	padding: 10px 40px 10px 15px;

	text-decoration: none;

	display: block;

	cursor: pointer;

	background: rgba(170, 170, 170, 0.15) url(../img/icons/open.png) no-repeat center right;

}



.accordion li.active>a {

	background: rgba(170, 170, 170, 0.15) url(../img/icons/close.png) no-repeat center right;

	color: #151515;

	box-shadow: none;

}



/*------------------------------------------*/

/*	  Accordion Answer

/*------------------------------------------*/



.accordion li div {

	float: right;

	background: #fff;

	line-height: 22px;

	padding: 10px;

	margin-bottom: 5px;

	display: block;

	/*clear: both;*/

}

a.baixar {

    background: none;

    padding: 0;

    display: inline;

}



/*------------------------------------------*/

/*	 Video Holder

/*------------------------------------------*/



#video_holder p {

	margin-bottom: 30px;

}



/*------------------------------------------*/

/*	  Video Content Settings

/*------------------------------------------*/



.video-block {

	position: relative;

	padding-bottom: 54.25%;

	padding-top: 20px;

	margin-top: 20px;

	height: 0;

	overflow: hidden;

}



.video-block iframe,

.video-block object,

.video-block embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border:0;

}



/*------------------------------------------*/

/*	 About-2 Text

/*------------------------------------------*/



#about-2-text {

	padding-left: 60px;

}



/*------------------------------------------*/

/*	  Quote

/*------------------------------------------*/



#quote_holder {

	margin-top: 40px;

}



.quote-text {

	background: rgba(170, 170, 170, 0.15);

    border-left: none;

    color: rgba(85, 94, 106, 0.8);

    font-style: italic;

    line-height: 25px;

    margin: 0 0 30px 0;

    padding: 26px;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3);

    -moz-box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3);

    box-shadow: 0 3px 0 rgba(182, 196, 209, 0.3);

}



.quote-text:before {

    border: 14px solid transparent;

    z-index: 3;

    border-top-color: #f2f2f2;

    top: auto;

    right: auto;

    bottom: -28px;

    left: 30px;

}



.quote-text:after {

    border: solid 14px transparent;

    z-index: 2;

    border-width: 18px;

    border-top-color: rgba(182, 196, 209, 0.3);

    top: auto;

    right: auto;

    bottom: -36px;

    left: 26px;

}



.quote-text:before,

.quote-text:after,

.quote-text-up:before,

.quote-text-up:after {

    content: "";

    display: block;

    height: 0;

    width: 0;

    position: absolute;

}



.quote-text a {

    color: #8c989e;

	font-family: 'Lato', sans-serif;

	font-weight: 400;

}



.quote-text a:hover {

    text-decoration: none;

}



/*.flexslider .slides img {

	float: left;

    margin-right: 15px;

    margin-left: 6px;

    width: 75px;

	box-shadow: 0 0 5px rgba(140, 140, 140, 0.8);

    -webkit-border-radius: 1000px;

    -moz-border-radius: 1000px;

    -ms-border-radius: 1000px;

    -o-border-radius: 1000px;

    border-radius: 1000px;

}*/



.quote-author {

    display: inline-block;

    font-size: 13px !important;

    line-height: 65px !important;

}







/* ==========================================================================

   05. FEATURES

   ========================================================================== */



#features {

	padding-top: 150px;

	padding-bottom: 150px;

}



/*------------------------------------------*/

/*	  Feature Box

/*------------------------------------------*/



.feature-box {

	margin-bottom: 50px;

	padding-left: 5px;

	padding-right: 5px;

}



/*------------------------------------------*/

/*	  Feature Box Icon

/*------------------------------------------*/



.feature-box-icon {

    background-color: #666;

    display: block;

    width: 60px;

    height: 60px;

    position: absolute;

    left: 0px;

    top: 10px;

    border-radius: 30px;

    color: #FFF;

    line-height: 60px;

    text-align: center;

    font-size: 30px;

}



/*------------------------------------------*/

/*	  Feature Box Content

/*------------------------------------------*/



.feature-box-content {

	padding-left: 70px;

}



.feature-box-content h4 {

	font-family: 'Lato', sans-serif;

	font-weight: 700;

}







/* ==========================================================================

   06. FAQs

   ========================================================================== */



#faq {

	padding-top: 60px;

	padding-bottom: 50px;

}



/*------------------------------------------*/

/*	  FAQs Titlebar

/*------------------------------------------*/



#faq .titlebar {

	padding-left: 0px;

	margin-bottom: 10px;

}



/*------------------------------------------*/

/*	  FAQs Question

/*------------------------------------------*/



.question {

	width: 94%;

	padding-top: 20px !important;

}



.question h4 {

	font-weight: 600;

}



.question p {

	text-align: justify;

	font-family: 'Lato', sans-serif;

	font-size: 17px;

	color: #696969;

  	margin-top: 0px;

  	line-height: 24px;

}



.cidadania {

    list-style-type: disc;

    list-style-position: inside;

	display: block!important;

}

.question ul, #about-1-text ul {

	font-size: 17px;

	display: block !important;

	list-style:none;

	margin-left: 10px;

}

.question li, #about-1-text li {

	position: relative;

    padding: 5px 0px 0px 17px;

}

.question li:before, #about-1-text li:before {

	position: absolute;

	top: 13px;

    left: 0;

    content: '';

    -webkit-border-radius: 0.375rem;

    border-radius: 0.375rem;

    height: 6px;

    width: 6px;

    background-color: #696969;

}

ul.cidadania{

	display: block!important;

}



div[id^="question_"] + div img,

#accordion_holder img {

	/*width: calc(100% / 3 - 10px);

	float: left;*/

}



div[id^="question_"] + div {

    margin-bottom: 30px;

}



div#question_1 + div img,

div#question_2 + div img {

    width: initial;

    float: left;

}



.row a{

	color: inherit;

}



.row a:focus{

	color: #ccc;

}



/* ==========================================================================

   07. CLIENTS

   ========================================================================== */





#clients {

	padding-top: 60px;

	padding-bottom: 0px;

}



#clients-titlebar {

	position: relative;

}



#clients .container {

	padding-left: 0px;

}



#clients img {

	vertical-align: top;

}



/*------------------------------------------*/

/*	 Clients Carousel Navigation

/*------------------------------------------*/



.customNavigation {

	display: inline-block;

	position: absolute;

	top: 30px;

	right: 57px;

}



.customNavigation .btn {

	padding: 4px 10px;

}



.customNavigation i {

	font-size: 20px;

	color: #fff;

}







/* ==========================================================================

   08. CALL TO ACTION

   ========================================================================== */



#call-to-action {

	padding-top: 100px;

	padding-bottom: 100px;

}



#call-to-action h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 300;

	padding: 0 15%;

	margin-bottom: 15px;

}



#call-to-action p {

	color: #fff;

	font-size: 20px;

	font-family: 'Lato', sans-serif;

	font-weight: 300;

	padding: 0 10%;

	margin-bottom: 30px;

}





/* ==========================================================================

   09. FOOTER

   ========================================================================== */



#footer {

	background-color: #3e3e3e;

	padding: 12px 0 5px;

}



/*------------------------------------------*/

/*	 Footer Navigation

/*------------------------------------------*/



ul.footer-nav{

	float: left;

}



.footer-nav li {

	float: left;

	padding: 5px 8px 10px 0px;

}



.footer-nav li:before {

    margin-right: 10px;

    font-size: 100%;

    top: 1px;

    color: #fff;

}



.footer-nav li:before {

    content: '|';

}



.footer-nav li:first-child:before, .footer-nav li.foo_social:before {

	display: none;

}



.footer-nav li a {

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #fff;

	text-transform: uppercase;

}



.footer-nav li a:hover {

	color: #2f74cc;

}



.foo_social .ico-twitter {

	margin-left: 18px;

}



/*------------------------------------------*/

/*	 Footer Copy

/*------------------------------------------*/



p#footer_copy{

	line-height: 26px;

	color: #fff;

	font-size: 16px;

	font-family: 'Open Sans', sans-serif;

	float: right;

	/*margin-left: 10px;*/

}



/*------------------------------------------*/

/*	 Footer Social Icons

/*------------------------------------------*/



#footer_icons {

	margin:3px 0;

}



.footer-socials {

	display: inline-block;

	float: left;

}



.footer-socials li {

	float: left;

	width: auto !important;

    display: inline-block !important;

    vertical-align: top;

    clear: none !important;

	line-height: 70px;

}



.foo_social {

    /*width: 34px;

    height: 34px;

    background-color: #999;

	-webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;*/

	text-align: center;

	margin: 0px;

    text-decoration: none;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.foo_social a {

	font-size: 20px !important;

	color: #fff;

    line-height: 22px;

}



/*------------------------------------------*/

/*	 Footer Icons Hover

/*------------------------------------------*/



.ico-facebook:hover {/*background-color: #3b5998;*/color: #f8f8f8;}

.ico-twitter:hover {/*background-color: #00a9ed;*/color: #f8f8f8;}

.ico-google-plus:hover {background-color: #cd1111;color: #f8f8f8;}

.ico-linkedin:hover {background-color: #015886;color: #f8f8f8;}

.ico-dribbble:hover {background-color: #d92d84;color: #f8f8f8;}

.ico-instagram:hover {/*background-color: #beb3a8;*/color: #f8f8f8;}

.ico-pinterest:hover {background-color: #ac281a;color: #f8f8f8;}

.ico-dropbox:hover {background-color: #008ad2;color: #f8f8f8;}

.ico-skype:hover {background-color: #00a9ed;color: #f8f8f8;}

.ico-youtube:hover {background-color: #cd1b20;color: #f8f8f8;}

.ico-tumblr:hover {background-color: #3a5976;color: #f8f8f8;}

.ico-vimeo:hover {background-color: #00adee;color: #f8f8f8;}

.ico-flickr:hover {background-color: #d2d2d2;color: #f8f8f8;}

.ico-github:hover {background-color: #222;color: #f8f8f8;}

.ico-renren:hover {background-color: #364a83;color: #f8f8f8;}

.ico-vk:hover {background-color: #3b5998;color: #f8f8f8;}

.ico-xing:hover {background-color: #015f5e;color: #f8f8f8;}

.ico-weibo:hover {background-color: #be4443;color: #f8f8f8;}

.ico-rss:hover {background-color: #ff6600;color: #f8f8f8;}



/*------------------------------------------*/

/*	 Footer Newsletter Form

/*------------------------------------------*/



.subscribe-form {

	margin: 5px auto 0;

    position: relative;

    z-index: 10;

	width: 90%;

}



#newsletter_form p {

	color: #666;

	font-size: 13px;

	line-height: 16px;

	font-family: 'Lato', sans-serif;

	text-align: center;

	margin-top: 10px;

}



.subscribe-input {

	width: 68%;

    height: 30px;

	background-color: #aaa;

	color: #ddd;

	font-size: 14px;

    font-weight: 300;

	padding-left: 10px;

	border: none;

}



.subscribe-submit {

	width: 32%;

	height: 30px;

	background: #383e46;

    color: #fff;

	font-size: 12px;

	font-family: 'Lato', sans-serif;

	font-weight: 700;

	text-decoration:none;

	text-transform: uppercase;

	text-align:center;

    display: block;

    position: absolute;

    top: 0px;

    right: 0px;

    border:none;

    cursor: pointer;

    outline: 0;

	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.subscribe-submit:active {

    outline: 0;

}



.subscribe-submit:hover {

	background: #428bca;

}





/* ==========================================================================

   10. SCROLL TO TOP

   ========================================================================== */



#scrollUp {

	display: none;

	width: 50px;

	height: 50px;

	position: fixed;

	bottom: 30px;

	right: 30px;

	background-image: url(../img/icons/back-to-top.png);

	background-repeat: no-repeat;

	background-position: 50% 48%;

	background-color:#5e5e5e;

	-webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	transition: all 250ms linear;

}



#scrollUp:hover {

	background-color: #5e5e5e;

}



nav a#pull {

    display: none;

}



div#contact {

    display: inline-block;

    float: right;

    margin-top: 30px;

    margin-right: 20px;

}



#contact p {

    font-size: 19px;

    color: #364168;

}



p.whatsapp {

    color: #009688;

}



#porqueinvestir-1 {

	padding: 40px 0px 50px;

}





#faq ul li {

    list-style: square;

    /* background-color: red; */

    margin-left: 33px;

    line-height: 25px;

}