/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
body,
button,
input,
select,
textarea,
a,
a:hover,
a:focus,
a:active {
    color: rgb(0,0,0);
}

html, body {
    font-size: 1em;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}
html {
    overflow-y: scroll;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

a, .animated, .cycle-next, .cycle-prev, .heading-table { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
a { text-decoration:none; }
a:visited {  }
a:hover { }
a:focus { }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active, a:focus, a.active { outline: 0;
    color: #1CC119;
    text-decoration: none;
}

/* ==========================================================================
   Overwrite Bootstrap defaults
   ========================================================================== */

.container                                      { width: auto !important; max-width: 1240px; padding-right: 20px; padding-left: 20px; }
.container.full-width                           { max-width: none !important; padding-right: 0px; padding-left: 0px; overflow: hidden; }
.container .row                                 { margin-left: -10px; margin-right: -10px; }
.container .row .grid                           { padding-left: 10px; padding-right: 10px; overflow: hidden; }
.container .row.grid-bottom-padding > .grid     { padding-bottom: 20px; }
.autoheight-padding-top                         { padding-top: 5px; }
.container.absolute-top                         { position: absolute; left: 0; right: 0; top: 0; }
.content.content-top                            { position: relative; }

.img-enlarge                                    { width: 100%; }

nav > ul                                        { margin: 0; padding: 0; list-style-type: none; }
nav > ul > li                                   { display: block; }
nav > ul > li > a                               { display: block; }
nav.horizontal-nav > ul > li                    { float: left; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* typo */

h1, h2, h3, h4, h5, h6, p, a,
li, span, td, th, html, body                    { margin-top: 0; }

.logo a.desktop, .logo a.mobile                 { display: block; font-weight: 400; text-decoration: none; }
.logo a.desktop                                 { font-size: 28px; line-height: 40px; margin-top: 28px; }
.logo a.mobile                                  { font-size: 16px; line-height: 24px; margin-top: 16px; padding-left: 13px; }
.logo a.mobile strong                           { font-size: 24px; }
ul, ol                                          { padding-left: 20px; }

/* SPEZIELLES! */

.font-style-ueberschrift-6 + .font-style-ueberschrift-6 { margin-top: 36px; }
.font-style-ueberschrift-5 + p { margin-top: 17px; }
.font-style-ueberschrift-6 {
    padding: 8px 10px !important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    display: inline-block;
}

.mobile-break {
    display: none;
}

@media only screen and (max-width: 767px) {
    .font-style-ueberschrift-6 {
        padding-left: 0 !important;
    }
    .mobile-break {
        display: block;
    }
}

.special-white-text {
    color: #ffffff;
}
.special-height-1-3 {
}
.table > tbody > tr > td {
    padding: 6px 5px;
}

.font-style-subtitle {
    font-size: 16px;
}

/* special */

header                                          { height: 73px; }

/* nav */

nav#nav                                         { margin-top: 43px; }
nav > ul > li                                   { margin-left: 23px; }
#nav li:first-child                             { margin: 0; }
nav > ul > li > a                               { text-transform: uppercase; font-size: 16px; line-height: 24px; padding:0 11px; }
a.mobilenav-button                              { display: block; height: 24px; width: 27px; font-size: 26px; background-size: 100%; float: right; margin: 13px 19px 18px; }
.mobile-nav-wrapper                             { display: block; position: fixed; top: 0; bottom: 0; width: 100%; right: 100%; z-index: 9998; }
.mobile-nav-wrapper .mobile-nav                 { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 80%; z-index: 9999; background-color: #5a504f; }
.mobile-nav-wrapper .mobile-nav-hide-trigger    { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 20%; z-index: 9999; }

.mobile-nav-wrapper .mobile-nav ul              { list-style-type: none; padding: 0; margin: 0; }
.mobile-nav-wrapper .mobile-nav ul li           { display: block; }
.mobile-nav-wrapper .mobile-nav ul li a         { display: block; border-bottom: 2px solid #867d7e; height: 48px; line-height: 46px; color: #fff; text-transform: uppercase; font-size: 16px; padding: 0 16px; }

/* spacer */

.spacer                                         { display: block; min-height: 1px; }

/* slider */

.cycle-pager                                    { bottom: 17px; left: 0; position: absolute; right: 0; text-align: center; z-index: 200; }
.cycle-pager > div                              { background-color: #f5f5f5; background-color: rgba(255,255,255,0.4); border-radius: 10px; display: inline-block; height: 14px; margin: 0 9px; width: 14px; cursor: pointer; }
.cycle-pager > div.cycle-pager-active           { background-color: rgb(255,255,255); }

.cycle-prev, .cycle-next                        { background: none repeat scroll 0 0 #FFFFFF; display: block; height: 60px; margin-top: -30px; position: absolute; top: 50%; width: 60px; z-index: 200; cursor: pointer; }
.cycle-prev                                     { left: 20px; background: url('../img/cycle-prev.png') no-repeat left top transparent; }
.cycle-next                                     { right: 20px; background: url('../img/cycle-next.png') no-repeat left top transparent; }
.cycle-prev:hover, .cycle-next:hover            { opacity: .6 }

/* imagemap */
.maphilighted                                   { background-size: cover !important; margin-bottom: 20px; }
.inner                                          { position: relative; }
.object-table-wrapper                           { margin-bottom: 15px; }
.heading-table                                  { background-color: #dedcdc; padding: 0 10px; margin-bottom: 0 !important; }
.heading-table:hover                            { color: #000; }
.show-table                                     { margin: 0; }
.show-table > thead > tr > th                   { font-size: 12px !important; padding: 0 5px !important; line-height: 16px !important; font-weight: normal; border: 0 none; }
.show-table > tbody > tr > td                   { border-top: 1px solid #bfbfbf; }
.show-table > tbody > tr:first-child > td       { border-top: 0 none; }
.show-table > tbody > tr[data-tr]:hover > td,
.show-table > tbody > tr.hover-state > td       { background-color: #dedcdc; }
.image-container > td                           { padding: 0 !important; }
.image-container > td .img-responive            { width: 100%; }


img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

.responsive-img-wrapper                         { position: relative; margin: 0 auto 10px; width: 100%; max-width: 450px; }
.responsive-img-wrapper .absolute-images        { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 12; }
.responsive-img-wrapper .absolute-images img    { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: none; width: 100%; height: 100%; }
.properties-desktop {}

.responsive-img-wrapper > img {
    max-width: 100%;
}
.responsive-img-wrapper > img[usemap] {
    position: relative;
    z-index: 15;
}
.responsive-img-wrapper > img:not([usemap]) {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.heading-table {
    margin-bottom: 15px !important;
}
/* form */

form {
    display: block;
    background-color: #f0f0f0;
    padding: 12px 6px 6px 20px;
    margin: 15px 0;
}

form .input-wrapper {
    margin-right: 10px;
}

form .input-wrapper select {
	width: 80px;
}

form .input-wrapper:last-child {
    margin-right: 0;
}

form .input-wrapper label {
    font-weight: normal;
}

form .input-wrapper .btn {
    border-radius: 1px;
    background-color: #DEDCDC;
    margin-top: -6px;
    padding: 6px 25px;
    display:none;

}

.form-mobile {
    display: block;
}

.form-mobile .input-wrapper {
    margin: 10px 0;
}
.form-mobile label {
    width: 25%;
}

.form-mobile input, .form-mobile select {
    width: 70%;
}

.form-mobile .input-wrapper select {
	width: 70%;
}

.form-mobile .input-wrapper .btn {
    margin-top: 10px;
    width: 95%;
}

form legend {
    display: none;
}
form .line                                      { display: block; margin-bottom: 11px; }
form .line select,
form .line input[type="text"],
form .line input[type="email"],
form .line textarea                             { width: 100%; border: 1px solid rgba(90,80,80, .4); padding:0 5px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
form .line textarea                             { height: 150px; }
form .line button                               { display: block; width: 181px; line-height: 35px; border: 0 none; background-color: #bdb9b9; color: #ffffff; }
.radio, .checkbox                               { display: block; margin-bottom: 10px; margin-top: 0px; min-height: 20px; padding-left: 20px; padding-right: 30px; float: left; vertical-align: middle; }
.radio + .radio, .checkbox + .checkbox          { margin-top: 0px; }
.bf_message                                     { padding: 10px; color: #fff; margin-bottom: 18px; }
.error                                          { background-color: #DA4453; }
.success                                        { background-color: #84BA46; margin-top: 30px; }

/* randombackground */

.randombackground                               { display: block; width: 100%; }

/* grundriss */

.mobile-info-table                              { margin-bottom: 0; }
.mobile-info-table tr:nth-of-type(odd)          { background-color: #F4F4F4;}
.mobile-info-table tr:nth-of-type(even)          { background-color: #E9E9E9;}
.show-table > tbody > tr.opened > td            { background-color: #dedcdc; }
.mobile-img-wrapper                             { position: relative; }
.mobile-img-wrapper img                         { width: 100vw; }
.mobile-img-wrapper img.mobile-img-hintergrund  { position: absolute; top: 0; z-index: 2; width: 100%; } /*FUELLFLAECHE*/
.mobile-img-wrapper img.mobile-img-hintergrund-transparent { position: absolute; top: 0; z-index: 6;} /*KANTEN*/
.mobile-img-wrapper img.mobile-img-roof-transparent { position: absolute; top: 0; right: 0; left: 0; z-index: 4; margin:0;} /*DACHTRANSPARENZ*/
.mobile-img-wrapper img.mobile-img-vordergrund.vorne  { position: relative; z-index: 5; } /*WOHNUNGEN A + B*/
.mobile-img-wrapper img.mobile-img-vordergrund.hinten  { position: relative; z-index: 3; } /*WOHNUNGEN C + D*/


/*
.responsive-img-wrapper > .ground-image         { position: relative; z-index: 11;}
.responsive-img-wrapper > .roof-image-transparent { position: absolute; top: 0; right: 0; left: 0; z-index: 13; margin:0;}
.responsive-img-wrapper > .ground-image-transparent { position: absolute; top: 0; right: 0; left: 0; z-index: 15; margin:0;}
.responsive-img-wrapper .absolute-images > .images-foreground { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 14; }
.responsive-img-wrapper .absolute-images > .images-background { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 12; }
*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Allowing overflow to be displayed
 */

.overflow-visible {
    overflow: inherit !important;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.disclaimer-ul {
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 0;
}

.disclaimer-ul li {
    margin-left: 1em;
    line-height: 22px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media only screen and (max-width: 767px) {

    .container                              { padding-left: 10px; padding-right: 10px; }
    .container .row .grid                   { padding-left: 0px; padding-right: 0px; overflow: hidden; }
    .container .row .grid .grid             { padding-left: 10px; padding-right: 10px; overflow: hidden; }
    .text-wrapper                           { padding-left: 13px; padding-right: 13px; }
    .cycle-next, .cycle-prev                { display: none; }

    label.grid                              { display: block; margin-bottom: 0; }

    .inset-xs-one-5 { padding-top: 5px; }
    .inset-xs-one-10 { padding-top: 10px; }
    .inset-xs-one-15 { padding-top: 15px; }
    .inset-xs-one-20 { padding-top: 20px; }
    .inset-xs-one-25 { padding-top: 25px; }
    .inset-xs-one-30 { padding-top: 30px; }
    .inset-xs-one-40 { padding-top: 40px; }
    .inset-xs-one-50 { padding-top: 50px; }
    .inset-xs-one-60 { padding-top: 60px; }
    .inset-xs-one-70 { padding-top: 70px; }
    .inset-xs-one-80 { padding-top: 80px; }
    .inset-xs-one-90 { padding-top: 90px; }
    .inset-xs-one-100 { padding-top: 100px; }
    .inset-xs-one-120 { padding-top: 120px; }
    .inset-xs-one-140 { padding-top: 140px; }
    .inset-xs-one-160 { padding-top: 160px; }
    .inset-xs-one-180 { padding-top: 180px; }
    .inset-xs-one-200 { padding-top: 200px; }

    .inset-xs-two-5 { padding-right: 5px; }
    .inset-xs-two-10 { padding-right: 10px; }
    .inset-xs-two-15 { padding-right: 15px; }
    .inset-xs-two-20 { padding-right: 20px; }
    .inset-xs-two-25 { padding-right: 25px; }
    .inset-xs-two-30 { padding-right: 30px; }
    .inset-xs-two-40 { padding-right: 40px; }
    .inset-xs-two-50 { padding-right: 50px; }
    .inset-xs-two-60 { padding-right: 60px; }
    .inset-xs-two-70 { padding-right: 70px; }
    .inset-xs-two-80 { padding-right: 80px; }
    .inset-xs-two-90 { padding-right: 90px; }
    .inset-xs-two-100 { padding-right: 100px; }
    .inset-xs-two-120 { padding-right: 120px; }
    .inset-xs-two-140 { padding-right: 140px; }
    .inset-xs-two-160 { padding-right: 160px; }
    .inset-xs-two-180 { padding-right: 180px; }
    .inset-xs-two-200 { padding-right: 200px; }

    .inset-xs-three-5 { padding-bottom: 5px; }
    .inset-xs-three-10 { padding-bottom: 10px; }
    .inset-xs-three-15 { padding-bottom: 15px; }
    .inset-xs-three-20 { padding-bottom: 20px; }
    .inset-xs-three-25 { padding-bottom: 25px; }
    .inset-xs-three-30 { padding-bottom: 30px; }
    .inset-xs-three-40 { padding-bottom: 40px; }
    .inset-xs-three-50 { padding-bottom: 50px; }
    .inset-xs-three-60 { padding-bottom: 60px; }
    .inset-xs-three-70 { padding-bottom: 70px; }
    .inset-xs-three-80 { padding-bottom: 80px; }
    .inset-xs-three-90 { padding-bottom: 90px; }
    .inset-xs-three-100 { padding-bottom: 100px; }
    .inset-xs-three-120 { padding-bottom: 120px; }
    .inset-xs-three-140 { padding-bottom: 140px; }
    .inset-xs-three-160 { padding-bottom: 160px; }
    .inset-xs-three-180 { padding-bottom: 180px; }
    .inset-xs-three-200 { padding-bottom: 200px; }

    .inset-xs-four-5 { padding-left: 5px; }
    .inset-xs-four-10 { padding-left: 10px; }
    .inset-xs-four-15 { padding-left: 15px; }
    .inset-xs-four-20 { padding-left: 20px; }
    .inset-xs-four-25 { padding-left: 25px; }
    .inset-xs-four-30 { padding-left: 30px; }
    .inset-xs-four-40 { padding-left: 40px; }
    .inset-xs-four-50 { padding-left: 50px; }
    .inset-xs-four-60 { padding-left: 60px; }
    .inset-xs-four-70 { padding-left: 70px; }
    .inset-xs-four-80 { padding-left: 80px; }
    .inset-xs-four-90 { padding-left: 90px; }
    .inset-xs-four-100 { padding-left: 100px; }
    .inset-xs-four-120 { padding-left: 120px; }
    .inset-xs-four-140 { padding-left: 140px; }
    .inset-xs-four-160 { padding-left: 160px; }
    .inset-xs-four-180 { padding-left: 180px; }
    .inset-xs-four-200 { padding-left: 200px; }
}
@media only screen and (min-width: 1024px) {

    .inset-md-one-5 { padding-top: 5px; }
    .inset-md-one-10 { padding-top: 10px; }
    .inset-md-one-15 { padding-top: 15px; }
    .inset-md-one-20 { padding-top: 20px; }
    .inset-md-one-25 { padding-top: 25px; }
    .inset-md-one-30 { padding-top: 30px; }
    .inset-md-one-40 { padding-top: 40px; }
    .inset-md-one-50 { padding-top: 50px; }
    .inset-md-one-60 { padding-top: 60px; }
    .inset-md-one-70 { padding-top: 70px; }
    .inset-md-one-80 { padding-top: 80px; }
    .inset-md-one-90 { padding-top: 90px; }
    .inset-md-one-100 { padding-top: 100px; }
    .inset-md-one-120 { padding-top: 120px; }
    .inset-md-one-140 { padding-top: 140px; }
    .inset-md-one-160 { padding-top: 160px; }
    .inset-md-one-180 { padding-top: 180px; }
    .inset-md-one-200 { padding-top: 200px; }

    .inset-md-two-5 { padding-right: 5px; }
    .inset-md-two-10 { padding-right: 10px; }
    .inset-md-two-15 { padding-right: 15px; }
    .inset-md-two-20 { padding-right: 20px; }
    .inset-md-two-25 { padding-right: 25px; }
    .inset-md-two-30 { padding-right: 30px; }
    .inset-md-two-40 { padding-right: 40px; }
    .inset-md-two-50 { padding-right: 50px; }
    .inset-md-two-60 { padding-right: 60px; }
    .inset-md-two-70 { padding-right: 70px; }
    .inset-md-two-80 { padding-right: 80px; }
    .inset-md-two-90 { padding-right: 90px; }
    .inset-md-two-100 { padding-right: 100px; }
    .inset-md-two-120 { padding-right: 120px; }
    .inset-md-two-140 { padding-right: 140px; }
    .inset-md-two-160 { padding-right: 160px; }
    .inset-md-two-180 { padding-right: 180px; }
    .inset-md-two-200 { padding-right: 200px; }

    .inset-md-three-5 { padding-bottom: 5px; }
    .inset-md-three-10 { padding-bottom: 10px; }
    .inset-md-three-15 { padding-bottom: 15px; }
    .inset-md-three-20 { padding-bottom: 20px; }
    .inset-md-three-25 { padding-bottom: 25px; }
    .inset-md-three-30 { padding-bottom: 30px; }
    .inset-md-three-35 { padding-bottom: 35px; }
    .inset-md-three-40 { padding-bottom: 40px; }
    .inset-md-three-50 { padding-bottom: 50px; }
    .inset-md-three-60 { padding-bottom: 60px; }
    .inset-md-three-70 { padding-bottom: 70px; }
    .inset-md-three-80 { padding-bottom: 80px; }
    .inset-md-three-90 { padding-bottom: 90px; }
    .inset-md-three-100 { padding-bottom: 100px; }
    .inset-md-three-120 { padding-bottom: 120px; }
    .inset-md-three-140 { padding-bottom: 140px; }
    .inset-md-three-160 { padding-bottom: 160px; }
    .inset-md-three-180 { padding-bottom: 180px; }
    .inset-md-three-200 { padding-bottom: 200px; }

    .inset-md-four-5 { padding-left: 5px; }
    .inset-md-four-10 { padding-left: 10px; }
    .inset-md-four-15 { padding-left: 15px; }
    .inset-md-four-20 { padding-left: 20px; }
    .inset-md-four-25 { padding-left: 25px; }
    .inset-md-four-30 { padding-left: 30px; }
    .inset-md-four-40 { padding-left: 40px; }
    .inset-md-four-50 { padding-left: 50px; }
    .inset-md-four-60 { padding-left: 60px; }
    .inset-md-four-70 { padding-left: 70px; }
    .inset-md-four-80 { padding-left: 80px; }
    .inset-md-four-90 { padding-left: 90px; }
    .inset-md-four-100 { padding-left: 100px; }
    .inset-md-four-120 { padding-left: 120px; }
    .inset-md-four-140 { padding-left: 140px; }
    .inset-md-four-160 { padding-left: 160px; }
    .inset-md-four-180 { padding-left: 180px; }
    .inset-md-four-200 { padding-left: 200px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
    #nav li {
        margin-left: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    nav > ul > li { margin-left: 5px; }

    .inset-sm-one-5 { padding-top: 5px; }
    .inset-sm-one-10 { padding-top: 10px; }
    .inset-sm-one-15 { padding-top: 15px; }
    .inset-sm-one-20 { padding-top: 20px; }
    .inset-sm-one-25 { padding-top: 25px; }
    .inset-sm-one-30 { padding-top: 30px; }
    .inset-sm-one-40 { padding-top: 40px; }
    .inset-sm-one-50 { padding-top: 50px; }
    .inset-sm-one-60 { padding-top: 60px; }
    .inset-sm-one-70 { padding-top: 70px; }
    .inset-sm-one-80 { padding-top: 80px; }
    .inset-sm-one-90 { padding-top: 90px; }
    .inset-sm-one-100 { padding-top: 100px; }
    .inset-sm-one-120 { padding-top: 120px; }
    .inset-sm-one-140 { padding-top: 140px; }
    .inset-sm-one-160 { padding-top: 160px; }
    .inset-sm-one-180 { padding-top: 180px; }
    .inset-sm-one-200 { padding-top: 200px; }

    .inset-sm-two-5 { padding-right: 5px; }
    .inset-sm-two-10 { padding-right: 10px; }
    .inset-sm-two-15 { padding-right: 15px; }
    .inset-sm-two-20 { padding-right: 20px; }
    .inset-sm-two-25 { padding-right: 25px; }
    .inset-sm-two-30 { padding-right: 30px; }
    .inset-sm-two-40 { padding-right: 40px; }
    .inset-sm-two-50 { padding-right: 50px; }
    .inset-sm-two-60 { padding-right: 60px; }
    .inset-sm-two-70 { padding-right: 70px; }
    .inset-sm-two-80 { padding-right: 80px; }
    .inset-sm-two-90 { padding-right: 90px; }
    .inset-sm-two-100 { padding-right: 100px; }
    .inset-sm-two-120 { padding-right: 120px; }
    .inset-sm-two-140 { padding-right: 140px; }
    .inset-sm-two-160 { padding-right: 160px; }
    .inset-sm-two-180 { padding-right: 180px; }
    .inset-sm-two-200 { padding-right: 200px; }

    .inset-sm-three-5 { padding-bottom: 5px; }
    .inset-sm-three-10 { padding-bottom: 10px; }
    .inset-sm-three-15 { padding-bottom: 15px; }
    .inset-sm-three-20 { padding-bottom: 20px; }
    .inset-sm-three-25 { padding-bottom: 25px; }
    .inset-sm-three-30 { padding-bottom: 30px; }
    .inset-sm-three-40 { padding-bottom: 40px; }
    .inset-sm-three-50 { padding-bottom: 50px; }
    .inset-sm-three-60 { padding-bottom: 60px; }
    .inset-sm-three-70 { padding-bottom: 70px; }
    .inset-sm-three-80 { padding-bottom: 80px; }
    .inset-sm-three-90 { padding-bottom: 90px; }
    .inset-sm-three-100 { padding-bottom: 100px; }
    .inset-sm-three-120 { padding-bottom: 120px; }
    .inset-sm-three-140 { padding-bottom: 140px; }
    .inset-sm-three-160 { padding-bottom: 160px; }
    .inset-sm-three-180 { padding-bottom: 180px; }
    .inset-sm-three-200 { padding-bottom: 200px; }

    .inset-sm-four-5 { padding-left: 5px; }
    .inset-sm-four-10 { padding-left: 10px; }
    .inset-sm-four-15 { padding-left: 15px; }
    .inset-sm-four-20 { padding-left: 20px; }
    .inset-sm-four-25 { padding-left: 25px; }
    .inset-sm-four-30 { padding-left: 30px; }
    .inset-sm-four-40 { padding-left: 40px; }
    .inset-sm-four-50 { padding-left: 50px; }
    .inset-sm-four-60 { padding-left: 60px; }
    .inset-sm-four-70 { padding-left: 70px; }
    .inset-sm-four-80 { padding-left: 80px; }
    .inset-sm-four-90 { padding-left: 90px; }
    .inset-sm-four-100 { padding-left: 100px; }
    .inset-sm-four-120 { padding-left: 120px; }
    .inset-sm-four-140 { padding-left: 140px; }
    .inset-sm-four-160 { padding-left: 160px; }
    .inset-sm-four-180 { padding-left: 180px; }
    .inset-sm-four-200 { padding-left: 200px; }
}

@media only screen and (min-width: 768px) and (max-width: 840px) {
    nav > ul > li { margin-left: 0px; }
    nav > ul > li > a { padding: 0 8px; }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}