body {font: 400 15px Lato, sans-serif; line-height: 1.8; color: #818181;}
h2 {font-size: 24px; text-transform: uppercase; color: #303030; font-weight: 600; margin-bottom: 30px;}
h4 {font-size: 19px; line-height: 1.375em; color: #303030; font-weight: 400; margin-bottom: 30px;}
.case{padding: 60px 50px;}
.bg-grey {background-color: #f6f6f6;}

.navbar {margin-bottom: 0; background-color: #0b4d8e; z-index: 9999; border: 0; font-size: 12px !important; line-height: 1.42857143 !important; letter-spacing: 4px; border-radius: 0;  font-family: Montserrat, sans-serif;}
.navbar-inverse { background-color: #0B4D8E}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #0B4D8E}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-brand { color: #fff}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #0B4D8E}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #0B4D8E}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #0B4D8E}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #0B4D8E}

.carousel-inner img {width: 100%; /* Set width to 100% */ margin: auto;}
.carousel-caption h3 {color: #b82228; !important;}
.carousel-caption p {color: #b82228; !important;}
@media (max-width: 600px) {.carousel-caption {display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */}}

.item h4 {font-size: 19px; line-height: 1.375em; font-weight: 400; font-style: italic; margin: 70px 0;}
.item span {font-style: normal;}
footer .glyphicon {font-size: 20px; margin-bottom: 20px; color: #b82228;}
.error {color: #FF0000;}

ul.lista{list-style-image: url('../images/ico_bullet.gif'); list-style-position:outside; list-style-type:circle; text-decoration: none;}


.tab {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;} /* Style the tab */
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;} /* Style the buttons inside the tab */
.tab button:hover {background-color: #ddd;}  /* Change background color of buttons on hover */
.tab button.active {background-color: #ccc;}  /* Create an active/current tablink class */
.tabcontent {display: none; padding: 6px 12px;/*  border: 1px solid #ccc;     */ border-top: none;}/* Style the tab content */
.topright {float: right; cursor: pointer; font-size: 28px;}/* Style the close button */
.topright:hover {color: red;}

.responsive {width: 100%; max-width: 220px; height: auto;}

table {border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd;}
th, td {text-align: left; padding: 8px;}
tr:nth-child(even){background-color: #f2f2f2}


@media (max-width: 768px) {img {display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */}}