/* CUSTOM CSS */

body {
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
background: #fff ; color: #fff;
}

/* NAV */

.container nav {height: 135px; background-color: white; box-shadow:none; margin-bottom: 0px;}


.navbar-default ul li {border-left: 1px solid #333;}
.navbar-default {margin-top: 15px; border-top: 0px ;}
.navbar {margin-bottom: 0; border-top: 0px ; box-shadow: none;}
div#navbar {margin-left: 180px;}

div#navbar ul li a { padding-top: 0; padding-bottom: 40px;}

.primarynav li.menuactive a, .primarynav li.menuactive a:hover {background: transparent url(https://www.qube3.com/images/menu-icon.png) no-repeat 15px 23px;  color: black;}
.primarynav li a {background: transparent url(https://www.qube3.com/images/menu-icon-x.png) no-repeat 15px 23px;  color: #333;}
.primarynav li a:hover {background: transparent url(https://www.qube3.com/images/menu-icon-o.png) no-repeat 15px 23px;  color: #333;}

.navbar {border :0;}

.navbar-default {background: #fff ; box-shadow: none;}


/* LOGO, STRAP, HEADER STUFF */

@media (min-width:1169px){ nav.navbar.navbar-default .container {padding-left: 140px;}}

div.logo {	width: 127px; height: 127px;  float: left; display: inline; border: 0px solid red;}

nav div#strap {
font-size: 180%;
margin-top: -30px; 
margin-bottom: 0px;
text-indent: 68px;
font-weight: bold; 
border: 0px solid red;
height: 1%;
color: #333;
}

div.masthead h1 a {width: 127px; height: 127px; 
	display: block;
	text-indent: -999em;
	text-decoration: none;	
        background: transparent url(https://www.qube3.com/images/qube3-logo2.png) no-repeat 0 0;
margin: 0;
padding: 0;
}

div.masthead h1 {width: 127px; height: 127px; 
	margin: 0 ;
	padding: 0 ;
	line-height: 0;
	font-size: 0;
        background: transparent  no-repeat 0 0;
}

/* CONTENT AREA, BACKGROUND AND SLIDESHOW */

div#content {margin-top: 0px; padding-top: 20px; padding-bottom: 0px; background-color: #fff; }

div#content.content.container {background: #010101 url(https://www.qube3.com/images/map-default.png) no-repeat center 0; max-width: 1170px; min-height: 500px; height: auto; display: block; margin: auto; background-size: contain;}

div#content.content.container.id70 { background-image: url(https://www.qube3.com/images/map-location.png) ;}

.mainimage img {width: 100%; height: auto; padding-left: 20px; padding-right: 20px;}
.mainimage img.tall {width: auto; max-with: 50%; max-height: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center;}

.maintext {padding-left: 0px; padding-right: 80px;}

.maintext.home p {font-size: 125%; margin-bottom: 1em;}
@media (min-width:1170px) {.mainimage.home img {padding-left: 40%;}}

@media (max-width:1170px) { .maintext {padding-left: 30px; padding-right: 30px;}}

@media (max-width:500px) {.col-lg-8.mainimage
{
  width: 60%;
}}

div#content.content.container.logocols .col-lg-4 {text-align: center; padding-bottom: 0; margin-bottom: 0; margin-top:0; padding-top: 0;}
div#content.content.container.logocols  {text-align: center; padding-bottom: 0; margin-bottom: 0; top: 0;}
div#content.content.container.logocols .col-lg-4 img {max-width:100%;}

@media (min-width:1169px){
div#content.content.container .col-lg-2.homebox p { display: block; clear: left; }
div#content.content.container .col-lg-2.homebox  { margin-top: 60px; height: 380px; }
div#content.content.container .col-lg-2.homebox .homeimg {max-width:162px; display: block; position: absolute; bottom: 0px; }
.homeimg img {max-width: 100%;}
div#content.content.container .col-lg-2.homebox .homeimg h3 {bottom: -40px; position: absolute;}}

@media (max-width:1170px){
div#content.content.container .col-lg-2.homebox { background: transparent url(https://www.qube3.com/images/menu-icon-o.png) no-repeat 20px 24px no-scroll;  margin-left: 30px; margin-right: 30px; }}

div#content.content.container .col-lg-2.homebox {background: transparent url(https://www.qube3.com/images/menu-icon-o.png) no-repeat -2px 4px; }


/* NIVO stuff INFO*/
/* Extra CSS here */

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */


/* 
.slider-wrapper {border: 1px solid red; padding: 0; margin: 0; width: 100%; height: auto;}
.slider-wrapper .nivoSlider {width: 100%; height: auto; border: 1px solid pink;}
*/

@media (min-width:992px){ .nivo-caption {max-width: 33.33%; height: 100%;  margin-left: 63%; overflow: visible; padding-right: 0px; float: right; display: inline; top: 10px;}  }

@media (max-width:992px) {.slider-wrapper.theme-none div#slider2.nivoSlider div.nivo-caption { border: 0px solid yellow; clear: both; position: relative;}}

@media (max-width:992px){ div#slider2.nivoSlider  a.nivo-nextNav, div#slider2.nivoSlider  a.nivo-prevNav{ margin-top: -100px; }}

@media (max-width:400px){ div#slider2.nivoSlider  a.nivo-nextNav, div#slider2.nivoSlider  a.nivo-prevNav{ margin-top: -150px; }}

div#slider2.nivoSlider  a.nivo-nextNav {
	display:block;
	width:40px;
	height:46px;
	background:url(https://www.qube3.com/images/orange-arrow-next.png) no-repeat;
	text-indent:-9999px;
	opacity: 0.5;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	background-position:0px 0;
top: 200px;
    max-width: 40px;
right: 0px;
}


div#slider2.nivoSlider  a.nivo-nextNav:hover {
	opacity: 1;
}

div#slider2.nivoSlider  a.nivo-prevNav {
	display:block;
	width:40px;
	height:46px;
	background:url(https://www.qube3.com/images/orange-arrow-prev.png) no-repeat;
	text-indent:-9999px;
	opacity: 0.5;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	background-position: 0px 0;
top: 200px;
max-width: 40px;

}

div#slider2.nivoSlider  a.nivo-prevNav:hover {
	opacity: 1;
}

.nivo-caption p {font-size: 1.2em; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

/* FOOTER */

footer.footer {background: #e18441 ; padding-top: 10px; border-top: 15px solid white;}

#footerText{ margin-bottom: 20px;}

#footerText em{
color: #fff;
font-style: normal;
}

#footerText a, #footerText p{
color: #273031;
text-decoration: none;
font-weight: normal;
}



#footerText a:hover{
color: #f7f7f7;
text-decoration: none;
font-weight: normal;
}

.footer .container div#copyright p {
display:none;
float: left; 
display: inline;
color: rgba(255, 255, 255, 0.4);
font-size: 80%;
}

/* CONTACT FORM ========================================================== */



.contactform fieldset {padding: 10px 0 10px 0; background-color: transparent; border: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif;} 

.contactform fieldset legend {font-weight: bold; display: none;} 

.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;} 

.contactform div label {display: block; width: 100%; text-align: left; float: left; margin-right: 8px; line-height: 50px;} 

.contactform div.required {color: #111;} 

.contactform div.required input, textarea {width: 100%;} 

.contactform div.submit { 

   margin: 0px 0px 10px 120px;

   padding: 10px 0px 10px 0px;

   width: 50%; 

text-align: right; color: black;}



.contactform {width:90%; overflow:hidden; }

.contactform p {overflow:hidden;}

.contactform label {width:5em;display:block; padding-right:10px;float:left;line-height:30px;text-align:right; color: #fff;}

.contactform input { width:100%;  padding:10px; font:inherit; float:left;}

.contactform textarea {border:1px solid #ccc;width:100%; padding:10px;font:inherit;float:left; height: 75px;}

.contactform input.btn {padding:10px 50px;float:right;background-color:#fff;border-radius:2px;-moz-border-radius:2px;border:none;color:white;font-size:16px;font-weight:600;width:auto;} 



.contactform .required.fb_invalid {color: red;}


/* END EXTRA CSS */




/* Stylesheet: Q3 : BS Modified On 2015-07-28 23:35:47 */