/*
Theme Name: Brodos Full Frame
Theme URI: 
Author: Sven Mieke & Catch Themes
Author URI: 
Description: Full Frame is a Simple, Clean and Spacious Full Width Responsive WordPress Theme based on Catch Base Theme. Built on HTML5, CSS3 and Theme Customizer for real time customization, it comes with a whole set of interesting and rich features which makes this theme highly customizable and flexible. Make your beautiful yet professional website in no time. Full Frame WordPress Theme will be best suited for photography, portfolio and blogging sites. This theme is translation ready and also currently translated in Swedish, French and Brazilian Portuguese. Check out Theme Instructions at http://catchthemes.com/theme-instructions/full-frame/, Support at http://catchthemes.com/support/ and Demo at http://catchthemes.com/demo/full-frame/
Version: 1.6.2
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: fullf.site-footer #supplementaryrame
Domain Path: /languages/
Tags: black, gray, silver, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
Änderungen Martin
--------------------------------------------------------------*/


#putton2 {
    display: none;
}
/* Buttons Startseite */
.bttn {
    border-radius: 5px;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    text-shadow: 2px 2px 1px #004576;
    box-shadow: 0px 1px 3px #666666;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    color: #ffffff;
    font-size: 16px;
    background: #0069b4;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
}
.bttn:hover {
    background: #76ba5f;
    text-decoration: none!important;
    color: #fff;
}
.bttn:active {
    color: #fff;
    text-decoration: none!important;
}
/* Bestellformular Contact Form 7 */
span.wpcf7-list-item {
    display: block!important;
}
.wpcf7-list-item-label {
    margin-right: 50px;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Reset
2. Typography
3. Elements
4. Padding/Margin
5. Forms
6. Navigation
7. Accessibility
8. Alignments
9. Clearings
10. Header Area
11. Promotion Area
12. Featured Content Area
13. Content
14. Widgets
15. Comments
16. Media
17. Captions
18. Galleries
19. Footer
20. Extra Elements
21. Martin
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;/*vertical-align: baseline;*/
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}
body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
a img {
    border: 0;
}
/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
    color: #404040;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
input [type="text"], select {
    width:399px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    clear: both;
    line-height: 1.2;
    margin: 0 0 20px;
}
#content h1 {
    font-weight: normal;
}
.furtherblock2 .title-header, .furtherblock .title-header, .title-header {
    font-size: 2em!important;
}
.headerlist li {
    font-size: 15px;
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}
.headerlist {
    margin-bottom: 40px;
}
.furtherblock h1, .furtherblock2 h1, .furtherblock2addblue h1{
    font-size: 3.8em;
    line-height: 1.2!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500!important;
}
.furtherblock2 .title-header, .furtherblock2 .title-header, .title-header {
    font-size: 2em!important;
    letter-spacing: 0;
}
#featured-content .entry-title {
    letter-spacing: 0!important;
}
.furtherblock2:first-of-type, .furtherblock2addblue:first-of-type {
    padding: 15px 0!important;
}
.furtherblock2:first-of-type, .furtherblock2addblue:first-of-type, div.furtherblock2addblue {
    padding: 15px 0!important;
}
.furtherblock2addblue .su-row {
    margin-bottom: 0!important
}
.furtherblock2addblue img
{ max-height: 250px; 
  margin-top: 35px;}
h1 {
    /*font-size: 68px;*/font-size: 68px;
    letter-spacing: -2px;
    font-weight: 700;
    /*width: 50%;*/
}
h2 {
    font-size: 28px;
    font-weight: 400;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
#feature-slider .cycle-pager span {
    font-size: 45px;
}
.site-title {
    font-size: 40px;
}
#promotion-message h2 {
    margin-bottom: 40px!important;
    font-size: 70px;
}
.entry-title, #promotion-message h2, #featured-content #featured-heading {
    font-size: 68px;
    letter-spacing: -2px;
}
#scrollup:before {
    font-size: 26px;
}
#featured-content .entry-title {
    font-size: 24px;
}
.comments-title, .genericon:before {
    font-size: 20px;
}
.entry-meta span a:before {
    font-size: 16px;
}
#feature-slider .cycle-prev:before, #feature-slider .cycle-next:before {
    font-size: 50px;
    line-height: 50px;
}
.widget-title {
    line-height: 1.4;
}
.sidebar-header-right .widget-title, #infinite-handle span {
    font-size: 16px;
}
.fullframe-nav-menu .sub-menu a, .fullframe-nav-menu .children a, .sidebar-header-right .widget_nav_menu .sub-menu a, #breadcrumb-list .wrapper {
    font-size: 14px;
}
#nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span, .page-links span {
    font-size: 14px;
    line-height: 30px;
}
.entry-meta, .site-description, #site-generator {
    font-size: 13px;
}
.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
}
/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/
.site {
    width: 100%;
}
.wrapper {
    width: 1280px;
    margin: 0 auto;
}
a {
    color: #21759b;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #404040;
    outline: none;
    text-decoration: underline;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 3px;
    margin-bottom: 1.5em;
}
ol, ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
ol {
    list-style: none;
}
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /*Adhere to container width.*/
}
figure {
    margin: 0;
}
/* div-table Anfang */

div.table {
    display: table !important;
    border-collapse: collapse !important;
    border: none;
}
div.tr {
    display: table-row !important;
}
div.td {
    display: table-cell !important;
    padding: 5px !important;
    min-width: 250px;
}
/* div-table Ende */



