@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
/* FONTS
----------------------------------------------------------------------------------------
@font-face {
	font-family: 'HelveticaNeueLT-Bold';
	src: url('fonts/HelveticaNeueLT-Bold.eot');
	src: url('fonts/HelveticaNeueLT-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLT-Bold.woff') format('woff'), url('fonts/HelveticaNeueLT-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLT-Light';
	src: url('fonts/HelveticaNeueLT-Light.eot');
	src: url('fonts/HelveticaNeueLT-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLT-Light.woff') format('woff'), url('fonts/HelveticaNeueLT-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLT-UltraLight';
	src: url('fonts/HelveticaNeueLT-UltraLight.eot');
  	src: url('fonts/HelveticaNeueLT-UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLT-UltraLight.woff') format('woff'), url('fonts/HelveticaNeueLT-UltraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLT-Roman';
	src: url('fonts/HelveticaNeueLT-Roman.eot');
  	src: url('fonts/HelveticaNeueLT-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLT-Roman.woff') format('woff'), url('fonts/HelveticaNeueLT-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
:root {
	--dark-blue: #001f4e;
	--mid-blue: #656d92;
	--light-blue: #a4a8c1;
	--dark-gray: #484c55;
	--dark-gray-alt: #484c55;
	--mid-gray: #92959e;
	--light-gray: #c0c1c6;
	--light-bg: #eee;
	--dark-blue-border: 1px solid #001f4e;
	--mid-blue-arrow: transparent transparent #656d92 transparent;
	--pure-white: #ffffff;
	--cyan-variant: #3f9fff ;
	--white-variant: #f3f1ee ;
	--silver-variant: #e7e8e8;
	--sivler: #e7e7e7;
	--darker-gray: #4f4f4f;
}

body.noScroll {
    overflow: hidden;
    padding-right: 14px;
}

#mainMenu > .container .logo a img 
{
	padding-top:10px
}
#myCarousel {
	margin-top:70px;
}
.modal .modal-header .fechar_modal {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--dark-blue);
    color: var(--pure-white);
    font-size: 14px;
    font-family: 'Roboto';
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width: 26px;
    height: 30px;
    line-height: 32px;
    border-radius: 2px 0px 4px 4px;
    display: block;
}
.entre_contato{
	float: left;
    width: 30%;
    margin: 0px 0px 16px 50px;
}
.rodape_form {	
	width:30%;
	float: right;
}
.contato_conosco {
	color:#0A234C;
	margin-top:0px
}
.duvidas {
	line-height: 30px;
}
img.logo-mobile
{
	display: none;
}

.img-menu-mobile {
	display: none;
}
.menu-mobile-1 {
	display: none;
}
.menu-mobile-2 {
	display: none;
}
.menu-mobile-3 {
	display: none;
}
.banner-mobile {
	display: none;
}

body#account_password,
body#account_lostpassword,
body#index_contact,
body#account_signup,
body#index_regulamento,
body#index_regulamentopromocao,
body#account_edit {
	background: var(--light-bg);
}
body#account_performance {
	background: var(--light-bg);
}
body#sketchup_index section {
	background: url('images/bg-interna-deslogado.jpg') no-repeat scroll center top #ECE7E3;
}
/* Geral */

.apps {
    background-image: url(/uploads/banner_aplicativos.jpg);
    background-size: 100%;
    height: 298px;
	background-repeat: no-repeat;
	margin: 30px 0px 00px 0px;
}

hr {
	width: 100%;
	margin: 20px 0px;
	border: 0px;
	border-bottom: 1px solid #d1d4d6;
}
.container {
	width: 100%;
	max-width: 1240px;
	margin: auto;
}
.container-small {
	width: 100%;
	max-width: 810px;
	margin: auto;
}
.container-desempenho, .container-extrato {
	width: 100%;
	max-width: 960px;
	padding: 60px 0px;
	margin: auto;
}

.container-sketchup {
	width: 100%;
	max-width: 1240px;
	padding: 10px 0px;
	margin: auto;

}
.note {
	font-family: 'Roboto' !important;
    outline: none !important;
    color: var(--dark-gray-alt) !important;
	font-size: 9.5px !important;
}
.no-show {
	display: none !important;
}
.bold {
	font-weight: bold;
}
label {
	display: block;
}
.title img {
	/*
	width: 100%;
	*/
}
.error {
	display: none;
	font-family: 'Roboto';
	font-size: 10px;
	color: #ff0000;
	float: left;
/*	text-transform: uppercase; */
	/* margin-top: 3px;
	margin-bottom: 0;
	margin: 3px 0 0;
	*/
}
.error.select
{
	margin-top: 15px;
    margin-bottom: 15px;
}
label {
	display: block;
	font-family: 'Roboto';
	color: var(--dark-gray-alt);
	padding-bottom: 0.33em;
	font-size: 15px;
	margin-top: 10px;
}
label.form-radio,
label.form-checkbox {
	display: inline-block;
	margin-right: 18px;
}
body#error_error section h2,
body#account_lostpassword section h2,
body#account_password section h2,
body#sketchup_index section h2
{
	color: var(--dark-blue);
	text-transform: uppercase;
	padding-top: 40px;
	margin-top: 0px;
	font-size: 32px;
}

section.errorPage,
body#account_lostpassword section,
body#account_passwordrecovery section,
body#account_password section,
body#account_signup section,
body#account_edit section,
body#index_regulamentopromocao section
body#index_regulamento section
{
	font-family: 'Roboto';
	background-image: url('/images/bg-interna-deslogado.jpg');
	background-repeat: no-repeat;
}
section form {
	margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
	flex-wrap: wrap;
}
body#account_signup section form,
body#account_edit section form {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

}
.form-base {
	width: calc(100% - 20px);
	display: block;
	border: 1px solid #e2e3e3;
	background: var(--pure-white);
	height: 34px;
	border-radius: 5px;
	padding: 4px 10px 0px 10px;
	margin-bottom: 10px;
	color: var(--dark-gray-alt);

	font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13.3333px;
}

.form-base  select {
	width: 100%;
	border: 0px;
	height: 31px;
	padding: 1px 10px 0px 10px;

	color: var(--dark-gray-alt);
}
.form-divider {
	width: 100%;
}
.form-divider h1,
.form-divider h2,
.form-divider h3 {
	font-family: 'Roboto';
    font-size: 25px;
    text-transform: uppercase;
    color: var(--dark-blue);
	margin: 0px;
}
.form-divider p {
	margin-top: 0px;
}
.form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:end;
    -ms-flex-align:end;
        align-items:flex-end;
}
button,
.button {
	background: var(--dark-blue);
    width: 100%;
    height: 60px;
    font-size: 15px;
	padding: 20px;
	font-family: 'Roboto';
    text-transform: uppercase;
    color: var(--pure-white);
    text-align: center;
    text-decoration: none;
	border: 0px;
    cursor: pointer;
}
li.button-login {
	background: var(--dark-blue);
    font-size: 15px;
	font-family: 'Roboto';
    text-transform: uppercase;
    color: var(--pure-white);
    text-align: center;
    text-decoration: none;
	border: 0px;
    cursor: pointer;
}

li.button-login a {
	color: var(--pure-white);
}

.button-auto {
	width: auto;
}
.button-submit-gray {
	background: var(--dark-gray);
    width: auto;
    height: 40px;
    font-size: 14px;
	line-height: 14px;
	padding: 4px 20px 0 20px;
	font-family: 'Roboto';
    text-transform: uppercase;
    color: var(--pure-white);
    text-align: center;
    text-decoration: none;
	border: 0px;
    cursor: pointer;
	margin-bottom: 10px;
}
.btn {
    display: inline-block;
    position: relative;
    margin: 0 0px 10px;
    padding: 13px 30px;
    border: var(--btn-border-main);
    border-radius: 2px;
    background: var(--btn-background-main);
    font-size: 15px;
    font-weight: 500;
    color: var(--btn-font-main);
    -webkit-box-shadow: var(--btn-shadow-main);
    -moz-box-shadow: var(--btn-shadow-main);
    box-shadow: var(--btn-shadow-main);
    text-decoration: none;
}
.base-box {
	width: calc(100% - 48px);
	padding: 24px;
	margin: 0 0 0.67em;
	background: var(--white-variant);
	font-family: 'Roboto';
    outline: none;
    color: var(--dark-gray-alt);
}

