@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Heebo:500,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html,
body {
	height: 100%;
    min-height: 100%;
}

html { -webkit-font-smoothing: antialiased; }
body {
	-webkit-font-smoothing: antialiased;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: black;
	background: #f4f4f4;
	overflow-x: hidden;
}

a {
	background: transparent;
	outline: none;
	text-decoration: none;

	-webkit-transition: .2s cubic-bezier(0.25,.46,.45,.94);
	transition: .2s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition-property: background-color,color;
	transition-property: background-color,color;
}

a:active,
a:hover,
a:focus {
	outline: 0;
	color: #1c1c1c;
	text-decoration: none;
    box-shadow: none;
}

a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
	box-shadow: none;
}

.button, .button:focus, .button:active {
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}

.row {
	margin-left: 0!important;
	margin-right: 0!important;
}






h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 4px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h1 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    margin: 0;
    padding: 0;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 4px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h3 span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 4px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 38px;
    line-height: 42px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.5px;
    margin: 0;
    padding: 0;

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.SmallTxt {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.MediumTxt {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

p strong {
    font-weight: 700;
}

.HeaderLabel_Blue {
	display: inline-flex;
	background: #0076a3;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #f4f4f4;
	letter-spacing: 4px;
	text-align: center;
	margin: 0;
	padding: 10px;
}

.HeaderLabel_Blue sup {
	top: 0.5em!important;
}

.HeaderLabel_Grey {
	display: inline-flex;
	background: #3b3f49;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #01a7ca;
	letter-spacing: 4px;
	text-align: center;
	margin: 0;
	padding: 10px;
}

.HeaderLabel_Green {
	display: inline-flex;
	background: #b9cb33;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #f4f4f4;
	letter-spacing: 4px;
	text-align: center;
	margin: 0;
	padding: 10px;
}


.Btn_Sgo {
	display: inline-block;
	background: #ea9600;
	width: 80%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
}

.Btn_Sgo:hover {
	background: #f9cd00;
	color: black;
}

.Btn_VendaMais {
	display: inline-block;
	background: #016389;
	width: 180px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
}

.Btn_VendaMais:hover {
	background: #54b1d5;
	color: black;
}

.Btn_OpticaAcert {
	display: inline-block;
	background: #016389;
	width: 80%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
}

.Btn_OpticaAcert:hover {
	background: #54b1d5;
	color: black;
}

.Btn_Conecta {
	display: inline-block;
	background: #45b86c;
	width: 80%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
}

.Btn_Conecta:hover {
	background: #398f56;
	color: black;
}

.Btn_Sgo_EmLinha {
	display: table;
	background: #ea9600;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0 3px 0 3px;
}

.Btn_Sgo_EmLinha:hover,
.Btn_Sgo_EmLinha:focus,
.Btn_Sgo_EmLinha:active {
	background: #f9cd00;
	color: black;
}

.Btn_OpticaAcert_EmLinha {
	display: table;
	background: #016389;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0 3px 0 3px;
}

.Btn_OpticaAcert_EmLinha:hover,
.Btn_OpticaAcert_EmLinha:focus,
.Btn_OpticaAcert_EmLinha:active {
	background: #54b1d5;
	color: black;
}

.Btn_Sisger {
	display: inline-block;
	background: #45b86c;
	width: 80%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: white;
	text-align: center;
	padding: 8px 16px;
	border-radius: 8px;
	margin: 0;
}

.Btn_Sisger:hover {
	background: #35a059;
	color: black;
}

.BtnComTexto {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: black;
	text-align: center;
	letter-spacing: 1.5px;
	padding: 0;
	margin: 50px auto 0 auto;
}

.BtnComTexto span {
	width: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px 12px;
	text-align: center;
	border: 1px solid #757982;
	margin-right: 10px;
}

.BtnComTexto span:hover {
	border: 1px solid #0076a3;
	color: #0076a3;
}

.BtnEscolheSistema {
	display: inline-block;
	width: 290px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: center;
	padding: 8px 16px;
	border-radius: 6px;
	margin: 0 0 5px 0;
	color: black;
}

.BtnEscolheSistema:hover,
.BtnEscolheSistema:focus,
.BtnEscolheSistema:active {
	color: white;
}


.BtnEscolheSistema_OpticaAcert {
	background: #7dc8ef;
}

.BtnEscolheSistema_OpticaAcert:hover,
.BtnEscolheSistema_OpticaAcert:focus,
.BtnEscolheSistema_OpticaAcert:active {
	background: #008fdd;
}

.BtnEscolheSistema_Sgo {
	background: #f9cd00;
}

.BtnEscolheSistema_Sgo:hover,
.BtnEscolheSistema_Sgo:focus,
.BtnEscolheSistema_Sgo:active {
	background: #ea9600;
}

.BtnEscolheSistema_Conecta {
	background: #50ba72;
}

.BtnEscolheSistema_Conecta:hover,
.BtnEscolheSistema_Conecta:focus,
.BtnEscolheSistema_Conecta:active {
	background: #369654;
}







.top100 {
	margin-top:100px!important;
}
.bottom100 {
	margin-bottom:100px!important;
}
.top90 {
	margin-top:90px!important;
}
.bottom90 {
	margin-bottom:90px!important;
}
.top80 {
	margin-top:80px!important;
}
.bottom80 {
	margin-bottom:80px!important;
}
.top70 {
	margin-top:70px!important;
}
.bottom70 {
	margin-bottom:70px!important;
}
.top60 {
	margin-top:60px!important;
}
.bottom60 {
	margin-bottom:60px!important;
}
.top50 {
	margin-top:50px!important;
}
.bottom50 {
	margin-bottom:50px!important;
}
.top40 {
	margin-top:40px!important;
}
.bottom40 {
	margin-bottom:40px!important;
}
.top30 {
	margin-top:30px!important;
}
.bottom30 {
	margin-bottom:30px!important;
}
.top20 {
	margin-top:20px!important;
}
.bottom20 {
	margin-bottom:20px!important;
}
.top10 {
	margin-top:10px!important;
}
.bottom10 {
	margin-bottom:10px!important;
}
.top5 {
	margin-top:5px!important;
}
.bottom5 {
	margin-bottom:5px!important;
}
.NoPadding {
	padding:0!important;
}
.NoMargin {
	margin:0!important;
}
.PaddingMenor {
    padding-left: 5px;
    padding-right: 5px;
}
.PaddingMenor_2 {
    padding-left: 8px;
    padding-right: 8px;
}
.PaddingOnlyRight {
    padding-left: 0;
    padding-right: 10px;
}
.NoMarginSide {
    margin-left: 0!important;
    margin-right: 0 !important;
}

.Borda {
	border: 1px solid red;
}







#back-to-top {
	background: #3b3f49;
    position: fixed;
    color: #3d2c2a;
	fill: #3d2c2a;
    z-index: 5410!important;
    bottom: -50px;
    right: 0;
    cursor: pointer;
    height: 50px;
    width: 50px;
	border-radius: 100%;
    display: block;
    text-align: center;
	margin-right: 15px;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.UpBackToTop {
    bottom: 15px!important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.Desce_BackToTop {
	margin-bottom: -80px;
}

#back-to-top svg {
	width: 18px;
    height: auto;
	fill: white;
}
.to-top {
    cursor: pointer;
}




.HideDiv {
    display: none!important;
}