/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Dont edit this style, please edit the CUSTOM.CSS if you want to customize the theme
 */
/* --------------------------------------------- ROKSPROCKET -------------------------------------------------------*/
.sprocket-headlines {background: #fff!important;border: 1px solid #ddd; max-width:99.99%!important}
a.sprocket-headlines-text {color:#777!important;}
a.sprocket-headlines-text:hover {color:#000!important;}
.sprocket-mosaic-text {}
.sprocket-readmore {color:#ccc}
.sprocket-headlines-navigation .arrow { line-height:130%;}
.sprocket-mosaic-item {border:none!important;margin:20px;margin-left:0!important}
.sprocket-mosaic h2 {font-size: 18px !important;margin: 10px 0 !important; text-align:center}
.sprocket-mosaic h2  a{
    color: #fff;
}
.sprocket-mosaic-item .sprocket-padding {
background-color:#111;
    border: none;
    border-radius: 0;
    padding: 10px 10px 5px 10px!important;
}
.sprocket-mosaic-item {
    border: none;
    border-radius: none;
}
.sprocket-mosaic-hovercontent {
    background-color:#000;
	bottom:6px;
	line-height:100px;
	height: 100%;
    width: 100%;
	color:#fff;
}
.sprocket-mosaic-hovercontent span {
    display: block;
    font-size: 10em;
    margin-bottom: 0;
	color:#fff;
}
.sprocket-mosaic .sprocket-mosaic-tags, .sprocket-mosaic ul.sprocket-mosaic-tags {
    font-size: 80%;
    padding: 5px 0;
	color:#222;
	background:none;
	margin:0;
}
.sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-filter li {
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
	border-radius: 0;

}
.sprocket-mosaic-loadmore {
    background: none repeat scroll 0 0 #fff;
    border: none;
	color:#222;
}
.layout-slideshow .sprocket-features-pagination {
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 10;
}
.sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-order li {
    border-radius:0;
    margin: 0;
}
.sprocket-mosaic-filter li, .sprocket-mosaic-order li {
    border: none;
}
.layout-slideshow .sprocket-features-content {
    bottom: 40px;
}
.sprocket-tabs-nav {
    border-bottom: none;
}

.layout-top .sprocket-tabs-nav {
    padding:0 !important;
}
.sprocket-tabs-nav > li {
    margin-bottom: 0px;
	color:#fff;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color: #000;
	color:#fff;
    border:none!important;
}
.sprocket-tabs-nav > li > .sprocket-tabs-inner {
    border:none!important;
    border-radius:0;
}
.sprocket-lists-title {
    background: #fff;
    border: 1px solid #eee;
    border-radius:0!important;
    cursor: pointer;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    margin: 1px 2px 2px !important;
    padding: 10px 10px !important;
    position: relative;
	color:#000;
}

/* --------------------------------------------- BASIC -------------------------------------------------------*/
body {
background:#fff;
}
ul, ol, dl {
padding-left: 20px;
}
/* --------------------------------------------- TOOLBAR -------------------------------------------------------*/
.jp-toolbar-outer {
position:fixed;
top:0;
right:0;
height:40px;
opacity:0.9;
z-index:4;
width:100%;
background-color:#121212;
}

#toolbar {
color:#fff;
line-height:40px;
font-size:14px;
}

#toolbar a,#toolbar a:visited {
color:#999;
}

#toolbar a:hover {
color:#999;
}
/* --------------------------------------------- Supersized -------------------------------------------------------*/
#supersize { 
display: block; 
overflow: hidden; 
z-index: -999; 
height: 100%; 
width: 100%;
}
.bcktoTop {
bottom: 20px;
position: fixed;
right: 20px;
z-index: 10;
}
.bcktoTop a {
font-size:12px;
display: block;
background: #222;
opacity:0.75;
padding: 10px 14px;
cursor: pointer;
color:#fff;
-webkit-transition:1s;
-moz-transition:1s;
transition:1s;
}
.bcktoTop a:hover{
color:#222;
background: #fff;
opacity:0.75;

}