table {
    border-collapse: collapse;
    border: 1px solid #0072b9;
    width: 100%;
}
th {
    border: 1px solid #0072b9;
    color: #FFF;
    background-color: #0072b9;
    height: 40px;
    text-align: left;
    padding: 20px 20px 20px 20px;
}
.trf:nth-child(even) {
    font-weight: bold;
}
td {
    border-bottom: 1px solid #0072b9;
    text-align: left;
    padding: 10px 20px 10px 20px;
    background-color: #ffffff;
}
.tablef {
    border-collapse: collapse;
    border: 1px solid #F00;
    width: 100%;
}
.tdf {
    border-bottom: none;
    text-align: left;
    padding: 10px 20px 10px 20px;
    background-color: #ffffff;
}
blockquote:before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}
.entry-content ol, .entry-content ul {
    margin-bottom: 20px;
    margin-left: 20px;
}
.entry-content ol > li {
    list-style-type: decimal;
}
.entry-content ul > li {
    list-style-type: square;
}
.entry-content ol ol, .entry-content ul ul {
    margin-bottom: 0;
}
.entry-content code {
    background-color: #333;
    color: #ddd;
}
.displayblock, #heading, #primary, #secondary, #comments, .fullframe-nav-menu a, .sidebar-header-right .widget_nav_menu a {
    display: block;
}
.displaynone {
    display: none;
}
.sticky {
    display: block;
}
/* Genericons */
.genericon:before, #feature-slider .cycle-prev:before, #feature-slider .cycle-next:before, #content-prev:before, #content-next:before, .posted-on a:before, .byline a:before, .cat-links span + a:before, .tags-links span + a:before, .comments-link a:before, .edit-link a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 1;
    font-family: 'Genericons';
    text-decoration: inherit;
    vertical-align: text-bottom;
}
#header-toggle:before {
    content: "\f505";
}
#scrollup:before {
    content: '\f432';
}
#feature-slider .cycle-prev:before, #content-prev:before {
    content: "\f430";
}
#feature-slider .cycle-next:before, #content-next:before {
    content: "\f429";
}
.entry-meta .posted-on a:before {
    content: "\f307";
}
.entry-meta .author a:before {
    content: "\f304";
}
.edit-link a:before {
    content: "\f411";
}
.cat-links span + a:before {
    content: "\f301";
}
.tags-links span + a:before {
    content: "\f302";
}
.entry-meta .comments-link a:before {
    content: "\f300";
}
.bubbleinfo {
    background-color: #d9effd;
    border: 1px solid #2b98d5;
    border-radius: 15px;
    padding: 20px;
    position: absolute;
    max-width: 200px;
    z-index: 99999;
}
.bubbletip {
    position: absolute;
    top: -27px;
    left: 10%;
}
.storeship-button {
    padding: 13px 10px!important;
}
#blrc #blr {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    margin-left: 3px;
}
#blrc:hover #blr {
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    opacity: 1!important;
}
/* --------------------------------------------------------------
 Brodos Footer 
----------------------------------------------------------------*/

#brodosfooter {
    background-color: #0072b9;
    border-top: 8px solid #005B9C;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    padding-bottom: 45px;
}
#footercontent {
    margin: auto;
    width: 1250px;
    text-align: left;
}
#footercontent h3 {
    margin-top: 25px;
}
#footercontent .subhead {
    font-weight: normal;
    font-size: 25px!important;
    margin-bottom: 10px;
}
#footercontent a {
    color: #fff;
}
#k-bullets {
    border-bottom: 1px solid #fff;
    padding-bottom: 25px;
    margin-bottom: 35px;
}
#k-bullets .bull, #k-bullets .thebook {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    width: 320px;
}
#k-bullets .bull div img {
    height: 50px;
    width: 50px;
    margin: 10px 15px 0 0!important;
    border-radius: 0px;
    box-shadow: 0px 0px 0 rgba(0,0,0,.5);
}
#k-bullets .thebook {
    float: right;
    width: 270px;
}
#k-bullets .thebook img {
    height: 120px;
    margin: 2px 15px 0 0!important;
    border-radius: 0px;
}
#k-bullets .bull div {
    display: inline-block;
    vertical-align: middle!important;
}
#k-bullets .thebook img {
    float: left;
    vertical-align: middle;
}
#brodosfooter .spalten {
    display: inline-block;
    width: 280px;
    margin: 0 10px 0 0;
    vertical-align: top;
}
#brodosfooter .spalten a {
    color: #fff;
}
#brodosfooter .spalten ul li {
    margin: 10px 0;
}
#brodosfooter .spalten h3 {
    margin: 0 0 30px!important;
}
#colophon {
    display: none;
}
#copydiv {
    border-top: 8px solid #6B9DC1;
    border-bottom: 8px solid #005B9C;
    padding: 15px!important;
}
#copydiv ul li, #copydiv div {
    display: inline-block;
}
#copydiv a {
    color: #000;
}
#copydiv ul li {
    margin: 0 25px!important;
}
.menu-image {
    vertical-align: middle;
    margin-right: 10px;
}

@media screen and (max-width: 1250px) {
    #footercontent {
        width: 100%;
        padding: 10px;
    }
    .spalten:last-child {
        float: none;
    }
    .spalten {
        width: 220px;
        float: none!important
    }
    #k-bullets .thebook {
        float: none;
        width: 100%;
        padding: 10px 0;
        border-top: 1px dashed #fff;
        border-bottom: 1px dashed #fff;
        margin-bottom: 10px;
        display: none;
    }
    #k-bullets {
        border-bottom: 1px dashed #fff;
    }
}
/*--------------------------------------------------------------
3.5 neues Menü
--------------------------------------------------------------*/