.pagination {
    display: flex;
    width: 100%;
    margin-top: 20px;
    justify-content: center;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    font-family: 'Roboto';
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.pagination a.active{
	background-color: var(--dark-blue);
	color: white;
}

/* Menu */
#menu {
	width: 100%;
	height: 75px;
	position: absolute;
	z-index: 100000;
	top: 0px;
}
#menu .responsive {
	width: 100%;
	height: 100px;
	position: relative;
	background: url("images/banner-header-sobre-ser.jpg") top center no-repeat;
	background-size: cover;
	display: none;
}
body#index_regulamentopromocao header,
body#index_regulamento header,
body#account_signup header {
	margin-top: 70px;
	width: 100%;
	height: 1px;
	background: url("images/bg-topo-deslogado.jpg") top center no-repeat;
	background-size: cover;
	display: block;
	margin-bottom: 60px;
}
body#index_regulamento header
{
	margin-top: 70px;
	background: url("images/POR-0054-17_Regulamento.jpg") top center no-repeat;
}
body#index_regulamentopromocao header{
	display: none;
}
#menu .responsive > a {
	position: absolute;
	top: 20px;
	right: 20px;
}

#menu > ul {
	width: calc(100% - 14px);
	max-width: 1240px;
	height: 75px;
	padding: 0px 7px;
	list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
	-webkit-box-align:end;
    -ms-flex-align:end;
        align-items:flex-end;
}
body.logged #menu > ul
{
    margin-top: 30px;
}
#menu ul li {

}
#menu > ul li.menu-only {
	display: none;
}
#menu > ul li a {
	display: block;
	text-decoration: none;
	font-size: 0.867em;
	font-family: Roboto;
	padding: 16px 20px;
	text-align: center;
	text-transform: uppercase;
	color: var(--pure-white);
}
#menu > ul li.button > a {
	background: var(--dark-blue);
}
#menu #login,
#menu #signup
{
	display: none;
	position: absolute;
	right: calc( (100% - 1240px) / 2);
	top: 95px;
}
#menu #signup
{
	width: 225px;
	background: var(--mid-blue);
}
#signup:before,
#login:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 16px 8px;
	border-color: var(--mid-blue-arrow);
	position: absolute;
	right: 20px;
	top: -16px;
}
#login .form,
#login .submit {
	width: calc(255px - 2.66em);
	padding: 1.33em;
	background: var(--mid-blue);
}
#signup .form,
#signup .submit
{
	width: initial;
}
#signup .submit,
#login .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
	padding: 0 1.33em 1.33em;
}
#signup .form input,
#login .form input {
	width: calc(100% - 1.52em);
	padding: 0 0.76em;
	height: 3.07em;
	line-height: 3.07em;
	color:var(--dark-gray);
	border: none;
	font-size: 0.867em;
}
#signup .form input
{
	width: initial;
}
#signup .form div.error
{
	color: white;
    width: 100%;
    margin-bottom: 20px;
}

#signup .form input[type="text"],
#login .form input[type="text"] {
	margin-bottom: 1.33em;

}
#signup form div.header {
	font-size: 0.67em;
    color: var(--pure-white);
	text-transform: uppercase;
	padding: 1.33em;
	padding-top: 20px;
    background: var(--mid-blue);
}
#singup .submit a,
#login .submit a {
	padding: 0px;
	text-transform: none;
	text-align: left;
}
#signup .submit button,
#login .submit button {
	padding: 10px 20px;
	border: none;
	text-transform: uppercase;
	text-align: center;
	color: var(--pure-white);
	background: var(--dark-blue);
	font-size: 0.800em;
	font-weight: bold;
}
#login .signup {
	width: calc(255px - 2.66em);
	padding: 1.33em;
	background: var(--light-blue);
}
#login .signup a {
	text-align: left;
	padding: 0px;
}
#login .signup a span {
	display: block;
	font-size: 1.667em;
}
#login .signup a span:first-of-type {
	text-transform: none;
	font-size: 0.800em;
}
#menu-logged {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--dark-gray);
}
#menu-logged .container {
	height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
	font-family: 'Roboto';
	color: var(--pure-white);
	font-size: 0.87em;
	padding-left: 10px;
}

#menu-logged .container div a {
	color: var(--pure-white);
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}
#menu-logged .container ul li a {
	color: var(--pure-white);
	display: block;
	margin-left: 18px;
}
#menu-logged .container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
	list-style: none;
	margin-right: 10px;
}
body#account_performance #menu > ul,
body#account_signup  #menu > ul,
body#account_edit #menu > ul,
body#sketchup_index #menu > ul {
	margin-top: 25px;
	height: 75px;
}
body#account_performance header {
	margin-top: 70px;
	height: 250px;
	background: url("images/POR-0054-17_Desempenho.jpg") top center no-repeat;
	background-size: cover;
}
body#account_performance section > .container-small {
	padding: 4.67em 0;
}

body#sketchup_index header {
	margin-top: 70px;
	height: 200px;
	background: url("images/POR-0054-17_Biblioteca-sketchup.jpg") top center no-repeat;
	background-size: cover;
}

body#sketchup_index section > .container-small {
	padding: 4.67em 0;
}

body#sketchup_index .search-sketchup {
    background-color: var(--dark-blue);
    padding: 10px 0;
    height: 40px;
}

body#sketchup_index .flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}

body#sketchup_index .side-menu {
    width: 20%;
    background-color: var(--white-variant);
    padding-bottom: 0;
}

body#sketchup_index .side-menu h3{
	margin-top: 0px;
	margin-bottom: 0px;
    height: 55px;
    line-height: 55px;
    background-color: var(--dark-blue);
    color: var(--pure-white);
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    font-family: 'Roboto';
}

body#sketchup_index .side-menu ul li a.releases,
body#sketchup_index .side-menu ul li a.all,
body#sketchup_index .side-menu ul li a.lm,
body#sketchup_index .side-menu ul li a.officina
{
	font-weight: bold;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    border-bottom: var(--dark-blue);
    color: var(--dark-blue);
	font-family: 'Roboto';
    outline: none;
}

body#sketchup_index .side-menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

body#sketchup_index .side-menu ul li a {
	height: 30px;
    line-height: 30px;
    font-size: 15px;
    background: url('images/icon-nav.png') no-repeat scroll 97% center transparent;
    padding: 0 0 0 10px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: var(--dark-gray-alt);
    font-family: 'Roboto';
}

body#sketchup_index .side-menu ul li a.exp {
	background: url('images/icon-mais.png') no-repeat scroll 97% center transparent;
    background-size: 4%;

}
body#sketchup_index .side-menu ul li a.exp.open {
	background: url('images/icon-menos.png') no-repeat scroll 97% center transparent;
	background-size: 4%;


}
body#sketchup_index .side-menu ul li a:hover {
	background-color: var(--dark-blue);
	color: var(--pure-white);
}


body#sketchup_index .side-menu .scroll-pane {
	overflow: hidden;
	padding: 0px;
}

body#sketchup_index .side-menu .menu-container {
	overflow-y: scroll;
	height: 600px;
}

body#sketchup_index #container-produtos {
    width: 60%;
    background-color: var(--white-variant);
    /* margin: 1%; */
    padding-bottom: 50px;
}

body#sketchup_index #container-produtos .descricao img {
	/* width: 100%; */
    margin: 40px auto 15px;
    display: block;
}

body#sketchup_index #container-produtos .descricao > p {
    text-align: center;
    color: var(--dark-gray-alt);
}

body#sketchup_index p.text-info {
    margin-top: 0px;
    text-align: center;
}


