/* CUSTOMIZATION FOR GT */

html, body, .container-fluid, .row {font-family: 'Roboto', sans-serif; height: 100%}

/*CONSIDERAR APAGAR ESTA LINHA*/
/*.container-fluid, .right.row, .right.col-md-8{margin: 0px !important; padding: 0px !important}*/

/*@media screen and (min-width: 750px){
    .gt-mobile{display: none;}
    .gt-screen{}
}

@media screen and (max-width: 750px){
    .gt-mobile{
        height: 100%;
        padding: 10%;
        text-align: center
    }
    .gt-screen{display: none}
}*/

a, a:hover, a:focus, a:visited{text-decoration: none; outline: 0 !important; color: inherit}
hr{border-top: solid 1px #e4a025; width: 10%; margin-right: 0; line-height: 1. !important;}
p{line-height: 1.5em; font-size: 0.9rem; font-weight: 300; margin: 0.6rem 0 0.6rem 0}
strong{font-weight: 500}
small{font-size: 75%}

@media screen and (max-width: 750px){
	h1{margin-bottom: 20px; margin-top: 60px}
	.desktop{display: none}
/*	.vheight, .fp-responsive{height: auto !important; overflow: auto !important}*/
	.vcenter{position: relative;}
	.vcenter-menu{position: relative;}
	.mobile{min-height: 100%}
	.navbar-mobile{width: 100%}
	.fp-section, .fp-tableCell, .fp-scrollable{overflow: visible; height: auto !important; padding: 5% 0%; }
	.fp-section{border-bottom: solid 1px #e4a025}
	.input-group-btn{white-space: normal; text-align: center; padding: 20px 0 !important}
}
@media screen and (min-width: 750px){
	h1{margin-bottom: 20px}
	.mobile{display: none}
	.navbar-mobile{display: none}
	.vheight{height: 100%}
	.vcenter{
		position: relative;
	}
	.vcenter-menu{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
	}
}

.container-fluid{
	background-image: url('../img/GT_bg.jpg');
    background-position: left center;
    background-size: cover;
	background-attachment: fixed;
}

.copyright{
	position: absolute;
	bottom: 0; left: 0;
	transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	transform-origin: 5% 50%;
		-ms-transform-origin: 5% 50%;
		-moz-transform-origin: 5% 50%;
		-webkit-transform-origin: 5% 50%;
	color: white;
	z-index: 9999;
}

.copyright p{font-size: 0.7rem; opacity: .5}

@media screen and (max-width: 750px){
	.left{padding-left: 20%; padding-right: 20%}
}
@media screen and (min-width: 750px){
	.left{padding-left: 25%; padding-right: 25%}
}

.navbar-brand{padding: 6.5px 15px}

.menu-background{
	background-image: url('../img/GT_bg.jpg');
    background-position: left center;
    background-size: cover;
	background-attachment: fixed;
	z-index: 10;
}

.menu{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.menu-col-left{padding-right: 8px; padding-left: 16px} .menu-col-right{padding-right: 16px; padding-left: 8px }
.menu:hover, .menu:focus, .menu:active{background-color: rgba(255,255,255,0.2);}
.menu:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.menu-wrapper{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}
.menu-content{
	display: table;
	width: 100%;
	height: 100%;
}

a.thumbnail {
	background-color: transparent;
	border-radius: 0px;
	margin-bottom: 16px;
	padding: 0px;
	transition: all .5s ease
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {border-color: white; background-color: rgba(255,255,255,0.2)}
a.thumbnail.logo.active, a.thumbnail.logo:hover, a.thumbnail.logo:focus{background-color: transparent}

.logo{border: none}

.menu-icon{
	width: 40%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	color: white;
	text-transform: uppercase;
}
.menu-icon img{}
.menu-icon p{
	line-height: 1.2;
	margin: 12px 1% 0px 1%;
	font-weight: 300;
    font-size: .75rem;
}

.right{float: right; z-index: 20}

@media screen and (min-width: 750px){
	.home{
		padding: 0 10%;
	}
}
@media screen and (max-width: 750px){
	.home{
		padding: 0 2.5%;
	}
}

.home h1{
	text-align: right;
	color: #e4a025;
	font-weight: 100;
}

.home p, .contato p{
	color: white;
}

.nav-tabs{border-bottom: solid 1px rgba(255,255,255,0.12); margin-bottom: 10px}
.nav-tabs>li>a{
	background-color: transparent;
	color: white; text-transform: uppercase; 
	border: none; border-radius: 0px;
	border-bottom: solid 1px rgba(228,160,37,0);
	transition: all .25s ease;
}
.nav-tabs>li>a:hover{
	background-color: transparent;
	color: white; text-transform: uppercase; 
	border: none; border-radius: 0px;
	border-bottom: solid 3px rgba(228,160,37,.5);	
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	font-size: .9rem;
	background-color: transparent;
	color: white; text-transform: uppercase; 
	border: none; border-radius: 0px; border-bottom: solid 3px #e4a025;	
}

.tab-content{padding: 10px}
.tab-pane p{font-size: .9rem; opacity: .7}

@media screen and (min-width: 750px){
	.tributaria, .financeira, .casos, .leidobem, .financiamento, .noticias, .carreiras{
		background-color: white;
		box-shadow: 0px 0px 30px rgba(0,0,0,1);
		overflow: auto;
    	padding: 0 10%;
	}
}
@media screen and (max-width: 750px){
	.tributaria, .financeira, .casos, .leidobem, .financiamento, .noticias, .carreiras{
		background-color: white;
		overflow: hidden !important;
    	padding: 0 2.5%;
	}
}

.contato{
	overflow: auto;
    padding-left: 10%; padding-right: 10%
}

.tributaria h1, .financeira h1, .casos h1, .leidobem h1, .financiamento h1, .noticias h1, .carreiras h1, .contato h1{
	text-align: right;
	color: #e4a025;
	opacity: .87;
	font-weight: 100;
}
.tributaria p, .financeira p, .casos p, .leidobem p, .financiamento p, .noticias p, .carreiras p{
	color: #173847;
	opacity: .87;
}

.btn-tributaria, .btn-financeira{
	border-radius: 1px; border: none;
	background-color: #f5f5f5;
	color: rgba(23,56,71,0.54);
	text-transform: uppercase;
	margin: 5px;
	outline: none;
	transition: all .25s ease;
}

.btn-tributaria:hover, .btn-financeira:hover {
	background-color: #e0e0e0 !important;
	color: rgba(23,56,71,0.87) !important; 
	border-radius: 1px !important; 
	border: none !important;
	outline: none !important;
	transition: all .25s ease;
}

.btn-tributaria:active, .btn-tributaria:focus, .btn-financeira:active, .btn-financeira:focus, .btn-tributaria:hover:focus, .btn-financeira:hover:focus {
	background-color: #e0e0e0; 
	color: rgba(23,56,71,0.87); 
	border-radius: 1px; 
	border-bottom: solid 3px #e4a025 !important; 
	border-top: none; border-right: none; border-left: none;
	outline: none;
}

.btn-casos, btn-casos.active{
	padding: 6px;
	border-radius: 2px !important; border: solid 0px #163847;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	background-color: #FFFFFF;
	color: rgba(23,56,71,0.54);
	margin: 5px 15px 35px 15px;
	outline: none !important;
	transition: all .35s ease;
}

.btn-casos p{
	position: absolute;
	font-size: .65rem;
	margin-top: 10px;
	left: 50%;
    transform: translateX(-50%);
}

.btn-casos:hover{outline: none; background-color: rgba(0,0,0,0.12); box-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
.btn-casos:hover:active{outline: none; background-color: rgba(0,0,0,0.12); box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,0.15);}

.btn-casos:active, .btn-casos:focus, .btn-casos:visited, .btn-casos.active{outline: none; background-color: rgb(228,161,36) !important;}

.btn-gold{
    background-color: #e4a124;
    color: #FFFFFF !important;
    font-size: 1rem;
    border-radius: 1px;
    border: none;
    margin: 20px;
    padding: 10px 16px;
    transition: all ease .5s;
	vertical-align: baseline;
	
	white-space: normal;
}

.btn-gold:hover{
    background-color: #e4a124;
    color: #FFFFFF !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-gold:active, .btn-gold:focus{
    background-color: #e4a124 !important;
    color: rgba(255,255,255,0.8) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25)
}

.img-financiamento{margin: auto}

.casos-icon{
	width: 50px; height: 50px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	color: white;
	text-transform: uppercase;
}

.well {
	background-color: #fafafa;
	border-radius: 0px; border: none;
	margin: 0px 5px 20px 5px; 
	box-shadow: none;
}

.well p{color: rgba(23,56,71,0.54); font-size: .9rem}

/* VAMOS TESTAR ESSA BAGAÇA */

/*.js Não sei aonde essa classe é usada*/ .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1rem;
    /* 20px */
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-gt + label {
    color: #e4a124;
}

.inputfile-gt:focus + label,
.inputfile-gt.has-focus + label,
.inputfile-gt + label:hover {
    color: #e4a124;
	opacity: .54;
}

.inputfile-gt + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-gt:focus + label figure,
.inputfile-gt.has-focus + label figure,
.inputfile-gt + label:hover figure {
    background-color: #722040;
}

.inputfile-gt + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}

/* VAMOS TESTAR ESSA BAGAÇA */


.formContato {background-color: rgba(22,56,71,0.7); padding: 1.5% 2.5%; margin-bottom: 15px}
.formFinanciamento {}

.formContato .form-group, formFinanciamento .form-group {margin: 20px 0 0 0}
.formContato .form-group.label-floating label.control-label,
.formContato .form-group.label-placeholder label.control-label,
.formFinanciamento .form-group.label-floating label.control-label,
.formFinanciamento .form-group.label-placeholder label.control-label{
	font-size: .9rem;
	font-weight: 300
}
.formContato .form-control,
.formFinanciamento .form-control{
	font-size: .9rem; font-weight: 300
}
.formFinanciamento .form-control, .formFinanciamento .form-control:focus{color: #BDBDBD}
.formContato .form-group .form-control, .formFinanciamento .form-group .form-control {margin-bottom: 0px;}

.form-control, .form-control:focus {color: rgba(255,255,255,0.5); background-color: rgba(22,56,71,1);}
.form-group.is-focused select.form-control {color: #e4a124; padding: 5px}

.contato .fa-end, .contato .fa-tel{
	text-align: center;
	color: white !important;
	background-color: #e4a124;
	padding: 3px 4px;
	border-radius: 15%;
}
.contato .fa-end, .contato .fa-tel, .contato b, .contato small{color: #e4a124}
.contato .end{
	border-radius: 1px;
	background-color: rgba(22,56,71,0.7);
	transition: all .35s ease	
}
.contato .end:hover{
	box-shadow: -1px 1px 3px rgba(0,0,0,0.5);
	background-color: rgba(30,75,96,0.7);
}
.contato .end:active{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
	background-color: rgba(30,75,96,0.9);
}
.contato .end:focus{
	box-shadow: -1px 1px 3px rgba(0,0,0,0.5);
	background-color: rgba(22,56,71,0.9);
}

.btn-social, .btn-social:visited{
	padding: 0;
	color: #e4a124;
	background-color: white;
	border: 0;
	border-radius: 6px;
	margin-top: 20px;
	transition: all .35s ease
}
.btn-social:hover{color: #cd9020; background-color: #e5e5e5}
.btn-social:active:hover, .btn-social:focus{color: #b6801c; outline: 0}
.fa-social {
	margin: -10% 0;
	vertical-align: middle;
}

.modal-dialog{position: absolute; transform: translate(-50%,-50%)!important; top: 50%; left: 50%}
.modal-content{border-radius: 1px}
.modal-header{padding: 15px 35px 0px 35px; border-bottom: 1px solid transparent }
.modal-body{padding: 15px 35px 35px 35px}

.modal h4{
	color: #e4a025;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1.5rem
}

.modal h5{
	color: #173847;
	font-weight: 300;
	text-transform: uppercase;
}