/* 
	Doinn Color: #6577B8
	Doinn Dark: #4a5c9b
*/

/* -------------------------------------------------- */
/* !- Resets */
body { webkit-tap-highlight-color: rgba(255,255,255,.2); }

img { max-width: 100%; height: auto !important; }

::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); }
::selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); }
img::selection { background: 0 0; }
img::-moz-selection { background: 0 0; }


html { width: 100%; height: 100%; }

body { width: 100%; height: 100%; color: #fff; background-color: #404041;
 font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif; }


h1, h2, h3, h4, h5, h6 {
 font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 margin: 0 0 35px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;
}

p { margin: 0 0 25px; font-size: 18px; line-height: 1.5; }

a { color: #9b4898;
 -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
}

a:hover,
a:focus { text-decoration: none; color: #1D3150; }


/* -------------------------------------------------- */
/* !- Helpers */

.static { position: static !important; }
.light { font-weight: 400; }


.btn { text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; 
 -webkit-transition: all .3s ease-in-out; 
    -moz-transition: all .3s ease-in-out; 
         transition: all .3s ease-in-out;
}

.btn-default { border: 1px solid #fff; color: #fff; background-color: transparent; }
.btn-default:hover,
.btn-default:focus { border: 1px solid #4a5c9b; outline: 0; color: #fff; background-color: #1D3150; }




.navbar-custom {
 font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-transform: uppercase; background-color: #fff;
}

.navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(0,0,0,.3) !important; }
.navbar-custom .navbar-brand { font-weight: 700; }
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus { outline: 0; background-color: transparent !important; }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff; }
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active { outline: 0; }

.navbar-custom a { color: #fff; }
.navbar-custom.top-nav-collapse .nav a { color: #404041; }
.navbar-custom.top-nav-collapse .nav a:hover { color: #fff; background-color: #1D3150 !important; }

.navbar-custom .nav li.active { outline: none; background-color: rgba(255,255,255,.3); }
.navbar-custom .nav li a {
 -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
         transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: rgba(255,255,255,.3);
}


.navbar-brand { padding: 6px 0 0 !important; width: 140px; margin-left: 10px; }
.navbar-brand img { max-width: 100%; }
.navbar-toggle { color: #404041 !important; }

.navbar-custom .navbar-collapse.in a { color: #404041; }



.content-section { padding-top: 3em; padding-bottom: 3em; }




.intro {
	position: relative; display: table; width: 100%; height: auto; padding: 100px 0;
	text-align: center; color: #fff;
  background: #000 url(images/intro-2.jpg) no-repeat bottom center scroll;
	-webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}

.intro .intro-body { display: table-cell; vertical-align: middle; }
.intro .intro-body .container { position: relative; }

.intro .intro-body .brand-heading { font-size: 40px; }
.intro .intro-body .intro-text { font-size: 18px; }

.intro .intro-body .btn { position: absolute; bottom: 30px; left: 50%;
	-webkit-transform:translate(-50%, 0%);
	   -moz-transform:translate(-50%, 0%);
	    -ms-transform:translate(-50%, 0%);
	     -o-transform:translate(-50%, 0%);
	        transform:translate(-50%, 0%);
}

.front-logo { margin-bottom: 1em; }
.front-logo img { width: 280px; }


.btn-circle { width: 50px; height: 50px; margin-top: 15px; padding: 7px 16px; border: 2px solid #fff; border-radius: 100%; 
font-size: 24px; color: #fff; background: 0 0;
	-webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus { outline: 0; color: #fff; background: rgba(255,255,255,.1); }
.btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}


section.section { overflow: hidden; }
section.section .container { opacity: 0;
-webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
        transition: all 1000ms ease;

-webkit-transform:translate(0%, 50%);
   -moz-transform:translate(0%, 50%);
    -ms-transform:translate(0%, 50%);
     -o-transform:translate(0%, 50%);
        transform:translate(0%, 50%);
}

section.section.inView .container { opacity: 1;
-webkit-transform:translate(0%, 0%);
   -moz-transform:translate(0%, 0%);
    -ms-transform:translate(0%, 0%);
     -o-transform:translate(0%, 0%);
        transform:translate(0%, 0%);
}


#who { background-color: #1D3150; color: #fff !important; }


#proposition {
	color: #404041;
	background: url(images/bg_piramide.jpg) no-repeat center center scroll;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-shadow: 1px 1px #ccc;
}

.piramide { width: 90%; max-width: 600px; margin: 0 auto; }

#posicionamento { background-color: #fff; }
#posicionamento .bg
{
	background: url(images/fullbi.jpg);
	padding: 0;
	background-size: cover;
}

#posicionamento .leftside
{
	background: #333;
	padding: 20px;
	opacity: 0.8;
    filter: alpha(opacity=80);
    
}
#posicionamento h2{color:#333;}
#posicionamento h4{height: 40px; margin-bottom: 8px; margin-top: 20px;}
#posicionamento p{font-size: 15px; margin-bottom: 4px;}

#posicionamento .hr{padding: 0;}

#posicionamento .bottom{color: #333; padding: 0;}

#posicionamento .green{color:#70e08e; font-size: 20px; font-weight: bold;}
#posicionamento .red{color:#FF0000; font-size: 20px; font-weight: bold;}

hr
{
	border-top: 1px solid #ccc;
}

#contact-form {}
#contact-form .form-control { border-color: transparent; }
#contact-form .alert p { font-size: 1em; }

#contact { background-color: #39609C; }
#contact .content-section { padding: 130px 0; }
#contact address {  }
#contact address p { font-size: 14px; margin: 0; }
#contact address i.fa { margin-right: .5em; }
#contact address a { color: inherit !important; }
#contact address a:hover { text-decoration: underline; }


footer { padding: 30px 0; background-color: #28436D; }
footer p { margin: 0; font-size: 12px; }




/* -------------------------------------------------- */
/* !- MEDIA QUERIES */

@media (max-width:600px) {
	#about .btn { display: block; width: 100%; }
}

@media (min-width:767px) {
	p { margin: 0 0 1.2em; font-size: 20px; line-height: 1.6; }
	.navbar { padding: 20px 0; border-bottom: 0; letter-spacing: 1px; background: 0 0;
 -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	       transition: background .5s ease-in-out,padding .5s ease-in-out;
	}

	.top-nav-collapse { padding: 0; background-color: #fff; }
	.navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(255,255,255,.3); }
	.navbar-brand { padding: 20px 0 !important; width: 140px; }
	.navbar-brand img { visibility: hidden; }
	.top-nav-collapse .navbar-brand { padding: 6px 0 0 !important; width: 120px; }
	.top-nav-collapse .navbar-brand img { visibility: visible; }

	.intro { height: 100%; padding: 0; }
	.intro .intro-body .container { margin-top: -50px; }
	.intro .intro-body .brand-heading { font-size: 100px; }
	.intro .intro-body .intro-text { font-size: 25px; margin: 0; }
	
	.content-section { padding-top: 6em; padding-bottom: 6em; }
} /* @media */



/* -------------------------------------------------- */
/* !- KEYFRAMES */

@-webkit-keyframes pulse {
	0 { -webkit-transform: scale(1); transform: scale(1);  }
	50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-moz-keyframes pulse {
	0 { -moz-transform: scale(1); transform: scale(1); }
	50% { -moz-transform: scale(1.2); transform: scale(1.2); }
	100% { -moz-transform: scale(1); transform: scale(1); }
}