/* --------------------------------------------- LOGO & MENU-------------------------------------------------------*/
#headerbar .module {
float: none;
margin-right: 0;
max-width: 300px;
}
#header,#headerbar {
margin:0;
}

.main-outer, .bottom-d-outer, .footer-outer {
margin:0 auto
}

.menu-outer {
width:100%;
margin:0 auto;
position: fixed;
top:0;
left:0;
right:0;
z-index:3;
opacity:1;
}
#menubar {
float:right; 
position:relative;
}
.mainsite {
background-color:#f5f5f5;
}

.main-outer {
box-shadow:0 1px 3px rgba(0,0,0,0.1) inset;
background:#fcfcfc;
padding:20px 0;
}

#logo {
text-align:left;
float:left;
}
#logo p {
margin:0
}
#logo img {
opacity:1;
}
#menu { 
position: relative; 
float:right;
}

#menubar {
margin:0;
}


/* --------------------------------------------- MAIN -------------------------------------------------------*/
#maininner,#bottom-a,#bottom-b,#bottom-c,#bottom-d,#bottom-e,#bottom-f,#top-a,#top-b,#top-c,#top-d,#top-e,#top-f {
margin-top:20px;
padding-bottom:20px;
}
/* --------------------------------------------- MOSAIC -------------------------------------------------------*/

#mosaic-outer {
position:relative;
background-color:#000;
padding:20px 0;
border-top:1px solid #111;
color:#fff;
}
#mosaic {
	margin:30px auto;
	padding:0 30px;
}

/* --------------------------------------------- BOTTOM D MODULE DARK -------------------------------------------------------*/
.bottom-d-outer ul.line > li {
border-top:1px solid #333!important;
}

.bottom-d-outer {
background-color:#000;
background:rgba(0,0,0,0.94);
color:#999;
padding:20px 0;
}
#bottom-d h1, #bottom-d h2, #bottom-d h3, #bottom-d h4, #bottom-d h5, #bottom-d h6 {
color:#fff
}

/* --------------------------------------------- MAP MODULE FOR GOOGLE -------------------------------------------------------*/
#map p {
margin:0;
padding:0;
}
/* --------------------------------------------- FOOTER -------------------------------------------------------*/

.footer-outer {
position:relative;
z-index:0;
background-color:#222;
padding:20px 0;
border-top:1px solid #333;
color:#777;
}

.footer-outer p {
margin:0;
}

.footer-outer a,.footer-outer a:visited,.bottom-d-outer a,.bottom-d-outer a:visited {
color:#777;
}

.footer-outer a:hover,.bottom-d-outer a:hover {
color:#ccc;
}

#footer {
margin:0;
}

.breadcrumbs {
padding:10px 0;
border-bottom:1px solid #FFF;
box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;
margin-bottom:30px;
}


/*--------------------------------------------- MENU -------------------------------------------------------*/

/* List Menu */
.menu-line li {
background: none;
}

/*------------------------------------------- MODULE ---------------------------------------------------------*/
.module {
margin:15px;
}

.mod-blank {
border:none!important;
padding:0!important;
margin:0!important;
background:none!important;
}

.mod-clean1,.mod-clean2,.mod-clean3 {
border:none!important;
padding:0!important;
margin:15px!important;
background:none!important;
}

.mod-clean1 h3 {
color:#000;
padding:8px 0;
border-bottom:1px solid #ededed;
}

.mod-clean2 h3 {
background:#222;
color:#FFF;
padding:8px 15px;
}

.mainsite .mod-box {
border:1px solid #efefef;
border-radius:none;
background:#fff;
-moz-border-radius:none;
margin:15px;
padding:30px;
}

.mod-box {
border:1px solid #efefef;
border-radius:none;
background:#fdfdfd;
-moz-border-radius:none;
margin:15px;
padding:30px;
}

.mod-shadow {
border:1px solid #fff;
border-radius:none;
background:#fdfdfd;
-moz-border-radius:none;
margin:15px;
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
}

.mod-black {
border:none;
background:#222!important;
color:#ccc!important;
padding:30px;
}

.mod-black a:link,.mod-black a:visited {
color:#fff;
}

.mod-black a:hover {
color:#888;
}

.mod-black h1,.mod-black h2,.mod-black h3,.mod-black h4,.mod-black h5,.mod-black h6 {
color:#fff;
}

/* -------------------------------------- IMAGE TOOLS --------------------------------------------------------------*/
a.img, img.a {border:none}

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

.img-shadow {
-moz-box-shadow:0 0 0 5px #999;
-webkit-box-shadow:0 0 5px 0 #999;
box-shadow:0 0 5px 0 #999;
max-width:100%;
}

.img-border {
padding:4px;
background:#fff;
border:1px solid #eee;
max-width:100%;
}

.img-polaroid {
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
max-width:100%;
padding:5px;
margin:5px;
background:#fff;
}

img.align-right {
-moz-box-shadow:0 0 0 5px #DDD;
-webkit-box-shadow:0 0 5px 0 #DDD;
box-shadow:0 0 5px 0 #DDD;
max-width:100%;
}

a.lightbox-color {
float:left;
border:1px solid #ededed;
padding:2px;
margin:5px;
}

#back-top {
position:absolute;
bottom:30px;
right:30px;
}

#back-top a {
width:50px;
display:block;
text-align:center;
font:11px/100% Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
color:#bbb;
-webkit-transition:1s;
-moz-transition:1s;
transition:1s;
}

#back-top a:hover {
color:#000;
}

#back-top span {
width:56px;
height:59px;
display:block;
margin-bottom:7px;
background:#222 url(../images/up-arrow.png) no-repeat center center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition:1s;
-moz-transition:1s;
transition:1s;
}

#back-top a:hover span {
background-color:#444;
}

/* -------------------------------------- BUTTON --------------------------------------------------------------*/

a.button-default,a.button-primary {
border:none;
}

button {
padding:6px 10px;
border:none;
}

/* -------------------------------------- MODERN PICS WEBFONT --------------------------------------------------------------*/
@font-face {
font-family: "modern_pictogramsnormal";
font-style: normal;
font-weight: normal;
src: url('../fonts/modernpics-webfont.eot') format("embedded-opentype"), url('../fonts/modernpics-webfont.woff') format("woff"), url('../fonts/modernpics-webfont.ttf') format("truetype"), url('../fonts/modernpics-webfont.svg') format("svg");
}

span.ico {
background: none repeat scroll 0 0 #000;
border-radius: 50% 50% 50% 50%;
display: block;
font-family: 'modern_pictogramsnormal';
font-size: 45px;
height: 89px;
line-height: 89px;
margin: 0 auto 12px;
transition: all 0.4s ease-in-out 0s;
width: 89px;
text-align:center;
color:#fff;
}

/* -------------------------------------- GLYPHICONS --------------------------------------------------------------*/
.the-icons {
list-style:none outside none;
margin-left:0;
padding-left:0;
}

.the-icons li {
float:left;
line-height:25px;
width:24.8%;
}

[class^="icon-"],[class*=" icon-"] {
display:inline-block;
width:14px;
height:14px;
margin-top:1px;
margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url(../images/glyphicons-halflings.png);
background-position:14px 14px;
background-repeat:no-repeat;
}

.icon-glass {
background-position:0 0;
}

.icon-music {
background-position:-24px 0;
}

.icon-search {
background-position:-48px 0;
}

.icon-envelope {
background-position:-72px 0;
}

.icon-heart {
background-position:-96px 0;
}

.icon-star {
background-position:-120px 0;
}

.icon-star-empty {
background-position:-144px 0;
}

.icon-user {
background-position:-168px 0;
}

.icon-film {
background-position:-192px 0;
}

.icon-th-large {
background-position:-216px 0;
}

.icon-th {
background-position:-240px 0;
}

.icon-th-list {
background-position:-264px 0;
}

.icon-ok {
background-position:-288px 0;
}

.icon-remove {
background-position:-312px 0;
}

.icon-zoom-in {
background-position:-336px 0;
}

.icon-zoom-out {
background-position:-360px 0;
}

.icon-off {
background-position:-384px 0;
}

.icon-signal {
background-position:-408px 0;
}

.icon-cog {
background-position:-432px 0;
}

.icon-trash {
background-position:-456px 0;
}

