/*
Theme Name:     Time Management
Description:    
Author:         metroquadrado
Template:       twentyfourteen

(optional values you can add: Theme URI, Author URI, Version)
*/

/*@import url("../twentyfourteen/style.css");*/

body {
    font-family: "Source Sans Pro",arial,sans-serif;
    font-weight: 200;
}

h1{
	font-size: 5em;	
	margin:0;
	padding:0;
}

.row-home {
	margin: 0 -2px;
}

.col-home {
	width: 25%;
	float: left;
	padding: 0 2px;
}

.bloco-home  {
	display: table;
	text-align: center;
	width: 100%;
	position: relative;
}

.block-logo {
	display: table-cell;
	vertical-align: middle;
	background-color: rgba(255, 255, 255, 0);
	transition: all 0.5s ease 0s;
}


.block-logo:hover {
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.col-home img {
	height: 28px;
}

.section{
	text-align:center;
}

#section0 {
	padding-top: 90px;
}

.bloco{
	
	position: relative;
}

.bloco h1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 75%;
	height: 50%;
	margin: auto;
	vertical-align: middle;
}

.bloco h1 img {
	height: 45px;
}

.split{
	height: 33%;
}

.frase{	
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 75%;
	height: 25%;
	margin: auto;
	vertical-align: middle;
	font-size: 18px;
	line-height: 22px;
	color: #666;
	text-transform: uppercase;
	font-weight: 200;
}

.plus-sign-content {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.plus-sign-box {
	width: 57px;
	margin: 0 auto;
	background-color: rgba(200, 200, 200, 0.5);
	padding: 12px 12px 12px 12px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.plus-sign-box:hover
{
	background-color: rgba(200, 200, 200, 0.7);
}


#plus-sign-personal {
	background: rgb(162, 145, 97);
	width:3px;
	height:33px;
	position:relative;
	margin-left:15px;
}

#plus-sign-personal:before {
	background: rgb(162, 145, 97);
	content:"";
	width:33px;
	height:3px;
	position:absolute;
	top:15px;
	left:-15px;
}

#plus-sign-extra {
	background: rgb(167, 168, 172);
	width:3px;
	height:33px;
	position:relative;
	margin-left:15px;
}

#plus-sign-extra:before {
	background: rgb(167, 168, 172);
	content:"";
	width:33px;
	height:3px;
	position:absolute;
	top:15px;
	left:-15px;
}

#plus-sign-corporate {
	background: rgb(56, 62, 77);
	width:3px;
	height:33px;
	position:relative;
	margin-left:15px;
}

#plus-sign-corporate:before {
	background: rgb(56, 62, 77);
	content:"";
	width:33px;
	height:3px;
	position:absolute;
	top:15px;
	left:-15px;
}

#plus-sign-travel {
	background: rgb(205, 104, 52);
	width:3px;
	height:33px;
	position:relative;
	margin-left:15px;
}

#plus-sign-travel:before {
	background: rgb(205, 104, 52);
	content:"";
	width:33px;
	height:3px;
	position:absolute;
	top:15px;
	left:-15px;
}

/* Navigation */

#mastermenu {
	height: 90px;
}

#homemenu {
	display: none;
	height: 60px;
}

.qtrans_language_chooser li {
	float: left;
	list-style: none;
	padding: 0 5px;
	line-height: 90px;
}

.qtrans_language_chooser li a{
	color: #ccc;
}

.qtrans_language_chooser li.active a{
	color: #fff;
}

.navbar {
	border: none;
}

.navbar-default {
    background-color: #000;
    border-color: #000;
}

.masterlogo {
	margin: 0 auto;
	width: 260px;
	line-height: 90px;
}

.socialhome {
	width: auto;
	margin: 10px auto;
}

.socialicon {
	margin: 0 auto;
	line-height: 90px;
	float: right;
	margin-left: 16px;
}

.socialhome .socialicon {
	margin: 0 auto;
	line-height: 55px;
	float: right;
	margin: 0 8px;
}
.navbar-brand {
	line-height: 60px;
	padding: 0;
}

.navbar-home {
	float: right;
}