#uebermenue {
    position: absolute;
    margin-top: 0px;
    width: 200px;
    cursor: pointer;
}
#uebermenue:hover #more {
    color: #0069b4
}
#mega-menue {
    background-color: #fff;
    padding: 0!important;
    border: 0px solid #fff;
    border-top: 0;
    min-height: 100px;
    min-width: 100px;
    display: none;
    position: absolute;
    z-index: 999999999999;
    width: 298px;
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, .2);
}
#mega-menue .zeile {
    font-size: 12px;
    cursor: pointer;
    padding: 10px;
}
.men-negative {
    display: none;
}
#mega-menue .zeile:hover {/*background-color:#eee;*/
    background-color: #0069b4;
    color: #fff;
    cursor: pointer;
}
#mega-menue .zeile:hover strong {
    color: #fff!important;
}
#mega-menue .zeile:hover .men-positive {
    display: none;
}
#mega-menue .zeile:hover .men-negative {
    display: block;
}
#mega-menue .zeile:hover .mainz {
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/arrow_fff.png)!important;
}
#mega-menue .prelast {
    border-top: 1px dashed #e4e4e4;
    padding-top: 20px;
}
#mega-menue .zeile .spalten {
    display: inline-block;
    vertical-align: middle;
    color: rgb(85,85,85);
}
#mega-menue .zeile .spalten img {
    height: 35px;
    width: 35px;
    vertical-align: middle;
}
#clicklogo img {
    vertical-align: middle;
}
#clicklogo #more {
    margin: 9px 0 0 25px;
    display: inline-block;
    position: absolute;
    font-weight: bold;
    color: #333;
}
#clicklogo {
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/tools1.png);
    background-position: 210px 11px;
    background-size: 8%;
    width: 250px;
    padding: 0px 50px 5px 5px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: #3f3f3f;
}
#uebermenue:hover #clicklogo {
    /*background-color: #f3f3f3;*/
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #fff;
    color: #0069b4;
    border-left: 1px solid #fff;
    border-right: 1px solid #efefef;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/tools-b1.png);
}
#uebermenue:hover #mega-menue {
    display: block;
}
#desktop_logo {
    margin-top: -5px!important;
}
.mainz {
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
#mega-menue .mainz:hover {
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/arrow_fff.png)!important;
}
#mega-menue .zeile:hover .subbox {
    display: block!important;
}
#splashmage {
}
.men-further-button, #left-logo-men {
    background-color: #0069b4;
    border-bottom: 5px solid #005ea1;
    border-radius: 5px;
    color: #fff;
    padding: 12px 25px 8px;
    width: auto;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    cursor: pointer;
    float: right;
    bottom: 20px;
    right: 20px;
}
#left-logo-men {
    right: 170px;
    background-color: transparent;
    border: 0;
    padding: 0;
}
#men-further-button a {
    color: #fff!important;
}
#right-text-men {
    width: 100%!important;
}
.subbox {
    border-left: 12px solid #0069b4!important;
    margin: -20px 0 0 286px!important;
    top: 20px;
    background-color: #fff;
    padding: 15px;
    width: 600px;
    text-align: center;
    position: absolute;
    height: 100%;
    width: 600px;
    display: none;
    border-top: 0;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .2);
}
.innerheadline a:hover {
    text-decoration: none!important;
    color: #000!important;
}
#mega-menue .zeile:hover .innerheadline, #mega-menue .zeile:hover .innerheadline strong {
    text-decoration: none!important;
    color: #000!important;
    font-size: 15px;
}
.further-button a {
    color: #fff!important;
}
.innerheadline {
    font-weight: normal;
    padding: 15px;
    padding-top: 20px;
}
/* Menü float right*/
#menu-item-27, #menu-item-820, #menu-item-832, #menu-item-831 {
    float: right;
}
/*--------------------------------------------------------------
4. Padding/Margin
--------------------------------------------------------------*/
.site {
    margin: 0 auto;
    padding-top: 44px;
}
#feature-slider, #header-featured-image {
    margin-top: -44px;
}
.wrapper {
    padding: 0 20px;
}
.site-title, .site-description, #featured-content p {
    margin-bottom: 0;
}
#masthead, .nav-header-right .wrapper, #header-featured-image .wrapper, #feature-slider .wrapper {
    padding: 0;
}
#promotion-message .wrapper {
    padding: 90px!important;
}
#site-branding, #promotion-message .wrapper, #promotion-message .section, #content .wrapper, .hentry, .no-results, .not-found, .sidebar, #comments, #nav-below, #infinite-handle, #supplementary .widget, #site-generator {
    padding: 20px;
}
.logo-left #site-header {
    padding-left: 10px;
}
.logo-right #site-header {
    padding-right: 10px;
}
.page-header {
    padding: 20px 20px 0 20px;
}
.page-header .page-title {
    margin-bottom: 0;
    padding-bottom: 10px;
}
.hentry, .widget {
    margin: 0 0 20px;
}
.blog #main .hentry, .archive #main .hentry {
    padding-bottom: 0;
}
.archive-post-wrap {
    padding-bottom: 20px;
}
.page-content, .entry-content, .entry-summary, #promotion-message p {
    margin: 0;
    font-size: 100%;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
