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

 */





/* --------------------------------------------- BASIC -------------------------------------------------------*/

body {

background:#fdfcfb;

}



ul, ol, dl {

padding-left: 20px;

}

/* --------------------------------------------- TOOLBAR -------------------------------------------------------*/



#toolbar {

color:#fff;

line-height:40px;

font-size:14px;

}



#toolbar a,#toolbar a:visited {

color:#fff;

}



#toolbar a:hover {

color:#ccc;

}

/* --------------------------------------------- Buttons -------------------------------------------------------*/

a.button-blue,.button-blue,button-blue {

background-color:#50abc3;

color:#fff!important;

padding:6px 10px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

text-shadow:none;



}

a.button-red,.button-red,button-red {

background-color:#f1715e;

color:#fff!important;

padding:6px 10px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

text-shadow: none;



}

a.button-green,.button-green,button-green {

background-color:#668333;

color:#fff!important;

padding:6px 10px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

text-shadow:none;



}



/* --------------------------------------------- LOGO & MENU-------------------------------------------------------*/

#headerbar .module {

float: none;

margin-right: 0;

}

#header,#headerbar {

margin:0;

opacity: 1;

}

#header {

background-color:none;

}

.menu-outer {

margin:0 auto;

position: absolute;

top:5px;

left:0;

right:0;

z-index:3;

opacity:1;

width:100%;

}

#menubar {

position: absolute;

bottom:20px;

right:0;

}

#menu { 

position: relative; 

float:right;

}



#menubar {

margin:0;

}



#logo {

text-align:left;

float:left;

}

#logo p, .logo p {

margin:0

}

#header-responsive {padding-bottom:20px;}

/*--------------------------------------------- SEARCH -------------------------------------------------------*/



#search {

    float: right;

	height:46px;

	margin-top:10px;

	margin-right:16px;

	line-height:100%;

}

.searchbox {

    background: url(../images/search-icon.png) no-repeat scroll 0 50% rgba(0, 0, 0, 0);

    border: none;

    height: 30px;

    padding: 0 40px;

    width: auto;

}



.searchbox.filled button {

    background: url(../images/searchbox_reset.png) no-repeat scroll 50% 50% rgba(0, 0, 0, 0);

    width: 25px;

}



.searchbox input {

    color: #fff!important;

    font-size: 14px;

}



/*--------------------------------------------- MAIN -------------------------------------------------------*/

.breadcrumbs {

padding:10px 0;

border-bottom:1px solid #FFF;

box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;

margin-bottom:30px;

}



#mainsite {

background:#fdfdf3 url(../images/hg.jpg) ;

text-shadow:1px 1px #fff;

}



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

.menu-dropdown {

margin-bottom: 0;

}

.menu-dropdown li.level1 {

margin-right:0;

border:none;

padding-bottom:0;

text-shadow:0;

}

.menu-dropdown li.active .level1 {

color: #fff;

}

.menu-dropdown a.level1, .menu-dropdown span.level1 {

transition: background-color 0.2s linear 0s;

/* Firefox 4 */

-moz-transition: background-color 0.2s linear 0s;

/* Safari and Chrome */

-webkit-transition: background-color 0.2s linear 0s;

/* Opera */

-o-transition: background-color 0.2s linear 0s;

border:none;

color: #000;

}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {

height: 30px;

line-height: 30px;

padding: 4px 14px;

}

.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 {

color: #000;

background-color:#fff;



}

/* 2 second level dropdown menu */

.menu-dropdown .dropdown-bg > div {

border:none;

background:#fff;

text-align:left;

color:#000;

}

.menu-dropdown .dropdown-bg a {

color:#000;

}

.menu-dropdown .dropdown {

border-top:none;

top:38px;

}

/* 2 second level links */

.menu-dropdown a.level2, .menu-dropdown span.level2 {

color: #000;

}

.menu-dropdown li.level2 {

border-top: 1px solid #eee;

}



.menu-dropdown a.level3, .menu-dropdown span.level3 {

color: #000;

}





/* --------------------------------------------- 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:0px;

padding-bottom:10px;

}



/* --------------------------------------------- BOTTOM D MODULE DARK -------------------------------------------------------*/

.bottom-d-outer ul.line > li {

border-top:1px solid #333!important;

}



.bottom-d-outer {



color:#f3eeea;

padding:20px 0;

text-shadow:1px 1px #000;



}

#bottom-d h1, #bottom-d h2, #bottom-d h3, #bottom-d h4, #bottom-d h5, #bottom-d h6 {

color:#f3eeea;

}



/* --------------------------------------------- FOOTER -------------------------------------------------------*/



.footer-outer {

position:relative;

z-index:0;

background-color:#0080c3;

padding:20px 0;

color:#f3eeea;

text-shadow:1px 1px #000;



}



.footer-outer p {

margin:0;

}



.footer-outer a,.footer-outer a:visited,.bottom-d-outer a,.bottom-d-outer a:visited {

color:#f3eeea;

}



.footer-outer a:hover,.bottom-d-outer a:hover {

color:#ccc;

}

#footer-a {

border-top:2px solid #fecc03;



}



#footer {

margin:0;

}





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

-moz-box-shadow: none!important;

-webkit-box-shadow: none!important;

box-shadow: none!important;

border:none!important;



}



.mod-clean1,.mod-clean2,.mod-clean3 {

border:none!important;

padding:0!important;

margin:15px!important;

background:none!important;

-moz-box-shadow: none!important;

-webkit-box-shadow: none!important;

box-shadow: none!important;

border:none!important;

}

.mod-clean1 h3,.mod-clean2 h3,.mod-clean3 h3{

text-shadow:none!important;

}



.mod-clean1 h3 {

color:#000;

padding:8px 0;

border-bottom:1px solid #FFF;

box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;

}



.mod-clean2 h3 {

background:#525252;

color:#FFF;

padding:8px 15px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}





.mod-box {

background:#ffe164;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

margin:15px;

padding:20px;

border:none!important;

}



.mod-shadow {

border:1px solid #efefef;

background:#ece7e3;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;margin:15px;

padding:30px;

-moz-box-shadow: 0px 0px 2px #ded9d6;

-webkit-box-shadow: 0px 0px 2px #ded9d6;

box-shadow: 0px 0px 2px #a6a3a0;

border: 1px solid #fff;

}

.mod-white {

margin:15px;

-moz-box-shadow: none!important;

-webkit-box-shadow: none!important;

box-shadow: none!important;

border:none!important;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

background-color:#fff;

}



.mod-black {

border:none;

background:#525252!important;

color:#fff!important;

padding:30px;

text-shadow:1px 1px #000;

}



.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:#fecc03 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 {

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);

}