.navbar-home li a{
	line-height: 60px;
	padding: 0 10px;
}

.topmenu {
	text-align: center;
	height: 36px;
	padding: 0;
	margin: 0;
}

.topmenu ul {
	float: none;
	display: inline-block;
}

.topmenu ul li a {
	line-height: 36px;
	padding: 0 24px;
}

.menu-mastermenu-container {
	text-transform: uppercase;
	font-size: 16px;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    color: rgb(255, 255, 255);
}

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

.submenu {
	height: 30px;
	text-align: center;
	padding: 0;
	margin: 0;	
}

.submenu ul {
	display: inline-block;
	padding: 0;
}

.submenu ul li {
	display: inline-block;
	line-height: 30px;
	padding: 0 16px;
	cursor: pointer;
}

.submenu ul li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
}

.page-id-9 .submenu ul li:first-child {
	border-left: 1px solid rgb(162, 145, 97);
}

.page-id-9 .submenu ul li {
	border-right: 1px solid rgb(162, 145, 97);
}

.page-id-9 .topmenu, .menu-item-27:hover { 
	background: rgb(162, 145, 97);
}

.page-id-9 .topmenu .current-menu-item, .page-id-9 .submenu  { 
	background: rgb(175, 164, 134);
}

.page-id-11 .topmenu, .menu-item-26:hover { 
	background: rgb(167, 168, 172);
}

.page-id-11 .topmenu .current-menu-item, .page-id-11 .submenu { 
	background: rgb(181, 185, 189);
}

.page-id-11 .submenu ul li:first-child {
	border-left: 1px solid rgb(167, 168, 172);
}

.page-id-11 .submenu ul li {
	border-right: 1px solid rgb(167, 168, 172);
}

.page-id-43 .topmenu, .menu-item-46:hover { 
	background: rgb(56, 62, 77);
}

.page-id-43 .topmenu .current-menu-item, .page-id-43 .submenu { 
	background: rgb(73, 82, 104);
}

.page-id-43 .submenu ul li:first-child {
	border-left: 1px solid rgb(56, 62, 77);
}

.page-id-43 .submenu ul li {
	border-right: 1px solid rgb(56, 62, 77);
}

.page-id-69 .topmenu, .menu-item-251:hover {
	background-color: rgb(174, 85, 40);
}

.page-id-69 .topmenu .current-menu-item, .page-id-69 .submenu { 
	background-color: rgb(205, 104, 52);
}

.page-id-69 .submenu ul li:first-child {
	border-left: 1px solid rgb(174, 85, 40);
}

.page-id-69 .submenu ul li {
	border-right: 1px solid rgb(174, 85, 40);
}

/* End of Navigation */

.time-desc {
	margin-top: 440px;
	min-height: 320px;
}

.page-id-9 .time-desc {
	background-color: rgba(175, 164, 134, 0.85);
}

.page-id-11 .time-desc {
	background-color: rgba(181, 185, 189, 0.85);
}

.time-container {
	position: relative;
}

.time-main {
	position: absolute;
	top: -180px;
}

.time-title {
	background-color: rgba(255, 255, 255, .75);
	margin-bottom: 4px;
	padding: 16px 32px;
}

.time-content {
	padding: 32px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	height: 109px;
}

.page-id-9 .time-content {
	background-color: rgba(175, 164, 134, 0.85);
}

.page-id-11 .time-content {
	background-color: rgba(181, 185, 189, 0.85);
}

.section-desc-container {
	height: auto;
}

.section-desc {
	text-align: center;
	line-height: 30px;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 200;
	padding: 24px 16px;
}

.areas-img {
	padding: 32px 0 0;
	text-align: center;
}

.servico {
	height: 400px;
	display: table;
	text-align: center;
}

.page-id-9 .servico {
	background-color: rgba(162, 145, 97, .75);
}

.page-id-11 .servico {
	background-color: rgba(167, 168, 172, .85);
}

.page-id-43 .servico {
	background-color: rgba(162, 145, 97, .8);
}

.page-id-69 .servico {
	background-color: rgba(162, 145, 97, .8);
}

.servico-container {
	display: table-cell;
	vertical-align: middle;
	padding: 8px 0;
}

.servico-title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
	font-weight: normal;
	color: rgb(255, 255, 255);
}

.servico-lista {
	font-weight: 200;
	font-size: 15px;
	color: rgb(255, 255, 255);
}

footer {
	background-color: #000;
	padding: 24px 0;
}

.footer {
	margin-bottom: 16px;
}

.footer-title {
	color: #fff;
	margin-bottom: 16px;
}

.footer-title h1{
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

.footer-menu {
	margin-top: 32px;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footer-menu a{
	color: #999;
}

.footer-menu a:hover {
	color: #fff;
}

.form-newsletter {
	margin-top: 32px;
}

.form-input {
	float: left;
}

.form-input.col-xs-10 {
	padding-right: 5px;
}

.form-input.col-xs-5 {
	padding-left: 0px;
}

input {
	height: 40px;
	width: 100%;
	text-align: center;
	margin-bottom: 4px;
	color: #333;
}

input.submit {
	width: 100%;
	text-transform: uppercase;
	background: rgb(219, 214, 201);
	color: rgb(0, 0, 0);
	cursor: pointer;
	font-weight: normal;
}

.page-id-9 input.submit {
	color: rgb(162, 145, 97);
}

.page-id-11 input.submit {
	color: rgb(120, 120, 120);
}

.page-id-43 input.submit {
	color: rgb(56, 62, 77);
}

.page-id-69 input.submit {
	color: rgb(174, 85, 40);
}

.copy {
	border-top: 2px solid #999;
	padding: 16px 0;
	color: #999;
}

div.wpcf7-validation-errors, DIV.wpcf7-response-output.wpcf7-mail-sent-ok {
	border: none;
}

span.wpcf7-not-valid-tip {
    color: #F00;
    font-size: 10px;
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.rg-align {
	text-align: right;
}

.page-id-9 .section-desc-container { 
	background: rgb(175, 164, 124);
}

.page-id-9 #section2 { 
	background: rgb(162, 145, 97);
}

.page-id-11 .section-desc-container { 
	background: rgb(176, 180, 186);
}

.page-id-11 #section2 { 
	background: rgb(167, 168, 172);
}

.page-id-43 .section-desc-container { 
	background: rgb(73, 82, 104);
}

.page-id-43 #section2 { 
	background: #72778f;
}

.block-statement {
	height: 50px;
	background-color: rgba(255, 255, 255, .5);
}

.block-statement SPAN {
	font-size: 38px;
	line-height: 40px;
	text-transform: uppercase;
}

.block-statement img {
	height: 30px;
	display:inline-block;
	vertical-align:text-bottom;
}

.statement-container {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	width: 100%;
}

.statement {
	color: #fff;
	font-size: 16px;
	width: 100%;
	text-align: center;
	padding: 8px;
	text-transform: uppercase;
	font-weight: 200;
}

.p-9 {
	background-color: rgba(162, 145, 97, 1);
}

.p-11 {
	background-color: rgba(167, 168, 172, 1);
}

.p-43 {
	background-color: rgba(56, 62, 77, 1);
}

.p-69 {
	background-color: rgba(174, 85, 40, 1);
}

.statement-9 {
	color: rgb(162, 145, 97);
}

.statement-11 {
	color: rgb(167, 168, 172);
}

.statement-43 {
	color: rgb(56, 62, 77);
}
.statement-69 {
	color: rgb(37, 64, 143);
}

.block-statement a:hover {
	text-decoration: none;
}

.ms-title {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgb(255, 255, 255);
	margin: 32px 0 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgb(175, 164, 124);
}

.nav-tabs {
    border-bottom: 0px;
}

.ms-tab .nav > li > a {
    position: relative;
    display: block;
    margin: 0px 15px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: rgb(255, 255, 255);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: rgb(255, 255, 255);
    background-color: transparent;
    border: none;
    cursor: default;
    font-weight: normal;
}

.ms-tab .nav > li > a:hover, .ms-tab .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    font-weight: normal;
}

.page-id-9 .nav-tabs > li > a:hover {
    border: 1px solid rgb(162, 145, 97);
    border-bottom: 1px solid rgb(175, 164, 124);
}