body#sketchup_index #produtosSelecionados {
    width: 18%;
    background-color: var(--white-variant);
    padding: 20px 20px 50px;
    box-sizing: border-box;
    height: auto;
}

body#sketchup_index #produtosSelecionados h4 {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: var(--dark-blue);
    border-bottom: var(--dark-blue-border);
    font-weight: bold;
    font-family: 'Roboto';
    margin-top: 0px;
}

body#sketchup_index #produtosSelecionados .list .btn-baixar {
    width: auto;
    font-size: 12px;
    box-sizing: border-box;
    background-color: var(--dark-blue);
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 10px;
    padding: 0 20px;
    color: var(--pure-white);
    text-transform: uppercase;
    text-align: center;
    font-family: 'Roboto';
    cursor: pointer;
}

body#sketchup_index #produtos {
	width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
}

body#sketchup_index #produtos #results-container {
	width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
	-webkit-box-pack: start;
    	-ms-flex-pack: start;
       		justify-content: flex-start;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
    border-top: var(--dark-blue);
    margin-top: 60px;
}

body#sketchup_index #produtos h3 {
	text-align: center;
    width: 100%;
    font-size: 40px;
    color: var(--dark-gray-alt);
    font-family: 'Roboto';
    margin: 0;
}

body#sketchup_index #produtos .btn {
	background-color: var(--dark-blue);
    display: block;
    min-height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none;
    cursor: pointer;
    margin: 20px auto;
    color: var(--pure-white);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto';
    width: 60%;
    font-size: 15px;
}

body#sketchup_index #produtos .product-item-wrapper {
	width: calc(33.33% - 20px);
    margin: 15px 30px 0px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
body#sketchup_index #produtos .product-item-wrapper:nth-of-type(3n) {
	width: calc(33.33% - 20px);
	margin: 15px 0px 0px 0px;
}


/* extrato */
body#account_extrato
{
	font-family: 'Roboto';
	font-size: 14px;
}

body#account_extrato header
{
	width: 100%;
	height: 200px;
	display: block;
	background: url("images/banner-header-sobre-ser.jpg") top right no-repeat;
}

body#account_extrato.logged header
{
	margin-top: 50px;
	margin-top: 70px;
}

body#account_extrato div.form-transactions
{
	width: 33%;
}

body#account_extrato div.form-transactions select
{
	background-color: white;
}

body#account_extrato table {
	border-spacing: 1px 0px;
	width: 100%;
	margin-top: 30px;
}

body#account_extrato table thead tr th {
	color: white;
	font-weight: normal;
	padding: 20px 20px;
	background-color: #879AA5;
	text-align: center;
}

body#account_extrato table tbody tr td {
	color: var(--darker-gray);
	font-weight: normal;
	padding: 15px;
	background: var(--dark-blue);
	text-align: center;
}
body#account_extrato table tbody tr td.value {
	text-align: right;
}
body#account_extrato table tbody tr:nth-of-type(odd) td {
	background: #D7DBDE;
}

body#account_extrato table tbody tr:nth-of-type(even) td {
	background: #f1f1f1;
}

body#account_extrato table tfoot tr.first td {
	border: none!important;
	background-color: #A6ADB3;
	padding-top: 10px;
	color: var(--pure-white);
}

body#account_extrato table tfoot tr.second td {
	border: none!important;
	background-color: #A6ADB3;
	padding-top: 5px;
	padding-bottom: 10px;
	color: var(--pure-white);
}

div.pointsWrapper {
	float: right;
}
span.points {
    font-size: 16px;
    color: var(--blue-font);
    font-weight: 500;
 }

span.points + span {
	font-size: 13px;
    color: var(--gray-font);
    font-weight: 400;
    text-transform: uppercase;
}

@media(max-width: 1300px) {
	body#sketchup_index #produtos .product-item-wrapper,
	body#sketchup_index #produtos .product-item-wrapper:nth-of-type(3n) {
		width: calc(50% - 15px);
    	margin: 15px 30px 0px 0px;
	}
	body#sketchup_index #produtos .product-item-wrapper:nth-of-type(2n) {
		width: calc(50% - 15px);
		margin: 15px 0px 0px 0px;
	}
}
@media(max-width: 400px) {
	body#sketchup_index #produtos .product-item-wrapper,
	body#sketchup_index #produtos .product-item-wrapper:nth-of-type(3n),
	body#sketchup_index #produtos .product-item-wrapper:nth-of-type(2n) {
		width: 100%;
    	margin: 15px 0px 0px 0px;
	}

}
body#sketchup_index #produtos .product-item {
    width: 100%;
    background-color: var(--pure-white);
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 9px;
    box-sizing: border-box;
}

body#sketchup_index #produtos .product-item .product-image-wrapper {
	width: 100%;
	height: auto;
}

body#sketchup_index #produtos .product-item img{

    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
	display: table !important;
	min-height: 190px;
}
body#sketchup_index #produtos .product-item-description{
	min-height: 34px;
	color: var(--dark-blue);
	display: block;
	margin-top: 5px;
}

body#sketchup_index #produtos .select-item {
	padding: 0px 2px;
    float: left;
    border-radius: 2px;
}

body#sketchup_index #IdBoxDownload {
	padding: 0px;
}

body#sketchup_index #IdBoxDownload div p {
	font-size: 11px;
    display: inline-block;
    width: 60%;
}


body#sketchup_index #IdBoxDownload div span{
	font-size: 18px;
	color: #985051;
    cursor: pointer;
    font-family: 'Roboto';
}

body#sketchup_index #IdBoxDownload li img{
	float: left;
	padding: 3px;
}

body#sketchup_index #IdBoxDownload li {
	list-style-type: none;
}
form#sketchupSearch {
	margin-top: 0px;
}
#sketchupSearch .search-input-wrapper {
	width: 100%;
	max-width: calc(469px - 10px);
	height: 25px;
	padding: 5px;
	margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
	flex-wrap: nowrap;
	background: url("images/lupa.png") 8px 8px no-repeat, #ffffff;
}
#sketchupSearch .search-input-wrapper input {
	width: 100%;
	border: 0px;
	margin-left: 30px;
	background: #ffffff;
	font-family: 'Roboto';
	font-size: 13px;
	outline: none;
}
#sketchupSearch .search-input-wrapper .btn.btn-search {
	width: auto;
	height: 27px;
	padding: 4px 10px;
}

/* HighLights */
#highlights {
	margin-top: 70px;
	position: relative;
}
body.logged #highlights {
	margin-top: 30px;
}
#highlights .carousel-controller {
	position: absolute;
	top: 50%;
	margin-top: -66px;
	width: 38px;
	height: 112px;
	z-index: 9;
}
#highlights .carousel-controller--right {
	right: 20px;
}
#highlights .carousel-controller--left {
	left: 20px;
}
#highlights .owl-item,
#highlights .highlight-item {
	height: 452px;
	max-height: 452px;
	background-size: cover !important;
}
a.carousel-controller
{
	cursor: pointer;
}

/* Conceito */
#concept {
	background: var(--silver-variant);
	padding: 90px 0px;
}
#concept * {
	font-size: 19px;
	font-family: 'Roboto';
	color: var(--dark-gray);
	text-align: justify;
}
#concept .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
}
#concept .container div {
	margin-right: 48px;
    font-size: 43px;
    width: 46%;
    line-height: 50px;
}
#concept .container p {
	/*max-width: 300px;*/
	margin: 0px 0px 0px 30px;
}

/* Cadastre-se */
#modal-senha .modal {
    width: 360px;
    top: 100px;
    left: calc((100% - 360px)/2);    
}
#modal-senha .modal .modal-body {
    padding: 20px 30px 0;
}
#modal-senha .modal .modal-body label.input {
    margin-left: 0px;
    margin-right: 0px;
}
#modal-senha .modal .modal-body .subtitle:nth-of-type(2) {
    margin-top: 20px;
    text-align: center;
}
#modal-senha .modal .modal-body .modal-selector:hover {
    cursor: pointer;
}
#modal-senha .modal .modal-body .modal-selector .icon {
    width: 90px;
    height: 90px;
    margin: auto;
    position: relative;
    border-radius: 50%;
    border: none;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#modal-senha .modal .modal-body .modal-selector .icon svg {
    width: 35px;
    height: 35px;
    margin-top: 27.5px;
    margin-left: 27.5px;
}
#modal-senha .modal .modal-body .modal-selector .icon svg use {
    fill: var(--gray-icons);
}
#modal-senha .modal .modal-body .modal-selector > input {
    display: none;
}
#modal-senha .modal .modal-body .modal-selector > input:checked ~ .icon:before {
    width: 74px;
    height: 74px;
    content: "";
    display: block;
    border-radius: 50%;
    border: var(--selector-border);
    position: absolute;
    top: 4px;
    left: 4px;
}
#modal-senha .modal .modal-body .modal-selector > input:checked ~ .icon svg use {
    fill: var(--blue-icons);
}
#modal-senha .modal .modal-body .modal-selector p {
    max-width: 120px;
    margin: 10px auto 0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-transform: none;
}
#modal-senha .modal .modal-body .modal-columns .column {
    
    margin: 5px 0 30px;
}
#modal-senha .modal .modal-footer {
    display: block;
    padding: 19px 0;
    text-align: center;
}

#content h2 {
	font-family: 'Roboto';
	font-weight: normal;
	margin: 0px auto 0px;
	font-size: 33px;
	color: var(--dark-gray);
	text-align: center;
}
#content .highlights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
	margin: 10px 0px 0px;
}
#content .highlights > div {
	width: 35%;
	height: 367px;
	margin-right: 1%;
	position: relative;
}
#content .highlights > div:first-of-type {
	width: 35%;
}
#content .highlights > div:last-of-type {
	width: 30%;
	margin: 0%;
}
#content .highlights > div span {
	font-family: 'Roboto';
	font-size: 14px;
	color: var(--pure-white);
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#content .content p {
	font-family: 'Roboto';
	margin: 20px 10%;
	font-size: 18px;
    color: var(--dark-gray);
}

#content .container p span.bold {
	font-size: 18px;
}


/* Footer */
#footer {
	padding: 70px 0px 45px;
	background: var(--silver);
}
#footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
#footer .container .network {
	margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
#footer .container .network div span {
	font-family: 'Roboto';
    font-size: 20px;
    color: var(--dark-blue);
	padding: 0px 0px 0px 20px;
	display: block;
}
#footer .container .network div span:last-of-type {
	font-family: 'Roboto';
    font-size: 26px;
}
#footer .container .logo a {
	display: inline-block;
	font-family: 'Roboto';
    font-size: 18px;
    color: var(--dark-blue);
	margin: 25px 0px 0px 0px;
	text-decoration: none;
	vertical-align: top;
}
#footer .container .logo div {
	display: inline-block;
	margin-left: 30px;
}

body#error_error header,
body#account_edit header,
body#account_lostpassword header,
body#account_passwordrecovery header,
body#account_password header,
body#index_contact header
{
	margin-top: 70px;
	width: 100%;
	height: 200px;
	display: block;
	background: url("images/banner-header-fale-conosco-new.jpg") top right no-repeat;

}
body#account_edit header
{
	margin-top: 70px;

	background: url("images/POR-0054-17_Atualize.jpg") top center no-repeat;
}
body#index_contact header
{
	margin-top: 70px;

	background: url("images/POR-0054-17_Contato.jpg") top right no-repeat;
}
body#account_password header
{
	margin-top: 70px;

	background: url("images/POR-0054-17_Atualize.jpg") top right no-repeat;
}
body#error_error.logged header,
body#account_edit.logged header,
body#account_lostpassword.logged header,
body#account_passwordrecovery.logged header,
body#account_password.logged header,
body#index_contact.logged header,
body#account_signup.logged header,
body#sketchup_index.logged header
{
	margin-top: 50px;
	margin-top: 70px;

}

/* Interace Specific */
body#account_password section p,
body#account_signup section p,
body#account_edit section p,
body#index_contact section p,
body#sketchup_index section p {
	font-family: 'Roboto';
    color: var(--dark-gray-alt);
	font-size: 15px;
}
body#account_signup section p.instructions,
body#account_edit section p.instructions,
body#index_contact section p.instructions {
	font-size: 0.8em;
}
body#account_edit .container-small,
body#index_contact .container-small {
	padding: 60px 0px;
}
body#index_contact .form-name,
body#index_contact .form-email {
	width: calc(50% - 9px);
}
body#index_contact .form-cpf,
body#index_contact .form-phone,
body#index_contact .form-subject {
	width: calc(33.33% - 12px);
}
body#index_contact .form-submit,
body#index_contact .form-message {
	width: 100%;
}
body#index_contact .form-message textarea {
	height: 130px;
}
body#index_contact .form-cpf,
body#index_contact .form-phone,
body#index_contact .form-name {
	margin-right: 18px;
}
body#index_contact .form-recaptcha {
	margin-bottom: 10px;
}
body#index_contact #form-contact div#captchaError {
	color: red;
	width: 100%;
}

body#index_contact #form-contact div#captchaError p{
	color: red;
}



