/*

Landing Zero theme - A free landing page theme from BootstrapZero
http://www.bootstrapzero.com

*/

@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:700);

html, body {width: 100%; height: 100%;}
body {font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; color: #d3d3d3; webkit-tap-highlight-color: #222;}

hr {max-width: 80px; border-width: 3px; opacity: 0.09; margin-top: 15px; margin-bottom: 15px;}
hr.light {border-color: #fff;}

a {color: #9c27b0; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
a:hover, a:focus {color: #9c27c1; outline: 0;}

h1,h2,h3,h4,h5,h6 {font-family: "kyrial-sans-pro", "Roboto", sans-serif;}

.ico::before, .ico::after {font-family: 'Pense-iconset'; vertical-align: -1px;}

p {font-size: 19px; line-height: 1.7; margin-bottom: 20px;}

.wide-space {letter-spacing: 1.6px;}

.ico, .icon-lg {font-size: 50px; line-height: 18px;}

.bg-primary {background-color: #fff;}
.bg-white {background-color: #fff;}
.bg-dark {color: #eee; background-color: #4ec4ce;}

.cursive {font-family: 'Dancing Script', cursive; text-transform: none;}
.text-faded {color: #8d54a1;}
.text-dark {color: #111;}
.text-primary {color: #8d54a1; font-weight: 600;}
.text-yellow {color: #ffd306;}
.text-blue {color: #4ec4ce;}

.modal-content {background-color: #1d1d1d;}

section {padding: 70px 0;}
aside {padding: 50px 0;}
footer {padding: 15px;}

.no-padding {padding: 0;}

nav#topNav {padding: 15px;}
nav#topNav.affix-top {background-color: rgba(0,0,0,0.4);}

.navbar-nav {margin: 0;}

.container-fluid {padding: 0; height: 100%;}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header {margin: 0; padding: 0 15px;}

.navbar-default {border-color: rgba(35,35,35,.05); font-family: 'kyrial-sans-pro' ,'Questrial','Helvetica Neue',Arial,sans-serif; background-color: #222; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}

.navbar-brand {height: 100%; padding: 0; margin-right: 15px;}
.navbar-default .navbar-header .navbar-brand a img {width: auto; height: 100%;}

.navbar-header > .navbar-brand {font-family: 'Questrial','Helvetica Neue',Arial,sans-serif; color: #9c27b0; -webkit-transition: padding .2s ease-in; -moz-transition: padding .2s ease-in; transition: padding .2s ease-in;}

.navbar-header > .navbar-brand:hover,
.navbar-header > .navbar-brand:focus {color: #8b27b0;}

.navbar-toggle {padding: 14px 10px; margin: 6px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #EEE;}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background-color: #181818;}

.navbar-default .navbar-collapse {border: 0; margin: 0;}
.navbar-default .navbar-toggle {border: 0;}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {text-transform: uppercase; font-size: 15px; font-weight: 500; color: #eee;}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {color: #ffd306;}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {color: #ffd306 !important; background-color: transparent;}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {background-color: transparent;}


@media (min-width: 769px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {margin-left: 0;}
}

@media only screen and (min-width: 768px) {

	.navbar-default {border-color: transparent; background-color: transparent; min-height: 60px;}

	.navbar-header > .navbar-brand {color: rgba(255,255,255,0.7);}

	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {color: #f4f4f4;}

	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus {color: rgba(255,255,255,0.9); padding: 20px; letter-spacing: 1.1px; text-shadow: 1px 1px 1px rgba(60,60,60,0.7);}

	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus:hover {color: #ffd306;}

	.navbar-default.affix {border-color: rgba(34,34,34,.05); background-color: #222;}

	.navbar-default.affix .navbar-header .navbar-brand {font-size: 15px; color: #9c27b0; padding: 5px 5px 5px 19px; letter-spacing: 1px;}
	.navbar-default.affix .navbar-header .navbar-brand:hover,
	.navbar-default.affix .navbar-header .navbar-brand:focus {color: #8b27b0;}

	.navbar-default.affix .nav > li > a,
	.navbar-default.affix .nav > li > a:focus {color: #ddd; text-shadow: 1px 1px 1px rgba(30,30,30,0.7);}

	.navbar-default.affix .nav > li > a:hover,
	.navbar-default.affix .nav > li > a:focus:hover {color: #ffd306;}

}

header {width: 100%; height: 100%; min-height: auto; position: relative; padding-top: 80px; text-align: center; color: #fff; background-color: #c9c9c9; background-image: url('../assets/bg-video.jpg'); background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center;}
header .header-content {position: relative; width: 100%; text-align: center; z-index: 2; padding: 100px 25px; display: -webkit-flex; display: flex; display: -ms-flexbox; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

header .header-content .inner.bloco1 {width: 60%;  text-align: left; padding: 0 40px 0 0;  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
header .header-content .inner.bloco2 {width: 30%; background-color: rgba(0,0,0,0.3);  padding: 0 40px 40px;  border-radius: 10px; text-align: left;}

header .header-content .inner h1 {font-weight: 600;}
header .header-content .inner p {margin-bottom: 50px; font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.7);}

#video-background {position: absolute;right: 0; bottom: 0;min-width: 100%; min-height: 100%;width: auto; height: auto;z-index: 1;}
#video-background.collapsing {display:none;}



form#frmLogin {margin-top: 45px;}


/*Maiores que 980*/


@media only screen and (max-width: 980px){

	header .header-content .inner.bloco1 {width: 45%;}
	header .header-content .inner.bloco2 {width: 35%;}
	header .header-content .inner h1 {font-size: 40px;}
	header .header-content .inner h2 {font-size: 30px; padding-top: 10px;}

}


@media only screen and (max-width: 768px){

	nav#topNav.affix-top .navbar-nav {background-color: rgba(0,0,0,0.8);}

	.navbar-default .navbar-collapse {margin-top: 7.5px;}

	header {height: auto; min-height: auto; padding-top: 20px;}
	header .header-content .inner.bloco1 {width: 80%; margin: 0 auto; text-align: center; justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; margin-bottom: 60px; padding: 0 30px;}
	header .header-content .inner.bloco2 {width: 80%; margin: 0 auto; text-align: center;}
	header .header-content .inner h1 {font-size: 33px; text-shadow: 1px 1px 10px #666;}
	header .header-content .inner h2 {font-size: 25px;}

	form#frmLogin {margin-top: 20px;}
}

@media only screen and (max-width: 460px){

	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header {margin: 0; padding: 0;}
	
	.navbar-default .navbar-collapse {margin-top: 7.5px;}

	a.btn.btn-primary.btn-xl.page-scroll {font-size: 16px;}

	header .header-content {padding: 100px 15px;}
	header .header-content .inner.bloco1 {width: 100%; margin-bottom: 20px; padding: 0px;}
	header .header-content .inner.bloco2 {width: 100%;}
	header .header-content .inner h1 {font-size: 8vw;}
	header .header-content .inner h2 {font-size: 25px;}

	form#frmLogin {margin-top: 20px;}

}

.form-control {display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.5; color: #eee; background-color: #36333d!important; background-image: none; border: 0px solid #36333d; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {color: #222; background-color: #ccc; box-shadow: none;}

textarea {resize: none;}

.margin-top-0 {margin-top: 0;}

.feature {margin: 50px auto 0; max-width: 400px;}

@media only screen and (min-width: 992px) {
	.feature {margin: 20px auto 0;}
}

.feature p {margin-bottom: 0;}

.call-to-action h2 {margin: 0 auto 20px;}

.gallery-box {display: block; position: relative; margin: 0 auto; max-width: 650px; overflow:hidden;}
.gallery-box .gallery-box-caption {display: block; position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; color: #fff; opacity: 0; background: rgba(44,44,44,.8); -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.gallery-box .gallery-box-caption .gallery-box-content {position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%);}
.gallery-box:hover .gallery-box-caption {opacity: 1;}
.gallery-box:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.gallery-box img {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

.no-gutter > [class*=col-] {padding-right: 0; padding-left: 0;}

.btn-default {border-color: #fff; color: #fff; background-color: #8d54a1; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {border-color: #ededed; color: #222; background-color: #f2f2f2; opacity: 0.7;}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {background-image: none;}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {border-color: #fff; background-color: #fff; opacity: 0.7;}

.btn-default .badge {color: #fff; background-color: #222;}

.btn.btn-primary {background-color: transparent; border:1px solid #f0f0f0; border-color:#f0f0f0; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; margin-top: 20px;}
.btn.btn-primary:hover {color: #ffd306;}

.btn {border: 0; border-radius: 290px; font-family: 'Helvetica Neue',Arial,sans-serif;}
.btn-xl {padding: 15px 30px; font-size: 20px;}

::-moz-selection {text-shadow: none; color: #fff; background: #222;}
::selection {text-shadow: none; color: #fff; background: #222;}

img::selection {color: #fff; background: 0 0;}
img::-moz-selection {color: #fff; background: 0 0;}

.overlay {background: url(../video/overlay.png); opacity: 1; position: absolute; left: 0; top: 0; right: 0; z-index: 1; width: 100%; height: 100%;}



.form-control {width: 100%; margin: 0 auto; font-size: 17px; background-color: rgba(0, 0, 0, 0.5)!important; color: #fff; height: 50px;}
.form-control:focus{color: #fff;}
.form-control::-webkit-input-placeholder{color: #fff;}/* Chrome/Opera/Safari */
.form-control::-moz-placeholder{color: #fff;} /* Firefox 19+ */
.form-control:-ms-input-placeholder{color: #fff;}/* IE 10+ */
.form-control:-moz-placeholder{color: #fff;}/* Firefox 18- */

input.btn.entrar-pense {margin: 0 auto; background-color:#ffd306; color: #000; padding: 12px 0px; font-size: 17px; width: 100%; text-align: center;}
input.btn.entrar-pense:hover {opacity: 0.8}



.celular-mockup {float: right;}
section#two {background-color: #8d54a1}

/***** Footer *****/

footer {background-color:#2d2d2d;}

body .footer {text-align: left; background: #4CC4CF; border-top: solid 10px purple; padding-top: 35px;}

body .footer > .container {padding-bottom: 20px;}

body .footer > .container .titulo {
	text-transform: uppercase; 
	font-weight: 500;
	color: white; 
	margin-bottom: .5rem; 
	font-size: 1.25rem; 
	line-height: 1.2;
}

body .footer > .container .social {
	background: rgba(255, 255, 255, 0.1); 
	color: white; 
	margin-bottom: 30px; 
	font-size: 30px; 
	padding: 0; 
	line-height: 50px;
}
body .footer > .container ul {margin: 0; padding: 0;}

body .footer > .container ul li {list-style: none; line-height: 24px;}

body .footer > .container ul li.ico {
	float: left; 
	width: 25%;
	text-align: center;
}

body .footer > .container ul li.ico a {display: block;}

body .footer > .container ul li a {
	color: white;
	text-decoration: none;
	line-height: 2;
	font-size: 1rem;
	font-weight: 400;
}
body .footer > .container ul li a:hover {
	text-decoration: underline;
}
body .footer > .container #footer-sm-social {display: none;}

body .footer .footer-notes {min-height: 30px; background: #f2f2f2; font-size: 12px; color: rgba(0, 0, 0, 0.3); line-height: 30px;}

body .footer .ico i {font-size: 34px;}

div#pos-logo{
	margin-bottom: 20px;
}

footer .about-hub{
	margin-top: 30px;
}

/***** FIM Footer ****/
.ou-divisor {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 30px 0px;
}
.ou-divisor::before {
	content: "OU";
	position: absolute;
	color: #fff;
	padding: 0px 5px;
}
/*
 * Botão do Hub - 10/12/2020
*/
.sso-hub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
			align-items: center;
}
.sso-hub .btn-hub {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(32, 33, 36, .28);
            box-shadow: 0px 2px 5px 0px rgba(32, 33, 36, .28);
    border-radius: 8px;
    -webkit-transition: 0.6s ease-out;
	-o-transition:  0.6s ease-out;
	transition:  0.6s ease-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: white;
}
.sso-hub .btn-hub img {
    margin-right: 8px;
    -webkit-transition: 0.6s ease-out;
    -o-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}
.sso-hub .btn-hub:hover {
	background-color: #e9e9e9;
}
.sso-hub p {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
	margin-top: 20px;
    margin-bottom: 0 !important;   
}
.sso-hub span {
    font-size: 16px;
    font-weight: 500;
    color: #4d4d4d;
    margin-left: 8px;    
}
.sso-hub p > a{
	color: #65afff;
	font-weight: 500;	
}