.page-id-9 .ms-title {
	border-bottom: 1px solid rgb(175, 164, 124);
}

.page-id-9 .ms-tab .nav > li > a:hover, .page-id-9 .ms-tab .nav > li > a:focus {
    border-bottom: 1px solid rgb(175, 164, 124);
}

.page-id-9 .nav-tabs > li.active > a, .page-id-9 .nav-tabs > li.active > a:hover, .page-id-9 .nav-tabs > li.active > a:focus {
    border: 1px solid rgb(162, 145, 97);
	border-bottom: 1px solid rgb(175, 164, 124);
}

.page-id-11 .ms-title {
	border-bottom: 1px solid rgb(176, 180, 186);
}

.page-id-43 .ms-title {
	border-bottom: 1px solid rgb(73, 82, 104);
}

.tab-content {
	margin-top: 32px;
	color: rgb(255, 255, 255);
	line-height: 24px;
}

.tab-content ul {
	padding-left: 15px;
	
}

.single-tab {
	margin-top: 32px;
	color: rgb(255, 255, 255);
	line-height: 24px;
}

.page-id-9 .single-tab {
	margin-top: 67px;
}


.clientes-thumb {
	margin: 8px 0 24px;
}

.clientes-thumb img {
	width: 100%;
	height: auto;
}

.contact-box {
	margin-top: 32px;
	padding: 32px;
	margin-left: -30px;
	text-align: center;
}

.contact-box-title {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

.contact-box-form {
	text-align: center;
	width: 100%;
	margin-bottom: 16px;
}

.contact-box {
	background-color: rgba(245, 246, 246, 0.5);
}

span.wpcf7-not-valid-tip {
    color: #F00;
    font-size: 12px;
    display: block;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 0;
    font-size: 10px;
}


/* TESTEMUNHOS */

.section-testemunhos {
	padding: 200px 0;
}

.testemunhos-container {
	background-color: rgba(255, 255, 255, .95);
}

.testemunhos-header {
	font-size: 	46px;
	line-height: 48px;
	text-transform: uppercase;
	text-align: center;
	margin: 32px 0 12px;
}

.page-id-9 .testemunhos-container {
	color: rgb(162, 145, 97);
}

.page-id-11 .testemunhos-container {
	color: rgb(120, 120, 120);
}

.testemunho-content, .testemunho-title {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
}

.bx-wrapper .bx-viewport {
    box-shadow: 0px 0px 0px #CCC;
    border: 0px solid;
    left: 0px;
    background: none repeat scroll 0% 0% transparent;
    padding-left: 0px;
}

.page-id-9 .bx-wrapper .bx-pager.bx-default-pager a:hover, .page-id-9 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0% 0% rgb(162, 145, 97);
}

.page-id-11 .bx-wrapper .bx-pager.bx-default-pager a:hover, .page-id-11 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0% 0% rgb(167, 168, 172);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -50px;
    width: 100%;
}

/*VERSION 2*/


.section, .section-extra, .section-testemunhos {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.section-extra {
	padding-bottom: 32px;	
}


.time-main-extra {
	top: -70px;
}

.time-content-extra {
	padding: 32px;
	font-size: 16px;
	line-height: 20px;
	background-color: none;
	color: #000;
	font-weight: 400;
	background-color: rgba(255, 255, 255, 0.9);
}

.page-id-9 .time-content-extra {
	color: rgb(162, 145, 97);
}

.page-id-11 .time-content-extra {
	color: rgb(120, 120, 120);
}

.page-id-43 .time-content-extra {
	color: rgb(73, 82, 104);
}

.page-id-69 .time-content-extra {
	color: rgb(205, 104, 52);
}

.time-title-extra {
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 4px;
	padding: 16px 32px;
}

.time-title-extra img {
	height: 35px;
}

.time-desc-extra {
	margin-top: 300px;
	background-color: none;
}

.section-contacts {
	position: relative;
}

#googlemaps {
	height: 100%;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}
 
