a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-align: inherit;
    vertical-align: baseline;
    white-space: normal;
}
body a {
    color: #5fabcd;
    text-decoration: none;
}
body a:hover {
    text-decoration: underline;
}
body.contentpane {
    padding: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #29708f;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #e95846;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    margin: 0 0 0 20px;
}
ul.unstyled {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0 none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    height: auto;
    max-width: 100%;
}
#baner {
    height: 450px;
    margin: 0 auto;
    width: 1000px;
}
.container {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 220px;
}
.container .row, .col {
    box-sizing: border-box;
}
.row {
    margin-bottom: 1.5em;
}
.produkt {
    display: block;
    float: left;
    width: 350px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #dadada;
	   text-align: center;
}
.kontakt {
    display: block;
    float: left;
    width: 350px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #dadada;

}

.col {
    display: block;
    float: left;
    width: 100%;
}
.col:first-child {
    margin-left: 0;
}
.row::after, .col::after, .clr::after, .group::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
@media (min-width: 768px) {
.col {

}
.span_1 {
    width: 6.5%;
}
.span_2 {
    width: 15%;
}
.span_3 {
    width: 23.5%;
}
.span_4 {
    width: 32%;
}
.span_5 {
    width: 40.5%;
}
.span_6 {
    width: 49%;
}
.span_7 {
    width: 57.5%;
}
.span_8 {
    width: 66%;
}
.span_9 {
    width: 74.5%;
}
.span_10 {
    width: 83%;
}
.span_11 {
    width: 91.5%;
}
.span_12 {
    width: 100%;
}
}
@media (max-width: 999px) {
#wrapper {
    padding: 0 10px !important;
}
#header-wrap {
    padding: 10px !important;
}
.company {
    bottom: -10px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3%;
}
}
.count-1 {
    clear: both;
    margin-left: 0;
}
body {
    background: #ededed url("../images/bg.png") repeat scroll 0 0;
    color: #606060;
    font: 13px/25px "Ubuntu",Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
	min-height: 100%;
}
#box-wrap {
    margin: 20px auto;
    padding: 0;
}
#main-content {
    box-sizing: border-box;
}
#wrapper {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative;
	min-height: 100%;
}
#comp-wrap {
    padding: 0;
}
.full {
    clear: both;
    margin: 0;
    padding: 0;
}
.contact a {
    text-decoration: none;
}
.column-1, .column-2, .column-3, .column-4 {
    margin: 0;
    padding: 0;
    position: relative;
}
#archive {
    margin: 0;
    padding: 0;
}
.archive {
    padding: 0;
}
.archive .article-count {
    color: #999;
}
.blog-featured {
}
.items-leading {
    clear: both;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.leading {
    margin: 0 0 20px;
    position: relative;
}
.items-row {
    position: relative;
}
.item-separator {
}
.item-page {
    position: relative;
}
.item-page-title {
    margin: 0 0 10px;
    padding: 0 70px 5px 0;
}
.item-page-title, .item-page-title a {
    color: #29708f;
    font-size: 35px;
    line-height: 35px;
    text-decoration: none;
}
.item-page-title a:hover {
    color: #cb1717;
    text-decoration: none;
}
h1.componentheading {
    margin: 0 0 10px;
}
.contact h2 {
    margin: 0 0 20px;
}
.contact .current {
    margin: 0;
    padding: 0;
}
dl.tabs {
    border-bottom: 1px solid #ddd;
    clear: both;
    display: block;
}
dl dt.tabs {
    display: inline-block;
    margin: 0 0 -3px;
}
dt.tabs h3 {
    margin: 0 2px 6px 0;
}
dt.tabs h3 a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    line-height: 20px;
    padding: 8px 8px 3px;
    text-decoration: none;
}
dt.tabs.closed h3 a {
    border-color: #eeeeee #eeeeee #dddddd;
}
dt.tabs h3 a, dt.tabs h3.open a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
}
dd.tabs {
    padding: 10px 20px;
}
.jicons-icons {
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0;
}
h1.componentheading {
    color: #333;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}
ul.button-icons {
    margin: 10px 0 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 3px;
}
ul.button-icons li {
    display: inline-block;
}
ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon {
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 20px;
}
.iteminfo {
    color: #999999;
    display: block;
    font-size: 11px;
    margin: 0 0 5px;
}
.iteminfo span {
    margin: 0 10px 0 0;
}
.iteminfo a {
}
.iteminfo a:hover {
}
.iteminfo .category, .iteminfo .sub-category, .iteminfo .create, .iteminfo .modified, .iteminfo .published, .iteminfo .createdby, .iteminfo .hits {
    display: inline-block;
    line-height: 20px !important;
}
.iteminfo .createdby {
    font-weight: bold;
}
.items-more {
    clear: both;
}
h3.items-more {
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.items-more ol {
    margin: 0 0 0 30px;
    padding: 0;
}
table.category {
}
th.item-title, th.list-title {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
.clear {
    clear: both;
}
blockquote {
    background-color: #e9e9e9;
    border-left: 5px solid #ddd;
    color: #505050;
    font-family: "Georgia",sans-serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.8em;
    margin: 30px 0;
    padding: 20px;
    position: relative;
}
pre {
    background-color: #e9e9e9;
    border-left: 5px solid #ddd;
    color: #505050;
    font-family: "Georgia",sans-serif;
    font-size: 15px;
    line-height: 1.8em;
    margin: 30px 0;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
address {
    letter-spacing: 1px;
    margin: 20px 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #29708f;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
h1 {
    font-size: 23px;
    margin: 0 0 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
.entry p:last-child {
    margin: 0;
}
.entry ul {
    margin: 30px 0 30px 20px;
}
.entry ul li, .entry ol li {
    margin: 0 0 5px;
}
.entry ol {
    margin: 30px 0 30px 25px;
}
.entry ol {
    list-style: outside none decimal;
}
.entry ul {
    list-style: outside none disc;
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin: 40px 0 20px;
}
p {
    margin: 0 0 10px;
}
p.lead {
    color: #777;
    font-size: 21px;
    line-height: 27px;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 30px 0;
}
a {
    outline: 0 none;
    transition: all 0.15s ease 0s;
}
a:hover {
    color: #000;
}
p a, p a:visited {
    line-height: inherit;
}
#header-wrap {
    border-bottom: 1px solid #fff;
    height: auto;
    padding: 0;
    position: relative;
}
#header-wrap .row {
    margin-bottom: 0;
}
#logo {
    display: inline-block;
    margin: 10px 0;
}
#logo img {
    display: block;
    max-height: 70px;
    width: auto;
}
#logo a {
    color: #63a9cd;
    font-family: "Myriadpro",Arial,Helvetica,sans-serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
#site-description {
    color: #888;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 5px 0 0;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
}
#top {
    display: inline-block;
    float: right;
    line-height: 18px;
}
#top a {
    text-decoration: underline;
}
#top h1, #top h2, #top h3, #top h4 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}
#social {
    display: block;
    margin: 10px auto 0;
    max-width: 372px;
}
#social a.social-icon {
    display: inline-block;
    height: 32px;
    margin-left: 2px;
    padding: 0;
    width: 32px;
}
#social a.social_1 {
    background: rgba(0, 0, 0, 0) url("../images/social/facebook.png") no-repeat scroll 0 0;
}
#social a.social_2 {
    background: rgba(0, 0, 0, 0) url("../images/social/twitter.png") no-repeat scroll 0 0;
}
#social a.social_3 {
    background: rgba(0, 0, 0, 0) url("../images/social/google.png") no-repeat scroll 0 0;
}
#social a.social_4 {
    background: rgba(0, 0, 0, 0) url("../images/social/youtube.png") no-repeat scroll 0 0;
}
#social a.social_5 {
    background: rgba(0, 0, 0, 0) url("../images/social/dribbble.png") no-repeat scroll 0 0;
}
#social a.social_6 {
    background: rgba(0, 0, 0, 0) url("../images/social/flickr.png") no-repeat scroll 0 0;
}
#social a.social_7 {
    background: rgba(0, 0, 0, 0) url("../images/social/pinterest.png") no-repeat scroll 0 0;
}
#social a.social_8 {
    background: rgba(0, 0, 0, 0) url("../images/social/picasa.png") no-repeat scroll 0 0;
}
#social a.social_9 {
    background: rgba(0, 0, 0, 0) url("../images/social/linkedin.png") no-repeat scroll 0 0;
}
#social a.social_10 {
    background: rgba(0, 0, 0, 0) url("../images/social/reddit.png") no-repeat scroll 0 0;
}
#navbar-wrap {
    float: right !important;
    margin: 0 0 10px;
    padding: 0;
}
#navbar {
    height: 55px;
}
#navbar.row {
    margin-bottom: 0;
}
#navigation {
    padding: 0 10px;
}
#navigation ul.menu {
    float: right;
    width: 690px;
}
#navigation .menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#navigation .menu .icon-angle-right {
    color: #aaa;
    font-family: "Myriadpro",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%;
}
#navigation .menu > li {
    display: block;
    float: left;
}
#navigation .menu > li ul {
}
#navigation .menu ul {
    left: 0;
    margin: 10px 0 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
    z-index: 99;
}
#navigation .menu ul ul {
    left: 100%;
    top: 0;
}
#navigation .menu ul ul li {
    width: 100%;
}
#navigation .menu li {
    list-style: outside none none;
    position: relative;
}
#navigation .menu li:hover > ul {
    margin: 0;
    opacity: 1;
    visibility: visible;
}
#navigation .menu a {
    display: block;
    font-family: "Myriadpro",Arial,Helvetica,sans-serif;
    padding: 20px 10px 0;
    position: relative;
}
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover {
    background: #67abc9 none repeat scroll 0 0;
    color: #fff;
}
#navigation .menu > .active > a, #navigation li.active > a {
    color: #fff;
}
#navigation .menu > li {
    margin-right: 5px;
    padding: 0;
}
#navigation .menu a {
    color: #606060;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 85px;
    line-height: 55px;
    text-align: left;
    text-decoration: none;
}
#navigation .menu ul {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    min-width: 350px;
}
#navigation .menu li:hover ul {
    margin-top: 0;
}
#navigation .menu ul ul.sub-menu {
    margin-left: 1px;
    margin-top: -1px;
}
#navigation .menu ul li {
    border-bottom: 1px solid #ccc;
}
#navigation .menu ul li:first-child {
}
#navigation .menu ul li:last-child {
    border: 0 none;
}
#navigation .menu ul li > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #67abc9;
}
#navigation .menu ul a {
    border: 0 none;
    display: block;
    height: auto;
    line-height: 1.7em;
    margin: 0;
    padding: 12px 15px;
    text-transform: none;
}
#navigation .selector {
    display: none;
}
#navigation ul.sub-menu .icon-angle-down::before {
    content: "" !important;
}
#navigation ul.sub-menu a {
    font-size: 13px;
}
#navigation ul.sub-menu .active > a {
    color: #67abc9;
}
#navigation i {
    text-align: right;
}
#menu-icon {
    display: none;
}
#slide-wrap a:hover {
    color: #fff;
}
.light {
    background: #fff url("../images/light-bg.png") repeat scroll 0 0 !important;
    border: 1px solid #ccc !important;
    color: #555 !important;
    text-shadow: 1px 1px #fff !important;
}
.light .module-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #555 !important;
    text-shadow: 1px 1px #fff !important;
}
.light .module-body {
    border-top: medium none !important;
}
.light a {
    text-decoration: underline !important;
}
.light a:hover {
    color: #333 !important;
}
.normal {
    background: #4289ae url("../images/normal-bg.png") repeat scroll 0 0 !important;
    border: 1px solid #4289ae !important;
    color: #fff !important;
    text-shadow: 1px 1px #4289ae !important;
}
.normal .module-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #fff !important;
    text-shadow: 1px 1px #4289ae !important;
}
.normal .module-body {
    border-top: medium none !important;
}
.normal a {
    color: #fff !important;
    text-decoration: underline !important;
}
.normal a:hover {
    color: #c6ecff !important;
}
.dark {
    background: #222 url("../images/dark-bg.png") repeat scroll 0 0 !important;
    border: 1px solid #111 !important;
    color: #fff !important;
    text-shadow: 1px 1px #000 !important;
}
.dark .module-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #fff !important;
    text-shadow: 1px 1px #111 !important;
}
.dark .module-body {
    border-top: medium none !important;
}
.dark a {
    color: #ccc !important;
    text-decoration: underline !important;
}
.dark a:hover {
    color: #fff !important;
}
.blank {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 5px !important;
}
.blank .module-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #606060 !important;
    padding: 0 0 0 5px !important;
    text-shadow: none !important;
}
.light, .normal, .dark {
    padding: 10px !important;
}
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a {
    text-decoration: none !important;
}
.light .module-title, .normal .module-title, .dark .module-title {
    border: medium none !important;
    line-height: 30px !important;
    padding: 0 0 0 5px !important;
}
.light .module-body, .normal .module-body, .dark .module-body {
    padding: 0 5px !important;
}
ul.pagenav {
    display: block;
}
ul.pagenav li {
    list-style: outside none none;
}
ul.pagenav li a {
    display: block;
}
.pagenav-prev {
    float: left;
}
.pagenav-next {
    float: right;
}
#pagination {
    clear: both;
    padding: 0;
    text-align: center;
}
.inputbox, input, textarea, select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
}
.breadcrumbs {
    color: #999;
    margin: 0 0 10px;
    padding: 0;
}
.breadcrumbs a {
    color: #999;
}
.breadcrumbs .icon-caret-right {
    padding: 0 5px;
}
#leftbar-w {
    float: left;
}
#rightbar-w {
    display: block;
    float: right;
}
#sidebar {
    padding: 0;
}
.cleaner {
    float: left;
}
#sidebar .module {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}
#sidebar .module-title {
    background: #67abc9 none repeat scroll 0 0;
    border: 1px solid #3d87a8;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 5px 0 5px 10px;
    text-shadow: 1px 1px 0 #578fad;
    text-transform: uppercase;
	margin-bottom: 5px;
}
#sidebar h3 {
    margin: 0;
    padding: 0 0 5px;
}
#rightbar-w .module-title {
}
#sidebar .module-body {
    margin: 0;
    padding: 5px;
}
#sidebar .module-body p {
    margin: 0 0 5px;
    padding: 0;
}
#sidebar ul li {
    margin: 0 5px;
    padding: 0;
}
#sidebar a {
}
#sidebar a:hover {
}
#sidebar .module ul.menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#sidebar .module ul.menu li {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-menu-sep.png") repeat-x scroll left bottom;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#sidebar .module ul.menu li:hover {
}
#sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-li1.png") no-repeat scroll 5px 50%;
    color: #999;
    display: block;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    padding: 5px 0 7px 25px;
    text-decoration: none;
}
#sidebar .module ul.menu li a:hover, #sidebar .module ul.menu li.active a, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover, #sidebar .module ul.menu li ul li.active ul li.active a {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-li2.png") no-repeat scroll 5px 50%;
    color: #29708f;
    text-decoration: none;
}
#sidebar .module ul.menu li.active {
}
#sidebar .module ul.menu li ul {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-menu-sep.png") repeat-x scroll left top;
    margin: 0;
}
#sidebar .module ul.menu li ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
    padding: 0 0 0 10px;
}
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#sidebar .module ul.menu li ul li a {
}
#sidebar .module ul.menu li ul li a:hover {
    border: 0 none;
}
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-menu-sep.png") repeat-x scroll left bottom;
}
.module .menu .icon-angle-down::before {
    content: "" !important;
}
#user1-wrap {
    position: relative;
}
#user1 {
    background: #67abc9 none repeat scroll 0 0;
    border: 1px solid #3d87a8;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    clear: both;
    margin: 0 auto;
    padding: 0;
}
#user1 .module {
    color: #fff;
    margin-bottom: 10px;
    padding: 20px;
}
#user1 .inner {
    padding: 0 20px;
}
#user1 .module-title {
    color: #fff;
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 32px;
    text-shadow: 1px 1px 0 #578fad;
    text-transform: uppercase;
}
#user1 h3.module-title {
    margin-bottom: 0;
    padding-bottom: 0;
}
#user1 .module-body {
}
#user1 a {
    color: #29708f;
}
#user1 a:hover {
    color: #fff;
}
#user1 ul {
    margin: 0;
    padding: 0;
}
#user1 ul li {
    border-bottom: medium none;
    list-style: outside none none;
}
#user1 ul li:hover {
}
#user1 ul li a {
    background: rgba(0, 0, 0, 0) url("../images/user1-arrow.png") no-repeat scroll 0 50%;
    display: block;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
