* {
box-sizing: border-box;
}

body {
	margin: 0px;
	padding:0px;
}
.main-container{
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.header{
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.content-container{
	margin-top:10px;
	width:100%;
	padding:15px;
}
.content-left{
	float:left;
	text-align:left;
	max-width:70%;
	padding:15px;
}
.content-right{
	float:left;
	max-width:30%;
	padding:15px;
}
.content-right input{
	width:100%;
	padding:5px;
	margin:5px 3px 5px 3px;
}
textarea{
	padding:5px;
	margin:5px 3px 5px 3px;
	width:100%;
}
.panel-heading{
	border : solid 1px rgba(0,0,0,0.5);
	background-color:#FFE4B5;
}
h3{
	margin:8px;
	padding:0px;
}
.panel-content{
	border : solid 1px rgba(0,0,0,0.5);
	padding:15px;
}
.gallery-3{
	margin:10px 0 0 0;
}
/* Advanced Checkbox Hack */
/* body {
	-webkit-animation: bugfix infinite 1s;
} */

/* @-webkit-keyframes bugfix {
from {
padding: 0;
}
to {
padding: 0;
}
} */
input[type=checkbox].nav-checkbox{
position: absolute;
top: -9999px;
left: -9999px;
}

label {
display: none;
cursor: pointer;
user-select: none;
}

/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] {
position: relative;
width: 100%;
}
nav[role="custom-dropdown"] a,
nav[role="custom-dropdown"] label {
color: #111111;
/* text-decoration: none; */
/* font: 1.4em sans-serif;
transition: color .3s ease-in-out; */
}
nav[role="custom-dropdown"] ul {
	list-style: none;
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 10px 0 10px 0;
	text-align: center;
}
nav[role="custom-dropdown"] ul > li {
display:inline-block;
padding: 5px;
min-width: 5%;
text-align: center;
/* transition-duration: .3s;
transition-timing-function: ease-in-out;
transition-property: box-shadow, color;
box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35); */
cursor: pointer;
}
nav[role="custom-dropdown"] ul > li:hover {
/* background-color: rgba(0, 0, 0, 0.85);
color: #fff; */
text-decoration:none;
}
nav[role="custom-dropdown"] ul > li:hover > a {
/* color: #fff; */
text-decoration:none;
}

/* small screens */
@media screen and (max-width: 44em) {
html,
body {
margin: 0;
}

nav[role="custom-dropdown"] ul {
display: none;
height: auto;
}
nav[role="custom-dropdown"] label {
position: relative;
display: block;
width: 100%;
min-height: 2.25em;
padding: .45em;
font-size: 1.1em;
margin: 0;
border: 0.15em solid rgba(60, 60, 60, 0.2);
}
nav[role="custom-dropdown"] label:after {
position: absolute;
right: .25em;
top: -8px;
content: "\2261";
font-size: 34px;
font-weight:bold;
}
nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
color: #222;
}
nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
display: block;
}
nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
width: 100%;
opacity: .8;
/* text-align: left; */
font-size:16px;
font-weight:bold;
}
nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
/* position: absolute;
right: .25em;
content: "\203A";
font: bold 1.4em sans-serif; */
}
.content-left, .content-right{
	clear:both;
	max-width:100%;
	width:100%;
}
}
/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */