/* Consell Agrari */
body {background: #f3f3f2; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Questrial', sans-serif !important;}
ul, ol {margin-bottom: 0;}
a {transition: all 0.2s ease-in-out;}
::selection {background: #000; color: #fff; text-shadow: none;} ::-moz-selection {background: #000; color: #fff; text-shadow: none;} ::-webkit-selection {background: #000; color: #fff; text-shadow: none;}     
.language {background:transparent;}
.language ul li:last-child {border-left: 1px solid #ccc;}
.language ul li a {color: #b3b2b2;}
.language ul li a:hover, .language ul li a.active-lang {color: #000!important;}
.navbar-nav li a:hover {color: #000!important;}
.container:first-child {max-width: 1170px; width: 100%;background: transparent;margin-top:0px;}
.navbar .container {box-shadow: none; background: transparent; margin-top: 0;}
.navbar-wrapper .container {text-align: center;}
.brand {background: #000!important; border-bottom: 0px solid #f0f0f0;}
.brand div {padding: 0;text-align: left;}
.brand img { max-width: 300px; max-height: 100px; padding: 0px;margin: 0; width: auto !important;}
.container .navbar-inverse {border-bottom: 0px solid #ccc!important; border-top: 0;background: transparent;}
.container .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: 0;}
.navbar-nav li a {color: #7B7B7B!important; font-weight: normal;}
.container .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {background: transparent; color: #000!important;}
.navbar-nav li a:hover {color: #000!important;}
.navbar-form {box-shadow: none; background: #e7e7e6;display: inline-block;margin: 20px auto;border: 0;padding:10px;border-radius:4px;border: 1px solid rgba(204, 204, 204, 0.4);}
.brand {padding:0; border-radius: 4px;}
.brand .row {display: flex;align-items: center; border: 3px solid #000; width: 100%;}
.brand #tit1 {display:none;  font-weight: 400;}
.brand h1, .brand h2  {color: #fff; margin: 0 20px 0 0; font-size: 270%;cursor: initial;}
.marketing {background: #fff; padding: 45px 45px 25px 45px; border: 0px solid #ccc;; margin: 0px auto 25px auto; box-shadow: 0 0 0 4px rgba(0,0,0,0.05);max-width: 1170px; width: 100%;border-radius: 4px;}
#rnd-expense-example {margin-bottom: 50px; border-bottom: 1px solid #e8e8e8; padding-bottom: 50px;}
.marketing .container {width: 100%; margin: 0; box-shadow: none;}
#rnd-expense-example h1 {color: #4D4D4D;}
.marketing h1 {margin-bottom: 50px; color: #4D4D4D;}
.marketing .btn {border-radius: 4px;}
.google-visualization-tooltip .tooltip-title, #pop-up span b {font-weight: normal;}
#input-house, #input-vehicle, #input-extra-vehicle, #input-vado, #input-garbage { display: inline-block; }
#select-house, #select-vehicle, #select-extra-vehicle, #select-vado, #select-garbage, #tax-workshop-group, #tax-kindergarten-group { display: none; }
#pac, #btn-pac {display:inline-block!important;}
.box-title { background-color:#599E4E;}
section {border-color: #599E4E;}
.navbar-toggle {background-color: #000;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: #7B7B7B;}

#section-buttons div {margin-top: 0; border: 0px solid #fff; padding: 50px 15px; background: #f5f5f5;}
#section-buttons .img-circle {border-radius: 0;border-bottom: 3px solid rgba(255, 255, 255, 0.15);}
#section-buttons .btn {border: 2px solid #fff;font-size: 1.1em;background:transparent;}
#section-buttons .btn:hover {background:#fff;color:#000;}
#section-buttons div { border: 0px solid #fff; padding:20px; transition: all .2s ease-in-out; cursor: pointer; position: relative; color: #000;border-radius: 10px;}
#section-buttons div:nth-child(1) { background:#4d91d8;}
#section-buttons div:nth-child(2) { background:#81a741; }
#section-buttons div:nth-child(3) { background:#ddc72a; }
#section-buttons div:nth-child(4) { background:#cc481c; }

footer {border-top: 1px solid #e8e8e8; overflow: hidden;}
footer .pull-right {margin: 10px 0 0 0;}
footer .pull-right a {color: #000; border-bottom: 1px solid #fff; padding-bottom: 5px;}
footer .pull-right a:hover, footer .pull-right a:active, footer .pull-right a:focus {text-decoration: none; border-bottom: 1px solid #000;}

@media all and (max-width: 767px) {
    .navbar-header {background: transparent; margin-top:0;}
    .navbar-form {width: 100%;}
    .navbar-form input {margin: 10px auto;}
   .marketing { padding: 25px; border-radius: 0;}
   .brand h1, .brand h2  {margin: 0 10px 0 0; font-size:175%;}
   #section-buttons {margin-left: 0; margin-right: 0;}
    }
.results-payees, .results-payments {display:none!important}
#pagos, #btn-pagos, #tit2, .search-bar  {display: none !important;}
.top-navbar {position: absolute; right: 0; width: 1170px; left: 50%; margin: 40px 0 0 -585px; text-align: right;}
.language ul li a:hover, .language ul li a.active-lang {color: #000!important;}
@media all and (max-width: 1140px) {.top-navbar {position: relative; right: 0; width: auto; left: auto; margin: 0px; text-align: center;} .language ul li a:hover, .language ul li a.active-lang {color: #000!important;}}

footer .pull-right a {color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px;}
footer .pull-right a:hover, footer .pull-right a:active, footer .pull-right a:focus {text-decoration: none; border-bottom: 1px solid transparent;}

.language ul li a {color: #fff;}
.marketing {padding: 45px 45px 0 45px !important; margin: 0px auto;}
.top-navbar {background: #000;text-align: right; }
.language ul {text-align: right;}
.language ul li {float: right;}
.language ul li a.active-lang {color: #000 !important;}
.language ul li a:hover {background: #fff;}

@media all and (max-width: 1140px) {
    .brand {border-radius: 0px;}
    .marketing {border-radius: 0;}
    }

@media all and (max-width: 600px) {
    .brand .row {flex-direction: inherit;}
    .brand .row div {width: 100%!important;}
    }

@media all and (max-width: 768px) {
    .navbar-form input {margin: 10px auto;}
   .marketing { padding: 25px 25px 0 25px !important;}
    }