#contactscontent {
	position: relative;
	z-index: 1; /* The z-index should be higher than Google Maps */
	padding: 10px;
	background: transparent;
	height: auto;
	color: white;
}

@media (max-width: 767px) {
	
	.row-home {

	}
	
	.row-xs {
		height: 25%;
	}
	
	.row1 {
		background-color: #A29161;
	}

	.row2 {
		background-color: #A7A8AC;
	}
	
	.row3 {
		background-color: #383E4D;
	}
	
	.row4 {
		background-color: #AE5528;
	}
	
	.block-xs-container {
		text-align: center;
	}
	
	.block-logo-mobile {
		padding: 0 32px;
	}
	
	.block-logo-mobile img {
		height: 35px;
	}
	
	.topmenu .navbar-toggle {
	    position: relative;
	    float: right;
	    margin-right: 10px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    padding: 4px;
	    margin-top: 5px;
	    margin-bottom: -1px;
	}
	
	.navbar-collapse {
	    max-height: 340px;
	    overflow-x: visible;
	    padding-right: 15px;
	    padding-left: 15px;
	    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.1) inset;
	    border-top: 0px solid transparent;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	
	.topmenu ul {
	    float: none;
	    display: block;
	    border-top: 1px solid #333;
	}
	
	LI#menu-item-27 {
		background-color: #A29161;
	}
	
	LI#menu-item-26 {
		background-color: #A7A8AC;
	}
	
	LI#menu-item-46 {
		background-color: #383E4D;
	}
	
	LI#menu-item-251 {
		background-color: #AE5528;
	}
	
	.time-title-extra img {
		height: 25px;
	}
	
		
	#section1, #section3 {
		background: none repeat scroll 0% 0% rgb(255, 255, 255) !important;
	}
	
	.time-desc-extra {
	    margin-top: 16px;
	}
	
	.section-desc-container {
		height: auto;
		margin-bottom: 16px;
	}
	
	.section-desc {
	    line-height: 20px;
	    font-size: 16px;
	    padding: 8px 16px;
	}
	
	.panel-title {
		text-align: center;
	}
	
	.panel-body {
		text-align: center;
	}
	
	.page-id-9 .panel-default > .panel-heading {
	    color: #333;
	    background-color: #A29161;
	    border-color: #A29161;
	}
	
	.page-id-9 .panel-default {
	    border-color: #A29161;
	}
	
	.page-id-11 .panel-default > .panel-heading {
	    color: #333;
	    background-color: #A7A8AC;
	    border-color: #A7A8AC;
	}
	
	.page-id-11 .panel-default {
	    border-color: #A7A8AC;
	}
	
	.panel-title > a {
	    color: #ffffff;
	    display: block;
	}
	
	.page-id-69 .panel-group, .page-id-43 .panel-group {
	    margin-bottom: 0px;
	}
	
	.section-testemunhos {
	    padding: 16px 0px;
	}
	
	.testemunhos-header {
	    font-size: 26px;
	    line-height: 28px;
	    margin: 16px 0px 8px;
	}
	
	.testemunho-content, .testemunho-title {
	    font-size: 14px;
	    line-height: 18px;
	}
	
}

@media (max-width: 1024px) {
	.section, .section-extra, .section-testemunhos {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center center;
		background-size: cover;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.col-home img {
	    height: 22px;
	}
	
	.statement {
	    font-size: 13px;
	}
	
	.time-desc-extra {
	    margin-top: 16px;
	}
	
	.section-desc {
	    line-height: 30px;
	    font-size: 20px;
	    padding: 16px;
	}
}

@media (max-width: 991px) {
	
	#section0 {
		margin-bottom: 2px;
	}
	
	.page-id-9 .section-extra {
		background: none repeat scroll 0% 0%  rgb(175, 164, 134) !important;
	}
	
	.page-id-11 .section-extra {
		background: none repeat scroll 0% 0% rgb(181, 185, 189) !important;
	}
	
	.page-id-43 .section-extra {
		background: none repeat scroll 0% 0% rgb(73, 82, 104) !important;
	}
	
	.page-id-69 .section-extra {
		background: none repeat scroll 0% 0% rgb(205, 104, 52) !important;
	}
}