body#account_signup .form-cpf,
body#account_edit .form-cpf {
	width: 25%;
	margin-right: 18px;
}
body#account_signup .form-name,
body#account_edit .form-name {
	width: calc(75% - 18px);
}
body#account_signup .form-birthday,
body#account_signup .form-email,
body#account_signup .form-phone,
body#account_signup .form-phone-mobile,
body#account_signup .form-phone-comercial,
body#account_edit .form-birthday,
body#account_edit .form-email,
body#account_edit .form-phone,
body#account_edit .form-phone-mobile {
	width: calc(50% - 9px);
	margin-right: 18px;
}
body#account_signup .form-rg,
body#account_signup .form-emailConfirm,
body#account_signup .form-phone,
body#account_signup .form-phoneConfirm,
body#account_signup .form-phone-mobile,
body#account_signup .form-phone-mobileConfirm,
body#account_signup .form-phone-comercialConfirm,
body#account_edit .form-rg,
body#account_edit .form-phone,
body#account_edit .form-phone-comercial,
body#account_edit .form-phone-mobile {
	width: calc(50% - 9px);
}
body#account_signup .form-regulatory,
body#account_signup .form-gender,
body#account_signup .form-phone-area,
body#account_signup .form-phone-submit,
body#account_password .form-password,
body#account_password .form-passwordConfirm,
body#account_password .form-submit
body#account_edit .form-gender,
body#account_edit .form-area,
body#account_edit .form-submit {
	width: 100%;
}
body#account_signup .form-university,
body#account_signup .form-company,
body#account_edit .form-university,
body#account_edit .form-company {
	width: calc(66.66% - 18px);
}
body#account_signup .form-stage,
body#account_signup .form-course,
body#account_signup .form-graduation,
body#account_signup .form-graduation-period,
body#account_signup .form-cnpj,
body#account_signup .form-city,
body#account_signup .form-state,
body#account_signup .form-password,
body#account_signup .form-passwordConfirm,
body#account_edit .form-stage,
body#account_edit .form-course,
body#account_edit .form-graduation,
body#account_edit .form-graduation-period,
body#account_edit .form-cnpj,
body#account_edit .form-city,
body#account_edit .form-state {
	width: 33.33%;
	margin-right: 18px;
}
body#account_signup .form-area,
body#account_edit .form-area {
	width: 100%;
}
body#account_signup .form-projects-qtd,
body#account_signup .form-projects-type,
body#account_edit .form-projects-qtd,
body#account_edit .form-projects-type {
	width: calc(33.33% - 12px);
	margin-right: 18px;
}
body#account_signup .form-projects-variations,
body#account_edit .form-projects-variations {
	width: calc(33.33% - 12px);
}
body#account_signup .form-zip,
body#account_signup .form-address-number,
body#account_edit .form-zip,
body#account_edit .form-address-number {
	width: 15%;
	margin-right: 18px;
}
body#account_signup .form-address,
body#account_edit .form-address {
	width: calc(85% - 18px);
}
body#account_signup .form-address-complement,
body#account_edit .form-address-complement {
	width: calc(42.5% - 18px);
	margin-right: 18px;
}
body#account_signup .form-district,
body#account_edit .form-district {
	width: calc(42.5% - 18px);
}
body#account_signup .form-submit,
body#account_edit .form-submit {
	width: 100%;
	text-align: left;
}
body#account_signup .form-submit button,
body#account_edit .form-submit button {
	background: var(--dark-blue);
    border-radius: 0;
    width: 140px;
    height: 40px;
	padding: 12px;
}
@media (max-width: 600px) {
	#orderPrizesTable table thead tr th,
	#orderPrizesTable table thead tr td
	{
		font-size: 14px;

	}
}
@media (max-width: 414px) {
	body#account_signup .form-cpf,
	body#account_edit .form-cpf,
	body#account_signup .form-name,
	body#account_edit .form-name,
	body#account_signup .form-university,
	body#account_signup .form-company,
	body#account_edit .form-university,
	body#account_signup .form-rg,
	body#account_signup .form-emailConfirm,
	body#account_signup .form-phone,
	body#account_signup .form-phoneConfirm,
	body#account_signup .form-phone-mobile,
	body#account_signup .form-phone-mobileConfirm,
	body#account_signup .form-phone-comercialConfirm,
	body#account_edit .form-rg,
	body#account_edit .form-phone,
	body#account_edit .form-phone-mobile,
	body#account_edit .form-company,
	body#account_signup .form-stage,
	body#account_signup .form-course,
	body#account_signup .form-graduation,
	body#account_signup .form-graduation-period,
	body#account_signup .form-cnpj,
	body#account_signup .form-city,
	body#account_signup .form-state,
	body#account_signup .form-password,
	body#account_signup .form-passwordConfirm,
	body#account_edit .form-stage,
	body#account_edit .form-course,
	body#account_edit .form-graduation,
	body#account_edit .form-graduation-period,
	body#account_edit .form-cnpj,
	body#account_edit .form-city,
	body#account_edit .form-state,
	body#account_signup .form-area,
	body#account_edit .form-area,
	body#account_signup .form-projects-qtd,
	body#account_signup .form-projects-type,
	body#account_edit .form-projects-qtd,
	body#account_edit .form-projects-type,
	body#account_signup .form-projects-variations,
	body#account_edit .form-projects-variations,
	body#account_signup .form-zip,
	body#account_signup .form-address-number,
	body#account_edit .form-zip,
	body#account_edit .form-address-number,
	body#account_signup .form-address,
	body#account_edit .form-address,
	body#account_signup .form-address-complement,
	body#account_edit .form-address-complement,
	body#account_signup .form-district,
	body#account_edit .form-district
	{
		width: calc(100% - 18px);
		margin-right: 18px;
	}
	body#account_performance #summary .scale .button-container
	{
		text-align: center !important;
	}
}


body#account_performance #summary.base-box {
	width: calc(100% - 120px);
	padding: 45px 60px;
}
body#account_performance #summary .identifier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
}
body#account_performance #summary .identifier .avatar {
	width: 180px;
	height: 180px;
	padding-right: 63px;
	border-right: 1px solid #e3e3e3;
}
body#account_performance #summary .identifier dl {
	padding-left: 60px;
}
body#account_performance #summary .identifier dl dt,
body#account_performance #summary .identifier dl dd {
	margin: 0px;
	padding: 0px;
}
body#account_performance #summary .identifier dl .name {
	font-family: 'Roboto';
    font-weight: normal;
	color: var(--dark-gray-alt);
    font-size: 1.60em;
    line-height: 1em;
}
body#account_performance #summary .identifier dl dt.name {
	display: none;
}
body#account_performance #summary .identifier dl .category {
	font-family: 'Roboto';
    font-weight: normal;
	color: var(--dark-gray-alt);
    font-size: 1.20em;
    line-height: 1em;
	margin-top: 0.27em;
	display: block;
}
body#account_performance #summary .identifier dl .categoryDate {
	font-family: 'Roboto';
    font-weight: normal;
	color: var(--dark-gray-alt);
    font-size: 1.20em;
    line-height: 1em;
	margin-top: 0.27em;
	display: inline-block;
}

body#account_performance #summary .identifier dl .points {
	font-family: 'Roboto';
    font-weight: normal;
	color: var(--dark-gray-alt);
    font-size: 1.20em;
    line-height: 1em;
	display: block;
}
body#account_performance #summary .identifier dl dt.points {
	margin-top: 1.33em;
	font-size: 1.20em;
}
body#account_performance #summary .identifier dl dd.points span:first-of-type {
	font-family: 'Roboto';
    font-weight: normal;
	font-size: 2.5em;
    line-height: 1em;
	display: block;
}
body#account_performance #summary .identifier dl dd.points span:last-of-type {
	color: var(--dark-gray-alt);
	font-family: 'Roboto';
    font-style: normal;
	font-size: 15px;
	display: block;
}
body#account_performance #summary .scale {
	padding-top: 45px;
	position: relative;
}
body#account_performance #summary .scale > p {
	margin: 0em;
    padding: 0em;
    border: medium none;
    font-family: 'Roboto';
    outline: none;
    color: var(--dark-gray-alt);
	font-size: 13.5px;
}
body#account_performance #summary .scale > p > span {
	font-weight: bold;
}
body#account_performance #summary .scale .line {
	width: calc(100% - 4px);
    height: 18px;
    border: 2px solid #dad9d9;
	padding: 3px 2px;
    background: var(--silver-variant);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
	position: relative;
}
body#account_performance #summary .scale .line .line-grade:nth-of-type(1) {
    width: 25%;
    height: 100%;
    position: relative;
	background: #a7b6b7;
}
body#account_performance #summary .scale .line .line-grade:nth-of-type(2) {
    width: 25%;
    height: 100%;
    position: relative;
	background: #c1c8aa;
}
body#account_performance #summary .scale .line .line-grade:nth-of-type(3) {
    width: 25%;
    height: 100%;
    position: relative;
	background: #e7d8b3;
}
body#account_performance #summary .scale .line .line-grade:nth-of-type(4) {
    width: 25%;
    height: 100%;
    position: relative;
	background: #dcb8b2;
}
body#account_performance #summary .scale .line .line-mark {
    width: 0%;
    height: 75%;
    position: absolute;
	background: transparent;
	background-image: url('images/bg-barra-meta-comprometro.png');
    background-position: center;
    background-repeat: repeat-x;
}
body#account_performance #summary .scale .line .mark {
	width: 80px;
	height: 53px;
	display: block;
	position: absolute;
	background: url('images/ponteiro-comprometro.png') bottom center no-repeat;
	z-index: 100;
    display: block;
    top: -40px;
	left: -38px;
    font-size: 13px;
    font-family: "Roboto";
    color: var(--dark-blue);
    text-align: center;
}
body#account_performance #summary .scale .line-info {
	width: calc(100% - 4px);
	padding: 12px 2px;
	margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
	position: relative;
}
body#account_performance #summary .scale .line-info .line-grade:nth-of-type(1) {
    width: 25%;
    height: 100%;
	position: relative;
	text-align: center;
}
body#account_performance #summary .scale .line-info .line-grade:nth-of-type(2) {
    width: 25%;
    height: 100%;
	position: relative;
	text-align: center;
}
body#account_performance #summary .scale .line-info .line-grade:nth-of-type(3) {
    width: 25%;
    height: 100%;
	position: relative;
	text-align: center;
}
body#account_performance #summary .scale .line-info .line-grade:nth-of-type(4) {
    width: 25%;
    height: 100%;
	position: relative;
	text-align: center;
}
body#account_performance #summary .scale .line-info .line-grade span {
	font-family: 'Roboto';
    font-weight: normal;
	color: var(--dark-gray-alt);
	font-size: 14px;
	display: block;
}
body#account_performance #summary .scale .line-info .line-grade span:nth-of-type(2) {
	font-family: 'Roboto';
    font-weight: normal;
	/*font-style: italic;*/
	font-size: 14px;
}
body#account_performance #summary .scale .button-container {
	margin: 40px 0 0;
	text-align: right;
}
body#account_performance #extract span:nth-of-type(1) {
	font-size: 10px;
	font-weight: bold;
}
body#account_performance #extract span:nth-of-type(2) {
	font-size: 14px;
	font-weight: bold;
}
body#account_performance #extract span:nth-of-type(3) {
	font-size: 10px;
	font-weight: bold;
}
body#account_performance #extract span:nth-of-type(4) {
	font-size: 10px;
	font-weight: normal;
}
body#account_performance #graph h3 {
	margin-top: 0px;
	font-size: 16px;
}
body#account_performance #graph .form-year {
	width: 33.33%;
}
body#account_performance #graph > p {
	margin: 0px;
}
body#account_performance #graph > p .total {
	color: var(--dark-blue);
	font-weight: bold;
}
body#account_performance #search h3 {
	margin-top: 0px;
	font-size: 24px;
	text-transform: uppercase;
}
body#account_performance #search .form-start,
body#account_performance #search .form-end,
body#account_performance #search .form-submit {
	width: 20%;
	margin-right: 18px;
}