.icon-home {
background-position:0 -24px;
}

.icon-file {
background-position:-24px -24px;
}

.icon-time {
background-position:-48px -24px;
}

.icon-road {
background-position:-72px -24px;
}

.icon-download-alt {
background-position:-96px -24px;
}

.icon-download {
background-position:-120px -24px;
}

.icon-upload {
background-position:-144px -24px;
}

.icon-inbox {
background-position:-168px -24px;
}

.icon-play-circle {
background-position:-192px -24px;
}

.icon-repeat {
background-position:-216px -24px;
}

.icon-refresh {
background-position:-240px -24px;
}

.icon-list-alt {
background-position:-264px -24px;
}

.icon-lock {
background-position:-287px -24px;
}

.icon-flag {
background-position:-312px -24px;
}

.icon-headphones {
background-position:-336px -24px;
}

.icon-volume-off {
background-position:-360px -24px;
}

.icon-volume-down {
background-position:-384px -24px;
}

.icon-volume-up {
background-position:-408px -24px;
}

.icon-qrcode {
background-position:-432px -24px;
}

.icon-barcode {
background-position:-456px -24px;
}

.icon-tag {
background-position:0 -48px;
}

.icon-tags {
background-position:-25px -48px;
}

.icon-book {
background-position:-48px -48px;
}

.icon-bookmark {
background-position:-72px -48px;
}

.icon-print {
background-position:-96px -48px;
}

.icon-camera {
background-position:-120px -48px;
}

.icon-font {
background-position:-144px -48px;
}

.icon-bold {
background-position:-167px -48px;
}

.icon-italic {
background-position:-192px -48px;
}

.icon-text-height {
background-position:-216px -48px;
}

.icon-text-width {
background-position:-240px -48px;
}

.icon-align-left {
background-position:-264px -48px;
}

.icon-align-center {
background-position:-288px -48px;
}

.icon-align-right {
background-position:-312px -48px;
}

.icon-align-justify {
background-position:-336px -48px;
}

.icon-list {
background-position:-360px -48px;
}

.icon-indent-left {
background-position:-384px -48px;
}

.icon-indent-right {
background-position:-408px -48px;
}

.icon-facetime-video {
background-position:-432px -48px;
}

.icon-picture {
background-position:-456px -48px;
}

.icon-pencil {
background-position:0 -72px;
}

.icon-map-marker {
background-position:-24px -72px;
}

.icon-adjust {
background-position:-48px -72px;
}

.icon-tint {
background-position:-72px -72px;
}

.icon-edit {
background-position:-96px -72px;
}

.icon-share {
background-position:-120px -72px;
}

.icon-check {
background-position:-144px -72px;
}

.icon-move {
background-position:-168px -72px;
}

.icon-step-backward {
background-position:-192px -72px;
}

.icon-fast-backward {
background-position:-216px -72px;
}

.icon-backward {
background-position:-240px -72px;
}

.icon-play {
background-position:-264px -72px;
}

.icon-pause {
background-position:-288px -72px;
}

.icon-stop {
background-position:-312px -72px;
}

.icon-forward {
background-position:-336px -72px;
}

.icon-fast-forward {
background-position:-360px -72px;
}

.icon-step-forward {
background-position:-384px -72px;
}

.icon-eject {
background-position:-408px -72px;
}

.icon-chevron-left {
background-position:-432px -72px;
}

.icon-chevron-right {
background-position:-456px -72px;
}

.icon-plus-sign {
background-position:0 -96px;
}

.icon-minus-sign {
background-position:-24px -96px;
}

.icon-remove-sign {
background-position:-48px -96px;
}

.icon-ok-sign {
background-position:-72px -96px;
}

.icon-question-sign {
background-position:-96px -96px;
}

.icon-info-sign {
background-position:-120px -96px;
}

.icon-screenshot {
background-position:-144px -96px;
}

.icon-remove-circle {
background-position:-168px -96px;
}

.icon-ok-circle {
background-position:-192px -96px;
}

.icon-ban-circle {
background-position:-216px -96px;
}

.icon-arrow-left {
background-position:-240px -96px;
}

