body {
  padding-top: 90px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; background-color: #333333
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

p { margin-bottom: 10px; }
h1 { text-transform: uppercase; font-size: 18px; font-weight: bold; text-align: center }
h2 {}
h3 {}
h4 {}
h5 { font-size: 14px; font-weight: 200; line-height: 24px;}
h6 {}

.text-white { color: #fff !important}

.designit {
	-webkit-animation:  designit 4s ease-in-out infinite;
	-moz-animation:  designit 4s ease-in-out infinite;
	-o-animation:  designit 4s ease-in-out infinite;
    animation: designit 4s ease-in-out infinite;
		animation-delay: 1s;
}
.switchit {
	-webkit-animation:  switchit 4s ease-in-out infinite 1.25s;
	-moz-animation:  switchit 4s ease-in-out infinite 1.25s;
	-o-animation:  switchit 4s ease-in-out infinite 1.25s;
    animation: switchit 4s ease-in-out infinite 1.25s;
}
.moveit {
	-webkit-animation:  moveit 4s ease-in-out infinite 1.5s;
	-moz-animation:  moveit 4s ease-in-out infinite 1.5s;
	-o-animation:  moveit 4s ease-in-out infinite 1.5s;
    animation: moveit 4s ease-in-out infinite 1.5s;
}
.extendit {
	-webkit-animation:  extendit 4s ease-in-out infinite 1.75s;
	-moz-animation:  extendit 4s ease-in-out infinite 1.75s;
	-o-animation:  extendit 4s ease-in-out infinite 1.75s;
    animation: extendit 4s ease-in-out infinite 1.75s;
}

@-webkit-keyframes designit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-moz-keyframes designit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-o-keyframes designit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@keyframes designit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-webkit-keyframes switchit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-moz-keyframes switchit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-o-keyframes switchit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@keyframes switchit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-webkit-keyframes moveit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-moz-keyframes moveit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-o-keyframes moveit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@keyframes moveit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-webkit-keyframes extendit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-moz-keyframes extendit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@-o-keyframes extendit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
@keyframes extendit {
    0%{ color: #333333 }
	25%   { color: #fbc600 }
	50% { color: #333333 }
}
.sub-options h1 { margin-top: 10px; margin-bottom: 0px;  }

a:focus, a:hover { color: #fbc600; text-decoration: none; cursor: pointer; }
a { color: #ffffff}
footer a { color: #333333}
footer { background-color: #fff}

span.avoidwrap { display:inline-block; }

.row { margin: 0px;}

#navbar { float: right; text-transform: uppercase; font-weight: bold; }
.navbar-inverse { background-color: #333333}
.navbar-brand img { height: 30px; }
.navbar-brand { padding: 15px; }


.navbar { z-index: 9999}
.navbar-fixed-top { min-height: 60px;}
.navbar-nav > li > a { padding: 20px; }
.navbar-inverse .navbar-nav > li > a { color: #FFFFFF; cursor: pointer}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:hover{ color: #fbc600; }
.navbar-fixed-top .navbar-collapse { max-height: 500px;}

form > input, textarea { margin-top: 10px; }
.form-control { border: none; border-radius: 0px; }
form {margin-top: 20px;}
form > button { border: thin solid #fff; border-radius: 0px; background-color: rgba(0,0,0,0.00); }
button { border: thin solid #222222; border-radius: 0px; background-color: rgba(0,0,0,0.00); }
form > button:hover, form > button:focus { color: #333; background-color: #ffffff; text-decoration: none}
button:focus, button:hover { background-color: #ffffff; text-decoration: none}
button h1 { padding: 8px 5px 5px; margin: 0px; }
.slide .carousel-inner { border: thin solid #fff; }

	.form-control.names { width: 100%; margin: 0px }
.names-pad { padding: 0px; margin-top: 10px}

.show-room { padding-top: 30px; padding-bottom: 40px; background-image: linear-gradient(rgba(255,255,255, .8), 
rgba(255,255,255, .8)), url('../images/showroom-heroimage.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center }

.show-room-iframe { width: 100%; height: 100%; min-height: 500px; }

.home-heroes { text-align: center; top: 0px; padding-top: 1px; width: 100% }
.home-heroes h1 { margin: 0px; padding: 0px; line-height: 400px } 

.carousel { margin-bottom: 0px !important}
.system-icons .homeoffice, .system-icons .library, .system-icons .wardrobe, .system-icons .shelving, .system-icons .storage, .system-icons .entertainment, .system-icons .workstations, .system-icons .shopfittings { background-size: cover; background-repeat: no-repeat; min-height: 110px; background-position: center; margin: 2px 5px 10px 5px; border: thin solid #fff;}

.system-icons .homeoffice { background-image: url("../images/homeoffice/homeoffice-1.jpg");  }
.system-icons .library { background-image: url("../images/library/library-1.jpg");  }
.system-icons .wardrobe { background-image: url("../images/wardrobe/wardrobe-4.jpg");}
.system-icons .shelving { background-image: url("../images/shelving/shelving-5.jpg"); }
.system-icons .storage { background-image: url("../images/storage/storage-1.jpg"); }
.system-icons .entertainment { background-image: url("../images/entertainment/entertainment-1.jpg"); }
.system-icons .workstations { background-image: url("../images/workstations/workstations-1.jpg"); }
.system-icons .shopfittings { background-image: url("../images/shopfittings/shopfittings-1.jpg"); }

.container:hover .details,
.container .details:hover {
	display: none;	
}

.social-icons { text-align: right !important; padding: 11px }

/* jQuery enabled behavior for mobile */
.touch .container.no-hover .overlay {
	display: block !important;	
}

.modal { width: 100%; height: auto; z-index: 999999; background-color: rgba(34,34,34,0.80); padding-top: 50px; align-content: center; text-align: center}
.modal-dialog { height: 75%; }

table { margin-top: 10px; }
table td { padding: 10px; vertical-align: top; }
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(200,200,200,0.80);
  overflow: hidden;
  width: 100%;
opacity: 1;
  height: 100%;
  transition: .5s ease;
}

.overlay h1 { color: #333}



.system-icons .entertainment:hover .overlay, .system-icons .homeoffice:hover .overlay, .system-icons .library:hover .overlay, .system-icons .wardrobe:hover .overlay, .system-icons .shelving:hover .overlay, .system-icons .storage:hover .overlay, .system-icons .workstations:hover .overlay, .system-icons .shopfittings:hover .overlay {
  opacity: 0;
}

.text {
  white-space: nowrap; 
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.body-box { border-top: thin solid #333333; }
.body-box-white { border-top: thin solid #fff; }
.bottom { margin-top: 20px;}
.centered-content { text-align: center; margin-bottom: 15px; }
.plus { color: #fbc600; position: relative; }
.yellow {  color: #fbc600; }
.system-icons { margin-bottom: 20px; margin-top: 20px;}
.system-icons .col-sm-3 { width: calc(25% - 10px)}

.tagline { background-color: rgb(255,255,255); height: 30px; z-index: 8888; position: fixed; border-bottom: thin solid #333333; top: 60px; width: 100%; padding-top: 1px; }
.tagline h1 { font-size: 15px; line-height: 30px; margin: 0px; }

.contact-section { padding-bottom: 20px; background: #333333; padding-top: 10px;}
.contact-subs { font-weight: bold; font-size: 16px; text-transform: uppercase; padding: 0px; margin: 0px;}

.video { text-align: center; background-image: url('../images/bg-body.jpg'); background-repeat: repeat; padding: 20px 0px; }

.video button:hover { cursor: pointer}

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.bullets ul li { margin-bottom: 10px; text-indent: 5px; }

.thumbnail {
    padding: 0px; margin-bottom: 20px;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

.carousel-inner { margin-bottom: 5px; }

#slider { margin-top: 20px;}
@media (max-width: 768px) {
	.navbar-fixed-top .navbar-collapse { width: 100%;}
		.sub-options h1 { font-size: 14px;  }
.system-icons .col-xs-6 { width: calc(50% - 10px)}
	.dropdown-menu { display: none !important}
	.open .dropdown-menu { display: block !important}

}
@media (max-width: 991px) {
	.social-icons, .copyright-text { text-align: center!important; }
	button.download { margin-bottom: 50px;}

}

@media (min-width: 768px) and (max-width: 991px) { .navbar-nav > li > a { font-size: 13px; padding:  20px 9px;}
.navbar-brand { padding-left: 5px;}	
}
@media (min-width: 768px) {
	.form-control.names { width:calc(100% - 5px); margin: 0px }
.names-pad {padding: 0px; }
.float-Right{ float: right;}
}