@media (max-width: 1300px) {
	#concept .container {
		flex-wrap : wrap;
		padding:10px;
	}
	#concept .container > p:last-of-type {
		width: 100%;
	}
}
@media (max-width: 1240px) {
	
	#menu #login, #menu #signup
	{
		right: 10px;
	}
	#login {
		right: 10px;
	}
	#concept > div > div > img
	{
		width: 370px;
		margin-left: 20px;
	}
	#footer > div > div.logo > div > img
	{
		width: 220px;
		margin-right: 20px;
	}
	#menu-logged .container ul
	{
		margin-right: 30px;
	}

}
@media (max-width: 1000px) {

	#concept .container div {
		font-size: 39px;
	}

	.entre_contato {
		width: 90%;
		margin: 24px 0px 16px 13px;
	}

	.contato_conosco {
		font-size: 28px !important;
	}

	.rodape_form {
		width: 100%;
		padding: 0px 18px 0px 18px;
	}
	#rodape {
		height: 450px !important;
	}

	#concept {
		background: var(--silver-variant);
		padding: 31px 0px 28px !important;
	}
	#mainMenu > .container .logo {
		padding-left: 10px;
    	padding-top: 4px;
	}
	#navMenu li {
		margin: -1px 10px !important;
	}

	.menu-container {
		display: none;
	}

	.purchase_steps .purchase_step .step-content {
		max-width: 90% !important;
	}

	.apps {
		background-image: url(/uploads/banner_aplicativos_mobile.jpg);
		background-size: 100%;
		height: 236px;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
	}

	.about_text p {
		display: none;
	}
	.about_logo {
		display:none
	}

	#content h2 {
		font-family: 'Roboto';
		font-weight: normal;
		margin: 0px auto 0px;
		font-size: 26px;
		color: var(--dark-gray);
		text-align: center;
	}

	#menu #login, #menu #signup
	{
		z-index: 50000;
		left: calc((100% - 254px) / 2 );
	}
	#menu-logged .container
	{
		margin-left: 10px;
		width: calc(100% - 30px);
	}
	 img.logo-mobile
	{
		position: absolute;
		top: 5px;
		left: 20px;
		display: block !important;
		z-index: 2000;
		height: 50px;
	}

	

	body#account_performance #menu > ul,
	body#account_signup  #menu > ul,
	body#account_edit #menu > ul {
		margin-top: 0px;
	}
	body#account_performance header
	{
		background: none;
	}
	span.no-mobile {
		display:none;
	}
	body.logged #menu > ul
	{
		margin-top: 0px;
	}

	body > section > div > div > img
	{
		width: 100vw;
	}
	#concept {
		/* margin-top: 70px; */
    }
  
	#menu .responsive {
		display: block;
	}
	
	.banner-mobile{
		display: block;
	}
	.banner-desktop {
		display: none;
	}

	#highlights .highlight-item {
		height: 300px;
		max-height: 300px;
		background-size: cover !important;
	}
	#highlights .owl-item, #highlights .highlight-item {
		height: 300px;
		max-height: 300px;
		background-size: cover !important;
	}

	body.logged #menu .responsive
	{
		margin-top: 50px;
	}
	body#account_password  #menu .responsive,
	body#index_contact #menu .responsive {
		background: none;

    }
	#menu > ul {
		width: calc(100vw - 14px);
		height: calc(100vh - 40px) !important;
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		padding-top: 40px;
		background: var(--light-bg);
		z-index: 9999;
	}
	#menu-logged .container ul {
		width: 100vw;
		/* height: calc(100vh - 40px); */
		display: none;
		position: fixed;
		top: 400px;
		left: 0px;
		padding: 0px;
		/* background: #f2e9ea; */
		z-index: 9999;
	}
	#menu-logged .container ul li a
	{
		font-size: 25px;
		color: var(--dark-blue);
		text-transform: uppercase;
		text-align: center;
		padding-bottom: 20px;

	}
	#menu > ul li a {
		font-size: 25px;
		color: var(--dark-blue);
		padding: 8px 20px;
	}
	#login > form > div.submit > a
	{
		font-size: 14px;
	}
	#login > form > div.signup > a > span:nth-child(1)
	{
		font-size: 14px;
	}
	#login > form > div.signup > a > span:nth-child(2)
	{
		font-size: 20px;
	}
	#signup:before, #login:before
	{
			display: none;
	}

	#menu > ul li:nth-of-type(2) {
		padding-bottom: 8px;
		margin-bottom: 24px;
		border-bottom: var(--dark-blue-border);
	}

	body.logged #menu > ul li:nth-of-type(2) {
		padding-bottom: 8px;
		margin-bottom: 0px;
		border-bottom: 0px;
	}
	body.logged #menu > ul li:nth-of-type(6) {
		padding-bottom: 8px;
		margin-bottom: 24px;
		border-bottom: var(--dark-blue-border);
	}
	#menu > ul li.button {
		width: 142px;
		display: block;
		margin: auto;
	}
	#menu > ul li.button a {
		font-size: 0.867em;
		color: var(--pure-white);
	}
	#menu > ul li.menu-only {
		display: block;
		position: absolute;
		top: 0px;
		right: 20px;
		color: var(--dark-blue);
	}
	#login {
		position: relative;
		top: 20px;
	}
	.container-small {
		width: calc(100% - 40px);
	}
	body#account_edit .container-small {
		margin-top: 100px;
	}
	body#account_performance #summary .scale .line,
	body#account_performance #summary .scale .line-info,
	body#account_performance #summary .scale > p,
	body#account_performance #graph {
		display: none;
	}
	body#account_performance #summary.base-box {
		width: calc(100% - 160px);
		padding: 45px 60px;
	}
	.base-box {
		width: calc(100% - 88px);
		margin: 0 auto 0.67em;
	}
	#menu li.button-login a {
		color: var(--pure-white) !important;
	}
	.container-desempenho
	{
		padding: 0px;
	}
	body#account_signup #menu .responsive {
		background: url("images/bg-topo-deslogado.jpg") top center no-repeat;
		background-size: cover;
	}
	body#account_signup header {
		display: none;
	}
	body#account_signup {
		margin-top: 120px;
	}
	#menu-logged
	{
		background-color: var(--dark-blue);
	}
	body#error_error header, body#account_edit header, body#account_lostpassword header, body#account_passwordrecovery header, body#account_password header, body#index_contact header
	{
		height: 150px;
	}
	body#error_error.logged header, body#account_edit.logged header, body#account_lostpassword.logged header, body#account_passwordrecovery.logged header, body#account_password.logged header, body#index_contact.logged header
	{
		height: 150px;
		margin-top: 0px;
	}
	body#index_contact.logged header
	{
		height: 180px;
		margin-top: 50px;
	}
}
@media (max-width: 768px) {
	#apps, #sitemap, #company .address
	{
		display: none;
	}

	#orderPrizesTable
	{
		overflow: auto;
	}
	#modal-history,
	#modal-regulamento,
	#modal-extractdetail
	 {
		width: calc(100% - 36px) !important;
		left: 2% !important;
	}
	#modal-history .modal-content,
	#modal-regulamento .modal-content,
	#modal-extractdetail .modal-content
	{
		width: calc(100% - 40px) !important;
	}
	.modal-content .content-scroll
	{
		width: calc(100% - 4px) !important;
	}

	#concept .container > div {
		width: 100%;
		margin: 0px 0px 30px;
		padding: 0px;
		text-align: center;
	}
	#concept .container > p {
		max-width: 100%;
		width: 90%;
		margin: 0px 5% 20px;
	}
	#content .highlights {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#content .content > p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#orderPrizesTable table tbody tr th,
	#orderPrizesTable table tbody tr td
	{
		padding: 10px !important;
	}

	body#sketchup_index .side-menu {
	    width: 100%;
	    margin-bottom: 15px;
    	margin-top: 15px;
	}
	body#sketchup_index #container-produtos {
	    width: 100%;
	    margin-bottom: 15px;
	}
	body#sketchup_index #produtosSelecionados {
	    width: 100%;
	}

	body#sketchup_index .side-menu .menu-container {
    	height: 280px;
	}
}
@media (max-width: 600px) {
	body#index_contact.logged header
	{
		height: 150px;
		margin-top: 0px;
	}
	#concept > div > div > img
	{
		width: 270px;
	}
	#footer > div > div.logo > div > img
	{
		width: 180px;
	}
	#footer > div > div.network > div.facebook > a > img
	{
		width: 42px;
	}
	body#account_performance #summary.base-box,
	.base-box {
		width: calc(100% - 80px);
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}
	#content .highlights {
		flex-wrap : wrap;
	}
	#content .highlights > div,
	#content .highlights > div:first-of-type {
		width: 48%;
		margin: 0 1% 1%;
	}
	#content .highlights > div:last-of-type {
		width: 98%;
		margin: 0 1% 1%;
	}
	#footer {
		padding: 20px 0px 40px;
	}
	#footer .container {
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align:center;
		-ms-flex-align:center;
			align-items:center;
		flex-wrap: wrap;
	}
	#footer .logo {
		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;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	#footer .logo div {
		order: 1;
	}
	#footer .logo a {
		order: 2;
	}
	body#index_contact .form-name,
	body#index_contact .form-email,
	body#index_contact .form-cpf,
	body#index_contact .form-phone,
	body#index_contact .form-subject,
	body#index_contact .form-submit,
	body#index_contact .form-message,
	body#account_edit .form-cpf,
	body#account_edit .form-name,
	body#account_edit .form-birthday,
	body#account_edit .form-email,
	body#account_edit .form-phone-comercial,
	body#account_edit .form-rg,
	body#account_edit .form-phone,
	body#account_edit .form-phone-mobile,
	body#account_edit .form-gender,
	body#account_edit .form-area,
	body#account_edit .form-submit,
	body#account_edit .form-university,
	body#account_edit .form-company,
	body#account_edit .form-stage,
	body#account_edit .form-course,
	body#account_edit .form-graduation,
	body#account_edit .form-graduation-period,
	body#account_edit .form-cnpj,
	body#account_edit .form-city,
	body#account_edit .form-state,
	body#account_edit .form-projects-qtd,
	body#account_edit .form-projects-type,
	body#account_edit .form-projects-variations,
	body#account_edit .form-zip,
	body#account_edit .form-address-number,
	body#account_edit .form-address,
	body#account_edit .form-address-complement,
	body#account_edit .form-district {
		width: 100%;
		margin-right: 0px;
	}
	body#account_performance #summary .avatar {
		display: none;
	}
	body#account_performance #summary .identifier dl {
		padding-left: 0px;
	}
	body#account_performance #search .form-flex {
		display: block;
	}
	body#account_performance #search .form-flex .form-start,
	body#account_performance #search .form-flex .form-end,
	body#account_performance #search .form-flex .form-submit,
	body#account_performance #search .form-flex .form-submit .button-submit-gray {
		width: 100%;
	}

	body#sketchup_index #produtos .product-item {
 	   margin: 15px auto;
 	}
}