#user1 ul li a:hover {
}
#user2-wrap {
    margin: 0;
    padding: 10px;
    position: relative;
}
#user2 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-shadow: 1px 1px #fff;
}
#user2 .module {
    color: #555;
    margin-bottom: 10px;
}
#user2 .inner {
    padding: 0 10px;
}
#user2 .module-title {
    color: #333;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    text-transform: uppercase;
}
#user2 h3.module-title {
    margin-bottom: 0;
    padding-bottom: 0;
}
#user2 .module-body {
}
#user2 a {
}
#user2 a:hover {
}
#user2 ul {
    margin: 0;
    padding: 0;
}
#user2 ul li {
    border-bottom: medium none;
    list-style: outside none none;
}
#user2 ul li:hover {
}
#user2 ul li a {
    background: rgba(0, 0, 0, 0) url("../images/user2-arrow.png") no-repeat scroll 0 50%;
    display: block;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 0 0 0 20px;
    text-decoration: none;
}
#user2 ul li a:hover {
}
input[type="search"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #202020;
    display: block;
    font-size: 11px;
    padding: 10px 32px 10px 11px;
    width: 100%;
}
input[type="search"]:focus {
    color: #000;
    outline: medium none;
}
.att-searchform {
    position: relative;
}
.att-searchform #searchsubmit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #999;
    cursor: pointer;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-top: -9px;
    outline: medium none;
    position: absolute;
    right: 5px;
    top: 50%;
}
.att-searchform #searchsubmit:hover {
    color: #000;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.03) inset;
    color: #808080;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 0;
    max-width: 100%;
    padding: 12px !important;
}
textarea {
    box-sizing: border-box;
    line-height: 1.6em !important;
    width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: #ccc;
    color: #505050;
    outline: medium none;
}
input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #efefef 100%) repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 36px;
    margin-top: 5px;
    min-height: 36px;
    padding: 0 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
}
input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active {
    background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%);
    border-color: #bbb #bbb #ddd;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
}
input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover {
    background: #fff none repeat scroll 0 0;
}
a.btn-readmore {
    background: rgba(0, 0, 0, 0) url("../images/readmore.png") no-repeat scroll 0 50%;
    color: #5fabcd;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0 0 0 20px;
}
a.btn-readmore:hover {
    color: #000;
}
.mailto {
    background: #fff none repeat scroll 0 0;
    color: #222;
    padding: 10px;
}
.tip-wrap {
    background-color: #535353;
    border: 1px solid #222;
    border-radius: 4px;
    color: #fff;
    float: left;
    margin-bottom: 20px;
    max-width: 200px;
    padding: 8px 35px 8px 14px;
    text-shadow: 1px 1px #000;
}
.tip-title {
    display: none;
    margin: 0;
    padding: 0;
}
.tip-text {
    font-size: 100%;
    margin: 0;
}
#topcontrol {
    background: rgba(0, 0, 0, 0) url("../images/arrow_up.png") no-repeat scroll 50% 50%;
    bottom: 20px;
    cursor: pointer;
    height: 60px;
    opacity: 0.7;
    right: 20px;
    white-space: nowrap;
    width: 60px;
    z-index: 999;
}
#error {
    padding: 20px;
    text-align: center;
}
#error .error {
    color: #ff0000;
    display: block;
    font-size: 200px;
    font-weight: bold;
    line-height: 200px;
    padding: 0;
}
#error .center {
    left: 50%;
    margin-left: -200px;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 400px;
}
#error .error {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.7);
}
#error .error > span {
    display: inline-block;
    position: relative;
}
#error .error > span::before {
    background: rgba(0, 0, 0, 0) url("../images/error.png") no-repeat scroll 0 0 / 100% 100%;
    content: "";
    height: 80px;
    left: -30px;
    position: absolute;
    right: -30px;
    top: 70%;
}
#error ol li {
    text-align: left;
}
.error-offline .error > span::before {
    top: 65%;
}
.error-offline .message {
    width: 350px;
}
.width-10 {
    width: 10px;
}
.width-20 {
    width: 20px;
}
.width-30 {
    width: 30px;
}
.width-40 {
    width: 40px;
}
.width-50 {
    width: 50px;
}
.width-60 {
    width: 60px;
}
.width-70 {
    width: 70px;
}
.width-80 {
    width: 80px;
}
.width-90 {
    width: 90px;
}
.width-100 {
    width: 100px;
}
.height-10 {
    height: 10px;
}
.height-20 {
    height: 20px;
}
.height-30 {
    height: 30px;
}
.height-40 {
    height: 40px;
}
.height-50 {
    height: 50px;
}
.height-60 {
    height: 60px;
}
.height-70 {
    height: 70px;
}
.height-80 {
    height: 80px;
}
.height-90 {
    height: 90px;
}
.height-100 {
    height: 100px;
}
.thumbnail {
    border: 1px solid #ccc !important;
    max-width: 100% !important;
}
.thumbnail img {
    opacity: 0.8;
    transition: all 0.15s ease-in-out 0s;
}
.thumbnail img:hover {
    opacity: 1;
}
.thumbnail.pull-left {
    margin-right: 10px !important;
}
.thumbnail.pull-right {
    margin-left: 10px !important;
}
.thumbnails {
    list-style: outside none none;
    margin-left: -20px;
}
.thumbnails::before, .thumbnails::after {
    content: "";
    display: table;
    line-height: 0;
}
.thumbnails::after {
    clear: both;
}
.thumbnails > li {
    float: left;
    margin-bottom: 18px;
    margin-left: 20px;
}
.thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 18px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}
a.thumbnail:hover {
    border-color: #08c;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.thumbnail .caption {
    color: #555;
    padding: 9px;
}
#footer-wrap {
    padding: 0 0 10px;
}
#footer-wrap p {
    margin: 0;
    padding: 0;
}
#footer-nav {
    clear: left;
    float: left;
}
#footer-nav ul {
    float: right;
    margin: 0;
    padding: 0;
}
#footer-nav ul li {
    border-right: medium none;
    display: inline-block;
    font-family: "Ubuntu",Arial,Helvetica,sans-serif;
    height: 25px;
    list-style: outside none none;
    margin: 0 1px 0 0;
    padding: 0;
    position: relative;
}
#footer-nav ul li a {
    border-left: 1px solid #cfcfcf;
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin: 5px 0 0;
    padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: none 0s ease 0s ;
}
#footer-nav ul li:first-child a {
    border: medium none !important;
}
#footer-nav ul li a:hover {
    color: #000;
}
.copyright {
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 10px;
}
.copyright a {
    font-size: 12px;
}
.copy a:hover {
}
.company {
    bottom: 0;
    color: #bcbcbc;
    font-size: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 -500px 0 0;
    padding: 0;
    position: absolute;
    right: 50%;
    text-align: right;
    text-shadow: none;
}
.company a {
    color: #bcbcbc;
    font-size: 10px;
    text-decoration: none;
}
.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40px;
}
.dl-horizontal dd {
    margin-left: 50px;
}
@media screen and (max-width: 799px) {
.company {
    bottom: -10px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3%;
}
#wrapper {
    padding: 10px !important;
}
#social {
    display: block;
    float: none;
}
#logo {
    text-align: center;
}
#logo img {
    display: block;
    margin: 0 auto;
    max-height: 70px;
    max-width: 250px;
}
#logo a {
    text-align: center;
}
#site-description {
    text-align: center;
}
#top {
    float: none;
}
#menu-icon {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
#menu-icon:hover, #menu-icon.active {
    background-color: #67abc9;
    color: #29708f;
}
.menu-icon-title {
    font-size: 20px;
    padding: 0 0 0 10px;
}
.icon-double-angle-down {
    float: right;
    font-size: 30px;
    height: 55px !important;
    line-height: 55px !important;
    padding: 0 10px 0 0;
}
#navbar {
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
}
#navbar-wrap {
    background: #67abc9 none repeat scroll 0 0;
    border: 1px solid #3d87a8;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    display: block;
    float: none;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
}
#navigation {
    display: block;
    padding: 0 10px;
}
#navigation ul.menu {
    float: none;
}
#navigation .menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#navigation .menu .icon-angle-right {
    font-size: 12px;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%;
}
#navigation .menu > li {
    display: block;
    float: none;
}
#navigation .menu > li ul {
}
#navigation .menu ul {
    box-shadow: none;
    left: 0;
    margin: 0;
    opacity: 1;
    position: relative;
    top: 100%;
    transition: none 0s ease 0s ;
    visibility: visible;
    z-index: 99;
}
#navigation .menu ul ul {
    box-shadow: none;
    display: block;
    left: 0;
    margin: 1px 0 0;
    padding: 0;
    position: relative !important;
    width: 100%;
}
#navigation .menu ul ul li {
    width: auto;
}
#navigation .menu li {
    position: relative;
}
#navigation .menu li:hover > ul {
    margin: 0;
    opacity: 1;
    visibility: visible;
}
#navigation .menu a {
    display: block;
    position: relative;
}
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover {
    color: #fff;
}
#navigation .menu > .active > a, #navigation li.active > a {
    color: #fff !important;
}
#navigation .menu > li {
    margin: 0;
    padding: 0;
}
#navigation .menu a {
    color: #eee;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 45px;
    padding: 0 10px;
    text-align: left;
    text-decoration: none;
}
#navigation .menu ul {
    background: #75bad9 none repeat scroll 0 0;
    border: medium none;
}
#navigation .menu li:hover ul {
    margin: 0;
}
#navigation .menu ul ul.sub-menu {
    border-top: 1px solid #68b6d8;
    margin: 0;
    padding: 0;
}
#navigation .menu ul ul.sub-menu li {
    margin: 0;
    padding: 0;
}
#navigation .menu ul li {
    border-bottom: 1px solid #68b6d8;
}
#navigation .menu ul li:first-child {
}
#navigation .menu ul li:last-child {
    border: 0 none;
}
#navigation .menu ul li > a:hover {
    color: #fff;
}
#navigation .menu ul a {
    border: 0 none;
    display: block;
    height: auto;
    margin: 0;
    padding: 0 15px;
    text-transform: none;
}
#navigation ul.sub-menu .icon-angle-down::before {
    content: "" !important;
}
#navigation ul.sub-menu a {
    font-size: 12px;
    line-height: 35px;
}
#navigation i {
    text-align: right;
}
#footer-nav {
    float: none;
}
#footer-nav ul {
    float: none;
}
.copyright {
    float: none;
    text-align: center;
}
}