/* ----- General Start ----- */

@font-face {
    font-family: 'great_vibesregular';
    src: url('../fonts/greatvibes-regular-webfont.woff2') format('woff2'),
         url('../fonts/greatvibes-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #305CDE;
	font-family: 'great_vibesregular';
}

h1 {
	font-size: 45px;
}

h2 {
	font-size: 35px;
}

a {
	color: #bb8c00;
}

a:hover, a:focus, a:active {
	color: #996a00;
	text-decoration: none;
}

hr {
	border-top: 1px solid #000000;
	margin: 5px 0px;
}

.main-content .row {
	padding: 0px 15px;
}

/* ----- General End ----- */


/* ----- Navbar Start ----- */

.navbar-custom {
	background-color: #305CDE;
	margin-bottom: 0px;
}

.navbar-custom {
	font-size: 15px;
}

.navbar-default.navbar-custom .navbar-nav>.active>a, .navbar-default.navbar-custom .navbar-nav>.active>a:focus, .navbar-default.navbar-custom .navbar-nav>.active>a:hover, .navbar-default.navbar-custom .navbar-nav>li>a {
	color: #ffffff;
	padding: 0px 8px;
	margin: 5px 0px;
	text-transform: uppercase;
	border-right: 1px solid #97a78d;
}

.navbar-nav {
	margin: 45px 0px;
}

.navbar-default.navbar-custom .navbar-nav>.active>a, .navbar-default.navbar-custom .navbar-nav>.active>a:focus, .navbar-default.navbar-custom .navbar-nav>.active>a:hover {
	background-color: transparent;
}

.navbar-default.navbar-custom .navbar-nav>li:last-child>a {
	border-right: none;
}

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

.navbar-custom {
	min-height: 100px;
	border-radius: 0px;
	border-bottom: 4px solid #ffffff;
}

.img-logo {
	position: relative;
	margin-top: 10px;
	width: 100%;
}

.navbar-toggle {
	border-radius: 0px;
	border: none;
	width: 50px;
}

.navbar-default.navbar-custom .navbar-toggle:hover, .navbar-default.navbar-custom .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default.navbar-custom .navbar-toggle .icon-bar {
	background-color: #ffffff;
	height: 4px;
	width: 100%;
}

.dropdown-menu {
	z-index: 1000;
}

/* ----- Navbar End ----- */


/* ----- Carousel Start ----- */

.carousel-inner {
	position:absolute;
	z-index: -10000;
	top: 0px;
	height: 100%;
}

.bg-image {
	width: 100%;
	height: 100%;
	background-size: cover;
}

.item {
	height: 100%;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.carousel-control img{
	position: absolute;
	top: 50%;
	transform: translate(0%,-50%);
}

.left img {
	left: 50px;
}

.right img {
	right: 50px;
}

/* ----- Carousel End ----- */


/* ----- Overlay Start ----- */

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

.overlay-row {
	margin-top: 40px;
}

.overlay {
	color: #ffffff;
	font-size: 23px;
	text-shadow: 2px 2px 10px #000000;
	line-height: 1.2;
	margin-bottom: 1em;
	text-shadow: 0 0 10px #000000;
}

.quote {
	color: #ffffff;
	font-size: 33px;
	text-shadow: 2px 2px 10px #000000;
	line-height: 1.2;
	font-family: 'great_vibesregular';
	text-shadow: 0 0 10px #000000;
}

.signature {
	color: #ffffff;
	text-align: right;
	text-shadow: 2px 2px 10px #000000;
	font-size: 25px;
	font-family: 'great_vibesregular';
	text-shadow: 0 0 10px #000000;
}

/* ----- Overlay End ----- */


/* ----- Features Start ----- */

.chrome {
	background-image: url('../images/chrome.png');
	background-size: cover;
}

.feature {
	margin-top: -50px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 10px;
}

.feature.first {
	padding-left: 0px;
}

.feature.middle {
	padding-left: 0px;
	padding-right: 0px;
}

.feature.last {
	padding-right: 0px;
}

.feature-link {
	height: 50px;
	background-color: #305CDE;
	border-top-left-radius: 20px;
	padding: 8px 10px 10px 15px;
	color: #ffffff;
	font-size: 30px;
	font-family: 'great_vibesregular';
}

.feature-text {
	background-color: #ffffff;
	border-bottom-right-radius: 20px;
	padding: 15px;
	font-size: 15px;
	line-height: 22px;
}

.feature-link a, .feature-link a:hover, .feature-link a:focus {
	color: #ffffff;
}

.feature-link:hover {
	background-color: lightblue;
}

/* ----- Features End ----- */


/* ----- Content Begin ----- */

.content {
	background-image: url('https://bbfe30e77c.nxcli.io/wp-content/uploads/2024/12/new_section_background3.png');
	background-size: cover;
}

.content-inner {
	background-image: url('../images/bg-inner.png');
	background-size: cover;
	box-shadow: 0 0 8px #666666;
	z-index: 100;
	margin-bottom: -10px;
	position: relative;
	padding-bottom: 45px;
	font-size: 17px;
	line-height: 26px;
}

.content-inner ul li {
    list-style: none;
    background: url(https://bbfe30e77c.nxcli.io/wp-content/uploads/2024/12/list_icon.png) no-repeat left 8px;
    padding-left: 20px;
	margin-bottom: 1em;
}

.content-inner ul {
	padding-left: 0px;
}

.content-inner ul.nav li {
    list-style: none;
    background: none;
    padding-left: 0px;
	margin-bottom: 0px;
}

.content-inner ul.nav {
	padding-left: 0px;
}

.tab-content {
	border: 1px solid #dddddd;
	border-top: none;
	padding: 15px;
	background-color: #ffffff;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover {
	border: 1px solid #dddddd;
	background-color: #eeeeee;
}

.content-inner ul.nav.nav-tabs > li.active {
	margin-bottom: -1px;
	border-bottom: 1px solid #ffffff;
}

td {
	min-width: 110px;
}

/* ----- Content End ----- */


/* ----- Footer Begin ----- */

.footer {
	color: #ffffff;
	text-align: center;
	background-image: url('https://bbfe30e77c.nxcli.io/wp-content/uploads/2024/12/footer_background.png');
	background-size: cover;
}

.footer a {
	color: #ffffff;
}

.footer-menu {
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 35px;
	text-shadow: 0 0 10px #000000;
}

.copyright {
	margin-top: 32px;
	font-size: 14px;
	color: #dddddd;
	text-shadow: 0 0 10px #000000;
}

.footer .copyright a {
	color: #dddddd;
}

/* ----- Footer End ----- */

/* ----- Gallery Begin ----- */
.galleria {
	width: 100%;
	height: 500px;
	background: #000;
}

.galleria-info {
	bottom: 60px !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	width: 100% !important;
	text-align: center !important;
	opacity: 0.75;
}
/* ----- Gallery End ----- */

/* ----- Responsive Start ----- */

@media (min-width: 1200px) {
	.main-content {
		padding: 0px 150px;
	}
	
	.content-inner {
		min-height: 70vh;
	}
	.alignright {
		float:right;
	}
	
	.alignleft {
		float:left;
	}
}

@media (max-width: 1200px) and (min-width: 992px) {
	.main-content {
		padding: 0px 150px;
	}
	
	.content-inner {
		min-height: 70vh;
	}
	
	.nav-tabs > li > a {
		padding: 10px 12px;
		font-size: 14px;
	}
	
	.navbar-custom {
		font-size: 14px;
	}
	.left img {
		left: 35px;
	}

	.right img {
		right: 35px;
	}
	.galleria {
		height: 400px;
	}
	.alignright {
		float:right;
	}
	.alignleft {
		float:left;
	}
}

@media (max-width: 992px) and (min-width: 767px) {
	.content-inner {
		min-height: 50vh;
	}
	
	.footer a {
	font-size: 12px
}
	
	.navbar-nav {
        float: none !important;
        text-align: center;
    }
    .navbar-nav > li {
        float: none;
    }
    .nav > li {
        display: inline;
    }
    .nav > li > a {
        display: inline-block;
    }
	.navbar-header {
		width: 100% !important;
	}
	
	.nav-tabs > li > a {
		padding: 10px 12px;
		font-size: 14px;
	}
	.img-logo {
		width: 60%;
		margin: 25px 20% 0 20%;
	}
	.navbar-nav {
		margin: 25px 0px;
	}
	.carousel-control img{
		position: absolute;
		top: 75%;
		transform: translate(0%,-50%);
	}
	.feature {
		margin-top: 0px;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 0px;
	}

	.feature.middle, .feature.first, .feature.last {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.feature-link {
		border-top-left-radius: 0px;
	}

	.feature-text {
		border-bottom-right-radius: 0px;
		padding: 15px;
	}
	.overlay-row {
		margin-top: 40px;
	}

	.overlay {
		font-size: 18px;
		line-height: 1.1;
		margin-bottom: 1em;
	}

	.quote {
		font-size: 28px;
		line-height: 1;
	}

	.signature {
		font-size: 20px;
	}
	.left img {
		left: 15px;
	}

	.right img {
		right: 15px;
	}
	.galleria {
		height: 350px;
	}
	
	.alignright {
		float:right;
	}
	.alignleft {
		float:left;
	}
}

@media (max-width: 767px) {
	.content-inner {
		min-height: 48vh;
	}
	
	.img-responsive {
		max-width: 50%;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	.img-logo {
		width: 80%;
		margin: 25px 10% 0 10%;
		max-width: 100%;
	}
	.navbar-toggle {
		z-index: 10000000;
	}
	
	.footer a {
	font-size: 12px
}
	
	.navbar-default.navbar-custom .navbar-nav>.active>a, .navbar-default.navbar-custom .navbar-nav>.active>a:focus, .navbar-default.navbar-custom .navbar-nav>.active>a:hover, .navbar-default.navbar-custom .navbar-nav>li>a {
		border-top: 1px solid #558855;
		border-bottom: 1px solid #558855;
		padding: 15px 10%;
		margin: 0px 0px;
		font-size: 20px;
		line-height: 30px;
		text-transform: none;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background-color: #558855;
		color: #ffffff;
	}
	
	.navbar-nav {
		margin: 0px;
		padding-left: 0px;
	}
	
	.nav-wrap {
		padding: 0px;
	}
	
	.navbar-collapse {
		border-top-width: 4px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.navbar-default.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
		padding: 10px 10%;
		font-size: 16px;
	}
	
	.nav-tabs > li > a {
		padding: 8px;
		font-size: 10px;
	}
	
	.carousel-control {
		display: none;
	}
	
	.overlay-row {
		padding: 0 10%;
	}
	
	.img-quote {
		width: 70%;
		margin-right: 30%;
		height: auto;
	}
	
	.overlay {
		font-size: 16px;
		line-height: 1.1;
		margin-bottom: 1em;
	}

	.quote {
		font-size: 24px;
		line-height: 1;
	}

	.signature {
		font-size: 18px;
	}
	
	.feature {
		margin-top: 0px;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 0px;
	}

	.feature.middle, .feature.first, .feature.last {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.feature-link {
		border-top-left-radius: 0px;
		font-size: 28px;
	}

	.feature-text {
		border-bottom-right-radius: 0px;
		padding: 15px;
	}
	h1 {
		font-size: 30px;
		text-align: center;
	}
	h2 {
		font-size: 24px;
	}
	.galleria {
		height: 250px;
		width: 90%;
		margin: 0 5%;
	}
	
	.galleria-info {
		display:none;
	}
}
/* ----- Responsive End ----- */

@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}