/* 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 */

/* Please note, you can now use the http://www.lamberts.co.nz/assets/ rather than http://www.lamberts.co.nz */

body {margin:0;padding:0;background-color: #444444;font-family: 'Open Sans', sans-serif;width:100%;overflow-x:hidden;}

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

a, a:link, a:hover, a:focus {color: #E50000;}

h1, h2, h3, h4 {font-weight: 600;text-transform: uppercase;}
h1,h3 {color: #E50000;}

.logo-link {padding:1%;}

.white {background-color: #FFFFFF;}
.red {background-color: #E50000;color:#FFFFFF;}
.red * {color:#FFFFFF !important;}
.padding {padding:2% 0;}
.no-paddin {padding:0;}
.margin-top {margin-top:2%;}

.navbar {margin-bottom: 0;}
.navbar-inverse { background-color: #FFFFFF;border:none;text-transform:uppercase;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #E50000}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .navbar-brand { color: #E50000}
.navbar-inverse .navbar-brand:hover { color: #E50000}
.navbar-inverse .navbar-nav>li>a { color: #E50000;font-size:22px;font-weight:600;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #E50000}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #E50000}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #E50000}
.dropdown-menu>li>a { color: #E50000}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #E50000}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #E50000}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #E50000}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #E50000}

@media (max-width: 767px) {
    .logo-link {padding:0;}
    .logo-link img {padding:3%;}
    .white {max-width:100%;overflow:hidden;}
    .navbar-inverse { background-color: #E50000;}
    .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #E50000}
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, 
    .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #E50000}
    .dropdown-menu { background-color: #E50000}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #E50000}
    .navbar-inverse .navbar-brand { color: #FFFFFF}
    .navbar-inverse .navbar-brand:hover { color: #FFFFFF}
    .navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
    .dropdown-menu>li>a { color: #FFFFFF}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #FFFFFF;}
    .navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
    .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #FFFFFF; color: #E50000; border-color: #FFFFFF;}
    .navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {background-color: #E50000;}
}

#slider {width:100%;overflow:hidden;}
#slider img {width:100%;height:auto;}

.btn-default { 
  color: #FFFFFF; 
  background-color: #E50000; 
  border-color: #E50000; 
} 
 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  color: #FFFFFF; 
  background-color: #E50000; 
  border-color: #E50000; 
} 
 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
  background-image: none; 
} 
 
.btn-default.disabled, 
.btn-default[disabled], 
fieldset[disabled] .btn-default, 
.btn-default.disabled:hover, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default:hover, 
.btn-default.disabled:focus, 
.btn-default[disabled]:focus, 
fieldset[disabled] .btn-default:focus, 
.btn-default.disabled:active, 
.btn-default[disabled]:active, 
fieldset[disabled] .btn-default:active, 
.btn-default.disabled.active, 
.btn-default[disabled].active, 
fieldset[disabled] .btn-default.active { 
  background-color: #E50000; 
  border-color: #E50000; 
} 
 
.btn-default .badge { 
  color: #E50000; 
  background-color: #FFFFFF; 
}

header {border-bottom: 1px solid #000000;}

a.button, a.button:hover, a.button:focus {cursor:pointer; text-decoration:none;}

footer {color:#FFFFFF;padding: 2% 0;}
footer * {color:#FFFFFF !important;}

.teamviewer-link{
    display:block;
    width:180px;
    margin:0 auto;
    padding:10px 0;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    .pull-down{margin-top: 31px;}

.teamviewer-link{
    margin:0;
    float:right;
    width:250px;
    padding:10px 0 0 0;
}


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}    
    
/* Stylesheet: Lamberts Modified On 2016-01-22 09:30:17 */
/* How to use (if you want) define the font sizes by the largest viewport first, this will then use a ratio calcualtion to resize on viewport */






 /* Extra small devices Phones   */

 /* Small devices Tablets  */

 /* Medium devices Desktops */


/* Extra small devices (phones, less than 768px) */

h1{
    font-size:23.4px;
}

h2{
    font-size:19.5px;
}

h3{
    font-size:15.6px;
}
h4{
    font-size:11.7px;
}


footer{
    font-size:12px;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
    h1{
        font-size:25.2px;
    }

    h2{
        font-size:21px;
    }

    h3{
        font-size:16.8px;
    }
    h4{
        font-size:12.6px;
    }

    
}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
    h1{
        font-size:30.6px;
    }

    h2{
        font-size:25.5px;
    }

    h3{
        font-size:20.4px;
    }
    h4{
        font-size:15.3px;
    }


    footer{
        font-size:13px;
    }

}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
    h1{
        font-size:36px;
    }

    h2{
        font-size:30px;
    }

    h3{
        font-size:24px;
    }

    h4{
        font-size:18px;
    }


    footer{
        font-size:14px;
    }



}
/* Stylesheet: Font Size Ratios Modified On 2014-08-05 15:55:04 */
/*  Important! The Width/Height is now controlled via the CSS, see below  */
/*  The map id matches the current page alias after the '#GoogleMap_'.. see map template for more info */

#GoogleMap_contact-us .Google_Map
{
    height: 350px; 
    width: 100%;
}

.infoBox {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.m_tooltip {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
/* Stylesheet: Google Map Modified On 2014-07-17 08:22:18 */