#promotion-message h2 {
    margin-bottom: 5px;
}
#promotion-message .right a {
    margin-top: 7px;
    padding: 10px 25px;
}
#featured-content, #supplementary {
    padding: 20px 0 40px 0;
    border-top: 8px solid #005B9C
}
#featured-content {
    padding: 80px 0!important;
}
#featured-content .featured-heading-wrap {
    padding: 20px 20px 0;
}
#feature-heading {
    margin: 0 20px;
    padding: 20px 0 0;
}
#featured-content .entry-content {
    margin-top: 0;
}
#featured-content .entry-container {
    margin-top: 20px;
}
.sidebar-header-right .widget:last-child {
    margin-bottom: 0;
}
#header-toggle:before {
    margin-top: 12px;
}
#scrollup:before {
    margin-top: 7px;
}
.entry-meta .posted-on, .entry-meta .byline, .entry-meta .comments-link, .entry-meta .cat-links {
    margin-right: 10px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"] {
    padding: 5px 10px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 9px 15px;
}
p, .hentry .featured-image {
    margin-bottom: 20px;
}
blockquote {
    margin: 20px 40px;
}
#footer-left-content, #footer-right-content {
    padding: 10px 0;
}
#promotion-message .right {
    padding-top: 0;
}
/*--------------------------------------------------------------
5. Forms
--------------------------------------------------------------*/
button, input, select, textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"], input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    color: #111;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 100%;
}
/*--------------------------------------------------------------
6. Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous, .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next, .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation span {
    display: block;
}
.post-navigation a:hover {
    text-decoration: none;
}
.nav-header-right .wrapper {
    float: right;
    margin-right: -18px;
}
.sidebar-header-right .widget_nav_menu {
    position: relative;
    z-index: 199;
}
/* Primary Menu */
#fixed-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 198;/* box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}
.admin-bar #fixed-header {
    top: 32px;
}
.nav-primary {
    background: #444;
    background: rgba(255,255,255,1);
    width: 100%;/*height:80px;*/
    min-height: 63px;
}
.nav-primary .menu {
    /*float: left;*/
    margin-left: 250px;
}
.nav-primary .menu a {
    color: #ddd;
}
.nav-primary .menu li a:hover, .nav-primary .menu li a:focus {
    color: #0072b9!important;
}
.nav-primary .menu li:hover > a {
    color: #aaa;
}
.nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a {
    color: #aaa;
}
.nav-primary .menu .sub-menu a, .nav-primary .menu .children a {
    background: #333;
    background: rgba(255,255,255,0.9);
    border: none;
}
.nav-primary .menu .sub-menu .sub-menu, .nav-primary .menu .children .children {
    border: none;
    margin: -43px 0 0 250px;
}
.nav-primary .menu .sub-menu li a:hover, .nav-primary .menu .sub-menu li a:focus, .nav-primary .menu .children li a:hover, .nav-primary .menu .children li a:focus {
    color: #fff!important;
    background: #0072b9;
    background-color: rgba(0,114,185, 0.7);
    cursor: pointer!important;
}
.nav-secondary {
    background-color: #f2f2f2;
    position: relative;
    z-index: 197;
}
.nav-footer {
    background-color: #111;
    text-align: center;
}
#colophon .nav-footer a {
    color: #fff;
}
#colophon .nav-footer .current-menu-item a, #colophon .nav-footer .current_page_item a {
    color: #ccc;
}
.fullframe-nav-menu li, .sidebar-header-right .widget_nav_menu li {
    display: inline-block;
    float: left;
    text-align: left;
}
.nav-footer .fullframe-nav-menu li {
    float: none;
}
.fullframe-nav-menu a, .sidebar-header-right .widget_nav_menu a {
    color: #666;
    padding: 10px 20px;
}
.fullframe-nav-menu li a:hover, .fullframe-nav-menu li a:focus, .sidebar-header-right .widget_nav_menu li a:hover, .sidebar-header-right .widget_nav_menu li a:focus {
    color: #21759b;
    text-decoration: none;
}
/* Hover Parent */
.fullframe-nav-menu li:hover > a, .sidebar-header-right .widget_nav_menu li:hover > a {
}
.fullframe-nav-menu .current-menu-item > a, .fullframe-nav-menu .current-menu-ancestor > a, .fullframe-nav-menu .current_page_item > a, .fullframe-nav-menu .current_page_ancestor > a, .sidebar-header-right .widget_nav_menu .current-menu-item > a, .sidebar-header-right .widget_nav_menu .current-menu-ancestor > a {
    color: #21759b;
}
.fullframe-nav-menu .sub-menu, .fullframe-nav-menu .children, .sidebar-header-right .widget_nav_menu .sub-menu {
    left: -9999px;
    margin: 0 0 0 -50px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 250px;
    z-index: 2000;
}
.sidebar-header-right .widget_nav_menu .sub-menu {
    border-top: 1px solid #eee;
}
.fullframe-nav-menu .sub-menu a, .fullframe-nav-menu .children a, .sidebar-header-right .widget_nav_menu .sub-menu a {
    background-color: #fff;
    border: 1px solid #eee;
    position: relative;
    width: 250px;
}
.fullframe-nav-menu .sub-menu a, .fullframe-nav-menu .children a, .sidebar-header-right .widget_nav_menu .sub-menu a {
    border-top: none;
}
.nav-secondary .fullframe-nav-menu .sub-menu a, .nav-secondary .fullframe-nav-menu .children a {
    background-color: #f2f2f2;
    border-color: #f9f9f9;
}
.fullframe-nav-menu .sub-menu li a:hover, .fullframe-nav-menu .sub-menu li a:focus, .fullframe-nav-menu .children li a:hover, .fullframe-nav-menu .children li a:focus, .sidebar-header-right .widget_nav_menu .sub-menu li a:hover, .sidebar-header-right .widget_nav_menu .sub-menu li a:focus {
    color: #21759b;
}
.fullframe-nav-menu .sub-menu .sub-menu, .fullframe-nav-menu .children .children, .sidebar-header-right .widget_nav_menu .sub-menu .sub-menu {
    border-top: 1px solid #eee;
    margin: -43px 0 0 249px;
}
.nav-secondary .sub-menu .sub-menu, .nav-secondary .fullframe-nav-menu .children .children {
    border-color: #f9f9f9;
}
.sub-menu .sub-menu {
    padding: 0px!important;
    margin-top: -41px!important; /*margin-left:220px!important;*/
}
.fullframe-nav-menu .menu-item:hover, .fullframe-nav-menu .page_item:hover, .sidebar-header-right .widget_nav_menu .menu-item:hover {
    position: static;
}
.fullframe-nav-menu .menu-item:hover > .sub-menu, .fullframe-nav-menu .page_item:hover > .children, .sidebar-header-right .widget_nav_menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}
#logo-icon {
    float: left;
}
#logo-icon a {
    display: block;
    line-height: 0
}
#logo-icon img {
    max-height: 44px;
    padding: 6px 0;
    width: auto;
}
/* Menu Search */
#header-toggle {
    background-color: transparent;
    color: #333;
    cursor: pointer;
    float: right;
    height: 44px;
    text-align: center;
    width: 44px;
    display: none;
}
#header-toggle:hover {
    background-color: transparent;
    color: #aaa;
}
#header-container {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    bottom: -56px;
    clear: both;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.nav-primary .search-submit {
    display: none;
}
.nav-primary .search-form {
    padding: 10px 40px;
}
.nav-primary .search-field {
    border-color: #eee;
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
    width: 100%;
}
.nav-primary .search-field:focus {
    border-color: #666;
    color: #000;
}
/* WP Page Navi */
#nav-below .wp-pagenavi, .page-links {
    float: right;
}
#nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span, .page-links span {
    border: none;
    float: left;
    height: 28px;
    color: #21759b;
    text-align: center;
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
.page-links span {
    margin-left: 10px;
}
.page-links span, .page-links a:hover span {
    background-color: #000;
    color: #fff;
}
.page-links a span {
    background-color: #f2f2f2;
    color: #404040;
}
.page-links span.pages {
    background-color: transparent;
    color: #404040;
    margin-left: 0;
    padding: 0;
}
#nav-below .wp-pagenavi a, #nav-below .wp-pagenavi span {
    background-color: #f2f2f2;
    margin: 0 0 0 10px;
}
#nav-below .wp-pagenavi span.pages {
    color: #404040;
    background-color: transparent;
    padding: 2px 0 0 0;
}
#nav-below .wp-pagenavi a:hover, #nav-below #wp_page_numbers ul li a:hover {
    background-color: #000;
    color: #fff;
}
#nav-below .wp-pagenavi span.current {
    background-color: #000;
    color: #fff;
    font-weight: normal;
}
/* Jetpack Infinite Scroll */
#infinite-handle span {
    background-color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    color: #eee;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
#infinite-handle span:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
/*--------------------------------------------------------------
7. Accessibility
--------------------------------------------------------------*/
/* Assistive text */
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    margin: 0;
}
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}
/*--------------------------------------------------------------
8. Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
9. Clearings
--------------------------------------------------------------*/
.clear:after, .hentry:after, .archive-post-wrap:after, .wrapper:after, .fullframe-nav-menu:after, .featured-content-wrap:after, #content_sidebar_wrap:after, .widget:after, .widget-wrap:after, #nav-below:after, .page-links:after, #site-generator:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*--------------------------------------------------------------
10. Header Area
--------------------------------------------------------------*/

#masthead {
    background-color: #fff;
    background: rgba(255,255,255,0.7);
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
}
#site-branding, #site-logo, #site-header {
    display: inline-block;
    float: left;
}
#site-branding, #site-logo {
    max-width: 100%;
}
#site-logo a {
    display: block;
    line-height: 0;
}
#site-header.logo-enable.logo-left {
    padding-left: 10px;
}
#site-header.logo-enable.logo-right {
    padding-right: 10px;
}
.site-title {
    font-weight: bold;
}
.site-title a {
    color: #404040;
}
.site-title a:hover {
    color: #21759b;
    text-decoration: none;
}
.site-description {
    font-style: italic;
}
.sidebar-header-right, .sidebar-header-right .widget-wrap {
    float: right;
}
.sidebar-header-right .search-submit {
    display: none;
}
#header-featured-image {
    clear: both;
    display: block;
    line-height: 0;
    position: relative;
    width: 100%;
    text-align: center;
}
#header-featured-image .wrapper {
    width: 100%;
}
/*--------------------------------------------------------------
11. Promotion Area
--------------------------------------------------------------*/
#promotion-message .left, #promotion-message .right {
    display: block;
    text-align: center;
    width: 100%;
}
#promotion-message .right {
    text-align: center;
}
#promotion-message .right a {
    background-color: #f2f2f2;
    border: 2px solid #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #666;
    display: inline-block;
}
#promotion-message .right a:hover {
    border-color: #666;
    color: #000;
    text-decoration: none;
}
/*--------------------------------------------------------------
12. Featured Content Area
--------------------------------------------------------------*/
#featured-content {
    background-image: url("http://support-brodos.com/wp-content/uploads/2018/07/gray-bg2.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-size: cover;
    color: #ccc;
    height: 100%;
    width: 100%;/* margin-bottom:80px;*/
}
#featured-content.border-top {
    border-top: 1px solid #eee;
    border-bottom: none;
}
#featured-content .featured-heading-wrap {
    text-align: center;
}
#feature-heading {
    border-bottom: 1px solid #eee;
}
#featured-content .entry-title, #featured-content .entry-title a {
    color: rgb(64,64,64);
    text-align: center;
}
#featured-content .entry-title a:hover {
    color: #fff;
}
#featured-content .featured-content-image {
    display: block;
    line-height: 0;
}
#featured-content .hentry {
    border: none;
    float: left;
}
#featured-content.layout-four .hentry {
    width: 25%;
}
#featured-content.layout-three .hentry {
    width: 33.33%;
}
#featured-content.layout-four .hentry:nth-child(4n+1), #featured-content.layout-three .hentry:nth-child(3n+1) {
    clear: both;
}
#featured-content .featured-content-wrap {
    clear: both;
    display: block;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
}
#content-controls {
    display: block;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
#content-prev, #content-next {
    background: #444;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    line-height: 15px;
    padding: 5px;
}
#content-next {
    margin-left: 5px;
}
#featured-content .featured_content_slider_wrap {
    clear: both;
    overflow: hidden;
    width: 100%
}
#featured-content figure a {
    display: block;
    line-height: 0;
}
.featured_content_slider_wrap a, .featured_content_slider_wrap {
    color: rgb(64,64,64) !important;
    text-align: center!important;
}
/*--------------------------------------------------------------
13. Content
--------------------------------------------------------------*/
#main {
    float: left;
    width: 1060px;
}
.sidebar-primary {
    float: right;
    width: 340px;
}
.archive-post-wrap, .page-header .page-title {
    border-bottom: 1px solid #eee;
}
.entry-title, .entry-title a {
    color: #404040;
}
.entry-title a:hover {
    color: #21759b;
}
.entry-title a:hover, .entry-meta a:hover {
    text-decoration: none;
}
.byline, .updated:not(.published) {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}
/* Two Columns (Content Right, Left Sidebar) */
.content-right #main {
    float: right;
}
.content-right .sidebar-primary {
    float: left;
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image, .excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image {
    display: inline;
    width: 40%;
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container, .excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container {
    display: inline;
    width: 56%;
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image {
    float: left;
}
.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
    float: right;
}
.excerpt-image-right .has-post-thumbnail .archive-post-wrap .featured-image {
    float: right;
}
.excerpt-image-right .has-post-thumbnail .archive-post-wrap .entry-container {
    float: left;
}
/* One Column (No Sidebar, Content Width) */
.no-sidebar.content-width #main {
    display: block;
    float: none;
    margin: 0 auto;
    width: 1060px;
}
/* One Column (No Sidebar, Full Width) */
.no-sidebar.full-width #main {
    width: 100%;
}
.no-sidebar.full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .featured-image {
    width: 33%;
}
.no-sidebar.full-width.excerpt-image-left .has-post-thumbnail .archive-post-wrap .entry-container {
    width: 64%;
}
/*--------------------------------------------------------------
14. Widgets
--------------------------------------------------------------*/
/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
    display: none;
}
/* Calender widget */
.widget_calendar #wp-calendar {
    width: 100%;
    text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
    text-align: center;
}
.widget_calendar #wp-calendar caption {
    padding: 5px 0 3px 0;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
    background: #f2f2f2;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
    background: #f2f2f2;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/*--------------------------------------------------------------
15. Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
#respond form label {
    display: block;
}
.comments-title {
    margin-bottom: 20px;
}
.comment-body {
    border-bottom: 4px double #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.comment-body .comment-meta {
    margin-bottom: 20px;
}
.comment-body .comment-author img {
    float: left;
    line-height: 0;
    margin-right: 10px;
    padding: 0;
}
/*--------------------------------------------------------------
16. Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
    max-width: 100%;
}
.hentry .featured-image a {
    display: block;
    line-height: 0;
}
/*--------------------------------------------------------------
17. Captions
--------------------------------------------------------------*/
caption {
    font-weight: bold;
}
.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    max-width: 100%;
    padding: 5px 5px 0;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 8px 0;
}
/*--------------------------------------------------------------
18. Galleries
--------------------------------------------------------------*/
#main .gallery {
    margin-bottom: 1.5em;
}
#main .gallery img {
    border: 1px solid #eee;
    padding: 5px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
19. Footer
--------------------------------------------------------------*/

#colophon a, #colophon a:active {
    color: #fff;
}
#colophon a:hover, #colophon a:focus {
    color: #fff;
}
#supplementary {
    background-color: #0072b9;
}
#site-generator {
    background-color: #000;
    color: #555;
}
#supplementary .widget-area {
    float: left;
    width: 100%;
}
#supplementary.two .widget-area {
    width: 580px;
}
#supplementary.three .widget-area {
    width: 386px;
}
#supplementary.four .widget-area {
    width: 290px;
}
#supplementary .widget-title, .textwidget {
    color: #fff;
}
#footer-left-content, #footer-right-content {
    width: 50%;
}
#footer-left-content {
    float: left;
}
#footer-right-content {
    float: right;
    text-align: right;
}
#site-generator.one #footer-left-content, #site-generator.one #footer-right-content {
    display: block;
    float: none;
    text-align: center;
    width: 100%;
}
/*--------------------------------------------------------------
10. Extra Elements
--------------------------------------------------------------*/
/* Fullframe Scrollup */
#scrollup {
    /*background-color: #666;*/
    background-color: #0072B9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    color: #eee;
    cursor: pointer;
    display: none;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 9999;
}
#scrollup:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
/* Fullframe breadcrumb */
#breadcrumb-list {
    background-color: #ddd;
}
#breadcrumb-list .wrapper {
    padding: 0 30px;
}
#breadcrumb-list span {
    color: #666;
    display: block;
    float: left;
    font-style: italic;
}
#breadcrumb-list span.sep {
    float: right;
    margin-left: 0;
    padding: 0 0 0 5px;
}
#breadcrumb-list span.sep, #breadcrumb-list span.archive-text, #breadcrumb-list span.search-text, #breadcrumb-list span.tag-text, #breadcrumb-list span.author-text {
    border: none;
}
#breadcrumb-list a, #breadcrumb-list a span {
    color: #21759b;
    display: block;
    padding: 5px 10px;
}
#breadcrumb-list a:hover, #breadcrumb-list a:hover span {
    color: #404040;
    text-decoration: none;
}
#breadcrumb-list .breadcrumb-current {
    background-color: #f2f2f2;
    padding: 5px 10px;
}
/* jQuery Cycle 2 Custom CSS */
#feature-slider {
    clear: both;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#feature-slider .wrapper {
    width: 100%;
}
#feature-slider .cycle-slideshow {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#feature-slider .cycle-slideshow img {
    display: block;
    margin: 0 auto;
}
#feature-slider .cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 101;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
#feature-slider .cycle-pager span {
    font-family: arial;
    line-height: 20px;
    width: 14px;
    height: 20px;
    display: inline-block;
    color: #f2f2f2;
    cursor: pointer;
    margin: 0 2px;
}
#feature-slider .cycle-pager span.cycle-pager-active {
    color: #000;
}
#feature-slider .cycle-pager > * {
    cursor: pointer;
}
#feature-slider .cycle-prev:before, #feature-slider .cycle-next:before {
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
}
#feature-slider .cycle-prev, #feature-slider .cycle-next {
    background: #444;
    background: rgba(0,0,0,0.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 47%;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 101;
}
#feature-slider .cycle-prev {
    left: -20px;
}
#feature-slider .cycle-next {
    right: -20px;
}
#feature-slider:hover .cycle-prev {
    left: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
}
#feature-slider:hover .cycle-next {
    right: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
}
#feature-slider .cycle-slideshow .hentry {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
#feature-slider .cycle-slideshow article:first-child {
    position: static;
    z-index: 100;
}
#feature-slider .entry-container {
    bottom: 44px;
    color: #fff;
    left: 25%;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 50%;
    z-index: 101;
}
#feature-slider .entry-container:hover {
    background: #444;
    background: rgba(0,0,0,0.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#feature-slider .entry-title, #feature-slider .entry-title a {
}
#feature-slider .entry-content {
    margin: 0
}
#feature-slider .entry-content p:last-child {
    margin-bottom: 0;
}
.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}
/* Social Icons */
.widget_fullframe_social_icons .widget-wrap {
    margin-left: -5px;
}
.site .widget_fullframe_social_icons a.genericon {
    background-color: #f2f2f2;
    border: 1px solid #eee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: content-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    color: #404040;
    margin: 0 0 5px 5px;
    padding: 5px;
}
.site .widget_fullframe_social_icons a.genericon:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
    text-decoration: none;
}
.site .widget_fullframe_social_icons a.genericon-facebook-alt:hover {
    background-color: #3b5998;
    border-color: #3b5998;
}
.site .widget_fullframe_social_icons a.genericon-twitter:hover {
    background-color: #00aced;
    border-color: #00aced;
}
.site .widget_fullframe_social_icons a.genericon-googleplus-alt:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.site .widget_fullframe_social_icons a.genericon-mail:hover {
    background-color: #1d62f0;
    border-color: #1d62f0;
}
.site .widget_fullframe_social_icons a.genericon-feed:hover {
    background-color: #dc622c;
    border-color: #dc622c;
}
.site .widget_fullframe_social_icons a.genericon-wordpress:hover {
    background-color: #21759b;
    border-color: #21759b;
}
.site .widget_fullframe_social_icons a.genericon-github:hover {
    background-color: #4183c4;
    border-color: #4183c4;
}
.site .widget_fullframe_social_icons a.genericon-linkedin:hover {
    background-color: #007bb6;
    border-color: #007bb6;
}
.site .widget_fullframe_social_icons a.genericon-pinterest:hover {
    background-color: #cb2027;
    border-color: #cb2027;
}
.site .widget_fullframe_social_icons a.genericon-flickr:hover {
    background-color: #ff0084;
    border-color: #ff0084;
}
.site .widget_fullframe_social_icons a.genericon-vimeo:hover {
    background-color: #aad450;
    border-color: #aad450;
}
.site .widget_fullframe_social_icons a.genericon-youtube:hover {
    background-color: #bb0000;
    border-color: #bb0000;
}
.site .widget_fullframe_social_icons a.genericon-tumblr:hover {
    background-color: #32506d;
    border-color: #32506d;
}
.site .widget_fullframe_social_icons a.genericon-instagram:hover {
    background-color: #517fa4;
    border-color: #517fa4;
}
.site .widget_fullframe_social_icons a.genericon-codepen:hover {
    background-color: #000;
    border-color: #000;
}
.site .widget_fullframe_social_icons a.genericon-path:hover {
    background-color: #ff442c;
    border-color: #ff442c;
}
.site .widget_fullframe_social_icons a.genericon-dribbble:hover {
    background-color: #ea4c89;
    border-color: #ea4c89;
}
.site .widget_fullframe_social_icons a.genericon-skype:hover {
    background-color: #12a5f4;
    border-color: #12a5f4;
}
.site .widget_fullframe_social_icons a.genericon-digg:hover {
    background-color: #333;
    border-color: #333;
}
.site .widget_fullframe_social_icons a.genericon-reddit:hover {
    background-color: #ff4500;
    border-color: #ff4500;
}
.site .widget_fullframe_social_icons a.genericon-stumbleupon:hover {
    background-color: #eb4924;
    border-color: #eb4924;
}
.site .widget_fullframe_social_icons a.genericon-pocket:hover {
    background-color: #f13753;
    border-color: #f13753;
}
.site .widget_fullframe_social_icons a.genericon-dropbox:hover {
    background-color: #2281cf;
    border-color: #2281cf;
}
.site .widget_fullframe_social_icons a.genericon-spotify:hover {
    background-color: #81b900;
    border-color: #73a500;
}
.site .widget_fullframe_social_icons a.genericon-polldaddy:hover {
    background-color: #bc0b0b;
    border-color: #bc0b0b;
}
.site .widget_fullframe_social_icons a.genericon-foursquare:hover {
    background-color: #f94877;
    border-color: #f94877;
}
.site .widget_fullframe_social_icons a.genericon-twitch:hover {
    background-color: #6441a5;
    border-color: #6441a5;
}
.site .widget_fullframe_social_icons a.custom-icon {
    border: none;
    background: transparent;
    padding: 0;
}
/* Sven */

#menu-menu-2, #menu-roadshow, .fullframe-nav-menu {
    margin-top: 0px;
}
.sub-menu {
    margin-left: 0px!important;
}
#menu-item-903 {
    font-weight: bold
}
#menu-item-922 {
    margin-top: -7px;
}
#menu-item-922 .sub-menu {
    display: block;
    background-color: rgba(255,255,255,1);
    width: auto!important;
    min-width: 350px;
    padding: 20px 10px 15px 10px!important;
}
#menu-item-922 .sub-menu .menu-image-title {
    font-weight: bold;
    font-size: 16px;
    margin-left: 25px;
}
#menu-item-922 .sub-menu li, #menu-item-922 .sub-menu a {
    width: auto!important;
    background-color: rgba(255,255,255,0);
    display: block;
    float: none;
}
#menu-item-922 .sub-menu a:hover {
    background-color: rgba(29,106,183,.8);
    cursor: pointer;
}
#menu-item-926 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e4e4e4;
}
.nav-primary a {
    color: #333!important;
}
.men-further-button a {
    color: #fff!important;
}
#site-logo, #site-title {
    display: none;
}
#feature-slider, #header-featured-image {
    margin-top: 20px;/*margin:-44px 0 50px 0!important;/*Svens margin*/
}
#feature-slider {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#promotion-message .right {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: 0px;
    left: 0;
}
#promotion-message .right a {
    background-color: rgba(255,255,255, 0.4)!important;
    padding: 20px 50px;
    border-style: solid;
    font-size: 2em;
    color: #fff!important
}
.cycle-slideshow {/*max-height:690px!important;*/
}
.sub-menu {
    padding-top: 10px!important;
}
#header-featured-image {
    max-height: 400px;
    overflow: hidden;
}
#header-featured-image img {
    width: 100%;
}
#feature-slider .entry-container, #feature-slider .entry-title, #feature-slider .entry-title, #feature-slider .entry-title a {
    color: #fff!important;
    text-align: center!important;
    background: none!important;
    margin: auto!important;
}
#feature-slider .entry-container {
    position: absolute;
    top: 500px;
    height: auto;
    background-color: rgba(0,0,0,0.7)!important;
    border-radius: 25px;
}
#feature-slider .entry-title a {
    text-transform: uppercase;
}
.slotselecter select {
    padding: 10px!important;
    width: 70%;
}
.tabellenhead input {
    padding: 10px!important;
}
#mobile-header-left-menu {
    position: absolute;
    margin: -5px 0 0 -15px!important;
}
.site-content {
    margin-bottom: 40px;
}
.site-footer .two {
    background-color: #0072b9!important;
    background-position: bottom;
}
.copyright, .copyright a {
    color: #fff!important;
}
.su-carousel .su-carousel-slide img {
    border: 0!important;
}
/* Menü Special */

#menu-item-54, #menu-item-54 a { /*color:#7ea908!important;*/
    font-weight: bold!important;
}
/* Slider steuerung abschalten */

.cycle-pager, #feature-slider .entry-container, .cycle-prev, .cycle-next, cycle-slideshow, .featured-image, .powered {
    display: none!important;
}
#rsblock {
    width: 100%;
    height: 300px;
    background-color: #e4e4e4;
    margin-top: -80px;
}
#nav_menu-3 {
    margin: 0!important;
    padding-left: 0!important;
}
#menu-footer li {
    display: inline-block!important;
    margin: 0 15px 0 0;
}
#menu-footer li a, #menu-footer li a:hover {
    color: #fff!important;
}
.hersteller td, .hersteller tr, .hersteller {
    border: 0!important;
}
.aussteller td {
    height: 280px;
    text-align: center;
}
.aussteller td:hover {
    background-color: #e4e4e4;
}
.entry-content h4, .entry-content h3 {
    color: #0099d7!important;
    font-weight: bold!important;
}
/* Meine Änderung */
.upperkiosk li {
    width: 120px;
    display: inline-block;
    list-style: none;
    font-size: 10px;
}
.upperkiosk2 li {
    width: 120px;
    display: inline-block;
    list-style: none;
    font-size: 0.8em!important;
    color: #000;
}
.upperkiosk2 li img {
    padding: 20px;
    margin-bottom: 15px!important;
    opacity: 0.8;
    height: 80px;
    width: 80px;
}
.upperkiosk li a, .upperkiosk2 li a {
    color: #333;
    text-decoration: none;
}
#menu-item-34 a {
    font-weight: bold!important;
}
#content .entry-title {
    display: none;
}
/*--------------------------------------------------------------
Änderungen Sven
--------------------------------------------------------------*/

