/* Please note: Twitter Bootrap files located under the framework folder of website. There are other CSS files found under that folder attached via the template */
/* For more information/documentation please visit: http://twitter.github.io/bootstrap/ */

/* Insert Viewport declorations Here */

 /* Extra small devices Phones   */

 /* Small devices Tablets  */

 /* Medium devices Desktops */

 /* Large devices Desktops  */

/* Insert Global Vars Here */

/* Insert Main Styles Here */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap - its a 'mobile first/inherit' approach */

/* begin removes white space below footer when insufficient content */
body {
    background:#ffffff; color: #444444; font-family: 'Open Sans', sans-serif;font-size:16px; font-weight: 300;} 

a, a:hover, a:active, a:focus {outline: 0;}

.main-bg {
    background: #ffac60; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffac60 3%, #ffffff 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffac60), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffac60 3%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffac60 3%,#ffffff 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffac60 3%,#ffffff 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffac60 3%,#ffffff 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac60', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



.triangle {
    background: url('http://www.candoassembly.com.au/images/template/homepage-box-triangle.png');
    background-repeat:no-repeat;
    position:relative;
    bottom: 20px;
    height: 20px;
    }

.homepage-box-text {
    font-size:20px;
    font-weight:bold;
    line-height:160%;
    padding:0 10px 10px 10px;
    background-color:#656870;
    color:#FFFFFF;
    }
    
.homepage-box-text a {color:#FFFFFF; text-decoration:none;}

.separator1 {height:10px;}
.separator2 {height:15px;}

#orange-bg {background: url('http://www.candoassembly.com.au/images/template/bg.jpg'); background-repeat:repeat-x;}
.container {background:#fff;}



#content img {max-width: 100%; height: auto;}

#bodyArea {padding-top: 60px; padding-bottom: 40px;}

.navbar-collapse {margin-top:0px;}

/*homepage banner or gallery image*/    
.homepage-gallery {overflow:hidden;}

h1, h2 {text-transform:uppercase;}
a {color:#CF6A00;}
a:hover {color:#F39301;}
    
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #DC7B09;
    font-weight:bold;
    font-size:24px;
    line-height:120%;
    border-radius: 0px;
    height:45px;
    float:left;
    }

.btn-default {
    background-color: #CF6A00;
    border-color: #CF6A00;
    color: #FFFFFF;
    border-radius: 0px;
    text-transform:uppercase;
    width:230px;
    height:45px;
    font-size:20px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #F39301;
    border-color: #F39301;
    color: #FFFFFF;
}

.top-right-area {margin-top:30px;text-align: right;}
.top-right-area a.btn {float:none;}
.phone {
    margin-top:20px;
    font-size:24px;
    font-weight:bold;
    line-height:120%;
    color:#D16C00;
    }
    
.social-icons {float:right; margin-left:7px;margin-top: 7px;}    

#blue-box {
    font-size:19px;
    font-weight:bold;
    background-color: #ffffff;
    color: #444444;
    margin-bottom: 0px;
    margin-top: 15px;
    padding: 10px;
    }
    
.blue-text {text-align:center; margin:30px;}
.blue-text a{ color:#fff;}


/*nav*/
.navbar {padding:0px; margin-bottom:0px; border: 3px solid #000000;}
.navbar-toggle {background-color:#333333;}
.nav > li {border-right:3px solid; text-align:center;}
.navbar .navbar-nav > li > a {font-size:18px; text-transform:uppercase; font-weight:700; color:#000000;}
.navbar .navbar-nav > li > a:active {color:#35a0ff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav li a:hover, .nav li a:focus {color: #CF6A00;}
.dropdown-menu > li > a {text-transform:uppercase;padding:10px 20px; color:#000;background-color:#FFF;font-weight:700;text-align:left!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #35A0FF;}

.navbar-nav {
    text-align: right;
    float: left;
}

.navbar-nav > li {display: block;float: none;}

.navbar-nav li:hover,
.navbar-nav li.active {
    background: #eeeeee;
}

.footer-text-large {padding-top:25px; font-size:24px; line-height:120%; text-transform:uppercase; font-weight:bold;}
footer a, footer a:hover {color:#FFFFFF;}
footer {margin:50px 0 0 0; padding:20px 0; font-size:14px; background:transparent; color:#FFFFFF;}
footer.clearfix {
    /*height:144px; */
    background: #f39301; /* Old browsers */
    background: -moz-linear-gradient(top,  #CF6A00 3%, #F39301 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#CF6A00), color-stop(99%,#F39301)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CF6A00 3%,#F39301 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CF6A00 3%,#F39301 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CF6A00 3%,#F39301 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #CF6A00 3%,#F39301 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CF6A00', endColorstr='#F39301',GradientType=0 ); /* IE6-9 */
}

footer .img-responsive {margin:0 auto;}

.menu-title {color:#fff; font-weight:bold;}

.footer-text-large.no-top {
    padding-top: 5px;
}
/* media queries */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

  
@media screen and (max-width:401px) {
    h1, .h1 {font-size:26px;}
    .footer-text-large {padding-top:0px; font-size:12px;}
    footer p {font-size:10px;}
    .phone {margin-top:0px; font-size:14px;} 
    }

@media(min-width:401px) and (max-width:767px) {
    .homepage-box-text {width:395px;}
    .phone {font-size:18px;} 
    }

@media screen and (max-width:766px) {
    .navbar {padding:0px; margin-bottom:0px; border: 0px;}
    .content {margin:20px;} .dropdown-menu > li > a {padding:0; color:#000;}
    .nav > li {border-right:0px; text-align:left; }
    .navbar .navbar-nav > li > a {font-size:14px;}
    .phone {float:left;}
    .top-right-area {margin: 20px auto 0; text-align:center;}
    .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {height:45px; width:150px; font-size:16px;}
    .nav > li:last-child {border-right: medium none; margin-left: 0px;}
    .social-icons {display: inline-block; margin: 6px 3px 0px 3px; float: none;}
    .top-right-area a.btn.top-contact {display: block;width: 100%; text-align:center;line-height: 32px;}
    .top-right-area + p.phone {float: none; text-align: center;margin-top: 10px;}
    .top-right-area img.cards {display: block; margin: 6px auto 0;}
    }



@media(min-width:768px) and (max-width:991px) {
    .navbar .navbar-nav > li > a {font-size:10px;padding:12px 13px 12px 10px;}
    .homepage-box-text {font-size:12px;}
    #logo {margin-top: 40px;}
    .nav > li:last-child { border-right:none; margin-left:7px;}
    }


@media(min-width:768px) and (max-width:1199px) { }

@media screen and (min-width:960px) { }
    
/* Medium devices (desktops, 992px and up to 1199px) */
@media(min-width:992px) and (max-width:1199px) { 
    .navbar .navbar-nav > li > a {font-size:14px;}
    .nav > li {}
    .homepage-box-text {font-size:16px;}
    .nav > li:last-child { border-right:none; /*margin-left:28px;*/}
    }    

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) {
    .content {margin:20px;}
    .navbar .navbar-nav > li {display: block;float: none;}
    }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .phone {float:right;}
    .top-right-area {float:right;}
    .content {margin-top:20px;} 
    .navbar .navbar-nav > li {display: block;float: none;}
    .navbar-nav > li {
        float: none!important;
        display: inline-block!important;
    }

    .navbar-nav > li:first-child {
        text-align: center;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .content {margin: 30px;}
    .navbar .navbar-nav > li > a.home {padding-top:17px;}
    }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .content {margin: 30px;}
    .nav > li:last-child { border-right:none; /*margin-left:38px;*/}
    
.navbar-nav > li a.home {
    padding-right: 31px;
    padding-left: 31px;
}
    }    
    
/* Stylesheet: TwitterBootsrap Modified On 2016-01-25 16:33:30 */