.icon-arrow-right {
background-position:-264px -96px;
}

.icon-arrow-up {
background-position:-289px -96px;
}

.icon-arrow-down {
background-position:-312px -96px;
}

.icon-share-alt {
background-position:-336px -96px;
}

.icon-resize-full {
background-position:-360px -96px;
}

.icon-resize-small {
background-position:-384px -96px;
}

.icon-plus {
background-position:-408px -96px;
}

.icon-minus {
background-position:-433px -96px;
}

.icon-asterisk {
background-position:-456px -96px;
}

.icon-exclamation-sign {
background-position:0 -120px;
}

.icon-gift {
background-position:-24px -120px;
}

.icon-leaf {
background-position:-48px -120px;
}

.icon-fire {
background-position:-72px -120px;
}

.icon-eye-open {
background-position:-96px -120px;
}

.icon-eye-close {
background-position:-120px -120px;
}

.icon-warning-sign {
background-position:-144px -120px;
}

.icon-plane {
background-position:-168px -120px;
}

.icon-calendar {
background-position:-192px -120px;
}

.icon-random {
width:16px;
background-position:-216px -120px;
}

.icon-comment {
background-position:-240px -120px;
}

.icon-magnet {
background-position:-264px -120px;
}

.icon-chevron-up {
background-position:-288px -120px;
}

.icon-chevron-down {
background-position:-313px -119px;
}

.icon-retweet {
background-position:-336px -120px;
}

.icon-shopping-cart {
background-position:-360px -120px;
}

.icon-folder-close {
width:16px;
background-position:-384px -120px;
}

.icon-folder-open {
width:16px;
background-position:-408px -120px;
}

.icon-resize-vertical {
background-position:-432px -119px;
}

.icon-resize-horizontal {
background-position:-456px -118px;
}

.icon-hdd {
background-position:0 -144px;
}

.icon-bullhorn {
background-position:-24px -144px;
}

.icon-bell {
background-position:-48px -144px;
}

.icon-certificate {
background-position:-72px -144px;
}

.icon-thumbs-up {
background-position:-96px -144px;
}

.icon-thumbs-down {
background-position:-120px -144px;
}

.icon-hand-right {
background-position:-144px -144px;
}

.icon-hand-left {
background-position:-168px -144px;
}

.icon-hand-up {
background-position:-192px -144px;
}

.icon-hand-down {
background-position:-216px -144px;
}

.icon-circle-arrow-right {
background-position:-240px -144px;
}

.icon-circle-arrow-left {
background-position:-264px -144px;
}

.icon-circle-arrow-up {
background-position:-288px -144px;
}

.icon-circle-arrow-down {
background-position:-312px -144px;
}

.icon-globe {
background-position:-336px -144px;
}

.icon-wrench {
background-position:-360px -144px;
}

.icon-tasks {
background-position:-384px -144px;
}

.icon-filter {
background-position:-408px -144px;
}

.icon-briefcase {
background-position:-432px -144px;
}

.icon-fullscreen {
background-position:-456px -144px;
}

/* -------------------------------------- ANIMATED SKILLBAR  --------------------------------------------------------------*/
.skillbar {
position:relative;
display:block;
margin-bottom:15px;
width:100%;
background:#eee;
height:35px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-transition:.4s linear;
-moz-transition:.4s linear;
-ms-transition:.4s linear;
-o-transition:.4s linear;
transition:.4s linear;
-webkit-transition-property:width, background-color;
-moz-transition-property:width, background-color;
-ms-transition-property:width, background-color;
-o-transition-property:width, background-color;
transition-property:width, background-color;
}

.skillbar-title {
position:absolute;
top:0;
left:0;
font-weight:700;
font-size:13px;
color:#fff;
background:#6adcfa;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

.skillbar-title span {
display:block;
background:rgba(0,0,0,0.1);
padding:0 20px;
height:35px;
line-height:35px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

.skillbar-bar {
height:35px;
width:0;
background:#6adcfa;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.skill-bar-percent {
position:absolute;
right:10px;
top:0;
font-size:11px;
height:35px;
line-height:35px;
color:#444;
color:rgba(0,0,0,0.4);
}