/* Code für fading boxen */ 
.outerbox {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}
.lastbox {
    padding: 0;
}
.outerbox, .inner1, .inner2, .seperator {
    height: 300px;
    width: 300px;
}
.seperator {
    width: 20px;
    display: inline-block;
}
.outerbox {
    border: 0px solid #e4e4e4;
    overflow: hidden;
}
.inner1, .inner2 {
    position: absolute;
    display: table-cell;
    background-size: cover;
    background-position: center center;
}
.inner1 {
    z-index: 10;
    background-color: #AAD8FC;
    height: 0;
    font-weight: bold;
    overflow: hidden;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    -khtml-opacity: 0.0;
    vertical-align: text-bottom;
    -webkit-transition: all 1s; /* Safari */
    transition: all 2s;
}
.inner1 div {
    padding: 0 20px;
    font-style: italic;
    color: #333;
    bottom: 0;
    height: 280px;
    display: table-cell;
    vertical-align: bottom;
}
.inner2 {
    z-index: 1;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
}
.outerbox:hover .inner1 {
    height: 300px;
    -webkit-transition: all 0.6s; /* Safari */
    transition: all 0.6s;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#feature-slider {
    height: 600px!important;
}
/*.featured-content-wrap:hover inner1 {
    height: 0;
    -webkit-transition: all 0.6s; 
    transition: all 0.6s;
 opacity: 0.0;
 -moz-opacity:0.0;
 filter: alpha(opacity=00);
 -khtml-opacity: 0.0;
}*/
.furtherblock {
    width: 100%;
    /*padding: 50px 0 100px 0!important;*/
    padding: 80px 0 !important;
    background-color: #ffffff;
}
.furtherblock2 {
    width: 100%;
    display: block!important;
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/gray-bg2.png);
    background-attachment: fixed;
    padding: 80px 0;
    background-repeat: repeat-x;
    background-size: contain;
    background-position: top;
}
.addblue {
    background-image: url(http://support-brodos.com/wp-content/uploads/2018/07/gray-bg2.png)!important;
    background-attachment: scroll!important;
    background-size: cover;
}
.addblue h1 {
    text-shadow: 2px 2px 0px rgba(0,0,0,.4);
}
.subfurther {
    font-size: 1.2em;
}
.subfurther2 {
    font-size: 1.2em;
    text-align: left;
}
.subfurther .teased {
    background-color: none;
    display: inline-block;
    margin: 5px!important;
}
.subfurther .teased div {
    height: 200px;
    width: 200px;
    margin: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.subfurther .teased:hover {
    cursor: pointer;
    opacity: 0.8;
}
.teasebutton {
    padding: 8px 10px;
    color: #fff;
    border: dashed 0px #fff;
    background-color: #0072B9;
    width: 200px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 5px 3px 10px #999;
}
.slugs {
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    width: 46%;
    min-height: 150px;
}
.slugs strong {
    font-size: 1.2em;
    margin-bottom: 20px;
}
.home-blocks {
    display: inline-block;
    margin: 2%;
    min-width: 300px;
    text-align: center;
}
.home-blocks .outerbox, .inner2 {
    background-color: #e4e4e4;
}
.show-bullets div {
    border-radius: 50px;
    /*background-image: url(http://wordpress-four.staging.brodos.net/wp-content/uploads/2015/12/1024px-Starbucks_Coffee_Logo.svg-1.png);*/
    background-position: center;
    background-size: cover;
    border: 1px solid #e4e4e4;
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 18px;
}
.show-bullets2 div {
    border-radius: 100px;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    border: 1px solid #e4e4e4;
    height: 145px;
    width: 145px;
    display: inline-block;
    margin: 0 10px;
}
.landingbullets {
    margin-bottom: 0px!important;
}
.show-bullets2 {
    margin-bottom: 50px;
}
.landingbullets div {
    margin: 0 30px 50px;
}
.pointer div {
    cursor: pointer;
}
#tooltip-bub-liefer, #tooltip-bub-herst {
    background-color: #fff;
    border: 8px solid #0072B9;
    position: absolute;
    z-index: 100000000000000000;
    height: auto;
    width: auto;
    padding: 20px;
    display: block;
    visibility: hidden;
    margin-top: -80px;
    border-radius: 0 20px 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.home-blocks:first-child {
    margin-left: 0;
}
.home-blocks:last-child {
    margin-right: 0;
}
.arrows {
    height: 300px;
    width: 24%;
    display: inline-block;
    background-size: 100%;
    margin: 0;
    padding: 5px;
    vertical-align: top;
    font-size: 0.8em;
    border-top: 0px dashed #ddd;
    padding-top: 15px;
}
.arrows li {
    list-style: square;
    margin-left: 15px;
    line-height: 2;
}
.appbox {
    border: 0px solid #e4e4e4;
    float: right;
    padding: 15px 15px 5px 15px;
    margin: 0px 5px 10px 20px;
    width: 200px;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 5px;
}
.su-carousel-centered {
    margin-bottom: 0px!important;
}
.su-carousel .su-carousel-slide img {
    border: 0!important;
    border-radius: 0!important;
}
#mobileheadersm, #feature-slider {
    display: none;
}
/*Login-Button*/

#menu-item-27 a, #menu-item-832 a {
    padding: 0;
}
#menu-item-27, #menu-item-832, #menu-item-3348 {
    float: right;
}
#menu-item-832, .nubutton, .nubutton_big, .nubutton-detail, .nubutton-detail-blue {
    margin-top: 7px;
    background-color: #e4e4e4;
    border-radius: 10px;
    border: 1px solid #ddd;
    height: 30px;
    padding: 3px 25px;
    border-bottom: 2px solid #ccc;
    cursor: pointer;
}
li#menu-item-27 a {
    margin-top: 7px;
    background-color: #e4e4e4;
    border-radius: 10px;
    border: 1px solid #ddd;
    height: 30px;
    padding: 3px 25px;
    border-bottom: 2px solid #ccc;
    cursor: pointer;
}
/*Login-Button Ende*/

.nubutton-detail, .nubutton-detail-blue {
    font-size: 16px!important;
    background-color: #e4e4e4!important;
    border-radius: 10px!important;
    border: 1px solid #ddd!important;
    border-bottom: 2px solid #ccc!important;
    margin-top: 20px;
    color: #000!important;
}
.nubutton_big {
    padding: 18px 55px!important;
    height: auto;
    border-bottom-width: 5px;
    margin: 10px;
    border-radius: 20px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}
.nubutton-detail, .nubutton-detail-blue {
    padding: 10px 20px;
    border-bottom: 3px solid #ccc;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.nubutton-detail-blue {
    background-color: #1d6ab7!important;
    color: #fff !important;
    border-color: #10589f!important;
}
.single-button {
    margin: 50px 0;
}
#menu-item-704 a {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1152px) {
    #nomobile {
        display: none!important;
    }
    .furtherblock .subfurther, .furtherblock2 .subfurther {
        width: 90%!important;
    }
    .teasebutton {
        z-index: 100000000;
        position: relative;
        margin-left: 0!important;
        padding: 15px 30px;
    }
}

@media screen and (max-width: 892px) {
    .mylogo img {
        max-height: 40px;
    }
    #mobileheadersm {
        display: block!important;
        padding-top: 50px!important;
    }
    #fullheadersm {
        display: none!important;
        margin-top: 0px!important;
    }
    .furtherblock {
        height: auto!important;
        margin-top: 17px!important;
    }
}

@media screen and (max-width:990px) {
    #supplementary .wrapper {
        width: 100%!important;
        font-size: larger!important;
    }
    #uebermenue {
        display: none!important;
    }
    #supplementary .widget-area {
        float: none!important;
        width: 100%!important;
    }
    #supplementary .widget {
        padding: 10px 0!important;
    }
    #supplementary .widget-title {
        padding-bottom: 5px;
        border-bottom: 1px solid #fff;
        font-size: 1.2em!important;
    }
    #supplementary li {
        padding: 5px 0;
        border-bottom: 1px dashed #fff;
    }
    #supplementary li a {
        font-size: 1.1em!important;
        font-weight: 400!important;
    }
    .teasebutton {
    }
}
/*--------------------------------------------------------------
Contact Form 7
--------------------------------------------------------------*/

.wpcf7-kontakt {
    width: 399px;
}
/*--------------------------------------------------------------
Änderungen Martin
--------------------------------------------------------------*/

/*Startseite*/

div.main-page-icons {
    display: inline-block;
    cursor: pointer !important;
}
#putton {
}
/* Dhaval */
#menu-item-4533,
#menu-item-4534 {
    float: right;
}
.pll-parent-menu-item .sub-menu a {
    width: auto !important;
}

/*31-8-17*/
.bttn,
body .su-button {
    font-size: 18px !important;
    line-height: 24px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    padding: 10px 20px !important;
    transition: all .3s;
    font-weight: normal;
    background-color: #0069b4 !important;
    color: #ffffff !important;
    height: auto;
    border-radius: 4px !important;
    border: none !important;
    display: inline-block;
    margin: 0;
}
body .su-button span {
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	border-radius: 0 !important;
	border: 0 !important;
	position: static;
}
.su-spoiler .bttn {
    margin: 15px 0;
}
.bttn.btnPaddingFix,
body .su-button.btnPaddingFix {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.bttn:hover,
body .su-button:hover {
    background: #76ba5f !important;
    text-decoration: none!important;
    color: #fff !important;
}