/* 
    Document   : default.css
    Created on : Nov 08, 2013, 1:10:32 AM
    Author     : Ales Seifert <seifert at web4people dot com dot au>
    Description:
        Default stylesheet template.
*/

body {color: #888;padding-top: 105px;}
h1 {font-size: 38px;}
#mainHeader {height: 105px;}
.imgBorder p {color: #444}
nav#subnav ul li a {
    color: #888;
}
.navbar-nav > li > a > i, .navbar-default .navbar-nav > li > a {
    color: #888;
}

nav#subnav > ul > li > a {
    display: none;
}
.navbar-brand {padding: 0;margin-top: 10px;}
.navbar-nav {margin-top:8px;}
.navbar-collapse.in {
    background-color: rgba(0,0,0,0.75);
}
.pimcore_area_template-hideo-carousel .owl-wrapper img {
    border-radius: 11px;
}
.tabs-widget .nav-tabs li:not(.active) a {background-color: #F7F7F7}
.pimcore_area_content .btn {font-size: 18px; font-weight: normal;}
strong {font-weight: bolder;}
.page-header {background-position: center top;}
.page-header h1 {text-shadow: 1px 1px 2px black}
.color2 a.btn {color: #fff}
.boxFocus img {
    max-width: 100%;
}
/*ul.tick-list li:before{content: '<span class="icon-ok"></span>'; list-style: none;}*/
/* when images in page-header
ul#navTrail {
    background: rgba(0,0,0,0.3);
    padding: 4px 8px 7px;
    border-radius: 4px;
}

.page-header h1 {
    background: rgba(0,0,0,0.3);
    padding: 0 8px;
    border-radius: 4px;
    display: inline-block;
}
*/
@media only screen and (max-width: 767px){
    .navbar-nav > li > a > i, .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding-left: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px){
    .navbar-header {max-width: 220px;}
    .navbar-brand img {transform:scale(0.7);}
}
@media only screen and (width: 320px){
    .navbar-brand {max-width: 225px;}
    .navbar-brand img {transform:scale(0.6);}
}