/* MODAIS */
div.modal-back
{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;
	width: 100%;
	z-index: 15555;
	opacity: .6;
	display: none;
}
#modal-senha {
	width: 280px;
	left: calc(50% - 140px);
	display: none;
}
#modal-historico {
	width: 480px;
	left: calc(50% - 240px);
	display: block;
}
#modal-regulamento {
	width: 760px;
	height: 500px;
	left: calc(50% - 380px);

	display: none;
}
#modal-regulamento .modal-content {
	width: 720px;
}
#modal-regulamento .modal-content ul {
	padding-left: 0px;

}
#modal-regulamento .modal-content ul li a {
	text-decoration: underline;
	color: var(--cyan-variant)

}

#modal-history {
	width: 760x;
	height: 500px;
	left: calc(50% - 380px);

	display: none;
}
#modal-history .modal-content {
	width: 746px;

}
#modal-history .modal-content ul {
	padding-left: 0px;

}
#modal-history .modal-content ul li a {
	text-decoration: underline;
	color: var(--cyan-variant);
}

#modal-extractdetail {
	width: 760x;
	height: 500px;
	left: calc(50% - 380px);
	background: white;
	display: none;
}
#modal-extractdetail .modal-content {
	width: 746px;

}
#modal-extractdetail .modal-content ul {
	padding-left: 0px;

}
#modal-extractdetail .modal-content ul li a {
	text-decoration: underline;
	color: var(--cyan-variant);
}

.modal-content .content-scroll {
	overflow: auto;
	width: 738px;
    height: 380px;
}

.modal-base {
	background: var(--light-bg);
	position: fixed;
	top: 20%;
	z-index: 100000;
	border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 3px rgba(50, 50, 50, 0.75);
}
.modal-base.alert {
	width: 280px;
	left: calc(50% - 140px);
}
.modal-base .modal-content {
	height: calc(100% - 40px);
	position: relative;
	padding: 20px;
	font-family: 'Roboto';
    outline: none;
    color: var(--dark-gray-alt);
}

#modal-history .modal-content .content-scroll table tbody tr th {
	padding: 25px 10px 25px 10px;
    background-color: var(--dark-blue);
    color: white;
}
#modal-extractdetail .modal-content .content-scroll table tbody tr th {
	padding: 25px 10px 25px 10px;
    background-color: var(--dark-blue);
    color: white;
}
.regulamento-base{
	background: var(--light-bg);
	padding: 20px;
	font-family: 'Roboto';
    outline: none;
	color: var(--dark-gray-alt);
	text-align: justify;
}

.modal-base .modal-content h1,
.modal-base .modal-content h2,
.modal-base .modal-content h3,
.modal-base .modal-content h4,
.modal-base .modal-content h5,
.modal-base .modal-content h6 {
    font-family: 'Roboto';
}
.modal-base .modal-content ul,
.modal-base .modal-content ol {
    list-style: none outside none;
}
.modal-base .modal-content h4
{
	padding-bottom: 15px;
    font-size: 25px;
}

.regulamento-base .regulamento-content h1,
.regulamento-base .regulamento-content h2,
.regulamento-base .regulamento-content h3,
.regulamento-base .regulamento-content h4,
.regulamento-base .regulamento-content h5,
.regulamento-base .regulamento-content h6 {
    font-family: 'Roboto';
}
.regulamento-base .regulamento-content ul,
.regulamento-base .regulamento-content ol {
    list-style: none outside none;
}
.regulamento-base .regulamento-content h4
{
	padding-bottom: 15px;
    font-size: 25px;
}
.modal-base .modal-content .close {
	background: var(--dark-blue);
    color: var(--pure-white);
    font-size: 23px;
    font-family: 'Roboto';
    position: absolute;
	right: 0px;
    top: 0px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 35px;
    line-height: 40px;
    border-radius: 0 0 0 0;
	display: block;
}
.modal-base.alert  .modal-content .close {
	right: 0px;
    top: 0px;
}
.modal-base .modal-content.error
{
	display: block;
}
.modal-base .modal-content h3.titleError
{
	color: red;
	padding-top: 0px;
	display: none;
}

