/*============================================================
SURCHARGE BOOTSTRAP
============================================================*/
/*HTML*/
body{
    font-family: Geneva, Arial, Helvetica, sans-serif;    line-height: 1.4;
    color: #767676;    background-image: url(responsive_bootstrap/dark_side/body_bg.png);    background-position: left top;    background-repeat: repeat;    background-color: #323232;    }
a,
a:visited,
.btn-link{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
a:hover,
.btn-link:hover{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
h1, h2, h3{
    margin-bottom: 20px;
	font-weight: normal;
}
/*BREADCRUMB*/
.breadcrumb{
    clear: both;
    padding: 0;
	background-color: transparent;
}
/*TOOLBAR*/
.toolbar{
        padding: 5px;
                    background-color: #0d0d0d;    border-top: 1px solid #1c1c1c;    border-right: 1px solid #1c1c1c;    border-bottom: 1px solid #1c1c1c;    border-left: 1px solid #1c1c1c;}
/*TOOLTIPS*/
.badge{
    padding: 0 5px;
	line-height: 1.5;
	font-weight: normal;
	font-size: 10px;
	vertical-align: middle;
}
/*DROPDOWN*/
.dropdown-menu,
.dropdown-submenu > .dropdown-menu{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*BUTTONS*/
.btn,
.btn.disabled,
.btn.disabled:hover,
.btn[disabled],
.btn[disabled]:hover,
.input-append .add-on,
.input-prepend .add-on,
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on{
    color: #585858 !important;    text-shadow: none;
        background-color: #191919;
    *background-color: #191919;
    background-image: -moz-linear-gradient(top, #191919, #191919);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#191919), to(#191919));
    background-image: -webkit-linear-gradient(top, #191919, #191919);
    background-image: -o-linear-gradient(top, #191919, #191919);
    background-image: linear-gradient(to bottom, #191919, #191919);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
        }
.btn-group.open .btn.dropdown-toggle{
        background-color: #191919;
    }
.add-on .icon,
.btn .icon,
.btn .icon:visited{
    color: #585858 !important;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active{
    color: #ffffff !important;    background-color: #191919;    *background-color: #191919;    background-color: #191919 \9;}

.btn:hover .icon,
.btn:focus .icon,
.btn:active .icon,
.btn.active .icon,
.btn.disabled .icon,
.btn[disabled] .icon{
    color: #ffffff !important;
}
.btn.active,
.btn:active,
.btn.disabled,
.btn[disabled]{
    background-image: transparent;
}
.btn-link:first-child{
    padding-left: 0;
}
/*PAGINATION*/
.pagination:last-of-type{
    margin-bottom: 0;
}
.pagination ul > li > a,
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus{
    color: #767676 !important;    	border-color: #1c1c1c;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span{
    color: #ffffff !important;    background-color: #1c1c1c;}
/*TABLES*/
.table,
.table td{
    border-color: #1c1c1c;}
.table tr > th{
    color: #f6c01f;    }
.table tr:nth-child(odd) > td{
                background-color: #0d0d0d;}
.table table tr:nth-child(odd) > td{
    background: none;
}
/*FORMS*/
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
    color: #767676;    background-color: #141414;    border-color: #282828;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
    color: #ffffff;    }
.content label{
    font-size: 1.2em;
}
legend{
    border-bottom-color: #0d0d0d;
}
/*ADVANCED TEXTAREA*/
.nav-text-icons{
	margin-bottom: 5px;
}
/*FORM ACTIONS*/
.sidebar .form-actions{
    text-align: center;
}
/*BTN PRIMARY*/
.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:hover{
    color: #ffffff !important;    text-shadow: none;
        background-color: #f6c01f;
    *background-color: #f6c01f;
    background-image: -moz-linear-gradient(top, #f6c01f, #f6c01f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6c01f), to(#f6c01f));
    background-image: -webkit-linear-gradient(top, #f6c01f, #f6c01f);
    background-image: -o-linear-gradient(top, #f6c01f, #f6c01f);
    background-image: linear-gradient(to bottom, #f6c01f, #f6c01f);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
    color: #000000 !important;    background-color: #f6c01f;    *background-color: #f6c01f;    background-color: #f6c01f \9;}
/*MUTED*/
.muted{
    color: inherit;
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    filter : alpha(opacity=80);
}
/*============================================================
USEFULL
============================================================*/
/*TAGLINE*/
.tag-line{
        padding: 8px 8px 3px;
        font-size: .8em;
                    border-top: 1px solid #1c1c1c;                border-radius: 0 0 0 0;
}
.tag-line .tag,
.tag-line .tag:visited{
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 3px 8px;
    color: #585858;                background-color: #191919;    border-radius: 20px 20px 20px 20px;
}
.tag-line .tag:hover{
    color: #ffffff;                	text-decoration: none;
}
/*NEW*/
.badge-new{
    color: #ffffff !important;    background-color: #ff6600 !important;}
/*============================================================
LANGS
============================================================*/
#langs{
        margin-top: 10px;
    margin-bottom: 0;
        margin-right: 10px;
    margin-left: 10px;
    }
#langs a{
    display: block;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(0,0,0,.1);
}
#langs a:hover{
    background-color: rgba(0,0,0,.3);
}
#langs img{
    display: block;
}
/*============================================================
HEADER
============================================================*/
header{
                }
header .container{
    position: relative;
                                    border-radius: 0 0 0 0;
}
/*BRAND*/
.brand{
    overflow: hidden;
}
.brand:after{
	display: table;
	line-height: 0;
	content: "";
	clear: both;
}
/*LOGO*/
.site-logo{
	display: block;
	float: left;    margin-top: 10px;    margin-right: 10px;    margin-bottom: 10px;    margin-left: 10px;}
.site-logo img{
    max-height: 100%;
}
/*SITE TITLE*/
.site-title{
    overflow: hidden;
    margin-top: 0;
        margin-bottom: 10px;
        font-family: Geneva, Arial, Helvetica, sans-serif;    font-size: 36px;    text-align: left;    line-height: 1.2;
}
.site-title a,
.site-title a:visited,
.site-title a:hover{
    text-decoration: none;
    font-weight: normal;    font-variant: normal;    color: #ffffff;}
/*SITE SUBTITLE*/
.site-subtitle{
	overflow: hidden;
            margin-bottom: 0;
        color: #f6c01f;    font-family: Geneva, Arial, Helvetica, sans-serif;    font-size: 24px;    font-weight: normal;    font-variant: normal;    text-align: left;}
/*QUICK SEARCH*/
header .header-search{
    width: 200px;
    margin-top: 10px; 
        float: right;
    margin-right: 0;
    margin-left: 10px;
        margin-bottom: 0;
}
/*============================================================
MENU
============================================================*/
.navbar{
        margin-bottom: 0;
                background-color: #1b1b1b;            border-bottom: 1px solid #252525;        border-radius: 0 0 0 0;
    font-family: Geneva, Arial, Helvetica, sans-serif;}
.navbar-inner{
    min-height: 40px;
}
/*AFFIX*/
.navbar.affix{
    z-index: 1000;
    width: 100%;
    top: 0;
}
.navbar-affix-clone{
    width: 100%;
    visibility: hidden;
    height: 40px;        }
.navbar.affix-top + .navbar-affix-clone{
    position: absolute;
    top: 0;
}
.navbar .nav{
    width: 100%;
    text-align:center;
    font-size: 0;
}
.navbar .nav > li{
    float: none;
    display: inline-block;
    *display: inline;
     zoom: 1;
}
.navbar .nav > li > a,
.navbar .nav > li > a:visited{
    height: 20px;    line-height: 20px;    font-size: 12px;
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #999999;  
                }
.navbar .dropdown-toggle:after{
    margin-top: 7.5px;    border-top-color: #999999;}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li:hover > a,
.navbar .nav > .active > a{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff !important;                background-color: transparent !important;
}
.navbar li:hover > .dropdown-toggle:after,
.navbar .nav > .active > .dropdown-toggle:after{
    border-top-color: #ffffff;}
/*NAVBAR BUTTON*/
.navbar .btn-navbar,
.navbar .btn-navbar:visited{
    color: #999999;  
                background-color: transparent;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;                background-color: transparent;
}
/*============================================================
MENU DROPDOWNS
============================================================*/
.navbar .nav > li > .dropdown-menu:after{
    display: none;
	border: none;
}
.navbar .nav > li > .dropdown-menu:before{
    top: -1px;
    left: 0;
    width: 100%;
    background-color: transparent;
    height: 1px;
    border: none;
}
.navbar .nav > li > .dropdown-menu{
    top: 40px;
}
.navbar .dropdown-menu,
.sidebar .dropdown-submenu .dropdown-menu{
    text-align: left;
    font-size: 12px;
                    background-color: #ffffff;}
.navbar .dropdown-menu > li,
.sidebar .dropdown-submenu .dropdown-menu > li{
                }
.navbar .dropdown-menu > li > a,
.sidebar .dropdown-submenu .dropdown-menu > li > a{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #999999;}
.navbar .dropdown-submenu > a:after{
    border-left-color: #999999;}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.sidebar .dropdown-submenu .dropdown-menu > li > a:hover,
.sidebar .dropdown-submenu .dropdown-menu > li > a:focus{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #323232;    background-color: #f6c01f;}
.navbar .dropdown-submenu:hover > a:after{
    border-left-color: #323232;}
/*============================================================
CONTAINER
============================================================*/
.main > .container{
    margin-bottom: 20px;    padding: 10px 10px 10px 10px;
                background-color: #000000;                }
/*============================================================
CONTENT
============================================================*/
.content{
    position: relative;
    padding: 0px 0px 0px 0px;
                                    border-radius: 0 0 0 0;
    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #767676;}
.content a,
.content a .icon,
.content a:visited .icon,
.content .nav > li > a,
.content a:visited,
.content .nav > li > a:visited,
.content .dropdown-menu > li > a,
.content .dropdown-menu > li > a:visited,
.content .btn-link{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
.content a:hover,
.content a:hover .icon,
.content .nav > li > a:hover,
.content .dropdown-menu > li > a:hover,
.content .btn-link:hover{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
/*CONTENT ICONS*/
.content .icon{
    color: #333333;
}
.content a:hover .icon{
    text-decoration: none;
}
/*CONTENT TITLES*/
.view-title{
    margin-top: 0;
    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #ffffff;    font-weight: bold;}
.view-title a,
.view-title a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
.view-title a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
/*CONTENT SUBTITLES*/
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #f6c01f;    font-weight: normal;}
.content h2 a,
.content h2 a:visited,
.content h3 a,
.content h3 a:visited,
.content h4 a,
.content h4 a:visited,
.content h5 a,
.content h5 a:visited,
.content h6 a,
.content h6 a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #f6c01f;}
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
/*CONTENT CATEGORIES*/
.categories{
    padding: 10px 10px 0;
                background-color: #0d0d0d;    border-top: 1px solid #1c1c1c;    border-right: 1px solid #1c1c1c;    border-bottom: 1px solid #1c1c1c;    border-left: 1px solid #1c1c1c;    border-radius: 0 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.categories a,
.categories a:visited{
        font-weight: normal;    font-style: normal;    text-decoration: none;}
.categories a:hover{
        font-weight: normal;    font-style: normal;    text-decoration: none;}
/*CONTENT TOOLTIPS*/
.content .badge{
    color: #ffffff;    background-color: #1c1c1c;}
/*CONTENT LISTINGS*/
.content .items-container .item{
    padding: 5px;
            border-bottom: 1px solid #1c1c1c;    }
.content .items-container .item:last-child{
    border: none;
}
.content .items-container .item:nth-child(even),
.content .nav-list > :nth-child(even) {
	background-color: #0d0d0d;
}
/*CONTENT THUMBNAILS*/
.thumbnail{
     
                    border-top: 1px solid #1c1c1c;    border-right: 1px solid #1c1c1c;    border-bottom: 1px solid #1c1c1c;    border-left: 1px solid #1c1c1c;    border-radius: 0 0 0 0;
}
.thumbnail:hover{
                background-color: #0d0d0d;    border-top: 1px solid #1c1c1c;    border-right: 1px solid #1c1c1c;    border-bottom: 1px solid #1c1c1c;    border-left: 1px solid #1c1c1c;}
.thumbnail .badge{
	float: right;
}
.content .thumbnail-title{
    font-family: Geneva, Arial, Helvetica, sans-serif;    text-align: center;}
.content .thumbnail-title a,
.content .thumbnail-title a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #f6c01f;}
.content .thumbnail-title a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
/*============================================================
SIDEBARS
============================================================*/
.sidebar{
    padding: 10px 20px 10px 0px;
    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #767676;                        border-right: 1px solid #1c1c1c;            border-radius: 0 0 0 0;
}
.sidebar a,
.sidebar a:visited,
.sidebar .btn-link{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
.sidebar a:hover,
.sidebar .btn-link:hover{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
/*SIDEBARS ICONS*/
.sidebar .icon{
    color: #333333;
}
/*SIDEBARS WIDGETS*/
.sidebar .widget{
    margin-bottom: 20px;
}
.sidebar .widget:last-child{
    margin-bottom: 0;
}
/*SIDEBARS WIDGETS TITLES*/
.sidebar .widget-title{
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #767676;    font-weight: normal;                            border-bottom: 1px solid #1c1c1c;        border-radius: 0 0 0 0;
}
.sidebar .widget-title a,
.sidebar .widget-title a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #767676;}
.sidebar .widget-title a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #767676;}
/*SIDEBARS WIDGETS CONTENT*/
.sidebar .widget-content{
                                        border-radius: 0 0 0 0;
}
/*SIDEBARS TITLES*/
.sidebar .media-heading{
    font-family: Geneva, Arial, Helvetica, sans-serif;    color: #f6c01f;    font-weight: bold;}
.sidebar .media-heading a,
.sidebar .media-heading a:visited{
    font-weight: bold;    font-style: normal;    text-decoration: underline;    color: #f6c01f;}
.sidebar .media-heading a:hover{
    font-weight: bold;    font-style: normal;    text-decoration: none;    color: #ffffff;}
/*SIDEBARS TOOLTIPS*/
.sidebar .badge{
    color: #ffffff;    background-color: #1c1c1c;}
/*SIDEBARS LISTINGS*/
.sidebar .items-container .item{
        padding: 5px;
                border-bottom: 1px solid #1c1c1c;    }
.sidebar .items-container .item:last-child{
    border: none;
}
.sidebar .items-container .item:nth-child(even){
    background-color: #0d0d0d;
}
/*SIDEBARS MENUS*/
.sidebar .nav-list > li{
                }
.sidebar .nav-list > li > a,
.sidebar .nav-list > li > a:visited,
.sidebar .dropdown-menu > li > a,
.sidebar .dropdown-menu > li > a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
.sidebar .nav-list > li > a.dropdown-toggle:after{
    border-top-color: #ffffff;}
.sidebar .nav-list > li:hover > a,
.sidebar .dropdown-menu > li:hover > a{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;    }
.sidebar .nav-list > li.dropdown:hover .dropdown-toggle:after{
    border-top-color: #ffffff;}
.sidebar .nav-list > li:nth-child(even){
    background-color: #0d0d0d;
}
/*SIDEBARS DROPDOWNS*/
.sidebar .dropdown > .dropdown-menu{
    margin-right: 2px;
    margin-left: 2px;
    padding: 2px;    background-color: #000000;
                }
.sidebar .dropdown > .dropdown-menu > li{
            border-bottom: 1px solid #0d0d0d;    }
.sidebar .dropdown > .dropdown-menu > li:last-child{
    border: none;
}
.sidebar .dropdown > .dropdown-menu > a,
.sidebar .dropdown > .dropdown-menu > a:visited{
        padding-right: 0;
    padding-left: 0;
        font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #ffffff;}
.sidebar .dropdown > .dropdown-menu > a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;    }
/*SIDEBAR SUBDROPDOWNS*/
.sidebar .dropdown-submenu > a:after{
    border-left-color: #ffffff;
}
.sidebar .dropdown-submenu:hover > a{
    color: #ffffff;
}
.sidebar .dropdown-submenu:hover > a:after{
    border-left-color: #ffffff;
}
.sidebar .dropdown-submenu .dropdown-menu{
    margin: -2px 0 0 2px;}
/*============================================================
FOOTER
============================================================*/
footer{
        font-family: Geneva, Arial, Helvetica, sans-serif;    color: #777777;    font-size: 12px;                background-color: #1b1b1b;                    border-radius: 0 0 0 0;
}
footer .container{
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
footer a,
footer a:visited{
    font-weight: normal;    font-style: normal;    text-decoration: underline;    color: #777777;}
footer a:hover{
    font-weight: normal;    font-style: normal;    text-decoration: none;    color: #ffffff;}
/*============================================================
ADD-ON : BLOG
============================================================*/
.content .view .items-container .item-blog{
    background-color: transparent;
    border: none;
}
/*============================================================
ADD-ON : FORUM
============================================================*/
.topic-msg-sign{
    padding-top: 5px;
    border-top: 1px dotted #1c1c1c;
}
/*============================================================
ADD-ON : PAGES
============================================================*/
.last-update p{
    font-style: italic;
}
/*============================================================
WIDGETS
============================================================*/
/*TAGS CLOUD*/
.tag-1{
    opacity: .6;
}
.tag-2{
    opacity: .7;
}
.tag-3{
    opacity: .8;
}
.tag-4{
    opacity: .9;
}
.tag-5{
    opacity: 1;
}
[class^="tag-"]:hover{
    opacity: 1;
}
/*SLIDER*/
.carousel-indicators-bottom .carousel-indicators li{
    background-color: #1c1c1c;
    opacity: .5;
}
.carousel-indicators-bottom .carousel-indicators .active{
    background-color: #1c1c1c;
    opacity: 1;
}
/*PLAYLIST*/
.jp-play-bar,
.jp-volume-bar-value{
    background: #333333;
}
.jp-toggles li .jp-repeat-off,
.jp-toggles li .jp-shuffle-off{
    border-color: #ffffff;}
.jp-toggles li .jp-repeat-off:hover,
.jp-toggles li .jp-shuffle-off:hover{
    border-color: #ffffff;}
/*============================================================
MEDIA-QUERIES
============================================================*/

@media (min-width: 1200px){
    /*========================================================
	SURCHARGE BOOTSTRAP
	========================================================*/
	/*HTML*/
	body{
		font-size: 14px;
	}
}
@media (max-width: 979px){
    /*========================================================
	SURCHARGE BOOTSTRAP
	========================================================*/
	/*NAVBAR DROPDOWN*/
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu,
	.nav-collapse .dropdown-menu a,
	.nav-collapse .dropdown-menu > li:last-child > a{
		margin-bottom: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.nav-collapse .dropdown-menu{
		max-width: 100%;
		margin: 0;
	}
    .navbar .dropdown-submenu > a:after{
        border-top-color: #999999;        border-left-color: transparent;
    }
    .navbar .dropdown-submenu:hover > a:after{
        border-top-color: #323232;        border-left-color: transparent;
    }
	/*========================================================
	HEADER
	========================================================*/
	/*BRAND*/
	.site-logo{
		max-width: 30%;
	}
    /*============================================================
    MENU
    ============================================================*/
        .navbar-affix-clone{
        display: none;
    }
            .navbar .nav{
        width: auto;
        text-align: left;
    }
    .navbar .nav > li{
        display: list-item;
        *display: list-item;
    }
        }
@media (max-width: 767px){
    /*========================================================
    SURCHARGE BOOTSTRAP
	========================================================*/
    /*HTML*/
	body{
		padding-right: 0;
		padding-left: 0;
	}
	/*CONTAINER*/
	.container{
		margin-right: 10px;
		margin-left: 10px;
	}
    /*========================================================
    USEFULL
    ========================================================*/
    /*CATEGORIES*/
    .categories{
        padding-bottom: 10px;
    }
        /*========================================================
	MAIN AND SIDEBARS
	========================================================*/
    .sidebar,
    .content{
        border: none;
    }
	#main-area > .row-fluid > [class*="span"]{
		margin-bottom: 20px;
	}
	#main-area > .row-fluid > [class*="span"]:last-child{
		margin-bottom: 0;
	}
    .sidebar .dropdown-submenu > a:after,
    .sidebar .dropdown-submenu:hover > a:after{
        border-left-color: transparent;
    }
    .sidebar .dropdown-submenu > a:after{
        border-top-color: #ffffff;
    }
    .sidebar .dropdown-submenu:hover > a:after{
        border-top-color: #ffffff;
    }
}
@media (max-width: 480px){
    /*============================================================
    SURCHARGE BOOTSTRAP
    ============================================================*/
    body{
       font-size: 8px;
       font-size: .8rem;
    }
    .site-title{
        font-size: 2em;
        margin-bottom: 0;
    }
    .site-subtitle{
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 320px){
    }
/*============================================================
SHADOWBOX
============================================================*/
.modal{
    background-color: #ffffff;
}
.modal-body{
    color: #767676;
}
.modal .btn{
    color: #585858 !important;        background-color: #191919;
    *background-color: #191919;
    background-image: -moz-linear-gradient(top, #191919, #191919);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#191919), to(#191919));
    background-image: -webkit-linear-gradient(top, #191919, #191919);
    background-image: -o-linear-gradient(top, #191919, #191919);
    background-image: linear-gradient(to bottom, #191919, #191919);
    }
.modal .btn:hover,
.modal .btn:focus,
.modal .btn:active,
.modal .btn.active,
.modal .btn.disabled,
.modal .btn[disabled]{
    color: #ffffff !important;    background-color: #191919;    *background-color: #191919;    background-color: #191919 \9;}
/*============================================================
ADDITIONAL CSS
============================================================*/