/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

@font-face {
    font-family:  'proximanova_regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
	height:100%;
}
body {
	background: #FFF;
	font-family: 'Open Sans', sans-serif;
	color:#262E3A;
	line-height: 22px;
	-webkit-font-smoothing: subpixel-antialiased !important;
	overflow-x:hidden;
}
.btn {
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
	outline:none !important;
}
a{
	color: #427AB3;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
	outline:none !important;
}
a:hover, a:focus {
	color: #274B6E;
	text-decoration: none;
	outline: none !important;
}
.azul {
	color:#274B6E;
}
.azulc {
	color:#427AB3;
}
.amarelo {
	color:#F2BF00;
}
.cinza {
	color:#666666;
}
/* HOME */
#homepage {
	width:100%;
	height:100%;
	background:#211C22;
}
#homepage .logo {
	position:absolute;
	top:80px;
}
#homepage .texto {
	position:absolute;
	top:200px;
	color:#FFF;	
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
}
#homepage .texto h1 {
	font-size: 60px;
	padding:0;
	margin:0;
}
#homepage .texto p {
	margin-top:10px;
	font-size:25px;
}


#homepage .barra {
	width:100%;
	position:absolute;
	background:#427AB3;
	right:0;
	bottom:0;
	padding:25px;
}
#homepage h3 {
	color:#FFF;
	padding:0;
	margin:0;
}
#homepage .btn-primary {
	color:#FFF;
	background:#284B6F;
	border:1px solid #284B6F;
	font-size:18px;
	padding:5px 30px;
	width:100%;
	border-radius:5px;
	text-shadow: 1px 1px 1px #284B6F;
}
#homepage .btn-primary:hover {
	border:1px solid #82A9D0;
	background:#82A9D0 !important;
}

#oquetorna h1 {
	font-size:60px;
	font-weight:lighter;
	padding:0;
	margin:0;
	line-height:55px;
}
#oquetorna .bolinha {
	/*border-radius:50%;*/
	color:#7C9EBF;
	font-size:36px;
}
#oquetorna .media .media-body {
	font-weight:lighter;
}
#oquetorna .media .media-heading {
	font-weight:600;
}
.video-controls {
   position: absolute;
   width: 50px;
   height: 20px;
   cursor: pointer;
   background-color: #FFF;
   border: 1px solid #000;
}

#play-btn {
   left: 5px;
}

#pause-btn {
   left: 5px;
}

#mute-btn {
   left: 60px;
}

#unmute-btn {
   left: 60px;
}

#stop-btn {
   left: 115px;
}

#replay-btn {
   left: 115px;
}
#simples h1 {
	font-size:60px;
	font-weight:lighter;
	padding:0;
	margin:0;
	line-height:55px;
}
#comofunciona h1 {
	font-size:50px;
	font-weight:lighter;
	padding:0;
	margin:0;	
}
#juntese h1{
	font-size:48px;
	font-weight:lighter;
	padding:0;
	margin:0;	
}
#juntese p {
	font-size:20px;
}
#juntese .play-video {
	height:400px;
	position:relative;
	margin:auto;
}
#juntese .feature-wrap {
	position:absolute;
	top:40%;
	left:45%;
}
#juntese .feature-wrap i{
	font-size: 40px;
	height: 105px;
	width: 105px;
	padding-top:0;
	padding-left:0;
	border-radius: 100%;
	line-height: 105px;
	background-color:transparent;
	border:1px solid #284B6F;
	color: #284B6F;
	cursor:pointer;
}
#juntese .feature-wrap i:hover{
	color:#FFF;
	background:#284B6F;
}
#juntese .btn-primary:hover {
	border:1px solid #284B6F;
	background: #284B6F !important;
}
#juntese .btn-primary {
	color:#FFF;
	background:#284B6F;
	border:1px solid #284B6F;
	font-size:18px;
	padding:5px 30px;
	width:100%;
	border-radius:5px;
	text-shadow: 1px 1px 1px #284B6F;
}
#juntese .btn-primary:hover {
	border:1px solid #82A9D0;
	background:#82A9D0 !important;
}

#juntese .seta {
	position:absolute; top:88px; left:85%;
}
#clientes {
	background:#F0F0ED;
	padding:30px;
}
#clientes h1 {
	font-size:45px;
	font-weight:lighter;
	padding:0;
	margin:0;
}
footer {
	background: #121214;
	background: -moz-linear-gradient(top,  #121214 0%, #0c0c0c 100%);
	background: -webkit-linear-gradient(top,  #121214 0%,#0c0c0c 100%);
	background: linear-gradient(to bottom,  #121214 0%,#0c0c0c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121214', endColorstr='#0c0c0c',GradientType=0 ); 
	padding:30px;
	color:#777777;
}
footer h3 {
	color:#FFF;
	padding:0;
	font-size:20px;
	font-weight:lighter;
}

/* CUSTOMS */
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }
.sep-top-h {padding-top:16.9em;}
.sep-bot-l {padding-bottom:10em;}
.sep-top-xs {padding-top: 1.5em;}
.sep-top-sm {padding-top: 2.2em;}
.sep-top-md {padding-top: 3em;}
.sep-top-lg {padding-top: 4.3em;}
.sep-top-1x {padding-top: 5.3em;}
.sep-top-2x {padding-top: 6.5em;}
.sep-top-3x {padding-top: 9.4em;}
.sep-top-4x {padding-top: 11.5em;}
.sep-top-5x {padding-top: 16em;}
.sep-bottom-xs {padding-bottom: 1.5em;}
.sep-bottom-sm {padding-bottom: 2.2em;}
.sep-bottom-md {padding-bottom: 3em;}
.sep-bottom-lg {padding-bottom: 4.3em;}
.sep-bottom-2x {padding-bottom: 6.5em;}
.sep-bottom-3x {padding-bottom: 9.4em;}
.sep-bottom-4x {padding-bottom: 11.5em;}
.sep-bottom-5x {padding-bottom: 16em;}


.slick-prev, .slick-next {
	background:#427AB3;
	height:30px;
	width:30px;
	line-height:0px;
	border-radius:50%;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
}
.slick-prev:hover, .slick-next:hover {
	background:#274B6E;
}

.modal-content {border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;box-shadow: none;border: none;}
.modal-input { border: 1px solid #eee }
.modal-input:focus { border: 1px solid #eee }
.modal-header {background: #284B6F ;color: #fff; border-radius: 1px 1px 0 0;-webkit-border-radius: 1px 1px 0 0;border-bottom: none;}
.modal-header h3{color:#FFF;}
.modal-header .close {margin-top: 0;}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#modaExperimente .form-control {
	border-radius:0;
}
#modaExperimente .form-control:focus {
	border:1px solid #284B6F;
	-webkit-box-shadow: none;
			box-shadow: none;
}
#modaExperimente .btn-primary,
#modaExperimente .btn-primary:focus {
	border-radius: 0;
}
#tooltip {
	position:absolute;
	padding:4px 8px;
	background:#284B6F;
	color:#FFF;
	border-radius:3px;
	font-size:13px;
}