/*!
 * Start Bootstrap - Shop Item (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
padding-top:40px;
color:white;
font-family: 'Open Sans', Arial, sans-serif;
font-size:14px;
background:url(../img/background-long.gif) no-repeat top center;
}

@media (max-width: 1200px) {
	body{	
background-size:970px;
	}
}

@media (max-width: 1024px) {
	body{	
background-size:750px;
	}
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 0px solid transparent;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}
.navbar-default .navbar-brand {
  color: #777;
  display:none;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #3b3a3e;
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-weight:700;
  font-size:16px;
  padding-left:16px !important;
  padding-right:24px !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #00a651;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 color: #00a651;
    background-color: #fff !important;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.toplogo
{
width:200px;
position:absolute;
top:-70px;
right:0px;	
	
}

.socialtop{
position:absolute;
top:-90px;
right:220px;
padding:6px;
background:#cccccc;	
padding-right:10px;
padding-left:10px;
}

.padding-0{
padding:0px;	
}

.padding-5{
padding:5px;	
}

h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	color:white;
	padding:0px;
	margin:0px;
	padding-bottom:30px;
	font-weight:900;
	font-size:30px;
}

h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	color:#bbd23b;
	padding:0px;
	margin:0px;
	font-weight:300;
	font-size:38px;
}

h4 {
font-family: 'Open Sans Condensed', Arial, sans-serif;
padding:0px;
margin:0px;
font-size:36px;	
}

.orangebox {
width:100%;
height:150px;
background:#999;
color:white;
text-align:center;
border-radius:20px;	
font-size:22px;
font-weight:600;
line-height:140px;
}

.orangebox:hover {
width:100%;
height:150px;
background:#ff7700;
color:white;
text-align:center;
border-radius:20px;	
cursor:pointer;
}

.orangebox2 {
width:100%;
height:40px;
background:#999;
color:white;
text-align:center;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;	
font-size:22px;
font-weight:600;
line-height:35px;
}

.orangebox2:hover {
width:100%;
height:40px;
background:#ff7700;
color:white;
text-align:center;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;	
cursor:pointer;
}

.oppactive {

background:#ff7700 !important;

}
.zoom {
			display:inline-block;
			position: relative;
		}
.orangebox span {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;      
}

.hideme {
	
	display:none;
}

.orangearrow {
width:100%;
background:url(../img/arrowdown.png) no-repeat 25%;
height:16px;	
}

.sidepadding{
	padding-top:370px;
}

.overviewbox1 {
width:100%;
height:170px;
padding:20px;
background:#00a651;
border-top-left-radius:30px;
border-bottom-right-radius:30px;	
}

.minifont{
font-size:15px;	
line-height:17px;
}

.overviewbox1 h3{
padding:0;
margin:0;
position:absolute;
top:15px;
left:20px;
color:white;
font-size:18px;
font-weight:700;	
text-align:left;
padding-right:20px;
}

.overviewbox2 {
width:100%;
height:170px;
padding:20px;
background:#bbd23b;
border-top-left-radius:30px;
border-bottom-right-radius:30px;	
}

.overviewbox2 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
left:30px;
color:white;
font-size:24px;
font-weight:700;
text-align:right;	
}

.overviewbox3 {
width:100%;
height:170px;
padding:10px;
background:#325063;
border-top-right-radius:30px;
border-bottom-left-radius:30px;	
}

.overviewbox3 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
right:15px;
color:white;
font-size:24px;
font-weight:700;
text-align:right;	
}

@media (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
  color: #3b3a3e;
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-weight:700;
  font-size:16px;
  padding-left:10px !important;
  padding-right:16px !important;
}

h2 {
	font-size:30px;
}

.toplogo
{
width:200px;
position:absolute;
top:-80px;
right:0px;	
	
}

.socialtop{
position:absolute;
top:-90px;
right:200px;
padding:6px;
background:#cccccc;	
padding-right:10px;
padding-left:10px;
}

h4 {
font-size:32px;	
}

.overviewbox1 {
width:100%;
height:150px;
padding:20px;
	
}

.overviewbox1 h3{
padding:0;
margin:0;
position:absolute;
top:15px;
left:15px;
color:white;
font-size:18px;
font-weight:700;	
}

.minifont{
font-size:13px;	
line-height:14px;
}

.overviewbox2 {
width:100%;
height:150px;
padding:20px;

}

.overviewbox2 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
right:15px;
color:white;
font-size:20px;
font-weight:700;	
}

.overviewbox3 {
width:100%;
height:150px;
padding:20px;

}

.overviewbox3 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
right:15px;
color:white;
font-size:20px;
font-weight:700;
text-align:right;	
}

.orangebox {
width:100%;
height:120px;
background:#999;
color:white;
text-align:center;
border-radius:20px;	
font-size:18px;
font-weight:600;
line-height:110px;
}

.orangebox:hover {
width:100%;
height:120px;
background:#ff7700;
color:white;
text-align:center;
border-radius:20px;	
}


.orangebox2 {
font-size:18px;
font-weight:600;
line-height:35px;
}

}

@media (max-width: 1024px) {
.navbar-default .navbar-nav > li > a {
  color: #3b3a3e;
  font-family: 'Open Sans Condensed', Arial, sans-serif;
  font-weight:700;
  font-size:14px;
  padding-left:4px !important;
  padding-right:7px !important;
}
h2 {
	font-size:26px;
}

.sidepadding {
	padding-top:0px;
}

.toplogo
{
width:160px;
position:absolute;
top:-70px;
right:0px;	
	
}

.orangebox {
width:100%;
height:90px;
background:#999;
color:white;
text-align:center;
border-radius:20px;	
font-size:18px;
font-weight:600;
line-height:80px;
}

.orangebox:hover {
width:100%;
height:90px;
background:#ff7700;
color:white;
text-align:center;
border-radius:20px;	
}

.orangebox2 {
font-size:14px;
font-weight:300;
line-height:35px;
}


.socialtop{
position:absolute;
top:-90px;
right:140px;
padding:6px;
background:#cccccc;	
padding-right:10px;
padding-left:10px;
}

h4 {
font-size:24px;	
}

.overviewbox1 {
width:100%;
height:120px;
padding:20px;
	
}

.overviewbox1 h3{
padding:0;
margin:0;
position:absolute;
top:15px;
left:15px;
color:white;
font-size:14px;
font-weight:700;	
}

.minifont{
font-size:11px;	
line-height:12px;
}

.overviewbox2 {
width:100%;
height:120px;
padding:20px;

}

.overviewbox2 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
right:15px;
color:white;
font-size:14px;
font-weight:700;	
}

.overviewbox3 {
width:100%;
height:120px;
padding:20px;

}

.overviewbox3 h3{
padding:0;
margin:0;
position:absolute;
bottom:15px;
right:15px;
color:white;
font-size:14px;
font-weight:700;	
}

}

@media (max-width: 767px) {
	
	body {
		padding-top:0px;
	}
	
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-brand {
  color: #777;
  display:block;
}
.toplogo
{
display:none;	
}

.socialtop{
	display:none;
}

}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.futuraback {
	background:url(../img/background.gif) repeat-y center top;
	background-size:contain;
}

.mainleft {
padding-left:100px;	
}

.mainright {
padding-right:60px;	
}

h5{
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
width:100%;
border-top:2px dotted #bbd23b;
border-bottom:2px dotted #bbd23b;
color:white;
font-weight:600;
font-size:20px;
}
@media (max-width: 1200px) {
.mainleft {
padding-left:80px;	
}

.mainright {
padding-right:40px;	
}	
}

@media (max-width: 1024px) {
.mainleft {
padding-left:60px;	
}

.mainright {
padding-right:40px;	
}	
}
@media (max-width: 767px) {
	.futuraback {
	background:url(../img/background.gif) repeat-y center top;
	background-size:contain;
	padding-right:40px;
	padding-left:40px;
}
.mainleft {
padding-left:20px;	
}

.mainright {
padding-right:0px;	
}
}

a {
	color:#bbd23b;
}

a:hover {
	color:#bbd23b;
}

.btn-danger {
	background:#f58345;
	border:#f58345;
}

.btn-danger:hover {
	background:#e1763b;
	border:#e1763b;
}