.modal-base .modal-content.error h3.titleError
{
	display: block;
}
.modal-base .modal-content h3.titleSuccess
{
	padding-top: 0px;
	display: block;
}
.modal-base .modal-content.error h3.titleSuccess
{
	display: none;
}
.modal-base .modal-content h3 {
	font-family: 'Roboto';
    font-size: 22px;
    text-align: center;
	color: var(--dark-blue);
	text-transform: uppercase;
}
.modal-base .modal-content > p {
	margin: 0 0 10px 0;
	font-family: 'Roboto';
	font-size: 15px;
	color: var(--dark-blue);
    text-align: center;

}
.modal-base .modal-content table thead tr th {
	color: var(--pure-white);
    text-transform: uppercase;
    font-family: 'Roboto';
	font-weight: normal;
	padding: 15px;
	background: var(--dark-blue);
	text-align: center;
}
.modal-base .modal-content table tbody tr td {
	color: var(--darker-gray);
    text-transform: uppercase;
    font-family: 'Roboto';
	font-weight: normal;
	padding: 15px;
	background: var(--dark-blue);
	text-align: center;
}
.modal-base .modal-content table tbody tr:nth-of-type(odd) td {
	background: var(--light-bg);
}
.modal-base .modal-content table tbody tr:nth-of-type(even) td {
	background: var(--light-bg);
}
.modal-base .modal-content .footer {
	text-align: left;
    color: var(--darker-gray);
    font-family: 'Roboto';
    margin: 20px 0 0;
}
.modal-base .modal-content .footer span {
	font-weight: bold;
}
div.form-inscr
{
	width: 100%;
	display: block;
}
div.form-abd,
div.form-cau,
div.form-crea
{
	width: 30%;
	margin-right: 5px;
	display: inline-block;
}
div.form-abd.hidden,
div.form-cau.hidden,
div.form-crea.hidden
{
	display: none;
}
div.form-course,
div.form-university,
div.form-graduation,
div.form-graduation-period,
div.form-university,
/* div.form-abd,
div.form-cau,
div.form-crea,*/
div.form-cnpj,
div.form-company,
div.form-projects-qtd,
div.form-projects-type,
div.form-projects-variations
{
	display: none;
}

form div.flex  dd {
    -webkit-margin-start: 0px;
}

form div.flex textarea,
form div.flex select,
form div.flex input
{
	width: calc(100% - 20px);
    display: block;
    border: 1px solid #e2e3e3;
    background: var(--pure-white);
    height: 28px;
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}

form div.flex input[type="submit"]
{

	background: var(--dark-blue);
	width: 100%;
	height: 60px;
	font-size: 15px;
	padding: 20px;
	font-family: 'Roboto';
	text-transform: uppercase;
	color: var(--pure-white);
	text-align: center;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
}
form div.flex
{
	width: 90%;
}
ul.errors
{
	display: none;
}
input.form-base[disabled],
input.form-base[readonly] {
    background-color: silver;
}

#orderPrizesTable table thead tr th {
	color: var(--darker-gray);
    text-transform: uppercase;
    font-family: 'Roboto';
	font-weight: normal;
	padding: 15px;
	background: var(--pure-white);
	text-align: center;
}
 #orderPrizesTable table tbody tr td {
	color: var(--darker-gray);
    text-transform: uppercase;
    font-family: 'Roboto';
	font-weight: normal;
	padding: 15px;
	background: var(--dark-blue);
	text-align: center;
}
#orderPrizesTable table tbody tr:nth-of-type(odd) td {
	background: #D7DBDE;
}
#orderPrizesTable table tbody tr:nth-of-type(even) td {
	background: var(--pure-white);
}

#orderPrizesTable table tfoot tr.first td {
	border: none!important;
	background-color: #A6ADB3;
	padding-top: 10px;
	color: var(--pure-white);
}

#orderPrizesTable table tfoot tr.second td {
	border: none!important;
	background-color: #A6ADB3;
	padding-top: 5px;
	padding-bottom: 10px;
	color: var(--pure-white);
}

#orderPrizesTable table {
	 border-spacing: 2px 0px;
}

@media (max-width: 425px) {
	body#account_performance #orderPrizesTable table thead tr th,
	body#account_performance #orderPrizesTable table tbody tr td
	{
		font-size: 11px !important;
	}
}

.titulo h4 {
    color: #985051;
    font-size: 65px;
    font-weight: 900;
    float: left;
    font-family: 'Roboto';
}
#results-container > div > div > p.product-item-line
{
	font-size: 13px;
	margin-bottom: 5px;
}

.nao-encontrado .prod-nao-encontrado {
    width: 70%;
    overflow: hidden;
    margin: 60px auto 20px;
}

.nao-encontrado .box-avise-me {
    background: transparent url(../../img/Portal/comum/icon-email.png) no-repeat scroll 25px 30px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 30px 40px 100px;
    width: 66%;
    border: 1px solid #985051;
    position: relative;
}
.nao-encontrado .box-avise-me h3 {
    color: #985051;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.nao-encontrado .box-avise-me .btn {
    position: absolute;
    bottom: -40px;
    width: 55%;
    padding: 10px 20px;
    line-height: normal;
    height: auto;
    left: 50%;
    margin-left: -30%;
}

/* Carousel */
.owl-dots {
	margin-top: -34px;
	position: relative;
    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;
	flex-wrap: nowrap;
	z-index: 10000;
}

.owl-dot {
	width: 30px;
	height: 10px;
	margin: 0px 5px;
	opacity: 0.6;
	background: var(--light-blue);
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.75);
}

.owl-dot.active {
	background: var(--mid-blue);
	opacity: 1;
}

body#account_extrato section form
{
	margin-top: 0px;
	display: -webkit-box;
}

body#account_extrato .button-submit-gray
{
	margin-left: 10px;
}

#resgate
{
	font-family: 'Roboto' !important;
}

body#account_resgate header
{
	width: 100%;
	height: 200px;
	display: block;
	background: url(images/bg-topo-deslogado.jpg) top center no-repeat;

}

div.extractDetail p:nth-of-type(odd) {
    background: #D7DBDE;
    padding: 10px;
    margin: 0px;
    font-size: 1.1em;
}

div.extractDetail p:nth-of-type(even) {
    background: #f1f1f1;
    padding: 10px;
    margin: 0px;
    font-size: 1.1em;
}

div.extractDetail{

	border-radius: 5px;
    overflow: auto;
}

body#sketchup_index .side-menu a.download
{
	background: none;
	text-align: center;
}

/* GENERAL */
.show {
	display: block !important;
}
.hide {
	display: none !important;
}

.modal-blockTerms.modal-full
{
	width: 90vw;
	height: 90vh;
	left: calc( (100vw - 90vw) / 2 );
	top: calc( (100vw - 90vw) / 2 );
}

.modal-blockTerms .modal-header {
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
}
.modal-blockTerms .modal-body {
    /*position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;*/
    overflow-y: auto;
    overflow-x: hidden;
	background: #efefef;
	padding: 20px;
	height: 300px;
}

.modal-blockTerms .btn-blockTerms {
    width: 45px;
    height: 20px;
    margin: 15px 50%;
}
#content .highlights > div:first-child span
{
	right: 55px;
}


.desktopVideo
{
	display: block;
}
.mobileVideo
{
	display: none;
}
@media screen and (max-width: 440px) {

	.desktopVideo
	{
		display: none !important;
	}
	.mobileVideo
	{
		display: block !important;		
	}
}