@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				default.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}

/*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

::-moz-selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

body {
    color: #444;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    display: block;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 38px;
    line-height: 54px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h4 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
}

h5 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
}

/* Module titles */
.Head {
    display: inline-block;
    margin-bottom: 6px;
}

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead {
    display: table-cell;
    margin-bottom: 0;
}

input[type="image"] + span.Head, input[type="image"] + span.SubHead {
    display: inline;
}

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
p {
    margin: 0 0 18px 0;
}
    /* margin bottom is equal to line-height */
    p img {
        margin: 0;
    }

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

small {
    font-size: 80%;
}

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
    color: #444;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    word-wrap: break-word;
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
    color: #999;
}



/* text style used for help text rendered by modules */
.Help {
    padding: 2px;
    border: #000 1px solid;
    background-color: #ff9;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
    font-weight: bold;
    color: #222;
}

/* text style used for error messages */
.NormalRed {
    font-weight: bold;
    color: red;
}

/* text style used for rendered text which should appear deleted */
.NormalDeleted {
    text-decoration: line-through;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    clear: both;
    margin: 17px 0 17px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited {
    color: rgb(2,139,255); /*blue*/
    text-decoration: underline;
    outline: 0;
}

    a:hover, a:focus, a:active {
        color: #222;
        outline: 0;
    }

p a, p a:visited {
    line-height: inherit;
}

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
img.dnn-scale-img {
    max-width: 100%;
    height: auto;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

#dnn_dnnLOGO_imgLogo {
     border: 0;
}

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol {
    margin-bottom: 18px;
    margin-left: 18px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal;
}

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul {
        margin-left: 18px;
        margin-bottom: 0;
    }

    ol ol {
        list-style: lower-roman;
    }

li p {
    line-height: 18px;
}

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2,139,255,0.2); /* blue */
    background: rgba(2,139,255,0.15); /* blue */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
}

    .dnnFormMessage.dnnFormError,
    .dnnFormMessage.dnnFormValidationSummary {
        background-color: rgba(255,0,0,0.15); /* red */
        border-color: rgba(255,0,0,0.2); /* red */
    }

    .dnnFormMessage.dnnFormWarning {
        background-color: rgba(255,255,0,0.15); /* yellow */
        border-color: #CDB21F; /* yellow */
    }

    .dnnFormMessage.dnnFormSuccess {
        background-color: rgba(0,255,0,0.15); /* green */
        border-color: rgba(0,255,0,0.5); /* green */
    }

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
.dnnTableHeader {
    display: block;
    padding: 15px;
    background: none repeat scroll 0 0 #E3E3E5;
}
.dnnTableHeader a,
.dnnTableHeader input, 
.dnnTableHeader select{
    margin: 0;
}
.dnnTableDisplay {
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    border-bottom: 0;
}

    .dnnTableDisplay td, .dnnTableDisplay th {
        padding: 5px 9px;
        border-bottom: 1px solid #d1d1d1;
    }

    .dnnTableDisplay th {
        padding: 0;
        border-left: 1px solid #d1d1d1;
        -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
    }

        .dnnTableDisplay th > span,
        .dnnTableDisplay th > a {
            display: block;
            padding: 5px 9px;
        }

    .dnnTableDisplay td:first-child {
        border-left: 1px solid #cfcfcf;
    }

    .dnnTableDisplay label {
        display: inline;
        padding-left: 5px;
    }

    .dnnTableDisplay caption {
        display: none;
    }

    /* thead styles */
    .dnnTableDisplay th {
        background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
        background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
        text-align: left;
        text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
        color: #333;
    }

        .dnnTableDisplay th a, .dnnTableDisplay th label {
            font-weight: normal;
            color: #333;
            text-decoration: none;
        }

        .dnnTableDisplay th a {
            padding: 8px 9px;
        }

            .dnnTableDisplay th a:hover {
                background: #fefefe; /* Old browsers */
                background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
                background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
                color: #333;
            }

            .dnnTableDisplay th a:active {
                border-color: #999;
                background: #c6c6c6; /* Old browsers */
                background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
                background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
                -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
            }
    /* tbody styles */
    .dnnTableDisplay tr:nth-child(2n) td {
        background: rgba(0,0,0,0.04);
    }

    .dnnTableDisplay tr:hover td {
        background: rgba(2,139,255,0.15); /* blue */
    }

    /* tfooter styles */
    .dnnTableDisplay tfoot tr:hover td {
        background: none;
    }

/* table filter styles */
.dnnTableFilter {
    margin-bottom: 18px;
    background: rgba(0,0,0,0.04);
}

    .dnnTableFilter .dnnTableDisplay {
        margin-bottom: 0;
    }

.dnnFilterSet {
    padding: 18px;
}

    .dnnFilterSet label {
        display: inline-block;
    }

    .dnnFilterSet input,
    .dnnFilterSet select {
        display: inline-block;
        margin: 0 5px;
    }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet {
    float: left;
    width: 20%;
    padding: 2% 18px;
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%;
}

.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
.dnnResults {
    float: left;
    margin-bottom: 0;
}

.dnnPagination {
    float: right;
    margin: 0;
    padding: 0;
}

    .dnnPagination li {
        float: left;
        list-style: none;
    }

        .dnnPagination li a, .dnnPagination li span {
            display: inline-block;
            padding: 0 5px;
            text-decoration: none;
            color: #333;
        }

            .dnnPagination li a:hover {
                text-decoration: underline;
                color: #222;
            }

        .dnnPagination li span {
            color: #222;
            text-decoration: underline;
        }

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    margin-bottom: 18px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
}

    .dnnFormItem input.aspNetDisabled,
    .dnnFormItem textarea.aspNetDisabled {
        background: #ebebeb;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #a7a7a7;
        border-width: 1px;
    }

.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none;
}

/* Active and Focus States */
.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active, .dnnFormItem select:focus,
.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus {
    background: #fff;
    border: 1px solid rgba(2,139,255,0.5); /* blue */
    -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    color: #333;
}
/* Required Fields */
.required label:after,
legend.required:after {
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

/* Error Styles */
.error label, legend.error {
    color: rgba(255,0,0,0.9); /* opaque red*/
}

.error input[type="text"],
.error select, .error textarea,
.error input[type="email"],
.error input[type="search"] {
    border: 1px solid rgba(255,0,0,0.6); /* opaque red*/
    color: rgba(255,0,0,0.7); /* opaque red*/
}

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    display: inline-block;
    padding: 9px 9px;
    margin-bottom: 9px;
    cursor: pointer;
    min-width: 75px;
    *overflow: visible;
    border: 1px solid #c2c2c2;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    padding: 6px 6px;
}

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #0D569E; /*dark blue*/
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
        border-color: #0D569E;
        background: #6cb6f3; /* Old browsers */
        background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */
        color: #fff;
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
        border-color: #0D569E;
        background: #1f66be; /* Old browsers */
        background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
        background: #ccc !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none;
    }

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
}

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover {
        background: #fefefe; /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
        background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
        color: #555;
    }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active {
        border-color: #999;
        background: #c6c6c6; /* Old browsers */
        background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
        background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] {
    display: none;
}

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction {
    display: inline;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Tertiary Action */
.dnnTertiaryAction, a.dnnTertiaryAction {
    padding: 10px 10px;
    border: none;
    background: #eaeaea;
    color: #333;
}

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
        background: #f2f2f2;
    }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active {
        background: #d8d8d8;
    }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction { 
    margin-left: 5px;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    margin: 5px;
}

/* text style for buttons and link buttons used in the portal admin pages */

/* button style for standard HTML buttons */
.StandardButton {
    border: 1px solid blue;
}


/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
    cursor: default;
    opacity: 0.5;
}


/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] {
    *width: 13px;
    *height: 13px; /*why are we using hacks here*/
    padding: 0;
    box-sizing: border-box;
}

.dnnFormItem input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .dnnFormItem input[type="search"]::-webkit-search-decoration,
    .dnnFormItem input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }


/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */

.dnnFormItem textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    /* Colors for form validity */
    .dnnFormItem input:valid, .dnnFormItem textarea:valid {
    }

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
        background-color: #f0dddd;
    }

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags {
    list-style: none;
}

.horizontal ul.categories {
}

.horizontal ul.tags {
}

    .horizontal ul.categories li, .horizontal ul.tags li {
    }

        .horizontal ul.tags li.add-tags {
        }

            .horizontal ul.tags li.add-tags img {
            }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags {
    list-style: none;
}

    .vertical ul.categories li,
    .vertical ul.tags li {
    }

    .vertical ul.categories li {
    }

    .vertical ul.tags li {
    }

        .vertical ul.tags li.add-tags {
        }

            .vertical ul.tags li.add-tags img {
            }

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    min-height: 37px;
    border-bottom: 1px solid #c2c2c2;
}

    ul.dnnAdminTabNav li {
        float: left;
        margin-right: 4px;
        list-style: none;
    }

        ul.dnnAdminTabNav li a {
            /* most styles are inherited from typography.css */
            margin-bottom: 0;
            border-bottom: 0;
            box-shadow: none;
            webkit-box-shadow: none;
            -webkit-border-radius: 3px 3px 0px 0px;
            border-radius: 3px 3px 0px 0px;
        }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            margin-top: -3px;
            padding: 12px 9px 10px 9px;
            background: #fff;
        }

/* Panels */
.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
.dnnLogin .LoginTabGroup {
    display: inline-block;
    width: 100%;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    border-bottom: 1px solid #C2C2C2;
}

    .dnnLogin .LoginTabGroup span {
        margin-right: 4px;
        margin-bottom: 0;
        border-bottom: 0 none;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
    }

        .dnnLogin .LoginTabGroup span.LoginTabSelected {
            margin-top: -3px;
            padding: 12px 9px 10px;
            background: none repeat scroll 0 0 #FFFFFF;
        }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/
.dnnForm .ui-resizable {
    position: relative;
}

.dnnForm .ui-resizable-handle {
    position: absolute;
    display: block;
    z-index: 99999;
    font-size: 0.1px;
}

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.dnnForm .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.dnnForm .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
.dnnForm {
    width: 100%;
}

    .dnnForm fieldset {
        clear: none;
        position: relative;
        margin-bottom: 18px;
        text-align: left;
    }

        .dnnForm fieldset fieldset {
            width: 100%;
        }

    .dnnForm .dnnFormItem {
        clear: both;
        width: 100%;
        display: block;
        position: relative;
        text-align: left;
    }

/* Label */
.dnnTooltip {
    position: relative;
    display: block;
    width: 32.075%;
    margin-right: 18px;
}

.dnnHelperTip {
    position: relative;
    display: block;
}

.dnnDragdropTip {
    z-index: 10000;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75) url("/images/pin-icn.png") no-repeat 7px 12px;
    font-size: 11px;
    color: #DDD;
    text-align: left;
}

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: Red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    display: inline-block;
    width: auto;
    margin: 6px 5px 6px 5px;
}

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url("/images/helpI-icn-grey.png") no-repeat left 2px;
    padding: 0 !important;
    margin: 0 !important;
}

.dnnLabel {
    display: inline-block;
    float: left;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}

.dnnFormItem > .dnnLabel {
    margin-top: 5px;
}

.dnnLabel > span {
    text-align: right;
}

.dnnForm .dnnFormItem a.dnnFormHelp span {
    position: relative;
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block;
}

.dnnLabel + span {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
}

/* Compatible with some old forge modules */
td > .dnnLabel {
    width: 220px;
}

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
    visibility: hidden;
    z-index: 10;
    position: absolute;
    width: 200px;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0,0,0,0.75);
    font-size: 11px;
    color: #ddd;
    text-align: left;
}

.dnnFormHelpContent span {
    display: block;
	word-wrap: break-word;
}

/*.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}*/

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word;
}

.bottomArrow:after
{
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}
.topArrow:before {
    position: absolute;
    content: "";
    left: 15px;
    top: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
}

a.pinHelp {
    display: block;
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    background: url("/images/pin-icn.png") no-repeat 0 0;
}

    .ui-draggable a.pinHelp,
    a.pinHelp:hover {
        opacity: 1;
    }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError {
    display: block;
    position: absolute;
    overflow: visible;
    /*top:-95%; right: 12%;*/
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255,0,0,0.75);
    font-size: 12px;
    color: #fff;
    text-align: left;
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        position: absolute;
        bottom: -7px;
        left: 15px;
        content: "";
        width: 0;
        height: 0;
        opacity: 0.75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid red;
    }

/* Input Types*/
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
    width: 45%;
    max-width: 445px;
}

.dnnFormItem select {
    width: 47%;
}

    .dnnFormItem select option {
        color: #333;
    }

.dnnFormItem table {
    background: none;
}

/* Input Customised Checkbox*/

.dnnCheckbox {
    display: inline-block;
    cursor: pointer;
}

    .dnnCheckbox .mark {
        display: inline-block; /*margin-top: 3px;*/
    }

    .dnnCheckbox img {
        display: inline-block;
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnCheckbox img {
        background: transparent url("/images/checkbox.png") no-repeat;
    }

    .dnnCheckbox img {
        background-position: 0px 0px;
    }

.dnnCheckbox-hover img {
    background-position: 0px 0px;
}

.dnnCheckbox-checked img {
    background-position: -51px 0px;
}

.dnnCheckbox-disabled {
    cursor: not-allowed;
}

.dnnCheckbox-disabled img {
    opacity: .5;
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0px;
}

.dnnCheckbox-error img {
    background-position: -100px 0px;
}
.dnnCheckbox-focus {
	background-color: #e3e3e5;
}
.dnnBoxLabel{ display: inline-block;}
/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px 0;
}

/* Input Customised Radiobutton */

.dnnRadiobutton {
    display: inline-block;
    cursor: pointer;
}

    .dnnRadiobutton .mark {
        display: inline-block;
    }

    .dnnRadiobutton img {
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnRadiobutton img {
        background: transparent url("/images/radiobutton.png") no-repeat;
    }

    .dnnRadiobutton img {
        background-position: 0px 0px;
    }

.dnnRadiobutton-hover img {
    background-position: 0px 0px;
}

.dnnRadiobutton-checked img {
    background-position: -50px 0px;
}

.dnnRadiobutton-disabled img {
    opacity: .5;
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0px;
}

.dnnRadiobutton-error img {
    background-position: -100px 0px;
}
.dnnRadiobutton-focus {
	background-color: #e3e3e5;
}
/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

table.dnnFormRadioButtons {
    background-color: #f0f0f0;
    margin-bottom: 5px;
}

.RadComboBox_Default .rcbInput {
    width: 100% !important;
}

/* general group*/
div.dnnFormGroup {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    width: 65%;
}

/* Input Customised Spinner */
.dnnSpinner {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 6px 6px;
    *overflow: visible;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
}

.dnnFormItem .dnnSpinner {
    width: 45%;
    margin-bottom: 18px;
}

.dnnSpinnerDisplay {
    margin: 0 25px 0 8px;
    background: transparent;
    color: #999;
}

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.dnnSpinnerCtrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
}

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/images/dnnSpinnerUpArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

/* Input Customised Tags */
div.dnnTagsInput {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.dnnFormItem .dnnTagsInput {
    width: 45%;
}

div.dnnTagsInput span.tag {
    display: block;
    float: left;
    padding: 2px 6px 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #888;
    cursor: pointer;
    background-color: #eee;
    word-break: break-word;
}

    div.dnnTagsInput span.tag:hover {
        background-color: #e8f1fa;
        color: #444;
    }

    div.dnnTagsInput span.tag a {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 6px 0 0 0;
        background: transparent url("/images/dnnTagClose.png") no-repeat;
        background-position: center;
    }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus {
    border: none;
    background: transparent;
    outline: none;
    font-weight: normal;
    font-family: helvetica;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 19px;
    padding: 3px 0 3px 3px;
    margin-bottom: 5px;
}

div.dnnTagsInput > div > input::-ms-clear {
  display: none;
}

div.dnnTagsInput div {
    display: block;
    float: left;
}

    div.dnnTagsInput div.dnnTags_filter {
        float: right;
        position: relative;
        margin: 0 0 5px 5px;
    }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
            display: inline-block;
            border-left: 1px solid #ccc;
            padding: 3px 15px 0 10px;
            margin-right: 3px;
            color: #999;
            cursor: pointer;
            background: url("/images/dnnSpinnerDownArrow.png") no-repeat;
            background-position: right center;
            height: 22px;
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
                color: #666;
                background: url("/images/dnnSpinnerUpArrow.png") no-repeat;
                background-position: right center;
            }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl {
            display: none;
            position: absolute;
            list-style-type: none;
            background: #fff;
            border: 1px solid #c9c9c9;
            right: 22px;
            top: 28px;
            margin: 0;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 2px 0px 0px #bbb;
            box-shadow: 0px 2px 0px 0px #bbb;
            z-index: 15;
        }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li {
    white-space: nowrap;
    padding: 6px 12px 6px 8px;
    border-top: 1px solid #c9c9c9;
    list-style: none;
    color: #666;
    min-width: 150px;
}

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child {
        border-top: none;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover {
        background-color: #e8f1fa;
        color: #333;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        cursor: pointer;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox {
        margin-right: 8px;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("/images/search/searchButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    cursor: pointer;
    margin: 4px 5px 0 4px;
}

.dnnTagsClear {
    clear: both;
    width: 100%;
    height: 0px;
}

div.dnnTagsInput > div > input.dnnTagsInvalid {
    display: block;
    float: left;
    margin-right: 5px;
    border: none;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBD8DB; /*light red*/
    cursor: pointer;
    font-size: 12px;
    color: #90111A !important; /* dark red*/
    text-decoration: none; 
}

/* DNN Auto Complete */
.dnn_acResults {
    padding: 0px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    overflow: hidden;
    z-index: 900001;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    min-width: 150px;
}

    .dnn_acResults ul {
        margin: 0px;
        padding: 0px;
        list-style-position: outside;
        list-style: none;
    }

        .dnn_acResults ul li {
            margin: 0px;
            padding: 6px 22px 6px 22px;
            border-top: 1px solid #c9c9c9;
            color: #666;
            cursor: pointer;
            display: block;
            overflow: hidden;
            color: #333;
        }

            .dnn_acResults ul li:first-child {
                border-top: none;
            }

.dnn_acLoading {
}

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333;
}

/* Form Item */
.dnnFormMessage .dnnLabel {
    float: none;
    width: 90%;
    text-align: left;
}

/* Pane header */
.dnnFormSectionHead span {
    font-size: 18px;
    color: #222;
}

/* Progressbar*/
.dnnProgressbar {
    height: 25px !important;
    padding: 18px 10px 0 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
}

.ui-progressbar {
    height: 10px !important;
    overflow: hidden;
    background-color: #ccc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbb;
    box-shadow: inset 0px 1px 0px 0px #bbb;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
        height: 100%;
        background-color: #1a82f7;
        background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */
    }

/* Button Dropdown */
.dnnDropdownSettings {
    position: relative;
    height: 30px !important;
}

.dnnButtonDropdown {
    width: 50px;
    height: 30px !important;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
}

.dnnButtonIcon, .dnnButtonArrow {
    display: inline-block;
    height: 30px !important;
}

.dnnButtonIcon {
    width: 32px;
}

.dnnButtonArrow {
    width: 10px;
    background: transparent url("/images/dnnSpinnerDownArrow.png") no-repeat center;
}

.dnnButtonDropdown-clicked {
    z-index: 100;
    position: absolute;
    width: 50px;
    height: 30px !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dnnButtonDropdown-ul {
    display: none;
    position: absolute;
    z-index: 99;
    top: 29px;
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    list-style-type: none;
}

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li {
        padding: 8px;
        border-bottom: 1px solid #c9c9c9;
        color: #333;
        cursor: pointer;
        vertical-align: middle;
        list-style: none;
        margin: 0;
    }
	.dnnButtonDropdown-ul > ul{ margin: 0;}
	.dnnButtonDropdown-ul > ul > li{ padding-left: 16px;}

        .dnnButtonDropdown-ul > li:last-child {
            border-bottom: none !important;
        }

        .dnnButtonDropdown-ul > li:hover {
            background-color: #e8f1fa;
            color: #000;
        }

/* Button Group */
ul.dnnButtonGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    list-style: none;
}

    ul.dnnButtonGroup > li {
        display: block;
        float: left;
        border-left: 1px solid #c9c9c9;
        margin: 0;
    }

        ul.dnnButtonGroup > li:hover {
            background-color: #e8f1fa;
        }

        ul.dnnButtonGroup > li.dnnButtonGroup-first {
            display: none;
        }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li {
                border-left: none;
            }

        ul.dnnButtonGroup > li > a {
            display: inline-block;
            padding: 7px 7px 6px 7px;
            text-decoration: none;
            color: #333;
        }

    ul.dnnButtonGroup span {
        color: #333;
    }


/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup {
    float: left;
    display: block;
    width: 32.075%;
    padding: 5px;
    margin-bottom: 18px;
    background: rgba(0,0,0,0.05); /* opaque black */
}

    .dnnFormItem .dnnInputGroup .dnnLeft {
        width: 100%;
    }

    .dnnFormItem .dnnInputGroup span {
        display: inline-block;
        width: 33%;
        text-align: right;
    }

/* Error Styles */
.dnnFormError label a span {
    color: red;
}

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea {
    border: 1px solid red;
}


/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction {
    display: inline-block;
    max-width: 60px;
}

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation {
    float: left;
    width: 32.075%;
    margin-left: 16px;
    padding: 18px 0;
    background: rgba(0,0,0,0.05);
}

.dnnFormItem textarea {
    min-height: 80px;
}

.dnnAddress input[type="checkbox"] {
    margin: 0 5px;
}

/* Required Fields */
.dnnFormRadioButtons {
    float: left;
    display: block;
    width: auto;
}

    .dnnFormRadioButtons input[type=radio] {
        float: none;
    }

    .dnnFormRadioButtons label,
    .dnnFormItem input[type=radio] + label {
        float: none;
        display: inline;
        width: auto;
        padding-right: 0;
        margin: 0 10px 0 0;
        text-align: left;
        font-weight: normal;
    }

/* Text Editor */
.dnnTextEditor {
    margin-bottom: 18px;
}

/* Action Items */
.dnnActions {
    float: none;
    clear: both;
    display: block; /* prevent ul from collapsing */
    margin: 0;
    padding-top: 18px;
    text-align: left;
}

    .dnnActions li {
        float: left;
        margin-right: 5px;
        list-style: none;
    }

.dnnLoginActions {
    display: inline-block;
}

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label {
    float: none;
    width: 100%;
    margin-bottom: 0.25em;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea {
    float: none;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px;
}

/* UI Helpers */
.dnnForm .ui-helper-hidden {
    display: none;
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}

    .dnnForm .ui-state-highlight a,
    .dnnForm .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
}

    .dnnForm .ui-state-error a,
    .dnnForm .ui-widget-content .ui-state-error a,
    .dnnForm .ui-widget-header .ui-state-error a {
        color: #ffffff;
    }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.dnnForm .ui-draggable {
    cursor: move;
}

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl {
    border-radius: 4px;
}

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr {
    border-radius: 4px;
}
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.ModuleTitle_MenuContainer {
    border: 1px solid blue;
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.MainMenu_MenuContainer {
    border: 1px solid green;
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/

/* Popup Menu */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
	z-index: 9999;
}

.dnnFormPopup {
    position: absolute;
    padding: 18px;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
	z-index: 100000;
}
    /* Popup header */
    .dnnFormPopup, .dnnFormPopup > * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dnnFormPopup .ui-dialog-titlebar {
        position: relative;
        padding: 0 0 18px 0;
        border-bottom: 1px solid #ddd;
        cursor: move;
        font-size: 18px;
        font-weight: bold;
    }

    .dnnFormPopup .dnnModalCtrl {
        display: block;
        position: absolute;
        top: -30px;
        right: -30px;
        width: 69px;
        height: 26px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        box-shadow: 0px 0px 5px #666;
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
            float: right;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 4px 0 1px;
            overflow: hidden;
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
	        border: none;
	        outline: none;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            background: #585858 url("/images/closeBtn.png") no-repeat;
            background-position: 8px 4px;
            text-indent: -9999em;
	        min-width: 0 !important;
        }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
                background: #358EEA url("/images/closeBtn.png") no-repeat;
                background-position: 8px 4px;
	            cursor: pointer;
            }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
            float: left;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 0 0 4px;
            overflow: hidden;
            -webkit-border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            background: #585858 url("/images/resizeBtn.png") no-repeat;
            background-position: 10px 2px;
            text-indent: -9999em;
        }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
                background: #358EEA url("/images/resizeBtn.png") no-repeat;
                background-position: 10px 2px;
            }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    height: 24px;
    width: 24px;
    margin: 0px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #585858 url("/images/closeBtn.png") no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    text-indent: -9999em;
	min-width: 0 !important;
}

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp {
    width: 100%!important; /* to overwrite inline javscript styles */
    padding-top: 10px;
}

.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px;
    overflow: auto;
    background: #fff;
    zoom: 1;
}

.dnnFormPopup .ui-dialog-buttonpane {
    margin: .5em 0 0 0;
    padding: .3em 1em 0em 0em;
    overflow: hidden;
    border-width: 1px 0 0 0;
    background-image: none;
    text-align: left;
    border-top: 1px solid #ddd;
}

    .dnnFormPopup .ui-dialog-buttonpane button {
        margin: 0.5em 0.4em 0.5em 0em;
        padding: 0.5em 1em;
        cursor: pointer;
        border: none;
        outline: none;
    }

.dnnFormPopup .ui-resizable-se {
    float: right;
    height: 24px;
    width: 24px;
    background: url("/images/modal-resize-icn.png") no-repeat bottom;
}

.dnnFormPopup .dnnDialog {
    padding: 10px;
}

.dnnLoading {
    background: #fff url("/images/loading.gif") no-repeat center center;
    position: absolute;
    z-index: 9999;
}
.dnnPanelLoading {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
.urlControl label {
    width: auto;
    margin-top: 0;
    font-weight: normal;
}

.urlControlLinkType {
    width: auto;
}

    .urlControlLinkType span,
    .dnnFormItem .urlControlLinkType span {
        float: none;
        display: block;
        width: auto;
        text-align: left;
    }

.dnnFormItem .ucLinkTypeRadioButtons label {
    display: inline-block;
    width: 260px;
    padding-right: 0;
    margin-top: 0;
    font-weight: normal;
    text-align: left;
}

.urlControlLinkType span input {
    min-width: 3%;
}

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
    text-align: left;
}

.urlControlFileRow {
    clear: both;
}

    .urlControlFileRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlFileRow select, .urlControlFileRow input[type=file] {
        clear: both;
    }

.urlControlImagesRow {
    overflow: hidden;
    clear: both;
}

    .urlControlImagesRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlImagesRow select {
        clear: both;
    }

/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs {
    position: relative;
    padding: 0;
}

    .dnnWizardTab.ui-tabs .ui-tabs-nav {
        display: block;
        height: 46px;
        margin: 0;
        padding: 0;
        background: transparent url("/images/InstallWizardBG.png") repeat-x;
    }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li {
            float: left;
            position: relative;
            margin: 0;
            padding: 0;
            border-bottom: 0 !important;
            list-style: none;
            white-space: nowrap;
        }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: 0;
            }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li a,
            .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .dnnWizardTab.ui-tabs .ui-tabs-panel {
        clear: both;
        display: block;
        padding: 3em 1em 1.4em;
        border-width: 0;
        background: none;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-hide {
        display: none !important;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a {
        display: block;
    }

.dnnWizardStep > span {
    display: block;
    float: left;
}

.dnnWizardStep {
    height: 46px;
    padding: 0 0 0 20px;
    background: transparent url("/images/InstallWizardBG.png") repeat-x;
    background-position: 0 0;
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
    padding-left: 30px;
}

.dnnWizardStepNumber {
    margin: 10px 10px 0 0;
    padding: 3px 8px 3px 8px;
    background-color: #999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
}

.dnnWizardStepTitle {
    margin: 13px 20px 0 0;
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dnnWizardStepArrow {
    width: 25px;
    height: 46px;
    background: transparent url("/images/InstallWizardBG.png") no-repeat;
    background-position: 0 -401px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
    height: 46px;
    background-position: 0 -100px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
    background-color: #333;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
    color: #333;
}

.dnnFormExpandContent {
    margin: 10px 0;
}

    .dnnFormExpandContent > a {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid {
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
}

    table.dnnPermissionsGrid {
        color: #777;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td {
        padding: 4px 4px 4px 4px;
        vertical-align: middle;
        line-height: 120%;
        text-align: center;    
    }

    table.dnnPermissionsGrid tr.dnnGridItem td,
    table.dnnPermissionsGrid tr.dnnGridAltItem td {
        padding: 5px 4px 5px 4px;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        width: 70px;
        text-align: center;
    }

    table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
    table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader {
        border-right: 1px solid #c9c9c9;
        text-align: left;
        padding-left: 10px;
        width: 150px;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader {
        padding-left: 10px;
        text-align: left;
    }

    .dnnPermissionsGrid > .dnnFormItem label {
        margin-right: 8px;        
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem select {
        width: 25%;
        margin: 0 5px 5px 0;
        min-width: 180px;
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem input {        
        margin-bottom: 0;
        height: 17px;
        color: #777;
        width: 25%;
    }
    .dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook {
        display: inline-block;
        vertical-align: top;
    }

    .dnnPermissionsGrid > .dnnFormItem > .leftGroup {
        margin-right: 35px;
        float:left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup {
        float: left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup  > .dnnSecondaryAction {
        position: absolute;
    }

    .dnnPermissionsGrid > .dnnFormItem {
        margin-bottom: 18px;
        overflow: auto;     
    }

.dnnGridHeader td, thead.dnnGridHeader th,  tr.dnnGridHeader th{
    padding: 6px 12px 6px 12px;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #f0f2f1;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
}

.dnnGridItem td, .dnnGridAltItem td {
    padding: 6px;
    border-right: 1px solid #c9c9c9;
}

    .dnnGridItem td input, .dnnGridAltItem td input {
        margin-bottom: none;
    }

.dnnGridAltItem {
    background: #F2F2F2;
}

    .dnnGridItem:hover, .dnnGridAltItem:hover {
        background-color: #e8f1fa;
    }

/* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

.urlControl {
    float: left;
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
}

    .urlControl select,
    .urlControl input {
        width: 180px;
        margin-bottom: 10px;
    }

    .urlControl dnnFormItem > a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        float: left;
    }

    .urlControl .urlControlLinkType {
        float: left;
        width: 100%;
    }

        .urlControl .urlControlLinkType .dnnFormLabel {
            float: left;
            width: auto;
            margin-right: 5px;
        }

        .urlControl .urlControlLinkType input[type="radio"] {
            width: auto;
            margin-right: 5px;
        }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
span[id$="FileControl"] {
    display: block;
    float: left;
}

.dnnFilePicker {
    display: block;
    float: left;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px 0 15px;
    width: 450px;
}

    .dnnFilePicker .dnnLeft {
        margin: 0;
        padding: 0;
        margin-top: -30px;
    }

    .dnnFilePicker dnnFormItem {
        margin: 0;
        margin-top: -10px;
        padding: 0;
        position: static;
    }

    .dnnFilePicker .dnnLeft img {
        max-width: 135px;
        max-height: 100px;
    }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
        width: 135px;
        height: 100px;
        background-color: #ccc;
        margin: 20px 15px;
    }

    .dnnFilePicker .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFilePicker select,
    .dnnFilePicker input {
        width: 200px;
        margin: 0;
        margin-right: 10px;
        float: none;
    }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        display: inline-block;
    }

    .dnnFilePicker .dnnLeft img {
        display: block;
        margin: 20px 15px;
    }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    height: 100%;
	font-size: 200px;
}

span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */
    overflow: hidden !important;
    margin: 0px 4px 0 0;
    width: auto !important;
    display: block !important;
    float: left !important;
	position: relative;
}

    span.dnnInputFileWrapper > span.dnnSecondaryAction {
        display: inline-block;
        float: none;
        width: auto;
    }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope {
    display: block;
    float: left;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 500px;
}

    .dnnFileUploadScope .dnnLeft {
        margin: 0;
        padding: 15px 10px 15px 10px;
    }

        .dnnFileUploadScope .dnnLeft .dnnFormItem {
            margin-bottom: 10px;
        }

    .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFileUploadScope .dnnFormItem .dnnDropDownList span {
        margin: 0;
        width: auto;
    }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default,  .dnnFileUploadScope .dnnFormItem .dnnDropDownList{
        width: 180px;
        margin: 0;
        float: none;
    }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
        position: relative;
        margin: 0;
        width: 180px;
        height: 150px;
        background: #d9eeff;
        border: 1px dashed #bbb;
        box-shadow: 0px 1px 0px #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #4577a2;
    }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
            display: block;
            position: absolute;
            left: 38px;
            top: 60px;
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,0.5);
            padding: 5px 7px;
            border-radius: 3px;
            box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555;
            opacity: 0.5;
            cursor: default;
            -webkit-transition: all 500ms ease-in-out;
            -moz-transition: all 500ms ease-in-out;
            -ms-transition: all 500ms ease-in-out;
            -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
        }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
            opacity: 1;
        }

input.dnnFixedSizeComboBox {
    width: 200px !important;
    margin-right: 10px;
    float: left;
}

div.dnnFixedSizeComboBox {
    width: 218px !important;
    margin-right: 15px;
    float: left;
}

.dnnFixedSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

input.dnnSmallSizeComboBox {
    width: 100px !important;
    margin-right: 10px;
    float: left;
}

div.dnnSmallSizeComboBox {
    width: 118px !important;
    margin-right: 15px;
    float: left;
}

.dnnSmallSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important;
}

tr.dnnGridItem td, tr.dnnGridAltItem td {
    border-right: none;
}

    tr.dnnGridItem td input {
        margin-bottom: 0;
    }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.03em;
}

    h2.dnnFormSectionHead a {
        display: block;
        padding-left: 3px;
        background: url("/images/down-icn.png") no-repeat right 50%;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
    }

        h2.dnnFormSectionHead a:hover {
            color: #222;
            background: rgba(2,139,255,0.05) /* blue */ url("/images/down-icn.png") no-repeat right 50%;
        }

        h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url("/images/up-icn.png") no-repeat right 50%;
            color: #222;
        }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
                color: #222;
                background: rgba(2,139,255,0.05) /* blue */ url("/images/up-icn.png") no-repeat right 50%; /* ACTIVE BLUE */
            }

/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
.dnnVerticalTabs {
    margin-left: 0;
}

    .dnnVerticalTabs li {
        list-style: none;
    }

        .dnnVerticalTabs li a {
            display: block;
            padding: 15px 15px;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: rgba(0, 0, 0, 0.04);
            color: #999;
            text-decoration: none;
        }

            .dnnVerticalTabs li a:hover {
                background: rgba(0, 0, 0, 0.06);
                color: #333;
            }

        .dnnVerticalTabs li.active a {
            background: none;
            color: #333;
            border-right: 1px solid transparent;
        }

.tabBody {
    display: none;
}

/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: #ccc;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: #ccc;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspVerticalBar .jspTrack {
    width: 10px;
    margin: 0 0 0 3px;
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0 3px 0;
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px;
}

.jspHorizontalBar .jspCap {
    display: block;
    width: 3px;
    height: 11px;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: .75;
    background: #000;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 5px;
}

/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/

/* Compatible with some old forge modules---*/
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
    display: inline !important;
}

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label {
    display: inline !important;
}

div.ModDNNFAQsC .Normal {
    width: auto !important;
}

div.ModDNNFeedbackC .dnnFormItem > label {
    display: inline-block;
    width: 33%;
    text-align: right;
}

div.ModDNNUserDefinedTableC div.RadEditor {
    height: auto !important;
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block;
}

div.ModDNNIFrameC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNIFrameC table.Normal td .dnnLabel {
    width: 100px;
}

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
    margin: 5px 0 0 30px;
}

div.ModDNNLinksC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
.left {
    float: left;
}

.right {
    float: right;
}

.dnnLeft {
    float: left;
}

.dnnRight {
    float: right;
}

.dnnClear {
    clear: both;
}

    .dnnClear:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }

* + html .dnnClear {
    min-height: 1%;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft {
    text-align: left;
}

.DNNAlignright {
    text-align: right;
}

.DNNAligncenter {
    text-align: center;
}

/* used to collapse panes without any content in them */
body:not(.dnnEditState) .DNNEmptyPane {
    width: 0px;
}

/* style to apply if the content should be hidden */
.Hidden {
    display: none;
}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
/*Edit In Place Tool Bar Classes*/
.eipbackimg {
	position:absolute;
	margin-top:-32px;
	white-space:nowrap;
	background:url("/images/eip_toolbar.png") repeat-x;
	height:32px;
	z-index: 1;
}
.eipbackimg.editMode {
	border: 1px solid #777777 !important;
	background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */
	opacity: 0.8;
}
.eipbackimg.containerTitle {
	margin-top: -8px;
}
.eipbackimg.containerTitle.editMode {
	left: auto;
	right: 0px;
	margin-top: 2px;
	background: none !important;
	border: none !important;
}
.eipbuttonbackimg{
	width: 32px;
	height: 32px; 
	cursor: pointer;
	float:left;
	background: url("/images/eip_toolbar.png") no-repeat;
	
}
.eipbackimg.editMode .eipbuttonbackimg {
	border-left: 1px solid #1f1f1f;
	border-right: 1px solid #393939;
	opacity: 0.5;
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
	border: none;
	opacity: 1;
}

.eipbuttonbackimg.eipbutton_cancel{ background-position: -32px 0;}
.eipbuttonbackimg.eipbutton_bold{ background-position: -64px 0;}
.eipbuttonbackimg.eipbutton_italic{ background-position: -96px 0;}
.eipbuttonbackimg.eipbutton_underline{ background-position: -128px 0;}
.eipbuttonbackimg.eipbutton_justifyleft{ background-position: -160px 0;}
.eipbuttonbackimg.eipbutton_justifycenter{ background-position: -192px 0;}
.eipbuttonbackimg.eipbutton_justifyright{ background-position: -224px 0;}
.eipbuttonbackimg.eipbutton_orderedlist{ background-position: -256px 0;}
.eipbuttonbackimg.eipbutton_unorderedlist{ background-position: -288px 0;}
.eipbuttonbackimg.eipbutton_outdent{ background-position: -320px 0;}
.eipbuttonbackimg.eipbutton_indent{ background-position: -352px 0;}
.eipbuttonbackimg.eipbutton_createlink{ background-position: -384px 0;}

.eipbackimg.containerTitle .eipbutton_cancel {
	background: url("/images/eip_title_cancel.png") no-repeat center center;
}

.eipbutton_edit {
	background: url("/images/eip_edit.png") no-repeat 100% center;
	float:left;
}

.eipbutton_save {
	background: url("/images/eip_save.png") no-repeat 100% center;
	float:left;
}
.eipbackimg.containerTitle .eipbutton_save {
	background-image: url("/images/eip_title_save.png");
}

.eipbackimg.editMode .eipborderhover {
	background-color: #333;
	opacity: 1;
}
.eipbackimg.editMode.containerTitle .eipborderhover {
	background-color: inherit;
}
div[id$=titleLabel_tb].visible ~ span{ margin-left: 32px;}

/*Critical Error Popup*/
div.errorWin p{ margin: 0 0 10px 0;}

input[type="button"].rspCollapseBarSpacer
{ min-width: 0; padding: 0 0; }


/*------------------------------------------------*/
/* DEFAULT PROFILE STYLE */
/*------------------------------------------------*/

.UserProfileControls ul li {
    list-style-type: none;
}

/*------------------------------------------------*/
/* PROFILE STYLE */
/*------------------------------------------------*/
.console.profile {
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    height: auto;
    background-color: #484848; /* Menu Background Color */
}

.console.profile .console-none div {
    cursor: pointer;
    cursor: hand;
    float: left;
    height: auto;
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px #fff;
    background: url("/Resources/images/arrow-right-white.png") 18px center no-repeat;
    color: #eee;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
}

.console.profile .console-none div div {
    display: none;
}

.console.profile .console-mouseon {
    background-color: #70b1c7; /* Menu Hover Background Color */
}
/*-------------------------------------------------*/

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView{
	margin: 0;
	padding: 0;
	width: 100%;
	height: inherit !important;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage{
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 0 10px 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary{
	padding: 10px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm {
    width: 100%;
	padding: 18px 0 0 0;
    margin: 0;
    float: none;	
	min-width: inherit !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm{
	width: 100%;
	margin: 0;
	float: none;
	min-width: inherit !important;
}



body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: 100% !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
	padding: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration{
	display: none;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha{
	width: 100%;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img{
	display: block;
	margin: 0 0 5px 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp{
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip{
	display: none !important;
	width: 0 !important;
	position: static !important;
	right: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"]{
    display: block;
    box-sizing: border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100% !important;
	margin-bottom: 18px;
	min-width: 100% !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > span#dnn_ctr_Login_Login_DNN_lblLogin{
	display: none !important;
	width: 0;
	margin: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError{
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	right: 0;
	width: auto;
	max-width: 100%;
	padding: 10px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction{
	width: 45%;
	padding: 18px 0 18px 0;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe{
	display: block;
	float: left;
	margin: 10px 0 0 5px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions {
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction{
	width: 100%;
	padding: 18px 0 18px 0;
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions{
	padding: 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li{
	width: 45%;
}

/* password strength control in iPopup */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container{
	width: 100%;
	margin: 0 0 12px 0;
	padding: 8px 0 8px 0;
	display: block;
	max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"]{
	display: block;
	margin: 0 8px 0 8px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text{
	display: block;	
	margin: 5px 0 5px 8px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter{
	float: none;	
	width: 90%;
	margin: 0 0 0 8px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched{
	background: none !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip, 
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip{
	display: none !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.mobileView .ui-widget-overlay {
    display: none;
}
.dnnFormPopup.dnnFormPopupMobileView {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
}
.dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: none;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar {
    border-bottom: none;
    cursor: inherit;
    font-size: 22px;
    color: #000;
    padding: 5px 0 0 0;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: auto !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 18px;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 0 5px 0 12px;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError {
    right: 0;
    width: auto;
    border-radius: 0;
    text-align: right;
    max-width: 100%;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    width: 49%;
    margin: 0;
    padding: 20px 0 20px 0;
    display: block;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction {
    float: left;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    float: right;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane {
    border-top: none;
}

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction {
    width: 24%;
    display: inline-block;
    margin-right: 1%;
    float: none;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 25px 0 15px 0;
}

html.mobileView {
    overflow: auto !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, 
.mobileView #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.dnnPlaceholder{ color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput {
	position: relative;
	display: inline-block;
	width: 47%;
    margin:15px 0 23px 0;
    max-width: 445px;
	border: 1px solid #d3d3d3;
	-ms-border-radius: 3px;
	border-radius: 3px;
	height: 10px;
}

div.dnnSliderInput .ui-slider-handle {
	position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: default;
	border: 1px solid #aaaaaa;
    background-color: #cccccc;
    font-weight: normal;
    color: #555555;
	outline: none;
	top: -2px;
	margin-left: -7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.dnnSliderInput .dnnTooltip {
	top: -37px;
	margin-left: -22px;
}
div.dnnSliderInput .dnnTooltip .dnnFormHelpContent {
	visibility: visible;
	padding: 4px 10px;
	width: 25px;
	text-align: center;
	z-index: 1;
}
/*END DNN Slider Input Style*/

/* Overflow for dnnMenu dropdown */
#dnnMenu .dropdown-menu {
    word-wrap: break-word;
}

/* End Overflow for dnnMenu dropdown */


/*.dnn_layoutB {
    background-color: yellow;
}*/
/*****************************************************************************/
/*** bootstrap.css ***/
/*****************************************************************************/
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder {
  color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #777;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
  color: #428bca;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
  -o-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* * Glyphicons * * Special styles for displaying the icons and their classes in the docs. */
.bs-glyphicons {
  margin: 0;
  padding: 0;
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 100px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
  list-style: none;
}
.bs-glyphicons .glyphicons,
.bs-glyphicons .social {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}
.bs-glyphicons li b,
.bs-glyphicons li strong {
  display: block;
  font-weight: normal;
}
.bs-glyphicons li:hover {
  background-color: rgba(86, 61, 124, 0.1);
}
@media only screen and (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 768px) {
  .bs-glyphicons li {
    width: 12.5%;
  }
}
/*! * * Project:GLYPHICONS HALFLINGS * Author:Jan Kovarik - www.glyphicons.com * Twitter:@glyphicons * */
@font-face {
  font-family: 'Glyphicons Regular';
  src: url("/Portals/_default/skins/freiraum/fonts/glyphicons-regular.eot");
  src: url("/Portals/_default/skins/freiraum/fonts/glyphicons-regular.eot?#iefix") format('embedded-opentype'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-regular.woff") format('woff'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-regular.ttf") format('truetype'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-regular.svg#glyphiconsregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicons {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: 'Glyphicons Social Regular';
  src: url("/Portals/_default/skins/freiraum/fonts/glyphicons-social-regular.eot");
  src: url("/Portals/_default/skins/freiraum/fonts/glyphicons-social-regular.eot?#iefix") format('embedded-opentype'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-social-regular.woff") format('woff'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-social-regular.ttf") format('truetype'), url("/Portals/_default/skins/freiraum/fonts/glyphicons-social-regular.svg#glyphicons_socialregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
.social {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Social Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
a.social,
a.social:link,
a.social:active,
a.social:visited {
  color: #777777;
}
a.social:hover {
  text-decoration: none;
}
.glyphicons:empty,
.social:empty {
  width: 1em;
}
.glyphicons.glyph-glass:before {
  content: "\E001";
}
.glyphicons.glyph-leaf:before {
  content: "\E002";
}
.glyphicons.glyph-dog:before {
  content: "\1F415";
}
.glyphicons.glyph-user:before {
  content: "\E004";
}
.glyphicons.glyph-girl:before {
  content: "\1F467";
}
.glyphicons.glyph-car:before {
  content: "\E006";
}
.glyphicons.glyph-user-add:before {
  content: "\E007";
}
.glyphicons.glyph-user-remove:before {
  content: "\E008";
}
.glyphicons.glyph-film:before {
  content: "\E009";
}
.glyphicons.glyph-magic:before {
  content: "\E010";
}
.glyphicons.glyph-envelope:before {
  content: "\2709";
}
.glyphicons.glyph-camera:before {
  content: "\1F4F7";
}
.glyphicons.glyph-heart:before {
  content: "\E013";
}
.glyphicons.glyph-beach-umbrella:before {
  content: "\E014";
}
.glyphicons.glyph-train:before {
  content: "\1F686";
}
.glyphicons.glyph-print:before {
  content: "\E016";
}
.glyphicons.glyph-bin:before {
  content: "\E017";
}
.glyphicons.glyph-music:before {
  content: "\E018";
}
.glyphicons.glyph-note:before {
  content: "\E019";
}
.glyphicons.glyph-heart-empty:before {
  content: "\E020";
}
.glyphicons.glyph-home:before {
  content: "\E021";
}
.glyphicons.glyph-snowflake:before {
  content: "\2744";
}
.glyphicons.glyph-fire:before {
  content: "\1F525";
}
.glyphicons.glyph-magnet:before {
  content: "\E024";
}
.glyphicons.glyph-parents:before {
  content: "\E025";
}
.glyphicons.glyph-binoculars:before {
  content: "\E026";
}
.glyphicons.glyph-road:before {
  content: "\E027";
}
.glyphicons.glyph-search:before {
  content: "\E028";
}
.glyphicons.glyph-cars:before {
  content: "\E029";
}
.glyphicons.glyph-notes-2:before {
  content: "\E030";
}
.glyphicons.glyph-pencil:before {
  content: "\270F";
}
.glyphicons.glyph-bus:before {
  content: "\1F68C";
}
.glyphicons.glyph-wifi-alt:before {
  content: "\E033";
}
.glyphicons.glyph-luggage:before {
  content: "\E034";
}
.glyphicons.glyph-old-man:before {
  content: "\E035";
}
.glyphicons.glyph-woman:before {
  content: "\1F469";
}
.glyphicons.glyph-file:before {
  content: "\E037";
}
.glyphicons.glyph-coins:before {
  content: "\E038";
}
.glyphicons.glyph-airplane:before {
  content: "\2708";
}
.glyphicons.glyph-notes:before {
  content: "\E040";
}
.glyphicons.glyph-stats:before {
  content: "\E041";
}
.glyphicons.glyph-charts:before {
  content: "\E042";
}
.glyphicons.glyph-pie-chart:before {
  content: "\E043";
}
.glyphicons.glyph-group:before {
  content: "\E044";
}
.glyphicons.glyph-keys:before {
  content: "\E045";
}
.glyphicons.glyph-calendar:before {
  content: "\1F4C5";
}
.glyphicons.glyph-router:before {
  content: "\E047";
}
.glyphicons.glyph-camera-small:before {
  content: "\E048";
}
.glyphicons.glyph-dislikes:before {
  content: "\E049";
}
.glyphicons.glyph-star:before {
  content: "\E050";
}
.glyphicons.glyph-link:before {
  content: "\E051";
}
.glyphicons.glyph-eye-open:before {
  content: "\E052";
}
.glyphicons.glyph-eye-close:before {
  content: "\E053";
}
.glyphicons.glyph-alarm:before {
  content: "\E054";
}
.glyphicons.glyph-clock:before {
  content: "\E055";
}
.glyphicons.glyph-stopwatch:before {
  content: "\E056";
}
.glyphicons.glyph-projector:before {
  content: "\E057";
}
.glyphicons.glyph-history:before {
  content: "\E058";
}
.glyphicons.glyph-truck:before {
  content: "\E059";
}
.glyphicons.glyph-cargo:before {
  content: "\E060";
}
.glyphicons.glyph-compass:before {
  content: "\E061";
}
.glyphicons.glyph-keynote:before {
  content: "\E062";
}
.glyphicons.glyph-paperclip:before {
  content: "\1F4CE";
}
.glyphicons.glyph-power:before {
  content: "\E064";
}
.glyphicons.glyph-lightbulb:before {
  content: "\E065";
}
.glyphicons.glyph-tag:before {
  content: "\E066";
}
.glyphicons.glyph-tags:before {
  content: "\E067";
}
.glyphicons.glyph-cleaning:before {
  content: "\E068";
}
.glyphicons.glyph-ruller:before {
  content: "\E069";
}
.glyphicons.glyph-gift:before {
  content: "\E070";
}
.glyphicons.glyph-umbrella:before {
  content: "\2602";
}
.glyphicons.glyph-book:before {
  content: "\E072";
}
.glyphicons.glyph-bookmark:before {
  content: "\1F516";
}
.glyphicons.glyph-wifi:before {
  content: "\E074";
}
.glyphicons.glyph-cup:before {
  content: "\E075";
}
.glyphicons.glyph-stroller:before {
  content: "\E076";
}
.glyphicons.glyph-headphones:before {
  content: "\E077";
}
.glyphicons.glyph-headset:before {
  content: "\E078";
}
.glyphicons.glyph-warning-sign:before {
  content: "\E079";
}
.glyphicons.glyph-signal:before {
  content: "\E080";
}
.glyphicons.glyph-retweet:before {
  content: "\E081";
}
.glyphicons.glyph-refresh:before {
  content: "\E082";
}
.glyphicons.glyph-roundabout:before {
  content: "\E083";
}
.glyphicons.glyph-random:before {
  content: "\E084";
}
.glyphicons.glyph-heat:before {
  content: "\E085";
}
.glyphicons.glyph-repeat:before {
  content: "\E086";
}
.glyphicons.glyph-display:before {
  content: "\E087";
}
.glyphicons.glyph-log-book:before {
  content: "\E088";
}
.glyphicons.glyph-address-book:before {
  content: "\E089";
}
.glyphicons.glyph-building:before {
  content: "\E090";
}
.glyphicons.glyph-eyedropper:before {
  content: "\E091";
}
.glyphicons.glyph-adjust:before {
  content: "\E092";
}
.glyphicons.glyph-tint:before {
  content: "\E093";
}
.glyphicons.glyph-crop:before {
  content: "\E094";
}
.glyphicons.glyph-vector-path-square:before {
  content: "\E095";
}
.glyphicons.glyph-vector-path-circle:before {
  content: "\E096";
}
.glyphicons.glyph-vector-path-polygon:before {
  content: "\E097";
}
.glyphicons.glyph-vector-path-line:before {
  content: "\E098";
}
.glyphicons.glyph-vector-path-curve:before {
  content: "\E099";
}
.glyphicons.glyph-vector-path-all:before {
  content: "\E100";
}
.glyphicons.glyph-font:before {
  content: "\E101";
}
.glyphicons.glyph-italic:before {
  content: "\E102";
}
.glyphicons.glyph-bold:before {
  content: "\E103";
}
.glyphicons.glyph-text-underline:before {
  content: "\E104";
}
.glyphicons.glyph-text-strike:before {
  content: "\E105";
}
.glyphicons.glyph-text-height:before {
  content: "\E106";
}
.glyphicons.glyph-text-width:before {
  content: "\E107";
}
.glyphicons.glyph-text-resize:before {
  content: "\E108";
}
.glyphicons.glyph-left-indent:before {
  content: "\E109";
}
.glyphicons.glyph-right-indent:before {
  content: "\E110";
}
.glyphicons.glyph-align-left:before {
  content: "\E111";
}
.glyphicons.glyph-align-center:before {
  content: "\E112";
}
.glyphicons.glyph-align-right:before {
  content: "\E113";
}
.glyphicons.glyph-justify:before {
  content: "\E114";
}
.glyphicons.glyph-list:before {
  content: "\E115";
}
.glyphicons.glyph-text-smaller:before {
  content: "\E116";
}
.glyphicons.glyph-text-bigger:before {
  content: "\E117";
}
.glyphicons.glyph-embed:before {
  content: "\E118";
}
.glyphicons.glyph-embed-close:before {
  content: "\E119";
}
.glyphicons.glyph-table:before {
  content: "\E120";
}
.glyphicons.glyph-message-full:before {
  content: "\E121";
}
.glyphicons.glyph-message-empty:before {
  content: "\E122";
}
.glyphicons.glyph-message-in:before {
  content: "\E123";
}
.glyphicons.glyph-message-out:before {
  content: "\E124";
}
.glyphicons.glyph-message-plus:before {
  content: "\E125";
}
.glyphicons.glyph-message-minus:before {
  content: "\E126";
}
.glyphicons.glyph-message-ban:before {
  content: "\E127";
}
.glyphicons.glyph-message-flag:before {
  content: "\E128";
}
.glyphicons.glyph-message-lock:before {
  content: "\E129";
}
.glyphicons.glyph-message-new:before {
  content: "\E130";
}
.glyphicons.glyph-inbox:before {
  content: "\E131";
}
.glyphicons.glyph-inbox-plus:before {
  content: "\E132";
}
.glyphicons.glyph-inbox-minus:before {
  content: "\E133";
}
.glyphicons.glyph-inbox-lock:before {
  content: "\E134";
}
.glyphicons.glyph-inbox-in:before {
  content: "\E135";
}
.glyphicons.glyph-inbox-out:before {
  content: "\E136";
}
.glyphicons.glyph-cogwheel:before {
  content: "\E137";
}
.glyphicons.glyph-cogwheels:before {
  content: "\E138";
}
.glyphicons.glyph-picture:before {
  content: "\E139";
}
.glyphicons.glyph-adjust-alt:before {
  content: "\E140";
}
.glyphicons.glyph-database-lock:before {
  content: "\E141";
}
.glyphicons.glyph-database-plus:before {
  content: "\E142";
}
.glyphicons.glyph-database-minus:before {
  content: "\E143";
}
.glyphicons.glyph-database-ban:before {
  content: "\E144";
}
.glyphicons.glyph-folder-open:before {
  content: "\E145";
}
.glyphicons.glyph-folder-plus:before {
  content: "\E146";
}
.glyphicons.glyph-folder-minus:before {
  content: "\E147";
}
.glyphicons.glyph-folder-lock:before {
  content: "\E148";
}
.glyphicons.glyph-folder-flag:before {
  content: "\E149";
}
.glyphicons.glyph-folder-new:before {
  content: "\E150";
}
.glyphicons.glyph-edit:before {
  content: "\E151";
}
.glyphicons.glyph-new-window:before {
  content: "\E152";
}
.glyphicons.glyph-check:before {
  content: "\E153";
}
.glyphicons.glyph-unchecked:before {
  content: "\E154";
}
.glyphicons.glyph-more-windows:before {
  content: "\E155";
}
.glyphicons.glyph-show-big-thumbnails:before {
  content: "\E156";
}
.glyphicons.glyph-show-thumbnails:before {
  content: "\E157";
}
.glyphicons.glyph-show-thumbnails-with-lines:before {
  content: "\E158";
}
.glyphicons.glyph-show-lines:before {
  content: "\E159";
}
.glyphicons.glyph-playlist:before {
  content: "\E160";
}
.glyphicons.glyph-imac:before {
  content: "\E161";
}
.glyphicons.glyph-macbook:before {
  content: "\E162";
}
.glyphicons.glyph-ipad:before {
  content: "\E163";
}
.glyphicons.glyph-iphone:before {
  content: "\E164";
}
.glyphicons.glyph-iphone-transfer:before {
  content: "\E165";
}
.glyphicons.glyph-iphone-exchange:before {
  content: "\E166";
}
.glyphicons.glyph-ipod:before {
  content: "\E167";
}
.glyphicons.glyph-ipod-shuffle:before {
  content: "\E168";
}
.glyphicons.glyph-ear-plugs:before {
  content: "\E169";
}
.glyphicons.glyph-record:before {
  content: "\E170";
}
.glyphicons.glyph-step-backward:before {
  content: "\E171";
}
.glyphicons.glyph-fast-backward:before {
  content: "\E172";
}
.glyphicons.glyph-rewind:before {
  content: "\E173";
}
.glyphicons.glyph-play:before {
  content: "\E174";
}
.glyphicons.glyph-pause:before {
  content: "\E175";
}
.glyphicons.glyph-stop:before {
  content: "\E176";
}
.glyphicons.glyph-forward:before {
  content: "\E177";
}
.glyphicons.glyph-fast-forward:before {
  content: "\E178";
}
.glyphicons.glyph-step-forward:before {
  content: "\E179";
}
.glyphicons.glyph-eject:before {
  content: "\E180";
}
.glyphicons.glyph-facetime-video:before {
  content: "\E181";
}
.glyphicons.glyph-download-alt:before {
  content: "\E182";
}
.glyphicons.glyph-mute:before {
  content: "\E183";
}
.glyphicons.glyph-volume-down:before {
  content: "\E184";
}
.glyphicons.glyph-volume-up:before {
  content: "\E185";
}
.glyphicons.glyph-screenshot:before {
  content: "\E186";
}
.glyphicons.glyph-move:before {
  content: "\E187";
}
.glyphicons.glyph-more:before {
  content: "\E188";
}
.glyphicons.glyph-brightness-reduce:before {
  content: "\E189";
}
.glyphicons.glyph-brightness-increase:before {
  content: "\E190";
}
.glyphicons.glyph-circle-plus:before {
  content: "\E191";
}
.glyphicons.glyph-circle-minus:before {
  content: "\E192";
}
.glyphicons.glyph-circle-remove:before {
  content: "\E193";
}
.glyphicons.glyph-circle-ok:before {
  content: "\E194";
}
.glyphicons.glyph-circle-question-mark:before {
  content: "\E195";
}
.glyphicons.glyph-circle-info:before {
  content: "\E196";
}
.glyphicons.glyph-circle-exclamation-mark:before {
  content: "\E197";
}
.glyphicons.glyph-remove:before {
  content: "\E198";
}
.glyphicons.glyph-ok:before {
  content: "\E199";
}
.glyphicons.glyph-ban:before {
  content: "\E200";
}
.glyphicons.glyph-download:before {
  content: "\E201";
}
.glyphicons.glyph-upload:before {
  content: "\E202";
}
.glyphicons.glyph-shopping-cart:before {
  content: "\E203";
}
.glyphicons.glyph-lock:before {
  content: "\1F512";
}
.glyphicons.glyph-unlock:before {
  content: "\E205";
}
.glyphicons.glyph-electricity:before {
  content: "\E206";
}
.glyphicons.glyph-ok-2:before {
  content: "\E207";
}
.glyphicons.glyph-remove-2:before {
  content: "\E208";
}
.glyphicons.glyph-cart-out:before {
  content: "\E209";
}
.glyphicons.glyph-cart-in:before {
  content: "\E210";
}
.glyphicons.glyph-left-arrow:before {
  content: "\E211";
}
.glyphicons.glyph-right-arrow:before {
  content: "\E212";
}
.glyphicons.glyph-down-arrow:before {
  content: "\E213";
}
.glyphicons.glyph-up-arrow:before {
  content: "\E214";
}
.glyphicons.glyph-resize-small:before {
  content: "\E215";
}
.glyphicons.glyph-resize-full:before {
  content: "\E216";
}
.glyphicons.glyph-circle-arrow-left:before {
  content: "\E217";
}
.glyphicons.glyph-circle-arrow-right:before {
  content: "\E218";
}
.glyphicons.glyph-circle-arrow-top:before {
  content: "\E219";
}
.glyphicons.glyph-circle-arrow-down:before {
  content: "\E220";
}
.glyphicons.glyph-play-button:before {
  content: "\E221";
}
.glyphicons.glyph-unshare:before {
  content: "\E222";
}
.glyphicons.glyph-share:before {
  content: "\E223";
}
.glyphicons.glyph-chevron-right:before {
  content: "\E224";
}
.glyphicons.glyph-chevron-left:before {
  content: "\E225";
}
.glyphicons.glyph-bluetooth:before {
  content: "\E226";
}
.glyphicons.glyph-euro:before {
  content: "\20AC";
}
.glyphicons.glyph-usd:before {
  content: "\E228";
}
.glyphicons.glyph-gbp:before {
  content: "\E229";
}
.glyphicons.glyph-retweet-2:before {
  content: "\E230";
}
.glyphicons.glyph-moon:before {
  content: "\E231";
}
.glyphicons.glyph-sun:before {
  content: "\2609";
}
.glyphicons.glyph-cloud:before {
  content: "\2601";
}
.glyphicons.glyph-direction:before {
  content: "\E234";
}
.glyphicons.glyph-brush:before {
  content: "\E235";
}
.glyphicons.glyph-pen:before {
  content: "\E236";
}
.glyphicons.glyph-zoom-in:before {
  content: "\E237";
}
.glyphicons.glyph-zoom-out:before {
  content: "\E238";
}
.glyphicons.glyph-pin:before {
  content: "\E239";
}
.glyphicons.glyph-albums:before {
  content: "\E240";
}
.glyphicons.glyph-rotation-lock:before {
  content: "\E241";
}
.glyphicons.glyph-flash:before {
  content: "\E242";
}
.glyphicons.glyph-google-maps:before {
  content: "\E243";
}
.glyphicons.glyph-anchor:before {
  content: "\2693";
}
.glyphicons.glyph-conversation:before {
  content: "\E245";
}
.glyphicons.glyph-chat:before {
  content: "\E246";
}
.glyphicons.glyph-male:before {
  content: "\E247";
}
.glyphicons.glyph-female:before {
  content: "\E248";
}
.glyphicons.glyph-asterisk:before {
  content: "\002A";
}
.glyphicons.glyph-divide:before {
  content: "\00F7";
}
.glyphicons.glyph-snorkel-diving:before {
  content: "\E251";
}
.glyphicons.glyph-scuba-diving:before {
  content: "\E252";
}
.glyphicons.glyph-oxygen-bottle:before {
  content: "\E253";
}
.glyphicons.glyph-fins:before {
  content: "\E254";
}
.glyphicons.glyph-fishes:before {
  content: "\E255";
}
.glyphicons.glyph-boat:before {
  content: "\E256";
}
.glyphicons.glyph-delete:before {
  content: "\E257";
}
.glyphicons.glyph-sheriffs-star:before {
  content: "\E258";
}
.glyphicons.glyph-qrcode:before {
  content: "\E259";
}
.glyphicons.glyph-barcode:before {
  content: "\E260";
}
.glyphicons.glyph-pool:before {
  content: "\E261";
}
.glyphicons.glyph-buoy:before {
  content: "\E262";
}
.glyphicons.glyph-spade:before {
  content: "\E263";
}
.glyphicons.glyph-bank:before {
  content: "\1F3E6";
}
.glyphicons.glyph-vcard:before {
  content: "\E265";
}
.glyphicons.glyph-electrical-plug:before {
  content: "\E266";
}
.glyphicons.glyph-flag:before {
  content: "\E267";
}
.glyphicons.glyph-credit-card:before {
  content: "\E268";
}
.glyphicons.glyph-keyboard-wireless:before {
  content: "\E269";
}
.glyphicons.glyph-keyboard-wired:before {
  content: "\E270";
}
.glyphicons.glyph-shield:before {
  content: "\E271";
}
.glyphicons.glyph-ring:before {
  content: "\02DA";
}
.glyphicons.glyph-cake:before {
  content: "\E273";
}
.glyphicons.glyph-drink:before {
  content: "\E274";
}
.glyphicons.glyph-beer:before {
  content: "\E275";
}
.glyphicons.glyph-fast-food:before {
  content: "\E276";
}
.glyphicons.glyph-cutlery:before {
  content: "\E277";
}
.glyphicons.glyph-pizza:before {
  content: "\E278";
}
.glyphicons.glyph-birthday-cake:before {
  content: "\E279";
}
.glyphicons.glyph-tablet:before {
  content: "\E280";
}
.glyphicons.glyph-settings:before {
  content: "\E281";
}
.glyphicons.glyph-bullets:before {
  content: "\E282";
}
.glyphicons.glyph-cardio:before {
  content: "\E283";
}
.glyphicons.glyph-t-shirt:before {
  content: "\E284";
}
.glyphicons.glyph-pants:before {
  content: "\E285";
}
.glyphicons.glyph-sweater:before {
  content: "\E286";
}
.glyphicons.glyph-fabric:before {
  content: "\E287";
}
.glyphicons.glyph-leather:before {
  content: "\E288";
}
.glyphicons.glyph-scissors:before {
  content: "\E289";
}
.glyphicons.glyph-bomb:before {
  content: "\1F4A3";
}
.glyphicons.glyph-skull:before {
  content: "\1F480";
}
.glyphicons.glyph-celebration:before {
  content: "\E292";
}
.glyphicons.glyph-tea-kettle:before {
  content: "\E293";
}
.glyphicons.glyph-french-press:before {
  content: "\E294";
}
.glyphicons.glyph-coffe-cup:before {
  content: "\E295";
}
.glyphicons.glyph-pot:before {
  content: "\E296";
}
.glyphicons.glyph-grater:before {
  content: "\E297";
}
.glyphicons.glyph-kettle:before {
  content: "\E298";
}
.glyphicons.glyph-hospital:before {
  content: "\1F3E5";
}
.glyphicons.glyph-hospital-h:before {
  content: "\E300";
}
.glyphicons.glyph-microphone:before {
  content: "\1F3A4";
}
.glyphicons.glyph-webcam:before {
  content: "\E302";
}
.glyphicons.glyph-temple-christianity-church:before {
  content: "\E303";
}
.glyphicons.glyph-temple-islam:before {
  content: "\E304";
}
.glyphicons.glyph-temple-hindu:before {
  content: "\E305";
}
.glyphicons.glyph-temple-buddhist:before {
  content: "\E306";
}
.glyphicons.glyph-bicycle:before {
  content: "\1F6B2";
}
.glyphicons.glyph-life-preserver:before {
  content: "\E308";
}
.glyphicons.glyph-share-alt:before {
  content: "\E309";
}
.glyphicons.glyph-comments:before {
  content: "\E310";
}
.glyphicons.glyph-flower:before {
  content: "\2698";
}
.glyphicons.glyph-baseball:before {
  content: "\26BE";
}
.glyphicons.glyph-rugby:before {
  content: "\E313";
}
.glyphicons.glyph-ax:before {
  content: "\E314";
}
.glyphicons.glyph-table-tennis:before {
  content: "\E315";
}
.glyphicons.glyph-bowling:before {
  content: "\1F3B3";
}
.glyphicons.glyph-tree-conifer:before {
  content: "\E317";
}
.glyphicons.glyph-tree-deciduous:before {
  content: "\E318";
}
.glyphicons.glyph-more-items:before {
  content: "\E319";
}
.glyphicons.glyph-sort:before {
  content: "\E320";
}
.glyphicons.glyph-filter:before {
  content: "\E321";
}
.glyphicons.glyph-gamepad:before {
  content: "\E322";
}
.glyphicons.glyph-playing-dices:before {
  content: "\E323";
}
.glyphicons.glyph-calculator:before {
  content: "\E324";
}
.glyphicons.glyph-tie:before {
  content: "\E325";
}
.glyphicons.glyph-wallet:before {
  content: "\E326";
}
.glyphicons.glyph-piano:before {
  content: "\E327";
}
.glyphicons.glyph-sampler:before {
  content: "\E328";
}
.glyphicons.glyph-podium:before {
  content: "\E329";
}
.glyphicons.glyph-soccer-ball:before {
  content: "\E330";
}
.glyphicons.glyph-blog:before {
  content: "\E331";
}
.glyphicons.glyph-dashboard:before {
  content: "\E332";
}
.glyphicons.glyph-certificate:before {
  content: "\E333";
}
.glyphicons.glyph-bell:before {
  content: "\1F514";
}
.glyphicons.glyph-candle:before {
  content: "\E335";
}
.glyphicons.glyph-pushpin:before {
  content: "\1F4CC";
}
.glyphicons.glyph-iphone-shake:before {
  content: "\E337";
}
.glyphicons.glyph-pin-flag:before {
  content: "\E338";
}
.glyphicons.glyph-turtle:before {
  content: "\1F422";
}
.glyphicons.glyph-rabbit:before {
  content: "\1F407";
}
.glyphicons.glyph-globe:before {
  content: "\E341";
}
.glyphicons.glyph-briefcase:before {
  content: "\1F4BC";
}
.glyphicons.glyph-hdd:before {
  content: "\E343";
}
.glyphicons.glyph-thumbs-up:before {
  content: "\E344";
}
.glyphicons.glyph-thumbs-down:before {
  content: "\E345";
}
.glyphicons.glyph-hand-right:before {
  content: "\E346";
}
.glyphicons.glyph-hand-left:before {
  content: "\E347";
}
.glyphicons.glyph-hand-up:before {
  content: "\E348";
}
.glyphicons.glyph-hand-down:before {
  content: "\E349";
}
.glyphicons.glyph-fullscreen:before {
  content: "\E350";
}
.glyphicons.glyph-shopping-bag:before {
  content: "\E351";
}
.glyphicons.glyph-book-open:before {
  content: "\E352";
}
.glyphicons.glyph-nameplate:before {
  content: "\E353";
}
.glyphicons.glyph-nameplate-alt:before {
  content: "\E354";
}
.glyphicons.glyph-vases:before {
  content: "\E355";
}
.glyphicons.glyph-bullhorn:before {
  content: "\E356";
}
.glyphicons.glyph-dumbbell:before {
  content: "\E357";
}
.glyphicons.glyph-suitcase:before {
  content: "\E358";
}
.glyphicons.glyph-file-import:before {
  content: "\E359";
}
.glyphicons.glyph-file-export:before {
  content: "\E360";
}
.glyphicons.glyph-bug:before {
  content: "\1F41B";
}
.glyphicons.glyph-crown:before {
  content: "\1F451";
}
.glyphicons.glyph-smoking:before {
  content: "\E363";
}
.glyphicons.glyph-cloud-upload:before {
  content: "\E364";
}
.glyphicons.glyph-cloud-download:before {
  content: "\E365";
}
.glyphicons.glyph-restart:before {
  content: "\E366";
}
.glyphicons.glyph-security-camera:before {
  content: "\E367";
}
.glyphicons.glyph-expand:before {
  content: "\E368";
}
.glyphicons.glyph-collapse:before {
  content: "\E369";
}
.glyphicons.glyph-collapse-top:before {
  content: "\E370";
}
.glyphicons.glyph-globe-af:before {
  content: "\E371";
}
.glyphicons.glyph-global:before {
  content: "\E372";
}
.glyphicons.glyph-spray:before {
  content: "\E373";
}
.glyphicons.glyph-nails:before {
  content: "\E374";
}
.glyphicons.glyph-claw-hammer:before {
  content: "\E375";
}
.glyphicons.glyph-classic-hammer:before {
  content: "\E376";
}
.glyphicons.glyph-hand-saw:before {
  content: "\E377";
}
.glyphicons.glyph-riflescope:before {
  content: "\E378";
}
.glyphicons.glyph-electrical-socket-eu:before {
  content: "\E379";
}
.glyphicons.glyph-electrical-socket-us:before {
  content: "\E380";
}
.glyphicons.glyph-message-forward:before {
  content: "\E381";
}
.glyphicons.glyph-coat-hanger:before {
  content: "\E382";
}
.glyphicons.glyph-dress:before {
  content: "\1F457";
}
.glyphicons.glyph-bathrobe:before {
  content: "\E384";
}
.glyphicons.glyph-shirt:before {
  content: "\E385";
}
.glyphicons.glyph-underwear:before {
  content: "\E386";
}
.glyphicons.glyph-log-in:before {
  content: "\E387";
}
.glyphicons.glyph-log-out:before {
  content: "\E388";
}
.glyphicons.glyph-exit:before {
  content: "\E389";
}
.glyphicons.glyph-new-window-alt:before {
  content: "\E390";
}
.glyphicons.glyph-video-sd:before {
  content: "\E391";
}
.glyphicons.glyph-video-hd:before {
  content: "\E392";
}
.glyphicons.glyph-subtitles:before {
  content: "\E393";
}
.glyphicons.glyph-sound-stereo:before {
  content: "\E394";
}
.glyphicons.glyph-sound-dolby:before {
  content: "\E395";
}
.glyphicons.glyph-sound-5-1:before {
  content: "\E396";
}
.glyphicons.glyph-sound-6-1:before {
  content: "\E397";
}
.glyphicons.glyph-sound-7-1:before {
  content: "\E398";
}
.glyphicons.glyph-copyright-mark:before {
  content: "\E399";
}
.glyphicons.glyph-registration-mark:before {
  content: "\E400";
}
.glyphicons.glyph-radar:before {
  content: "\E401";
}
.glyphicons.glyph-skateboard:before {
  content: "\E402";
}
.glyphicons.glyph-golf-course:before {
  content: "\E403";
}
.glyphicons.glyph-sorting:before {
  content: "\E404";
}
.glyphicons.glyph-sort-by-alphabet:before {
  content: "\E405";
}
.glyphicons.glyph-sort-by-alphabet-alt:before {
  content: "\E406";
}
.glyphicons.glyph-sort-by-order:before {
  content: "\E407";
}
.glyphicons.glyph-sort-by-order-alt:before {
  content: "\E408";
}
.glyphicons.glyph-sort-by-attributes:before {
  content: "\E409";
}
.glyphicons.glyph-sort-by-attributes-alt:before {
  content: "\E410";
}
.glyphicons.glyph-compressed:before {
  content: "\E411";
}
.glyphicons.glyph-package:before {
  content: "\1F4E6";
}
.glyphicons.glyph-cloud-plus:before {
  content: "\E413";
}
.glyphicons.glyph-cloud-minus:before {
  content: "\E414";
}
.glyphicons.glyph-disk-save:before {
  content: "\E415";
}
.glyphicons.glyph-disk-open:before {
  content: "\E416";
}
.glyphicons.glyph-disk-saved:before {
  content: "\E417";
}
.glyphicons.glyph-disk-remove:before {
  content: "\E418";
}
.glyphicons.glyph-disk-import:before {
  content: "\E419";
}
.glyphicons.glyph-disk-export:before {
  content: "\E420";
}
.glyphicons.glyph-tower:before {
  content: "\E421";
}
.glyphicons.glyph-send:before {
  content: "\E422";
}
.glyphicons.glyph-git-branch:before {
  content: "\E423";
}
.glyphicons.glyph-git-create:before {
  content: "\E424";
}
.glyphicons.glyph-git-private:before {
  content: "\E425";
}
.glyphicons.glyph-git-delete:before {
  content: "\E426";
}
.glyphicons.glyph-git-merge:before {
  content: "\E427";
}
.glyphicons.glyph-git-pull-request:before {
  content: "\E428";
}
.glyphicons.glyph-git-compare:before {
  content: "\E429";
}
.glyphicons.glyph-git-commit:before {
  content: "\E430";
}
.glyphicons.glyph-construction-cone:before {
  content: "\E431";
}
.glyphicons.glyph-shoe-steps:before {
  content: "\E432";
}
.glyphicons.glyph-plus:before {
  content: "\002B";
}
.glyphicons.glyph-minus:before {
  content: "\2212";
}
.glyphicons.glyph-redo:before {
  content: "\E435";
}
.glyphicons.glyph-undo:before {
  content: "\E436";
}
.glyphicons.glyph-golf:before {
  content: "\E437";
}
.glyphicons.glyph-hockey:before {
  content: "\E438";
}
.glyphicons.glyph-pipe:before {
  content: "\E439";
}
.glyphicons.glyph-wrench:before {
  content: "\1F527";
}
.glyphicons.glyph-folder-closed:before {
  content: "\E441";
}
.glyphicons.glyph-phone-alt:before {
  content: "\E442";
}
.glyphicons.glyph-earphone:before {
  content: "\E443";
}
.glyphicons.glyph-floppy-disk:before {
  content: "\E444";
}
.glyphicons.glyph-floppy-saved:before {
  content: "\E445";
}
.glyphicons.glyph-floppy-remove:before {
  content: "\E446";
}
.glyphicons.glyph-floppy-save:before {
  content: "\E447";
}
.glyphicons.glyph-floppy-open:before {
  content: "\E448";
}
.glyphicons.glyph-translate:before {
  content: "\E449";
}
.glyphicons.glyph-fax:before {
  content: "\E450";
}
.glyphicons.glyph-factory:before {
  content: "\1F3ED";
}
.glyphicons.glyph-shop-window:before {
  content: "\E452";
}
.glyphicons.glyph-shop:before {
  content: "\E453";
}
.glyphicons.glyph-kiosk:before {
  content: "\E454";
}
.glyphicons.glyph-kiosk-wheels:before {
  content: "\E455";
}
.glyphicons.glyph-kiosk-light:before {
  content: "\E456";
}
.glyphicons.glyph-kiosk-food:before {
  content: "\E457";
}
.glyphicons.glyph-transfer:before {
  content: "\E458";
}
.glyphicons.glyph-money:before {
  content: "\E459";
}
.glyphicons.glyph-header:before {
  content: "\E460";
}
.glyphicons.glyph-blacksmith:before {
  content: "\E461";
}
.glyphicons.glyph-saw-blade:before {
  content: "\E462";
}
.glyphicons.glyph-basketball:before {
  content: "\E463";
}
.glyphicons.glyph-server:before {
  content: "\E464";
}
.glyphicons.glyph-server-plus:before {
  content: "\E465";
}
.glyphicons.glyph-server-minus:before {
  content: "\E466";
}
.glyphicons.glyph-server-ban:before {
  content: "\E467";
}
.glyphicons.glyph-server-flag:before {
  content: "\E468";
}
.glyphicons.glyph-server-lock:before {
  content: "\E469";
}
.glyphicons.glyph-server-new:before {
  content: "\E470";
}
.social.social-pinterest:before {
  content: "\E001";
}
.social.social-dropbox:before {
  content: "\E002";
}
.social.social-google-plus:before {
  content: "\E003";
}
.social.social-jolicloud:before {
  content: "\E004";
}
.social.social-yahoo:before {
  content: "\E005";
}
.social.social-blogger:before {
  content: "\E006";
}
.social.social-picasa:before {
  content: "\E007";
}
.social.social-amazon:before {
  content: "\E008";
}
.social.social-tumblr:before {
  content: "\E009";
}
.social.social-wordpress:before {
  content: "\E010";
}
.social.social-instapaper:before {
  content: "\E011";
}
.social.social-evernote:before {
  content: "\E012";
}
.social.social-xing:before {
  content: "\E013";
}
.social.social-zootool:before {
  content: "\E014";
}
.social.social-dribbble:before {
  content: "\E015";
}
.social.social-deviantart:before {
  content: "\E016";
}
.social.social-read-it-later:before {
  content: "\E017";
}
.social.social-linked-in:before {
  content: "\E018";
}
.social.social-forrst:before {
  content: "\E019";
}
.social.social-pinboard:before {
  content: "\E020";
}
.social.social-behance:before {
  content: "\E021";
}
.social.social-github:before {
  content: "\E022";
}
.social.social-youtube:before {
  content: "\E023";
}
.social.social-skitch:before {
  content: "\E024";
}
.social.social-foursquare:before {
  content: "\E025";
}
.social.social-quora:before {
  content: "\E026";
}
.social.social-badoo:before {
  content: "\E027";
}
.social.social-spotify:before {
  content: "\E028";
}
.social.social-stumbleupon:before {
  content: "\E029";
}
.social.social-readability:before {
  content: "\E030";
}
.social.social-facebook:before {
  content: "\E031";
}
.social.social-twitter:before {
  content: "\E032";
}
.social.social-instagram:before {
  content: "\E033";
}
.social.social-posterous-spaces:before {
  content: "\E034";
}
.social.social-vimeo:before {
  content: "\E035";
}
.social.social-flickr:before {
  content: "\E036";
}
.social.social-last-fm:before {
  content: "\E037";
}
.social.social-rss:before {
  content: "\E038";
}
.social.social-skype:before {
  content: "\E039";
}
.social.social-e-mail:before {
  content: "\E040";
}
.social.social-vine:before {
  content: "\E041";
}
.social.social-myspace:before {
  content: "\E042";
}
.social.social-goodreads:before {
  content: "\E043";
}
.social.social-apple:before {
  content: "\F8FF";
}
.social.social-windows:before {
  content: "\E045";
}
.social.social-yelp:before {
  content: "\E046";
}
.social.social-playstation:before {
  content: "\E047";
}
.social.social-xbox:before {
  content: "\E048";
}
.social.social-android:before {
  content: "\E049";
}
.social.social-ios:before {
  content: "\E050";
}
/*tabs Left*/
.verticalTab_Left {
  clear: both;
}
.verticalTab_Left:after {
  clear: both;
  content: ".";
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
}
.verticalTab_Left ul.resp-tabs-list {
  float: left;
  margin: 0;
  padding: 1px 0;
}
.verticalTab_Left .resp-tabs-container {
  padding: 0;
  margin: 0;
  overflow: auto;
}
.verticalTab_Left .resp-tab-content .resp_margin {
  margin-left: 25px;
}
.verticalTab_Left ul.resp-tabs-list li {
  font-size: 13px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  z-index: 1;
  min-width: 120px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.verticalTab_Left ul.resp-tabs-list li:first-child {
  border-top: none;
}
.verticalTab_Left ul.resp-tabs-list li span {
  border: none;
  padding: 8px 15px;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.verticalTab_Left ul.resp-tabs-list li:hover {
  background: #eeeeee;
}
.verticalTab_Left ul.resp-tabs-list li:hover span {
  color: #333;
}
.verticalTab_Left ul.resp-tabs-list li.resp-tab-active {
  position: relative;
  z-index: 1;
  color: #FFF;
  background-color: #69b532;
}
.verticalTab_Left ul.resp-tabs-list li.resp-tab-active span {
  background-image: url("/Portals/_default/skins/freiraum/images/tab-left-active-bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  margin-right: -16px;
  padding-right: 31px;
  color: #FFF;
}
.verticalTab_Left h2.resp-accordion,
.verticalTab_Left .resp_container {
  display: none;
}
@media only screen and (max-width: 768px) {
  .verticalTab_Left ul.resp-tabs-list {
    display: none;
  }
  .verticalTab_Left h2.resp-accordion {
    display: block;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 15px;
    cursor: pointer;
    margin: 0;
    color: #919191;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
  }
  .verticalTab_Left .resp-arrow {
    float: right;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-top: 4px;
  }
  .verticalTab_Left .resp-arrow:empty {
    width: 1em;
  }
  .verticalTab_Left .resp-arrow:before {
    content: "\002B";
  }
  .verticalTab_Left .resp-tab-active .resp-arrow:before {
    content: "\2212";
  }
  .verticalTab_Left .resp-accordion:hover {
    background: #eeeeee;
    color: #333333;
  }
  .verticalTab_Left .resp-tab-active,
  .verticalTab_Left .resp-tab-active:hover {
    background: #69b532;
  }
  .verticalTab_Left .resp-tab-active span {
    color: #FFF;
  }
  .verticalTab_Left .resp-tabs-container {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom: 1px solid #e1e1e1;
  }
  .verticalTab_Left .resp-tabs-container .resp_margin {
    margin: 15px;
  }
  .verticalTab_Left .resp-tab-content {
    border: 1px solid #e1e1e1;
    border-bottom: none;
    width: auto !important;
    padding: 0px;
    margin-bottom: 0px;
    clear: both;
    display: none;
  }
  .verticalTab_Left .resp-tab-content:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
  }
}
/*tabs right*/
.verticalTab_Right {
  clear: both;
}
.verticalTab_Right:after {
  clear: both;
  content: ".";
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
}
.verticalTab_Right ul.resp-tabs-list {
  float: right;
  margin: 0;
  padding: 1px 0;
}
.verticalTab_Right .resp-tabs-container {
  padding: 0;
  margin: 0;
  overflow: auto;
}
.verticalTab_Right .resp-tab-content .resp_margin {
  margin-right: 25px;
}
.verticalTab_Right ul.resp-tabs-list li {
  font-size: 13px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  position: relative;
  z-index: 1;
  min-width: 120px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.verticalTab_Right ul.resp-tabs-list li:first-child {
  border-top: none;
}
.verticalTab_Right ul.resp-tabs-list li span {
  border: none;
  padding: 8px 15px;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.verticalTab_Right ul.resp-tabs-list li:hover {
  background: #eeeeee;
}
.verticalTab_Right ul.resp-tabs-list li:hover span {
  color: #333;
}
.verticalTab_Right ul.resp-tabs-list li.resp-tab-active {
  position: relative;
  z-index: 1;
  color: #FFF;
  background-color: #69b532;
}
.verticalTab_Right ul.resp-tabs-list li.resp-tab-active span {
  background-image: url("/Portals/_default/skins/freiraum/images/tab-right-active-bg.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #69b532;
  margin-left: -16px;
  padding-left: 31px !important;
  color: #FFF;
}
.verticalTab_Right h2.resp-accordion,
.verticalTab_Right .resp_container {
  display: none;
}
@media only screen and (max-width: 768px) {
  .verticalTab_Right ul.resp-tabs-list {
    display: none;
  }
  .verticalTab_Right h2.resp-accordion {
    display: block;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 15px;
    cursor: pointer;
    margin: 0;
    color: #919191;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
  }
  .verticalTab_Right .resp-arrow {
    float: right;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-top: 4px;
  }
  .verticalTab_Right .resp-arrow:empty {
    width: 1em;
  }
  .verticalTab_Right .resp-arrow:before {
    content: "\002B";
  }
  .verticalTab_Right .resp-tab-active .resp-arrow:before {
    content: "\2212";
  }
  .verticalTab_Right .resp-accordion:hover {
    background: #eeeeee;
    color: #333333;
  }
  .verticalTab_Right .resp-tab-active,
  .verticalTab_Right .resp-tab-active:hover {
    background: #69b532;
  }
  .verticalTab_Right .resp-tab-active span {
    color: #FFF;
  }
  .verticalTab_Right .resp-tabs-container {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom: 1px solid #e1e1e1;
  }
  .verticalTab_Right .resp-tabs-container .resp_margin {
    margin: 15px;
  }
  .verticalTab_Right .resp-tab-content {
    border: 1px solid #e1e1e1;
    border-bottom: none;
    width: auto !important;
    padding: 0px;
    margin-bottom: 0px;
    clear: both;
    display: none;
  }
  .verticalTab_Right .resp-tab-content:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
  }
}
/*tabs top*/
.horizontalTab_Top {
  clear: both;
}
.horizontalTab_Top:after {
  clear: both;
  content: ".";
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
}
.horizontalTab_Top ul.resp-tabs-list {
  margin: 0;
  padding: 1px 0;
}
.horizontalTab_Top .resp-tabs-container {
  padding: 0;
  margin: 0;
  clear: both;
  border: 1px solid #e8e8e8;
}
.horizontalTab_Top .resp-tabs-container:after {
  clear: both;
  content: ".";
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
}
* + html .horizontalTab_Top .resp-tabs-container {
  display: inline-block;
}
.horizontalTab_Top .resp-tab-content .resp_margin {
  margin: 15px;
}
.horizontalTab_Top ul.resp-tabs-list li {
  font-size: 13px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  margin-bottom: -1px;
  float: left;
  position: relative;
  z-index: 1;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.horizontalTab_Top ul.resp-tabs-list li:first-child {
  border-left: 1px solid #e8e8e8;
}
.horizontalTab_Top ul.resp-tabs-list li span {
  border: none;
  padding: 8px 15px;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.horizontalTab_Top ul.resp-tabs-list li:hover {
  background: #eeeeee;
}
.horizontalTab_Top ul.resp-tabs-list li:hover span {
  color: #333;
}
.horizontalTab_Top ul.resp-tabs-list li.resp-tab-active {
  position: relative;
  z-index: 1;
  color: #FFF;
}
.horizontalTab_Top .resp-tab-active,
.horizontalTab_Top .resp-tab-active:hover {
  background: none;
}
.horizontalTab_Top ul.resp-tabs-list li.resp-tab-active span {
  background-color: #FFF;
  color: #69b532;
}
.horizontalTab_Top h2.resp-accordion,
.horizontalTab_Top .resp_container {
  display: none;
}
@media only screen and (max-width: 768px) {
  .horizontalTab_Top ul.resp-tabs-list {
    display: none;
  }
  .horizontalTab_Top h2.resp-accordion {
    display: block;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 15px;
    cursor: pointer;
    margin: 0;
    color: #919191;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms;
    /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms;
    /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms;
    /* Opera */
    -ms-transition: background-color ease-in 200ms;
    /* IE9? */
  }
  .horizontalTab_Top .resp-arrow {
    float: right;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-top: 4px;
  }
  .horizontalTab_Top .resp-arrow:empty {
    width: 1em;
  }
  .horizontalTab_Top .resp-arrow:before {
    content: "\002B";
  }
  .horizontalTab_Top .resp-tab-active .resp-arrow:before {
    content: "\2212";
  }
  .horizontalTab_Top .resp-accordion:hover {
    background: #eeeeee;
    color: #333333;
  }
  .horizontalTab_Top .resp-tab-active,
  .horizontalTab_Top .resp-tab-active:hover {
    background: #69b532;
  }
  .horizontalTab_Top .resp-tab-active span {
    color: #FFF;
  }
  .horizontalTab_Top .resp-tabs-container {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: none;
    border-bottom: 1px solid #e1e1e1;
  }
  .horizontalTab_Top .resp-tabs-container .resp_margin {
    margin: 15px;
  }
  .horizontalTab_Top .resp-tab-content {
    border: 1px solid #e1e1e1;
    border-bottom: none;
    width: auto !important;
    padding: 0px;
    margin-bottom: 0px;
    clear: both;
    display: none;
  }
  .horizontalTab_Top .resp-tab-content:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
  }
}
/*dnn*/
#ControlBar,
#ControlBar *,
.dnnMemberDirectory,
.dnnMemberDirectory *,
.dnn_mact > li.actionMenuMove > ul li {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dnnMemberDirectory img {
  max-width: 100%;
}
Body:before {
  content: " ";
  height: 0px;
  width: 100%;
  display: block;
  clear: both;
  overflow: hidden;
}
.dnnDropDownList *,
ul.dnnAdminTabNav *,
.dnnModuleDigitalAssetsBackground * {
  box-sizing: content-box;
}
ul.dnnAdminTabNav {
  height: 43px;
  border-radius: 0px!important;
  -moz-border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
}
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
  color: #FFF!important;
  text-decoration: none!important;
}
/*Element Hide*/
@media only screen and (max-width: 767px) {
  .ElementHide-xs,
  tr.ElementHide-xs,
  th.ElementHide-xs,
  td.ElementHide-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ElementHide-sm,
  tr.ElementHide-sm,
  th.ElementHide-sm,
  td.ElementHide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ElementHide-md,
  tr.ElementHide-md,
  th.ElementHide-md,
  td.ElementHide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .ElementHide-lg,
  tr.ElementHide-lg,
  th.ElementHide-lg,
  td.ElementHide-lg {
    display: none !important;
  }
}
/*patch*/
.bs-docs-example {
  margin-bottom: 8px;
}
a.btn.btn-primary {
  color: #FFF;
}
/*****************************************************************************/
/*** animation.css ***/
/*****************************************************************************/
.animated,
.animated .animation_item {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
}
span.animation,
a.animation,
b.animation,
i.animation,
span.animationhover,
a.animationhover,
b.animationhover,
i.animationhover,
span.animation_item,
a.animation_item,
b.animation_item,
i.animation_item {
  display: inline-block;
}
.animated.infinite,
.animation_item.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge,
.animation_item.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animation img,
.animationhover img,
.animated .animation_item img {
  max-width: 100%;
}
.animation {
  opacity: 0;
}
.animationhover,
.animated {
  opacity: 1;
}
.animationhover {
  animation-delay: 0ms;
  -webkit-animation-delay: 0ms;
}
@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.animated.bounce,
.animated .animation_item.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animated.flash,
.animated .animation_item.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animated.pulse,
.animated .animation_item.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animated.rubberBand,
.animated .animation_item.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animated.shake,
.animated .animation_item.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animated.swing,
.animated .animation_item.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animated.tada,
.animated .animation_item.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.wobble,
.animated .animation_item.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animated.bounceIn,
.animated .animation_item.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.bounceInDown,
.animated .animation_item.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.bounceInLeft,
.animated .animation_item.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.bounceInRight,
.animated .animation_item.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animated.bounceInUp,
.animated .animation_item.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animated.bounceOut,
.animated .animation_item.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animated.bounceOutDown,
.animated .animation_item.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animated.bounceOutRight,
.animated .animation_item.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animated.bounceOutUp,
.animated .animation_item.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn,
.animated .animation_item.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInDown,
.animated .animation_item.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInDownBig,
.animated .animation_item.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInLeft,
.animated .animation_item.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInLeftBig,
.animated .animation_item.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInRight,
.animated .animation_item.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInRightBig,
.animated .animation_item.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInUp,
.animated .animation_item.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.fadeInUpBig,
.animated .animation_item.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.fadeOut,
.animated .animation_item.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animated.fadeOutDown,
.animated .animation_item.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animated.fadeOutDownBig,
.animated .animation_item.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animated.fadeOutLeft,
.animated .animation_item.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animated.fadeOutLeftBig,
.animated .animation_item.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animated.fadeOutRight,
.animated .animation_item.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animated.fadeOutRightBig,
.animated .animation_item.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animated.fadeOutUp,
.animated .animation_item.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animated.fadeOutUpBig,
.animated .animation_item.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip,
.animated .animation_item.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animated.flipInX,
.animated .animation_item.flipInX {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animated.flipInY,
.animated .animation_item.flipInY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animated.flipOutX,
.animated .animation_item.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animated.flipOutY,
.animated .animation_item.flipOutY {
  -webkit-backface-visibility: visible!important;
  -ms-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.lightSpeedIn,
.animated .animation_item.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animated.lightSpeedOut,
.animated .animation_item.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateIn,
.animated .animation_item.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInDownLeft,
.animated .animation_item.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInDownRight,
.animated .animation_item.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInUpLeft,
.animated .animation_item.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.animated.rotateInUpRight,
.animated .animation_item.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animated.rotateOut,
.animated .animation_item.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animated.rotateOutDownLeft,
.animated .animation_item.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animated.rotateOutDownRight,
.animated .animation_item.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animated.rotateOutUpLeft,
.animated .animation_item.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpRight,
.animated .animation_item.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animated.hinge,
.animated .animation_item.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.animated.rollIn,
.animated .animation_item.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animated.rollOut,
.animated .animation_item.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animated.zoomIn,
.animated .animation_item.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInDown,
.animated .animation_item.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInLeft,
.animated .animation_item.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInRight,
.animated .animation_item.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomInUp,
.animated .animation_item.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.animated.zoomOut,
.animated .animation_item.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomOutDown,
.animated .animation_item.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.animated.zoomOutLeft,
.animated .animation_item.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.animated.zoomOutRight,
.animated .animation_item.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animated.zoomOutUp,
.animated .animation_item.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
.animated.scaleUp,
.animated .animation_item.scaleUp {
  -webkit-animation-name: scaleUp;
  -moz-animation-name: scaleUp;
  -o-animation-name: scaleUp;
  animation-name: scaleUp;
}
.animated.delay1,
.animated .animation_item.delay1 {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
}
.animated.delay2,
.animated .animation_item.delay2 {
  animation-delay: 600ms;
  -webkit-animation-delay: 600ms;
}
.animated.delay3,
.animated .animation_item.delay3 {
  animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
}
.animated.delay4,
.animated .animation_item.delay4 {
  animation-delay: 1000ms;
  -webkit-animation-delay: 1000ms;
}
.animated.delay5,
.animated .animation_item.delay5 {
  animation-delay: 1200ms;
  -webkit-animation-delay: 1200ms;
}
.animated.delay6,
.animated .animation_item.delay6 {
  animation-delay: 1400ms;
  -webkit-animation-delay: 1400ms;
}
.animated.delay7,
.animated .animation_item.delay7 {
  animation-delay: 1600ms;
  -webkit-animation-delay: 1600ms;
}
.animated.delay8,
.animated .animation_item.delay8 {
  animation-delay: 1800ms;
  -webkit-animation-delay: 1800ms;
}
.animated.delay9,
.animated .animation_item.delay9 {
  animation-delay: 2000ms;
  -webkit-animation-delay: 2000ms;
}
.animated.delay10,
.animated .animation_item.delay10 {
  animation-delay: 2200ms;
  -webkit-animation-delay: 2200ms;
}
.animated.delay11,
.animated .animation_item.delay11 {
  animation-delay: 2400ms;
  -webkit-animation-delay: 2400ms;
}
.animated.delay12,
.animated .animation_item.delay12 {
  animation-delay: 2600ms;
  -webkit-animation-delay: 2600ms;
}
@-webkit-keyframes star {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.7);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
  }
}
@-moz-keyframes star {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }
  50% {
    -moz-transform: rotate(180deg) scale(0.7);
  }
  100% {
    -moz-transform: rotate(360deg) scale(1);
  }
}
@-o-keyframes star {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
  0% {
    -o-transform: rotate(0deg) scale(1);
  }
  50% {
    -o-transform: rotate(180deg) scale(0.7);
  }
  100% {
    -o-transform: rotate(360deg) scale(1);
  }
}
@keyframes star {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.7);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@-webkit-keyframes cloud {
  0% {
    left: -100px;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes cloud {
  0% {
    left: -100px;
  }
  100% {
    left: 100%;
  }
}
@-o-keyframes cloud {
  0% {
    left: -100px;
  }
  100% {
    left: 100%;
  }
}
@keyframes cloud {
  0% {
    left: -100px;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes snowflake {
  0% {
    top: -100px;
    -webkit-transform: rotate(0deg) translateX(0);
  }
  25% {
    -webkit-transform: rotate(360deg) translateX(20px);
  }
  50% {
    -webkit-transform: rotate(720deg) translateX(0px);
  }
  75% {
    -webkit-transform: rotate(1080deg) translateX(-20px);
  }
  100% {
    top: 100%;
    -webkit-transform: rotate(1440deg) translateX(0px);
  }
}
@-moz-keyframes snowflake {
  0% {
    top: -100px;
    -moz-transform: rotate(0deg) translateX(0);
  }
  25% {
    -moz-transform: rotate(360deg) translateX(20px);
  }
  50% {
    -moz-transform: rotate(720deg) translateX(0px);
  }
  75% {
    -moz-transform: rotate(1080deg) translateX(-20px);
  }
  100% {
    top: 100%;
    -moz-transform: rotate(1440deg) translateX(0px);
  }
}
@-o-keyframes snowflake {
  0% {
    top: -100px;
    -o-transform: rotate(0deg) translateX(0);
  }
  25% {
    -o-transform: rotate(360deg) translateX(20px);
  }
  50% {
    -o-transform: rotate(720deg) translateX(0px);
  }
  75% {
    -o-transform: rotate(1080deg) translateX(-20px);
  }
  100% {
    top: 100%;
    -o-transform: rotate(1440deg) translateX(0px);
  }
}
@keyframes snowflake {
  0% {
    top: -100px;
    transform: rotate(0deg) translateX(0);
  }
  25% {
    transform: rotate(360deg) translateX(20px);
  }
  50% {
    transform: rotate(720deg) translateX(0px);
  }
  75% {
    transform: rotate(1080deg) translateX(-20px);
  }
  100% {
    top: 100%;
    transform: rotate(1440deg) translateX(0px);
  }
}
@-webkit-keyframes dandelion {
  0% {
    opacity: 0;
    left: 20%;
  }
  10% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
  }
}
@-moz-keyframes dandelion {
  0% {
    opacity: 0;
    left: 20%;
  }
  10% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
  }
}
@-o-keyframes dandelion {
  0% {
    opacity: 0;
    left: 20%;
  }
  10% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
  }
}
@keyframes dandelion {
  0% {
    opacity: 0;
    left: 20%;
  }
  10% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
  }
}
@keyframes arrows {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    bottom: 0;
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    bottom: 20px;
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    bottom: -10px;
  }
  90% {
    bottom: -3px;
  }
}
@-webkit-keyframes arrows {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    bottom: 0;
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    bottom: 20px;
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    bottom: -10px;
  }
  90% {
    bottom: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .animation,
  .animation .animation_item {
    -webkit-animation-name: none!important;
    -moz-animation-name: none!important;
    -o-animation-name: none!important;
    animation-name: none!important;
  }
}
/*****************************************************************************/
/*** ShortCode.css ***/
/*****************************************************************************/
/*******price*******/
.price-table:after {
  clear: both;
  content: ".";
  height: 0px;
  font-size: 0px;
  visibility: hidden;
  display: block;
}
.price-table {
  display: inline-block;
}
.price-table {
  display: block;
}
.price-table {
  padding: 28px 0px 0 0px;
}
.price-table .col {
  float: left;
  text-align: center;
  margin-bottom: 10px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.price-table.col2 .col {
  width: 50%;
}
.price-table.col3 .col {
  width: 33.3333%;
}
.price-table.col4 .col {
  width: 25%;
}
.price-table.col5 .col {
  width: 20%;
}
* + html .price-table.col2 .col {
  width: 49.9%;
}
* + html .price-table.col3 .col {
  width: 33.33%;
}
* + html .price-table.col4 .col {
  width: 24.9%;
}
* + html .price-table.col5 .col {
  width: 19.9%;
}
.price-table .col:hover {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.15);
}
.price-table .col.best_value {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.15);
  margin-top: -20px;
}
.price-table .col.best_value .price_title {
  padding-top: 20px;
  padding-bottom: 16px;
}
.price-table .col.best_value .price_holder {
  padding-bottom: 22px;
}
.price_title {
  background: #707070;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 11px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
  position: relative;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.price-table .price_title h2 {
  color: #fff;
  margin: 0px;
}
.price-table .col:nth-of-type(2n+1) .price_title {
  background: #4b4b4b;
}
.price-table .col:first-child .price_holder {
  margin-left: 0px;
}
.price-table .price_holder {
  border: 1px solid #E4E4E4;
  margin: 0 0 0 -1px;
  min-height: 300px;
  padding-bottom: 12px;
}
.price-table .col:hover .price_holder {
  background: #fafafa;
}
.price-table .price_box {
  color: #444444;
  padding: 15px 0px 20px 0px;
  background: #f5f5f5;
}
.price-table .sup {
  font-size: 28px;
  line-height: 34px;
  vertical-align: top;
}
.price-table .price {
  font-size: 48px;
  line-height: 50px;
}
.price-table .price_holder ul {
  margin: 0px 0px 13px 0px;
  padding: 0px;
  border-bottom: 1px solid #F0F0F0;
}
.price-table .price_holder ul li {
  list-style: none;
  border-top: 1px solid #F0F0F0;
  padding: 12px 0;
}
.price-table .btn {
  border: none;
  background: none;
  color: #FFF !important;
  text-shadow: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  padding: 5px 20px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.price-table .btn:hover {
  background-color: #525252;
}
.price-table2 .price_holder {
  margin: 10px;
}
.price-table2 .price {
  font-size: 55px;
}
.price-table2 .m_style {
  font-size: 20px;
}
.price-table2 .sup {
  font-size: 25px;
  padding: 0 5px 0 0;
}
.price-table2 .price_box {
  padding: 50px 0 40px;
}
.price-table2 .col:hover {
  box-shadow: none !important;
}
.price-table2 .col.best_value {
  box-shadow: none !important;
  margin-top: 0px !important;
}
.price-table2 .col.best_value .price_box {
  color: #FFF !important;
}
.price-table2 .col.best_value .price_holder {
  padding-bottom: 12px !important;
}
.price-table2 ul h2 {
  font-size: 14px;
  font-weight: normal;
}
.price-table2 .btn {
  padding: 12px 35px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  margin: 20px auto 25px;
  border: 1px solid transparent!important;
}
.price-table2 .btn:hover {
  background: none !important;
  border: 1px solid #006fff!important;
}
.price-table2 .col.best_value .btn {
  background: none!important;
  border: 1px solid #006fff!important;
  color: #006fff!important;
}
.price-table3 .price_title {
  background-color: #2c3433;
  border: none;
}
.price-table3 .price_title h2 {
  text-align: center;
  color: #FFF;
  font-size: 26px;
  padding: 25px 0px 6px;
}
.price-table3 .price_box {
  text-align: center;
  padding: 15px 0px 30px;
  background-color: transparent;
}
.price-table3 .price_box .sup,
.price-table3 .price_box .price,
.price-table3 .price_box .unit {
  vertical-align: bottom;
  line-height: normal!important;
  color: #FFF;
  font-size: 26px;
}
.price-table3 .price_box .price {
  font-size: 50px;
  font-weight: bold;
  line-height: 1!important;
  padding: 0px 3px;
}
.price-table3 .price_holder {
  border: 1px solid #ededed;
  margin: 0px;
  padding: 0px 14px;
  text-align: center;
}
.price-table3 .price_holder dt {
  border-bottom: 1px solid #ededed;
  padding: 25px 0;
  font-size: 22px;
  color: #818181;
}
.price-table3 .price_holder dd {
  line-height: 2;
  padding: 20px 0px;
  margin: 0;
  color: #808080;
  text-align: left;
}
.price-table3 .price_holder .btn {
  margin: auto;
  background: #2c3433;
  padding: 15px 40px;
  font-size: 20px;
}
.price-table3 .color_1 .price_title,
.price-table3 .color_1 .price_holder .btn {
  background-color: #009B85;
}
.price-table3 .color_2 .price_title,
.price-table3 .color_2 .price_holder .btn {
  background-color: #FAA732;
}
.price-table3 .color_3 .price_title,
.price-table3 .color_3 .price_holder .btn {
  background-color: #5EB95E;
}
.price-table3 .color_4 .price_title,
.price-table3 .color_4 .price_holder .btn {
  background-color: #DD514C;
}
.price-table3 .color_1 .price_holder .btn:hover,
.price-table3 .color_2 .price_holder .btn:hover,
.price-table3 .color_3 .price_holder .btn:hover,
.price-table3 .color_4 .price_holder .btn:hover {
  background: #2c3433;
}
.price-table4 .price_title {
  text-align: center;
  padding: 25px 0px;
  font-size: 14px;
  font-style: italic;
  color: #ffffff;
  border: none;
  margin: 0;
}
.price-table4 .price_border {
  border: 1px solid #ededed;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  overflow: hidden;
  max-width: 800px;
}
.price-table4 .price_title h2 {
  font-size: 26px;
  color: #FFF;
  margin-bottom: 3px;
  font-style: normal;
}
.price-table4 .price_holder {
  text-align: center;
  border: none;
  margin: 0px;
  padding-bottom: 30px;
}
.price-table4 .price_box {
  color: #FFF;
  position: relative;
  padding: 25px 0px 30px;
  margin: 0 0 20px;
}
.price-table4 .price_box .sup {
  font-size: 22px;
}
.price-table4 .price_box .price {
  font-size: 50px;
  font-weight: bold;
}
.price-table4 .price_box .unit {
  display: block;
  text-align: center;
  font-size: 16px;
}
.price-table4 .price_holder ul {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 20px;
}
.price-table4 .price_holder ul li {
  border-top: 1px solid #f2f2f2;
  color: #b3b3b3;
}
.price-table4 .price_holder ul li:nth-child(odd) {
  background: #f9f9f9;
}
.price-table4 a.btn {
  padding: 10px 24px;
  font-size: 14px;
  background: url("/Portals/_default/skins/freiraum/images/opacity_20_0.png") repeat-x left bottom;
  background-size: auto 3px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.price-table4 .color_1 .price_title {
  background-image: url("/Portals/_default/skins/freiraum/images/price_title.png");
  background-color: #009b85;
}
.price-table4 .color_1 .price_box {
  background-color: #009b85;
}
.price-table4 .color_2 .price_title {
  background-image: url("/Portals/_default/skins/freiraum/images/price_title.png");
  background-color: #FAA732;
}
.price-table4 .color_2 .price_box {
  background-color: #FAA732;
}
.price-table4 .color_3 .price_title {
  background-image: url("/Portals/_default/skins/freiraum/images/price_title.png");
  background-color: #5EB95E;
}
.price-table4 .color_3 .price_box {
  background-color: #5EB95E;
}
.price-table4 .color_4 .price_title {
  background-image: url("/Portals/_default/skins/freiraum/images/price_title.png");
  background-color: #DD514C;
}
.price-table4 .color_4 .price_box {
  background-color: #DD514C;
}
.price-table5 .price_border {
  border: 1px solid #ededed;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.price-table5 .price_title {
  background-color: #f9f9f9;
  border: none;
  text-align: center;
  padding: 30px 0;
}
.price-table5 .price_title h2 {
  font-size: 26px;
  color: #a6a6a6;
  font-weight: bold;
}
.price-table5 .price_holder {
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.price-table5 .price_box {
  text-align: center;
  color: #2c3433;
  background-color: transparent;
}
.price-table5 .price_box .sup,
.price-table5 .price_box .price,
.price-table5 .price_box .unit {
  transition: color ease-in 200ms;
  -moz-transition: color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: color ease-in 200ms;
  /* Opera */
  -ms-transition: color ease-in 200ms;
  /* IE9? */
}
.price-table5 .price_box .sup {
  font-size: 22px;
}
.price-table5 .price_box .price {
  font-size: 50px;
  font-weight: bold;
}
.price-table5 .price_box .unit {
  display: block;
  text-align: center;
  font-size: 16px;
}
.price-table5 .price_holder ul {
  border-bottom: none;
  margin-bottom: 0px;
}
.price-table5 .price_holder ul li {
  border-top: none;
  color: #8f9394;
}
.price-table5 .price_holder ul li:nth-child(odd) {
  background: #f9f9f9;
}
.price-table5 .price_holder a.btn {
  width: 100%;
  padding: 15px 0;
  background-color: #2c3433;
  margin: 0;
}
.price-table6 .price_border {
  border: 1px solid #ededed;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.price-table6 .price_title {
  border: none;
  font-size: 26px;
  text-align: center;
  background-color: transparent;
}
.price-table6 .price_title h2 {
  color: #a6a6a6;
}
.price-table6 .price_holder {
  border: none;
  text-align: center;
  padding-bottom: 0;
}
.price-table6 .price_box {
  border: 5px solid #000;
  width: 118px;
  height: 118px;
  margin: auto auto 15px;
  padding: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
}
.price-table6 .price_box .sup {
  padding-top: 20px;
  display: inline-block;
  font-size: 22px;
}
.price-table6 .price_box .price {
  padding-top: 20px;
  display: inline-block;
  font-size: 53px;
}
* + html .price-table6 .price_box .sup,
* + html .price-table6 .price_box .price {
  display: inline;
}
.price-table6 .price_box .unit {
  display: block;
  font-size: 15px;
}
.price-table6 .price_holder ul {
  border-bottom: none;
  margin-bottom: 0px;
}
.price-table6 .price_holder ul li {
  border-top: none;
  color: #8f9394;
}
.price-table6 .price_holder ul li:nth-child(odd) {
  background: #f9f9f9;
}
.price-table6 .price_holder a.btn {
  width: 100%;
  padding: 15px 0;
  background-color: #2c3433;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
.price-table6 .color_1 .price_box {
  border-width: 5px;
  border-style: solid;
  border-color: #009b85;
  color: #009b85;
}
.price-table6 .color_1 .price_holder a.btn {
  background-color: #009b85;
}
.price-table6 .color_1 .price_holder a.btn:hover {
  background-color: #000;
}
.price-table6 .color_2 .price_box {
  border-width: 5px;
  border-style: solid;
  border-color: #FAA732;
  color: #FAA732;
}
.price-table6 .color_2 .price_holder a.btn {
  background-color: #FAA732;
}
.price-table6 .color_2 .price_holder a.btn:hover {
  background-color: #000;
}
.price-table6 .color_3 .price_box {
  border-width: 5px;
  border-style: solid;
  border-color: #5EB95E;
  color: #5EB95E;
}
.price-table6 .color_3 .price_holder a.btn {
  background-color: #5EB95E;
}
.price-table6 .color_3 .price_holder a.btn:hover {
  background-color: #000;
}
.price-table6 .color_4 .price_box {
  border-width: 5px;
  border-style: solid;
  border-color: #DD514C;
  color: #DD514C;
}
.price-table6 .color_4 .price_holder a.btn {
  background-color: #DD514C;
}
.price-table6 .color_4 .price_holder a.btn:hover {
  background-color: #000;
}
.price-table7 .price_title {
  color: #FFF;
  padding: 20px 0px 50px;
  margin: 0 0 0 -1px;
  border: none;
}
.price-table7 .price_title h2 {
  color: #FFF;
  text-align: center;
  font-size: 20px;
}
.price-table7 .price_box {
  height: 53px;
  padding: 35px 0 !important;
  width: 123px;
  margin: -40px auto 10px;
  position: relative;
  border: 5px solid #FFF;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #FFF;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.price-table7 .price_holder ul li {
  text-align: center;
}
.price-table7 .price_holder {
  border-top: none;
  text-align: center;
}
.price-table7 .btn {
  background: url("/Portals/_default/skins/freiraum/images/but_bg.png") repeat-x left bottom;
  padding: 10px 25px;
  margin-bottom: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px !important;
  color: #ffffff !important;
}
.price-table7 .btn:hover {
  background: url("/Portals/_default/skins/freiraum/images/but_bg.png") repeat-x left bottom #525252;
}
.price-table7 .unit {
  font-size: 20px;
}
.price-table7 .best_value {
  margin-top: -20px;
  margin-bottom: -20px;
}
.price-table7 .best_value .price_title {
  padding: 30px 0px 60px;
}
.price-table7 .best_value .price_holder .btn {
  margin: 10px 0px 30px;
}
/*price-table8*/
.price-table.price-table8 {
  padding: 0;
}
.price-table8 .price_border {
  background: #f5f5f5;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.price-table8 .price_border:hover {
  background: #006fff;
  color: #fff;
}
.price-table8 .price_border:hover .price_title h2 {
  color: #fff;
}
.price-table8 .price_border:hover .price_box {
  border: 1px solid #fff;
  background: #006fff;
  color: #fff;
}
.price-table8 .price_border:hover .btn {
  border: 1px solid #fff;
}
.price-table8 .price_title {
  color: #333333;
  padding: 40px 0px 45px;
  margin: 0 0 0 -1px;
  border: none;
  background: none;
  font-size: 16px;
  border-top: 3px solid #006fff;
}
.price-table8 .price_title h2 {
  color: #333333;
  text-align: center;
  font-size: 16px;
}
.price-table8 .price_box {
  height: 53px;
  padding: 49px 0 !important;
  width: 150px;
  margin: 0 auto 0;
  position: relative;
  border: 1px solid #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #006fff;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.price-table8 .price_holder ul {
  border-bottom: none;
  margin: 0;
  padding: 20px 0;
}
.price-table8 .price_holder ul li {
  text-align: center;
  border-top: none;
  padding: 5px 0;
}
.price-table8 .price_holder {
  border-top: none;
  text-align: center;
  padding-bottom: 40px;
  border: none;
  margin-bottom: 10px;
}
.price-table8 .btn {
  padding: 15px 30px;
  margin-bottom: 10px;
  font-size: 13px !important;
  color: #ffffff !important;
  border: 1px solid transparent;
}
.price-table8 .unit {
  font-size: 13px;
  display: block;
}
.price-table8 .price {
  font-size: 42px;
  line-height: 1;
}
.price-table8 .best_value {
  margin-top: -20px;
  margin-bottom: -20px;
}
.price-table8 .sup {
  font-size: 42px;
  line-height: 1;
}
.price-table8 .best_value .price_title {
  padding: 30px 0px 60px;
}
.price-table8 .best_value .price_holder .btn {
  margin: 10px 0px 30px;
}
/*price-table8 end*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .price-table1 [class*="span"],
  .price-table2 [class*="span"],
  .price-table3 [class*="span"],
  .price-table4 [class*="span"],
  .price-table5 [class*="span"],
  .price-table6 [class*="span"],
  .price-table7 [class*="span"] {
    width: 48%;
    margin: 0 1% 8px!important;
  }
}
/*chart*/
.chart_list {
  text-align: center;
}
.chart_list .percentage {
  position: relative;
  margin: auto auto 8px;
  width: 140px;
  height: 140px;
  line-height: 140px;
}
.chart_list .percentage .percentage_inner {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  font-size: 28px;
}
.chart_list2 {
  text-align: center;
}
.chart_list2 .percentage2 {
  position: relative;
  margin: auto auto 8px;
  width: 140px;
  height: 140px;
  line-height: 140px;
}
.chart_list2 .percentage2 .percentage_inner {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  font-size: 28px;
  background: url("/Portals/_default/skins/freiraum/images/percentage_bg.png") no-repeat center center;
  background-size: contain;
  padding: 1px;
  margin: -1px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*chart_list3*/
.chart_list3 {
  text-align: center;
}
.chart_list3 h2 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 0;
  line-height: 1;
  padding: 30px 0 25px 0;
}
.chart_list3 p {
  padding: 0 0 20px 0;
  margin: 0;
}
.chart_list3 .percentage3 {
  position: relative;
  margin: auto auto 8px;
  width: 140px;
  height: 140px;
  line-height: 140px;
  color: #006fff;
}
.chart_list3 .percentage3 .percentage_inner {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  font-size: 36px;
}
/*chart_list3 end*/
/*chart_list4*/
.chart_list4 {
  text-align: center;
}
.chart_list4 h2 {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 0;
  line-height: 1;
  padding: 30px 0 25px 0;
}
.chart_list4 p {
  padding: 0 0 20px 0;
  margin: 0;
}
.chart_list4 .percentage4 {
  position: relative;
  margin: auto auto 8px;
  width: 140px;
  height: 140px;
  line-height: 140px;
  color: #006fff;
}
.chart_list4 .percentage4 .percentage_inner {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  font-size: 30px;
  color: #313131;
}
/*chart_list4 end*/
.filter_block #filters li.selected a,
.filter_block #filters li.selected a:hover {
  color: #FFF!important;
}
.chart_list .percentage.color_1 {
  color: #009b85;
  border-color: #009b85;
}
.chart_list .percentage.color_2 {
  color: #FAA732;
  border-color: #FAA732;
}
.chart_list .percentage.color_3 {
  color: #5EB95E;
  border-color: #5EB95E;
}
.chart_list .percentage.color_4 {
  color: #DD514C;
  border-color: #DD514C;
}
/*loaded_list*/
.loaded_list .progress-bar {
  position: relative;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-image: none;
}
.loaded_list2 .progress-bar {
  position: relative;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.loaded_list2 .progress-bar.color_1_bg {
  background-color: #009b85;
}
.loaded_list2 .progress-bar.color_2_bg {
  background-color: #faa732;
}
.loaded_list2 .progress-bar.color_3_bg {
  background-color: #5eb95e;
}
.loaded_list2 .progress-bar.color_4_bg {
  background-color: #dd514c;
}
.loaded_list .progress,
.loaded_list2 .progress {
  overflow: visible;
  height: 15px;
  line-height: 15px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.loaded_list .progress-bar span,
.loaded_list2 .progress-bar span {
  position: absolute;
  right: 0px;
  bottom: 100%;
  background: #2c3433;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 2px 5px!important;
  line-height: normal!important;
  font-size: 12px!important;
  text-indent: 0;
  margin-bottom: 8px;
  display: none;
}
.loaded_list .progress-bar span:before,
.loaded_list2 .progress-bar span:before {
  border: 5px solid transparent;
  border-top: 5px solid #2c3433;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0!important;
  margin-left: -5px;
}
.loaded_list3 p {
  margin: 0px;
  color: #2e2e2e;
}
.loaded_list3 .progress {
  margin: 0 0 10px;
  height: 26px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.loaded_list3 .progress .progress-bar {
  height: 26px;
  line-height: 26px;
  text-align: right;
  background: #ed474a;
  color: #FFF;
  width: 0;
  transition: width ease-in 200ms;
  -moz-transition: width ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: width ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: width ease-in 200ms;
  /* Opera */
  -ms-transition: width ease-in 200ms;
  /* IE9? */
}
.loaded_list3 .progress .progress-bar span {
  padding-right: 5px;
}
/*loaded_list4*/
.loaded_list4 .progress-bar {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #006fff;
}
.loaded_list4 .progress {
  overflow: visible;
  height: 15px;
  line-height: 15px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  position: relative;
  background: #e4e4e4;
}
.loaded_list4 .progress-bar span {
  position: absolute;
  right: 0px;
  bottom: 100%;
  text-indent: 0;
  margin-bottom: 8px;
  display: none;
  font-size: 13px;
  color: #666666;
}
/*loaded_list4 end*/
/*our_team2*/
.our_team2 {
  padding: 10px 0 0 0;
}
.our_team2 .progress_font {
  font-size: 13px;
  padding: 3px 0 0 0;
}
.our_team2 .progress_font span {
  float: right;
}
.our_team2 .progress {
  height: 14px;
  line-height: 14px;
  margin: 6px 0 15px;
  position: relative;
  overflow: inherit;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.our_team2 .progress-striped .progress-bar {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.our_team2 .progress-bar span {
  position: absolute;
  right: 0px;
  bottom: 100%;
  text-indent: 0;
  margin-bottom: 8px;
  display: none;
  font-size: 13px;
  color: #666666;
}
/*our_team2 end*/
/*number_Animation*/
.number_Animation {
  text-align: center;
}
.number_Animation .glyphicons {
  font-size: 90px;
}
.number_Animation .number {
  display: block;
  text-align: center;
  font-size: 48px;
}
/*number_Animation2*/
.number_Animation2 .number_box {
  width: 205px;
  height: 205px;
  border: 2px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 20px auto;
  text-align: center;
  color: #fff;
  padding: 55px 0;
}
.number_Animation2 .number_box .number {
  font-size: 36px;
  color: #fff;
}
.number_Animation2 .number_box .number_name {
  display: block;
  font-size: 14px;
  color: #fff;
}
/*number_Animation2 end*/
/*number_Animation3*/
.number_Animation3 {
  text-align: center;
}
.number_Animation3 .number {
  display: block;
  text-align: center;
  font-size: 50px;
  line-height: 1.2;
  padding: 27px 0 0 0;
  color: #313131;
}
.number_Animation3 span {
  width: 110px!important;
  height: 110px;
  text-align: center;
  line-height: 110px;
  font-size: 30px;
  color: #fff;
  background: #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.number_Animation3_bor {
  border: 1px solid #006fff;
  border-radius: 50%;
  height: 120px;
  line-height: 120px;
  position: relative;
  width: 120px;
  padding-top: 3px;
  margin: auto;
}
.number_Animation3 p {
  font-size: 15px;
}
/*number_Animation3 end*/
/*Testimonials*/
.Testimonials_tab {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  overflow: hidden;
  min-height: 20px;
  transition: height ease-in 200ms;
  -moz-transition: height ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: height ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: height ease-in 200ms;
  /* Opera */
  -ms-transition: height ease-in 200ms;
  /* IE9? */
}
.Testimonials_tab li {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  width: 100%;
  list-style: none;
}
.Testimonials_tab .last_page,
.Testimonials_tab .next_page {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 28px;
  line-height: 28px;
  width: 28px;
  background-color: #f2f2f2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: #797979;
  font-family: Helvetica;
  top: auto;
  bottom: 14px;
  left: auto;
  right: 0;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.Testimonials_tab .last_page {
  right: 32px;
}
.Testimonials_tab .last_page:hover,
.Testimonials_tab .next_page:hover {
  color: #FFF;
  text-decoration: none;
}
.Testimonials_tab .dot {
  position: absolute;
  bottom: 0;
}
.Testimonials_tab .dot a {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 2px solid #606060;
  margin: 0 3px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  font-size: 0;
  text-indent: -999px;
  vertical-align: middle;
}
* + html .Testimonials_tab .dot a {
  display: inline;
}
.Testimonials_tab .dot a.actived {
  background: #606060;
  width: 10px;
  height: 10px;
}
.Testimonials_1 .dot {
  right: 60px;
  bottom: 16px;
}
.Testimonials_1 .dot a {
  border: 1px solid #f2f2f2;
  width: 20px;
  height: 20px;
}
.Testimonials_1 .dot a.actived {
  width: 20px;
  height: 20px;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}
.Testimonials_1 blockquote {
  background: none;
  padding: 1px 0px 0px;
  margin: 0px;
  text-indent: 0;
}
.Testimonials_1 blockquote p {
  background-color: #fafafa;
  border: 1px solid #ececec;
  padding: 20px;
  font-size: 13px;
  color: #808080;
  font-style: normal;
  text-indent: 0;
}
.Testimonials_1 small {
  position: relative;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #777777;
  font-style: normal;
  padding: 24px 0 0 35px;
}
.Testimonials_1 small:before {
  content: " ";
  position: absolute;
  top: -7px;
  left: 55px;
  width: 10px;
  height: 10px;
  background-color: #fafafa;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.Testimonials_1 small img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 15px;
  float: left;
  vertical-align: middle;
}
.Testimonials_1 small span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin-top: 4px;
}
.Testimonials_2 .last_page,
.Testimonials_2 .next_page {
  top: auto;
  bottom: 0;
  left: 50%;
}
.Testimonials_2 .last_page {
  right: 32px;
  margin: 0 0 0 -30px;
}
.Testimonials_2 .dot {
  right: 0;
  bottom: 3px;
  width: 100%;
  text-align: center;
}
.Testimonials_2 .dot a {
  border: 1px solid #f2f2f2;
  width: 20px;
  height: 20px;
}
.Testimonials_2 .dot a.actived {
  width: 20px;
  height: 20px;
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}
.Testimonials_2 blockquote {
  background: none;
  padding: 0px;
  margin: 0px;
  text-indent: 0;
}
.Testimonials_2 blockquote p {
  padding: 0px;
  text-align: center;
  font-size: 13px;
  color: #808080;
  font-style: normal;
}
.Testimonials_2 .Pic {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  vertical-align: middle;
  display: block;
  margin: 0px auto 10px;
  overflow: hidden;
  text-align: center;
  text-indent: 0;
}
.Testimonials_2 small {
  position: relative;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #777777;
  font-style: normal;
  padding: 15px 0 40px;
  width: 100%;
  text-align: center;
}
.Testimonials_2 small:before {
  content: " ";
}
.Testimonials_2 small span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin-top: 4px;
}
.Testimonials_3 blockquote {
  background: none;
  padding-bottom: 0px;
  position: relative;
}
.Testimonials_3 .last_page {
  left: 180px;
  bottom: 60px;
}
.Testimonials_3 .next_page {
  left: 210px;
  bottom: 60px;
}
.Testimonials_3 {
  position: relative;
}
.Testimonials_3 .Pic {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}
.Testimonials_3 li {
  padding-left: 180px;
  min-height: 160px;
  width: auto;
}
.Testimonials_3 blockquote span.mark {
  font-size: 103px;
  position: absolute;
  top: -5px;
  left: 10px;
  color: #555;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: italic!important;
  text-indent: 0!important;
  text-align: left;
  width: 100px;
}
* + html .Testimonials_3 blockquote span.mark {
  text-indent: -55px !important;
}
.Testimonials_3 small:before {
  content: " ";
}
.Testimonials_3 small span {
  display: block;
  font-size: 15px;
  color: #444444;
  font-weight: bold;
  margin-top: 4px;
  font-style: normal;
  margin-bottom: 3px;
}
.Testimonials_3 small {
  position: static;
  font-size: 13px;
  color: #777777;
  font-style: normal;
  padding: 25px 0 40px;
  float: right;
}
.Testimonials_3 .dot {
  left: 180px;
  bottom: 40px;
}
.Testimonials_4 {
  margin: 0;
  padding: 0;
}
.Testimonials_4 li {
  list-style: none;
}
.Testimonials_5 .dot {
  right: 0px;
}
.Testimonials_4 blockquote {
  background: none;
  padding: 0px;
  margin: 0px 0px 15px;
}
.Testimonials_4 blockquote p {
  border-bottom: 7px solid #f0f0f0;
  padding: 0px 0px 20px;
  font-size: 13px;
  line-height: 2;
  color: #808080;
  font-style: normal;
  text-indent: 0;
}
.Testimonials_4 small {
  position: relative;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #777777;
  font-style: normal;
  padding: 24px 0 0 0px;
}
.Testimonials_4 small:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 30px;
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-top: 10px solid #f0f0f0;
}
.Testimonials_4 small img {
  width: 60px;
  height: 60px;
  margin-right: 15px;
  float: left;
  vertical-align: middle;
}
.Testimonials_4 small span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 6px 0px 5px;
}
.Testimonials_5 blockquote {
  background: none;
  padding: 0px;
  margin: 0px 0px 15px;
  text-indent: 0;
}
.Testimonials_5 blockquote p {
  padding: 0px;
  font-size: 13px;
  color: #808080;
  font-style: normal;
  text-indent: 0;
  padding: 20px;
  color: #FFF;
}
.Testimonials_5 small {
  position: relative;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #777777;
  font-style: normal;
  padding: 20px 0 0 0px;
}
.Testimonials_5 small:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 30px;
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
}
.Testimonials_5 small span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin: 6px 0px 5px;
}
.Testimonials_5 .last_page,
.Testimonials_5 .next_page {
  top: auto;
  bottom: 5px;
  width: 29px;
  height: 27px;
  background-color: #959998;
  text-indent: -999px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  overflow: hidden;
}
.Testimonials_5 .last_page:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px!important;
  height: 0px!important;
  border: 6px solid transparent;
  border-right: 6px solid #FFF;
  margin: -6px 0px 0px -9px;
}
.Testimonials_5 .next_page:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px!important;
  height: 0px!important;
  border: 6px solid transparent;
  border-left: 6px solid #FFF;
  margin: -6px 0px 0px -3px;
}
.Testimonials_6 blockquote {
  background: none;
  padding: 1px;
  margin: 0px;
}
.Testimonials_6 blockquote p {
  text-indent: 0px;
  color: #666666;
  font-size: 13px;
  border: 1px solid #e4e4e4;
  padding: 20px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.Testimonials_6 blockquote p span {
  background: url("/Portals/_default/skins/freiraum/images/marks.png") no-repeat center center;
  width: 54px;
  height: 47px;
  float: left;
  margin: 0px 15px 0px 0px;
}
.Testimonials_6 blockquote small {
  position: relative;
  padding: 22px 0px 0px 63px;
  margin: 0px;
  text-align: left;
  right: 0px;
  left: 0px;
  top: -1px;
  background: url("/Portals/_default/skins/freiraum/images/arrow-2.jpg") no-repeat 80px top;
}
.Testimonials_6 blockquote small:before {
  content: ' ' !important;
}
.Testimonials_6 blockquote small img {
  width: auto !important;
  height: auto !important;
  display: inline !important;
  margin-right: 10px;
}
.Testimonials_6 .dot {
  right: 0px;
  bottom: 0px;
}
.Testimonials_6 .dot a {
  border: 1px solid #E3E3E3;
  width: 20px;
  height: 20px;
}
.Testimonials_6 .dot a.actived {
  width: 20px;
  height: 20px;
  border: 1px solid #E3E3E3;
  background: #E3E3E3;
}
.Testimonials_tab.Testimonials_6 .last_page,
.Testimonials_tab.Testimonials_6 .next_page {
  bottom: 26px;
}
/*Testimonials_7*/
.Testimonials_7 {
  text-align: center;
}
.Testimonials_7 .title {
  background: url("/Portals/_default/skins/freiraum/images/h3_icon.png") no-repeat center center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #fff;
  margin: 0 auto;
}
.Testimonials_7 blockquote {
  margin: 0 10%;
  padding: 45px 21px 20px;
}
.Testimonials_7 blockquote p {
  text-indent: 0;
  color: #fff;
  font-size: 14px;
}
.Testimonials_7 blockquote small {
  position: static;
  padding: 35px 0 0;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  font-style: normal;
}
.Testimonials_7 blockquote .pic {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  margin: auto auto 10px;
  overflow: hidden;
}
.Testimonials_7 blockquote small span {
  display: block;
  line-height: 2;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
.Testimonials_7 blockquote small:before {
  content: "";
}
.Testimonials_7 .last_page,
.Testimonials_7 .next_page {
  width: 50px;
  height: 50px;
  line-height: 55px;
  top: 50%;
  margin: -25px 0 0 0;
  font-size: 20px;
  background-color: #1d1e1f;
  border: none;
  text-indent: -99999px;
}
.Testimonials_7 .last_page:before,
.Testimonials_7 .next_page:before {
  content: "";
  border-left: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  font-size: 20px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.Testimonials_7 .next_page:before {
  border-left: none;
  border-right: 2px solid #FFF;
  margin: -5px 0 0 -8px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.Testimonials_7 .last_page {
  left: 25px;
}
.Testimonials_7 .next_page {
  right: 25px;
}
@media only screen and (max-width: 767px) {
  .Testimonials_7 .next_page {
    right: 0;
  }
  .Testimonials_7 .last_page {
    left: 0;
  }
}
/*Testimonials_7 end*/
/*.Testimonials_8*/
.Testimonials_8 {
  text-align: center;
}
.Testimonials_8 .title {
  background: url("/Portals/_default/skins/freiraum/images/h3_icon.png") no-repeat center center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #fff;
  margin: 0 auto;
}
.Testimonials_8 .Testimonials_con_8 {
  margin: 0 10%;
  padding: 0 21px 0 21px;
}
.Testimonials_icon_8 {
  display: inline-block;
}
.Testimonials_icon_8 span {
  height: 88px!important;
  width: 88px!important;
  text-align: center;
  line-height: 88px;
  display: inline-block;
  border: 1px solid #fff;
  font-size: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 23px 5px 23px;
  color: #fff;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Testimonials_icon_8 span:hover {
  background: #fff;
  color: #006fff;
}
.Testimonials_8 blockquote p {
  text-indent: 0;
  color: #fff;
  font-size: 14px;
}
.Testimonials_8 blockquote small:before {
  content: "";
}
.Testimonials_8 .last_page,
.Testimonials_8 .next_page {
  width: 50px;
  height: 50px;
  line-height: 55px;
  top: 50%;
  margin: -25px 0 0 0;
  font-size: 20px;
  background-color: transparent;
  border: none;
  text-indent: -99999px;
  border: 1px solid #fff;
}
.Testimonials_8 .last_page:before,
.Testimonials_8 .next_page:before {
  content: "";
  border-left: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  font-size: 20px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.Testimonials_8 .next_page:before {
  border-left: none;
  border-right: 2px solid #FFF;
  margin: -5px 0 0 -8px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.Testimonials_8 .last_page {
  left: 25px;
}
.Testimonials_8 .next_page {
  right: 25px;
}
/*.Testimonials_8 end*/
/* horizontalTab_Top*/
.horizontalTab_Top_1 {
  padding-bottom: 15px;
}
.horizontalTab_Top_1 ul.resp-tabs-list li {
  margin-right: 10px;
  border: 1px solid #ebebeb;
  border-bottom: none;
  padding-top: 1px;
}
.horizontalTab_Top_1 ul.resp-tabs-list li span {
  padding: 10px 22px;
  font-size: 14px;
}
.horizontalTab_Top_1 ul.resp-tabs-list li.resp-tab-active {
  padding-top: 0px;
  border-top-width: 2px;
  border-top-style: solid;
}
.horizontalTab_Top_2 {
  padding-bottom: 15px;
}
.horizontalTab_Top_2 ul.resp-tabs-list li {
  margin-right: 5px;
  border: 1px solid #ececec;
  border-bottom: none;
  background-color: #f3f3f3;
}
.horizontalTab_Top_2 ul.resp-tabs-list li span {
  padding: 10px 12px;
  font-size: 14px;
}
.horizontalTab_Top_2 ul.resp-tabs-list li em,
.horizontalTab_Top_2 ul.resp-tabs-list li i,
.horizontalTab_Top_2 h2.resp-accordion span em,
.horizontalTab_Top_2 h2.resp-accordion span i {
  padding-right: 5px;
}
.horizontalTab_Top_2 ul.resp-tabs-list li.resp-tab-active span {
  color: #FFF!important;
}
.horizontalTab_Top_3 {
  padding-bottom: 15px;
}
.horizontalTab_Top_3 ul.resp-tabs-list li,
.horizontalTab_Top_3 ul.resp-tabs-list li:hover {
  margin: 0 10px 5px 0;
  border-width: 1px;
  border-style: solid;
  padding-top: 1px;
}
.horizontalTab_Top_3 ul.resp-tabs-list li span {
  padding: 10px 22px;
  font-size: 14px;
  color: #FFF;
}
.horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active,
.horizontalTab_Top_3 ul.resp-tabs-list li.resp-tab-active:hover {
  padding-top: 0px;
  border: 1px solid #ebebeb;
  border-top-style: solid;
  border-top-width: 2px;
}
.horizontalTab_Top_3 ul.resp-tabs-list li:hover span {
  color: #FFF;
}
.verticalTab_Left_1 {
  padding-bottom: 15px;
}
.verticalTab_Left_1 .resp-tab-content {
  border: none;
}
.verticalTab_Left_1 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Left_1 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
}
.verticalTab_Left_1 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  background: none!important;
}
.verticalTab_Left_1 ul.resp-tabs-list li {
  border: 1px solid #ebebeb;
  border-right: none;
  background: #FFF!important;
  padding-left: 1px;
  margin-bottom: 12px;
}
.verticalTab_Left_1 ul.resp-tabs-list {
  border-top: 1px solid #ebebeb;
  padding: 0px;
}
.verticalTab_Left_1 ul.resp-tabs-list li.resp-tab-active {
  margin-right: -1px;
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 0px;
}
.verticalTab_Left_2 {
  padding-bottom: 15px;
}
.verticalTab_Left_2 .resp-tab-content {
  border: none;
}
.verticalTab_Left_2 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Left_2 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
}
.verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  text-align: center;
  padding-right: 15px;
  background-image: none;
  color: #fff;
}
.verticalTab_Left_2 ul.resp-tabs-list li {
  border: 1px solid #ebebeb;
  background: #f3f3f3!important;
  margin-bottom: 12px;
  margin-right: 10px;
  text-align: center;
}
.verticalTab_Left_2 ul.resp-tabs-list li:first-child {
  border-top: 1px solid #ebebeb;
}
.verticalTab_Left_2 ul.resp-tabs-list li em,
.verticalTab_Left_2 ul.resp-tabs-list li i,
.verticalTab_Left_2 h2.resp-accordion span em,
.verticalTab_Left_2 h2.resp-accordion span i {
  padding-right: 5px;
}
.verticalTab_Left_3 {
  padding-bottom: 15px;
}
.verticalTab_Left_3 .resp-tab-content {
  border: none;
}
.verticalTab_Left_3 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Left_3 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
  color: #FFF;
}
.verticalTab_Left_3 ul.resp-tabs-list li:hover span {
  color: #FFF;
}
.verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  background: #FFF!important;
  text-align: center;
  padding-right: 15px;
}
.verticalTab_Left_3 ul.resp-tabs-list li {
  border-width: 1px;
  border-style: solid;
  margin-bottom: 12px;
  margin-right: 10px;
  text-align: center;
  padding-top: 1px;
}
.verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active,
.verticalTab_Left_3 ul.resp-tabs-list li.resp-tab-active:hover {
  border: 1px solid #ebebeb;
  /*padding-top: px;*/
}
.verticalTab_Left_3 ul.resp-tabs-list li:first-child {
  border-top: 1px solid #ebebeb;
}
.verticalTab_Left_3 ul.resp-tabs-list {
  padding: 0px;
}
.verticalTab_Left_3 ul.resp-tabs-list li em,
.verticalTab_Left_3 ul.resp-tabs-list li i,
.verticalTab_Left_3 h2.resp-accordion span em,
.verticalTab_Left_3 h2.resp-accordion span i {
  padding-right: 5px;
}
/* verticalTab_Left_4*/
.verticalTab_Left_4 ul.resp-tabs-list {
  padding: 10px 0!important;
  border-right: 1px solid #dddddd;
}
.verticalTab_Left_4 ul.resp-tabs-list li {
  border-right: none !important;
}
.verticalTab_Left_4 ul.resp-tabs-list li.resp-tab-active:first-child {
  border-top: 1px solid #dddddd;
  margin-top: -1px;
}
.verticalTab_Left_4 ul.resp-tabs-list li.resp-tab-active:last-child {
  border-bottom: 1px solid #dddddd;
  margin-bottom: -1px;
}
.verticalTab_Left_4 ul.resp-tabs-list li span {
  padding: 11px 15px;
}
.verticalTab_Left_4 ul.resp-tabs-list li.resp-tab-active,
.verticalTab_Left_4 .resp-tab-active,
.verticalTab_Left_4 .resp-tab-active:hover,
.verticalTab_Left_4 ul.resp-tabs-list li.resp-tab-active,
.verticalTab_Left_4 ul.resp-tabs-list li.resp-tab-active span {
  background: #FFF !important;
}
.verticalTab_Right_1 {
  padding-bottom: 15px;
}
.verticalTab_Right_1 .resp-tab-content {
  border: none;
}
.verticalTab_Right_1 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Right_1 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
}
.verticalTab_Right_1 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  padding: 10px 15px!important;
  background: none!important;
}
.verticalTab_Right_1 ul.resp-tabs-list li {
  border: 1px solid #ebebeb;
  border-left: none;
  background: #FFF!important;
  margin-bottom: 12px;
}
.verticalTab_Right_1 ul.resp-tabs-list {
  border-top: 1px solid #ebebeb;
  padding: 0px;
}
.verticalTab_Right_1 ul.resp-tabs-list li.resp-tab-active {
  margin-left: -1px;
  padding-left: 1px;
  border-right-width: 2px;
  border-right-style: solid;
}
.verticalTab_Right_2 {
  padding-bottom: 15px;
}
.verticalTab_Right_2 .resp-tab-content {
  border: none;
}
.verticalTab_Right_2 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Right_2 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
}
.verticalTab_Right_2 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  background-image: none;
  text-align: center;
  padding: 10px 15px!important;
}
.verticalTab_Right_2 ul.resp-tabs-list li {
  border: 1px solid #ebebeb;
  background: #f3f3f3!important;
  margin-bottom: 12px;
  margin-left: 10px;
  text-align: center;
}
.verticalTab_Right_2 ul.resp-tabs-list li:first-child {
  border-top: 1px solid #ebebeb;
}
.verticalTab_Right_2 ul.resp-tabs-list {
  padding: 0px;
}
.verticalTab_Right_2 ul.resp-tabs-list li em,
.verticalTab_Right_2 ul.resp-tabs-list li i,
.verticalTab_Right_2 h2.resp-accordion span em,
.verticalTab_Right_2 h2.resp-accordion span i {
  padding-right: 5px;
}
.verticalTab_Right_3 {
  padding-bottom: 15px;
}
.verticalTab_Right_3 .resp-tab-content {
  border: none;
}
.verticalTab_Right_3 .resp_container .resp_margin {
  border: 1px solid #ebebeb;
  padding: 10px 20px;
  margin: 0;
}
.verticalTab_Right_3 ul.resp-tabs-list li span {
  padding: 10px 15px;
  margin: 0px;
  border: none;
  background: none;
  color: #FFF;
}
.verticalTab_Right_3 ul.resp-tabs-list li:hover span {
  color: #FFF;
}
.verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0px;
  border: none;
  background: #FFF!important;
  text-align: center;
  padding: 10px 15px!important;
}
.verticalTab_Right_3 ul.resp-tabs-list li {
  border-style: solid;
  border-width: 1px;
  margin-bottom: 12px;
  margin-left: 10px;
  text-align: center;
  padding-top: 1px;
}
.verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active,
.verticalTab_Right_3 ul.resp-tabs-list li.resp-tab-active:hover {
  border: 1px solid #ebebeb;
}
.verticalTab_Right_3 ul.resp-tabs-list li:first-child {
  border-top: 1px solid #ebebeb;
}
.verticalTab_Right_3 ul.resp-tabs-list {
  padding: 0px;
}
.verticalTab_Right_3 ul.resp-tabs-list li em,
.verticalTab_Right_3 ul.resp-tabs-list li i,
.verticalTab_Right_3 h2.resp-accordion span em,
.verticalTab_Right_3 h2.resp-accordion span i {
  padding-right: 5px;
}
.horizontalTab_Top {
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .verticalTab_Left_1 .resp_container .resp_margin,
  .verticalTab_Left_2 .resp_container .resp_margin,
  .verticalTab_Left_3 .resp_container .resp_margin,
  .verticalTab_Right_1 .resp_container .resp_margin,
  .verticalTab_Right_2 .resp_container .resp_margin,
  .verticalTab_Right_3 .resp_container .resp_margin {
    border-bottom: none;
  }
}
/* **********  accordion_2  ************** */
.accordion_2 .panel-default {
  border: none;
  margin-bottom: 4px;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
  background: none;
}
.accordion_2 .panel-heading {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}
.accordion_2 .panel-heading .panel-title a {
  padding: 10px 46px 10px 10px;
  position: relative;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #444444;
  font-size: 14px;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_2 .panel-title a .accordion_icon {
  position: relative;
}
.accordion_2 .panel-title a .accordion_icon:before {
  content: "\2212";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;
}
.accordion_2 .panel-title a:hover .accordion_icon:before {
  content: "\2212";
}
.accordion_2 .panel-title a.collapsed .accordion_icon:before {
  content: "\002B";
}
.accordion_2 .panel-heading .panel-title a span {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 100%;
  display: inline-block;
  margin: 0px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.accordion_2 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_2 .panel-heading .panel-title a.collapsed {
  color: #444444;
  border: 1px solid #d2d2d2;
}
/* **********  accordion_3  ************** */
.accordion_3 .panel-default {
  border: none !important;
  margin-bottom: 4px;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
  background: none;
}
.accordion_3 .panel-heading {
  border: 1px solid #dddddd !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0;
  background: none;
}
.accordion_3 .panel-heading .panel-title a {
  padding: 10px 10px 10px 10px;
  background-image: none;
  position: relative;
  color: #444444;
  font-size: 14px;
  overflow: hidden;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_3 .panel-heading .panel-title a span {
  position: absolute;
  top: 0px;
  left: auto;
  right: 0;
  width: 36px;
  height: 100%;
  display: inline-block;
  margin: 0px;
  border-left: 1px solid #e3e3e3;
  background-color: #FFF;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.accordion_3 .panel-title a .accordion_icon:before {
  content: "\2212";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  margin: -7px 0px 0px -7px;
  color: #666666;
}
.accordion_3 .panel-title a:hover .accordion_icon:before {
  content: "\2212";
  color: #666666;
}
.accordion_3 .panel-title a.collapsed .accordion_icon:before {
  content: "\002B";
  color: #444444;
}
.accordion_3 .panel-title a.collapsed:hover .accordion_icon:before {
  content: "\002B";
  color: #666666;
}
.accordion_3 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_3 .panel-heading .panel-title a.collapsed {
  color: #444444;
}
.accordion_4 {
  border-bottom: 1px solid #e0e0e0;
}
.accordion_4 .panel-heading .panel-title a,
.accordion_4 .panel-heading .panel-title a:hover {
  font-size: 13px;
  border-bottom: 1px solid #e0e0e0;
  color: #666666;
}
.accordion_4 .panel-default {
  border: none;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
  background: none;
  margin-bottom: 1px;
}
.accordion_4 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_4 .panel-heading .panel-title a {
  border-top: 1px solid #e0e0e0;
  padding: 12px 0;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_4 .panel-heading .accordion_icon {
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  vertical-align: middle;
  margin-right: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.accordion_4 .panel-heading .panel-title a.collapsed {
  border-bottom: none;
}
.accordion_4 .panel-heading .panel-title a.collapsed .accordion_icon {
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari and Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
}
.accordion_4 .panel-heading {
  border: none;
  border-radius: 0;
  padding: 0;
  background: none;
}
.accordion_4 .panel-heading .panel-title a.collapsed,
.accordion_4 .panel-heading .panel-title a.collapsed:hover {
  color: #666666;
}
.accordion_5 .panel-heading .panel-title a {
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  padding: 10px 0px 10px 50px;
  position: relative;
  font-size: 13px;
  color: #444444;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_5 .panel-default {
  border: none!important;
  margin-bottom: 5px!important;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
  background: none;
}
.accordion_5 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_5 .panel-heading .accordion_icon {
  width: 38px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  color: #FFF;
}
.accordion_5 .accordion_icon:before {
  content: "\2212";
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.accordion_5 .panel-title a:hover .accordion_icon:before {
  content: "\2212";
}
.accordion_5 .panel-title a.collapsed .accordion_icon:before {
  content: "\002B";
}
.accordion_5 .panel-title a.collapsed:hover .accordion_icon:before {
  content: "\002B";
}
.accordion_5 .panel-heading {
  border: none;
  border-radius: 0;
  padding: 0;
  background: none;
}
.accordion_5 .panel-heading .panel-title a.collapsed {
  color: #444444;
}
.accordion_6 .panel-heading .panel-title a,
.accordion_6 .panel-heading .panel-title a:hover {
  color: #666666;
}
.accordion_6 .panel-default {
  border: none;
  margin-bottom: 6px;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
  background: none;
}
.accordion_6 .panel-heading .panel-title a {
  border: 1px solid #ececec;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
  z-index: 1;
  padding: 12px 10px;
  font-size: 13px;
  background-color: #fafafa;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_6 .panel-collapse {
  border: 1px solid #ececec;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: -6px;
  position: relative;
  z-index: 0;
}
.accordion_6 .panel-heading .accordion_icon {
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  float: right;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  margin: 5px 1px 0px 0px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.accordion_6 .panel-heading .panel-title a.collapsed .accordion_icon {
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari and Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
  margin: 5px 1px 0px 0px;
}
.accordion_6 .panel-body {
  border: none !important;
  padding: 9px 15px;
}
.accordion_6 .panel-heading {
  border: none;
  border-radius: 0;
  padding: 0;
  background: none;
}
.accordion_6 .panel-heading .panel-title a.collapsed,
.accordion_6 .panel-heading .panel-title a.collapsed:hover {
  color: #666666;
}
.accordion_7 .panel-default {
  border: none !important;
  margin-bottom: 4px;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
}
.accordion_7 .panel-heading {
  border: 1px solid #dddddd !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0;
  background: none;
}
.accordion_7 .panel-heading .panel-title a {
  padding: 10px 10px 10px 10px;
  background-image: none;
  position: relative;
  color: #444444;
  font-size: 14px;
  overflow: hidden;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_7 .panel-heading .panel-title a span {
  position: absolute;
  top: 0px;
  left: auto;
  right: 0;
  width: 36px;
  height: 100%;
  display: inline-block;
  margin: 0px;
  border-left: 1px solid #e3e3e3;
  background-color: #FFF;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.accordion_7 .panel-title a .accordion_icon:before {
  content: "\2212";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  margin: -7px 0px 0px -7px;
  color: #fff;
}
.accordion_7 .panel-title a:hover .accordion_icon:before {
  content: "\2212";
  color: #fff;
}
.accordion_7 .panel-title a.collapsed .accordion_icon:before {
  content: "\002B";
  color: #fff;
}
.accordion_7 .panel-title a.collapsed:hover .accordion_icon:before {
  content: "\002B";
  color: #fff;
}
.accordion_7 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_7 .panel-heading .panel-title a.color_1_h:hover,
.accordion_7 .panel-heading .panel-title a.color_1_h,
.accordion_7 .panel-heading .panel-title a.color_1_h.collapsed:hover {
  color: #009b85;
}
.accordion_7 .panel-heading .panel-title a.color_2_h:hover,
.accordion_7 .panel-heading .panel-title a.color_2_h,
.accordion_7 .panel-heading .panel-title a.color_2_h.collapsed:hover {
  color: #faa732;
}
.accordion_7 .panel-heading .panel-title a.color_3_h:hover,
.accordion_7 .panel-heading .panel-title a.color_3_h,
.accordion_7 .panel-heading .panel-title a.color_3_h.collapsed:hover {
  color: #5eb95e;
}
.accordion_7 .panel-heading .panel-title a.color_4_h:hover,
.accordion_7 .panel-heading .panel-title a.color_4_h,
.accordion_7 .panel-heading .panel-title a.color_4_h.collapsed:hover {
  color: #dd514c;
}
.accordion_7 .panel-heading .panel-title a .accordion_icon.color_1_bg {
  background-color: #009b85;
}
.accordion_7 .panel-heading .panel-title a .accordion_icon.color_2_bg {
  background-color: #faa732;
}
.accordion_7 .panel-heading .panel-title a .accordion_icon.color_3_bg {
  background-color: #5eb95e;
}
.accordion_7 .panel-heading .panel-title a .accordion_icon.color_4_bg {
  background-color: #dd514c;
}
.accordion_7 .panel-heading .panel-title a.collapsed {
  color: #444444;
}
/* **********  accordion_8  ************** */
.accordion_8 .panel-default {
  border: none;
  margin-bottom: 4px;
  margin-top: 0 !important;
  border-radius: 0;
  -moz-box-shadow: none;
  /* For Firefox3.6+ */
  -webkit-box-shadow: none;
  /* For Chrome5+, Safari5+ */
  box-shadow: none;
  /* For Latest Opera */
}
.accordion_8 .panel-heading {
  background-color: #f8f8f8;
  border: none;
  padding: 0;
  border-radius: 0;
}
.accordion_8 .panel-heading .panel-title a {
  padding: 10px 10px 10px 46px;
  position: relative;
  background: #f3f3f3 !important;
  color: #444444;
  font-size: 14px;
  display: block;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.accordion_8 .panel-title a .accordion_icon {
  background-image: url("/Portals/_default/skins/freiraum/images/plus_minus.png");
  background-position: 12px -85px;
  background-repeat: no-repeat;
}
.accordion_8 .panel-title a .accordion_icon.color_1_bg {
  background-color: #009b85;
}
.accordion_8 .panel-title a .accordion_icon.color_2_bg {
  background-color: #faa732;
}
.accordion_8 .panel-title a .accordion_icon.color_3_bg {
  background-color: #5eb95e;
}
.accordion_8 .panel-title a .accordion_icon.color_4_bg {
  background-color: #dd514c;
}
.accordion_8 .panel-title a:hover .accordion_icon {
  background-position: 12px -85px;
}
.accordion_8 .panel-title a.collapsed .accordion_icon {
  background-image: url("/Portals/_default/skins/freiraum/images/plus_minus.png");
  background-position: 12px 14px;
  background-repeat: no-repeat;
}
.accordion_8 .panel-title a.collapsed:hover .accordion_icon {
  background-position: 12px 14px;
}
.accordion_8 .panel-heading .panel-title a span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 100%;
  display: inline-block;
  margin: 0px;
}
.accordion_8 .panel-body {
  padding: 9px 0px;
  border: none !important;
}
.accordion_8 .panel-heading .panel-title a.collapsed {
  color: #444444;
}
/*quotes*/
.quotes_1 blockquote {
  background: #fbfbfb;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #8f8f8f;
  text-indent: 0px;
  padding: 25px 35px;
  margin: 0 0 8px;
}
.quotes_1 blockquote p {
  text-indent: 0px;
  color: #8f8f8f;
}
.quotes_1 blockquote small {
  position: static;
  color: #5e5e5e;
  padding: 20px 0 0;
}
.quotes_1 blockquote span.mark {
  font-size: 20px;
  position: absolute;
  top: 25px;
  left: 20px;
  line-height: normal;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-style: italic!important;
}
* + html .quotes_1 blockquote span.mark {
  text-indent: -15px !important;
}
.quotes_2 blockquote {
  background: #FFF;
  border: 1px solid #ebebeb;
  border-left-style: solid;
  border-left-width: 5px;
  color: #8f8f8f;
  text-indent: 0px;
  padding: 25px 35px;
  margin: 0 0 8px;
}
.quotes_2 blockquote p {
  text-indent: 50px;
  position: relative;
  z-index: 1;
  color: #8f8f8f;
}
.quotes_2 blockquote small {
  position: static;
  color: #5e5e5e;
  padding: 20px 0 0;
  text-align: right;
}
.quotes_2 blockquote span.mark {
  font-size: 120px;
  position: absolute;
  top: -15px;
  left: 10px;
  color: #d2d2d2;
  line-height: normal;
  z-index: 0;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-style: italic!important;
  text-indent: 0px!important;
}
* + html .quotes_2 blockquote span.mark {
  text-indent: -75px !important;
  top: -5px;
}
.quotes_3 blockquote {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #FFF;
  text-indent: 0px;
  padding: 25px 35px;
  margin: 0 0 8px;
}
.quotes_3 blockquote p {
  text-indent: 30px;
  color: #FFF;
}
.quotes_3 blockquote small {
  position: static;
  color: #FFF;
  padding: 20px 0 0;
  text-align: right;
}
.quotes_3 blockquote span.mark {
  font-size: 84px;
  position: absolute;
  top: 8px;
  left: 25px;
  color: #FFF;
  line-height: normal;
  font-family: Arial, Helvetica, sans-serif !important;
}
* + html .quotes_3 blockquote span.mark {
  text-indent: -55px !important;
  top: 10px;
}
.quotes_4 blockquote {
  background: #FFF;
  color: #8f8f8f;
  text-indent: 0px;
  padding: 25px 00px;
  margin: 0 0 8px;
}
.quotes_4 blockquote p {
  text-indent: 45px;
  color: #8f8f8f;
}
.quotes_4 blockquote small {
  position: static;
  padding: 20px 0 0;
}
.quotes_4 blockquote span.mark {
  font-size: 103px;
  position: absolute;
  top: -2px;
  left: -10px;
  color: #d2d2d2;
  line-height: normal;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-style: italic!important;
}
* + html .quotes_4 blockquote span.mark {
  text-indent: -55px !important;
  top: 0px;
}
/*dropcaps*/
.dropcaps_1 {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  float: left;
  font-size: 45px;
  color: #666666;
}
.dropcaps_2 {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  float: left;
  font-size: 45px;
}
.dropcaps_3 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 10px 8px 5px 0px;
  text-align: center;
  float: left;
  font-size: 36px;
  color: #666666;
  background: #f2f2f2;
}
.dropcaps_4 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 10px 8px 5px 0px;
  text-align: center;
  float: left;
  font-size: 36px;
  background: #f2f2f2;
}
.dropcaps_5 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 10px 8px 5px 0px;
  text-align: center;
  float: left;
  font-size: 36px;
  color: #FFF;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.dropcaps_6 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 10px 8px 5px 0px;
  text-align: center;
  float: left;
  font-size: 36px;
  color: #FFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/*Images*/
.photo_box .pic_box {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.photo_box {
  margin: 0 0 5px 0;
  padding: 0px;
  overflow: hidden;
  line-height: 1.8;
}
.photo_box .pic_box {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
}
.photo_box a,
.photo_box a:hover {
  text-decoration: none;
}
.photo_box .ico {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -31px;
  text-align: center;
  color: #FFF;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 1;
}
.photo_box .ico span {
  color: #FFF;
  width: 62px!important;
  height: 62px!important;
  line-height: 62px!important;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  margin: 0px 3px;
  border: 1px solid #FFF;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.photo_box .ico h3 {
  color: #FFF;
  font-size: 15px;
  margin-bottom: 5px;
}
.photo_box .content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFF;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 1;
}
.carousel_4 .photo_box.shade_zoom .ico {
  margin-top: -22px;
}
/***Home***/
.insets_list .photo_box .ico span {
  height: 30px !important;
  line-height: 30px !important;
  font-size: 18px;
  width: 30px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.vertical_center_1 {
  width: 100%;
  height: 100%;
  display: table;
}
.vertical_center_2 {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.photo_box .content h3 {
  color: #FFF;
  font-size: 15px;
  margin-bottom: 5px;
}
.photo_box .content p {
  color: #FFF;
  font-size: 13px;
}
.photo_box .content > .glyphicons {
  font-size: 50px;
  height: 70%;
  position: relative;
}
.photo_box .content > .glyphicons:before {
  position: absolute;
  top: 50%;
  left: 0;
}
.photo_box .content .ico {
  position: static;
  margin: 0 0 15px;
}
.photo_box .shade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 0;
}
.photo_box .ico,
.photo_box .content,
.photo_box .shade {
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box:hover .ico,
.photo_box:hover .content {
  filter: alpha(opacity=100);
  opacity: 1;
}
.photo_box:hover .shade {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.photo_box.default_show .ico,
.photo_box.default_show .content {
  filter: alpha(opacity=100);
  opacity: 1;
}
.photo_box.default_show .shade {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.photo_box.img_zoom .pic_box img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all ease-out 300ms;
  -moz-transition: all ease-out 300ms;
  -webkit-transition: all ease-out 300ms;
  -o-transition: all ease-out 300ms;
  -ms-transition: all ease-out 300ms;
}
.photo_box:hover.img_zoom .pic_box img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.photo_box.ico_left_enter .ico,
.photo_box.ico_right_enter .ico,
.photo_box.ico_top_enter .ico,
.photo_box.ico_bottom_enter .ico,
.photo_box.ico_LeftAndRight_enter span,
.photo_box.ico_TopAndBottom_enter span {
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
}
.photo_box.ico_left_enter .ico {
  left: -100%;
}
.photo_box:hover.ico_left_enter .ico {
  left: 0%;
}
.photo_box.ico_right_enter .ico {
  left: 100%;
}
.photo_box:hover.ico_right_enter .ico {
  left: 0%;
}
.photo_box.ico_top_enter .ico {
  top: -100%;
}
.photo_box:hover.ico_top_enter .ico {
  top: 50%;
  margin-top: -15px;
}
.photo_box.ico_bottom_enter .ico {
  top: 150%;
}
.photo_box:hover.ico_bottom_enter .ico {
  top: 50%;
}
.photo_box.ico_LeftAndRight_enter span.ico_left {
  transform: translate(-200px, 0);
  -ms-transform: translate(-200px, 0);
  -webkit-transform: translate(-200px, 0);
  -o-transform: translate(-200px, 0);
  -moz-transform: translate(-200px, 0);
}
.photo_box.ico_LeftAndRight_enter span.ico_right {
  transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  -webkit-transform: translate(200px, 0);
  -o-transform: translate(200px, 0);
  -moz-transform: translate(200px, 0);
}
.photo_box.ico_TopAndBottom_enter span.ico_top {
  transform: translate(0, -200px);
  -ms-transform: translate(0, -200px);
  -webkit-transform: translate(0, -200px);
  -o-transform: translate(0, -200px);
  -moz-transform: translate(0, -200px);
}
.photo_box.ico_TopAndBottom_enter span.ico_bottom {
  transform: translate(0, 200px);
  -ms-transform: translate(0, 200px);
  -webkit-transform: translate(0, 200px);
  -o-transform: translate(0, 200px);
  -moz-transform: translate(0, 200px);
}
.photo_box:hover.ico_LeftAndRight_enter span.ico_left,
.photo_box:hover.ico_LeftAndRight_enter span.ico_right,
.photo_box:hover.ico_TopAndBottom_enter span.ico_top,
.photo_box:hover.ico_TopAndBottom_enter span.ico_bottom {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
.photo_box.ico_push_in img {
  margin-bottom: -15px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box.ico_push_in .ico {
  top: auto;
  bottom: -50px;
  width: 100%;
  background-color: #006fff;
  filter: alpha(opacity=100);
  opacity: 1;
}
.photo_box.ico_push_in .ico span {
  background-color: transparent!important;
  border: none;
  width: 50px!important;
  height: 50px!important;
  line-height: 50px!important;
}
.photo_box.ico_push_in .ico a {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
}
.photo_box.ico_push_in .ico a:first-child {
  border-right: 1px solid #FFF;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: -2px;
}
.photo_box:hover.ico_push_in img {
  margin-top: -15px;
  margin-bottom: 0;
}
.photo_box:hover.ico_push_in .ico {
  top: auto;
  bottom: 0px;
}
.photo_box.ico_left_rotate .ico,
.photo_box.ico_left_rotate .ico > span,
.photo_box.ico_right_rotate .ico,
.photo_box.ico_right_rotate .ico > span {
  width: 62px;
  height: 62px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #006fff;
}
.photo_box.ico_left_rotate .ico {
  left: 0;
  top: auto;
  bottom: 0px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
  -moz-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.photo_box.ico_right_rotate .ico {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0px;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.photo_box:hover.ico_left_rotate .ico,
.photo_box:hover.ico_right_rotate .ico {
  transform: rotate(0);
  -ms-transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
}
.photo_box.content_top_increment .increment_1 {
  transform: translate(0, -300px);
  -ms-transform: translate(0, -300px);
  -webkit-transform: translate(0, -300px);
  -o-transform: translate(0, -300px);
  -moz-transform: translate(0, -300px);
  transition: all ease-in 500ms;
  -moz-transition: all ease-in 500ms;
  -webkit-transition: all ease-in 500ms;
  -o-transition: all ease-in 500ms;
  -ms-transition: all ease-in 500ms;
}
.photo_box.content_top_increment .increment_2 {
  transform: translate(0, -300px);
  -ms-transform: translate(0, -300px);
  -webkit-transform: translate(0, -300px);
  -o-transform: translate(0, -340px);
  -moz-transform: translate(0, -340px);
  transition: all ease-in 400ms;
  -moz-transition: all ease-in 400ms;
  -webkit-transition: all ease-in 400ms;
  -o-transition: all ease-in 400ms;
  -ms-transition: all ease-in 400ms;
}
.photo_box.content_top_increment .increment_3 {
  transform: translate(0, -300px);
  -ms-transform: translate(0, -300px);
  -webkit-transform: translate(0, -300px);
  -o-transform: translate(0, -380px);
  -moz-transform: translate(0, -380px);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
}
.photo_box:hover.content_top_increment .increment_1,
.photo_box:hover.content_top_increment .increment_2,
.photo_box:hover.content_top_increment .increment_3 {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
.photo_box:hover.content_top_increment .increment_1 {
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
}
.photo_box:hover.content_top_increment .increment_2 {
  transition: all ease-in 400ms;
  -moz-transition: all ease-in 400ms;
  -webkit-transition: all ease-in 400ms;
  -o-transition: all ease-in 400ms;
  -ms-transition: all ease-in 400ms;
}
.photo_box:hover.content_top_increment .increment_3 {
  transition: all ease-in 500ms;
  -moz-transition: all ease-in 500ms;
  -webkit-transition: all ease-in 500ms;
  -o-transition: all ease-in 500ms;
  -ms-transition: all ease-in 500ms;
}
.photo_box.content_top_increment .content h3 {
  background-color: #006fff;
  font-size: 18px;
  color: #FFF;
  padding: 15px;
  margin-bottom: 25px;
  width: 100%;
}
.photo_box.content_top_increment .content a.but {
  background-color: #dedede;
  color: #666666;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  margin-top: 15px;
}
.photo_box.content_top_increment .content p {
  padding: 0px 30px;
}
.photo_box.ico_zoom .ico span {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
}
.photo_box:hover.ico_zoom .ico span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.photo_box.img_flip {
  overflow: visible;
}
.photo_box.img_flip .pic_box {
  position: relative;
  overflow: visible;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}
.photo_box.img_flip .pic_box img,
.photo_box.img_flip .shade,
.photo_box.img_flip .content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 750ms ease 0s;
  -moz-transition: all 750ms ease 0s;
  -o-transition: all 750ms ease 0s;
  -ms-transition: all 750ms ease 0s;
  transition: all 750ms ease 0s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.photo_box.img_flip .pic_box img {
  z-index: 1;
  position: relative;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.photo_box.img_flip .pic_box .shade,
.photo_box.img_flip .pic_box .content {
  z-index: -2;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.photo_box.img_flip .pic_box .content {
  z-index: -1;
}
.photo_box:hover.img_flip img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.photo_box:hover.img_flip .pic_box .shade,
.photo_box:hover.img_flip .pic_box .content {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.photo_box:hover.img_flip .pic_box .shade {
  z-index: 2;
}
.photo_box:hover.img_flip .pic_box .content {
  z-index: 3;
}
.content_sytle_2 .shade {
  background-color: #006fff;
}
.content_sytle_2 .content h3 {
  font-size: 18px;
  color: #FFF;
  margin-bottom: 5px;
}
.content_sytle_2 .content p {
  padding: 0 30px 5px;
}
.content_sytle_2 .content a.but {
  border: 1px solid #FFF;
  padding: 10px 25px;
  font-size: 13px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  margin-top: 10px;
  color: #FFF;
}
.photo_box.content_push_in .pic_box img {
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box.content_push_in .content {
  filter: alpha(opacity=100);
  opacity: 1;
  background-color: #006fff;
  top: auto;
  height: auto;
  bottom: 0;
  height: 60px;
  margin-bottom: -60px;
  overflow: hidden;
}
.photo_box.content_push_in .content h3 {
  margin: 10px 0 0;
}
.photo_box:hover.content_push_in .pic_box img {
  margin-top: -60px;
  margin-bottom: 60px;
}
.photo_box:hover.content_push_in .content {
  margin-bottom: 0px;
}
.photo_box.icon_tag_push .ico {
  width: 90px;
  height: 90px;
  left: auto;
  right: -90px;
  top: -90px;
  margin: 0;
  text-align: right;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box.icon_tag_push .ico:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border: 45px solid transparent;
  border-right-color: #006fff;
  border-top-color: #006fff;
}
.photo_box.icon_tag_push .ico span {
  background: none;
  border: none;
  height: auto!important;
  display: inline-block !important;
  line-height: 60px!important;
  width: 50px!important;
  text-align: center!important;
}
.photo_box:hover.icon_tag_push .ico {
  right: 0px;
  top: 0px;
}
.photo_box.icon_tag_push .content {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.8);
  width: auto;
  height: auto;
  padding: 13px 36px;
  color: #666666;
  top: auto;
  bottom: 20px;
  filter: alpha(opacity=100);
  opacity: 1;
}
.photo_box.icon_tag_push .content h3 {
  color: #666666;
  font-size: 16px;
  margin: 0;
}
.photo_box.content_bottom_push_in .ico {
  margin-top: -62px;
}
.photo_box.content_bottom_push_in .content {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.8);
  height: auto;
  padding: 10px 0;
  color: #666666;
  top: auto;
  bottom: 0px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
  transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
}
.photo_box.content_bottom_push_in .content:before {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  border-bottom-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -4px;
}
.photo_box.content_bottom_push_in .content h3 {
  color: #666666;
  font-size: 16px;
  margin: 0;
}
.photo_box.content_bottom_push_in .content p {
  color: #666666;
  margin-bottom: 0;
}
.photo_box:hover.content_bottom_push_in .content {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
}
.photo_box.content_bottom_push_in_2 .shade {
  background-color: #000;
  top: 100%;
  margin-top: -40px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.photo_box:hover.content_bottom_push_in_2 .shade {
  top: 0;
  margin: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.photo_box.content_bottom_push_in_2 .content {
  filter: alpha(opacity=100);
  opacity: 1;
  height: 40px;
  top: 100%;
  margin-top: -35px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box:hover.content_bottom_push_in_2 .content {
  height: 100%;
  top: 0;
  margin-top: 0;
}
.photo_box.content_bottom_push_in_2 .but {
  border: 1px solid #FFF;
  padding: 10px 22px;
  font-size: 13px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  margin-top: 10px;
  color: #FFF;
  text-decoration: none;
}
.photo_box.entirety_left_offset .shade {
  background-color: #f0f0f0;
}
.photo_box.entirety_left_offset .shade,
.photo_box.entirety_left_offset .ico,
.photo_box.entirety_left_offset .content {
  filter: alpha(opacity=100);
  opacity: 1;
  left: 100%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box.entirety_left_offset .ico {
  width: auto;
  top: auto;
  bottom: 0;
}
.photo_box.entirety_left_offset .ico span {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 0;
  background-color: #006fff;
  border: none;
  width: 50px!important;
  height: 50px!important;
  line-height: 50px!important;
  font-size: 20px;
}
.photo_box.entirety_left_offset .content {
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 30px 80px 30px 30px;
}
.photo_box.entirety_left_offset h3,
.photo_box.entirety_left_offset p,
.photo_box.entirety_left_offset a {
  color: #666;
}
.photo_box:hover.entirety_left_offset .shade,
.photo_box:hover.entirety_left_offset .ico,
.photo_box:hover.entirety_left_offset .content {
  left: 50px;
}
.photo_box.entirety_bevel .content {
  height: 60%;
  text-align: left;
  top: 0;
  padding: 0px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.photo_box.entirety_bevel .ico {
  height: 40%;
  text-align: left;
  margin: 0;
  top: 60%;
  left: 40px;
}
.photo_box.entirety_bevel .ico span {
  width: 50px!important;
  height: 50px!important;
  line-height: 50px!important;
}
.photo_box:hover.entirety_bevel .shade {
  background-color: #006fff;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.photo_box.entirety_bevel .pic_box:before {
  content: "";
  border-top: 0px solid #e5e5e5;
  border-right: 0px solid #FFF;
  border-left: 0px solid #e5e5e5;
  border-bottom: 0px solid #FFF;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
}
.photo_box:hover.entirety_bevel .pic_box:before {
  border-top: 25px solid #e5e5e5;
  border-right: 25px solid #FFF;
  border-left: 25px solid #e5e5e5;
  border-bottom: 25px solid #FFF;
}
.img_left {
  float: left;
  width: auto;
  margin: 8px 15px 5px 0;
}
.img_right {
  float: right;
  width: auto;
  margin: 8px 0 5px 15px;
}
.img_center {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.img_center .pic_box {
  display: inline-block;
  width: auto;
}
.box_border_radius {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.box_border_round {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.box_border {
  border: 3px solid #dddddd;
  overflow: hidden;
}
.box_border_padding {
  border: 1px solid #dddddd;
  padding: 3px;
}
.box_border_padding {
  border: 1px solid #dddddd;
  padding: 3px;
}
.box_bottom_shadow {
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.3);
}
.box_bottom_shadow_left,
.box_bottom_shadow_right {
  overflow: visible;
  position: relative;
  z-index: 1;
}
.box_bottom_shadow_left:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100px;
  height: 15px;
  z-index: 0;
  box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  margin: -24px 0 0 0;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
}
.box_bottom_shadow_right:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100px;
  height: 15px;
  z-index: -1;
  box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  margin: -24px 0 0 0;
  transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -moz-transform: rotate(-deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
}
.box_dotted_padding {
  border: 1px dashed #dddddd;
  padding: 3px;
}
@-webkit-keyframes ico_rotate {
  0% {
    -webkit-transform: rotate(-60deg) scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes ico_rotate {
  0% {
    -moz-transform: rotate(-60deg) scale(0.5);
    opacity: 0;
  }
  50% {
    -moz-transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-o-keyframes ico_rotate {
  0% {
    -0-transform: rotate(-60deg) scale(0.5);
    opacity: 0;
  }
  50% {
    -0-transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    -0-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@keyframes ico_rotate {
  0% {
    transform: rotate(-60deg) scale(0.5);
    opacity: 0;
  }
  50% {
    transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
.ico_rotate .ico span {
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -o-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  width: 80px;
  height: 80px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.ico_rotate:hover .ico span {
  -webkit-animation-name: ico_rotate;
  -moz-animation-name: ico_rotate;
  -o-animation-name: ico_rotate;
  animation-name: ico_rotate;
}
.shade_zoom .shade {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 300ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 300ms;
  /* Opera */
  -ms-transition: all ease-in 300ms;
  /* IE9? */
}
.shade_zoom:hover .shade {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.shade_zoom .ico span {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 45px!important;
  height: 45px!important;
  line-height: 45px!important;
  font-size: 20px;
  border: 1px solid #FFF;
  background-color: transparent!important;
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 300ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 300ms;
  /* Opera */
  -ms-transition: all ease-in 300ms;
  /* IE9? */
}
.shade_zoom:hover .ico span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  filter: alpha(opacity=100);
  opacity: 1;
}
.photo_box.content_zoom .shade,
.photo_box.content_zoom .content {
  overflow: hidden;
  top: auto;
  left: 0;
  bottom: 0;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 300ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 300ms;
  /* Opera */
  -ms-transition: all ease-in 300ms;
  /* IE9? */
}
.photo_box.content_zoom:hover .shade,
.photo_box.content_zoom:hover .content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  filter: alpha(opacity=100);
  opacity: 1;
}
.ico_no_bg .glyphicons {
  background: none!important;
  font-size: 30px!important;
  color: #FFF!important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.photo_box.title_style_2 .content h3 {
  border: 1px solid #FFF;
  padding: 13px 30px;
  display: inline-block;
}
.photo_box.ico_sytle_2 .ico span {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.text_sytle_1 {
  padding: 15px 10px 10px;
}
.text_sytle_1 h3,
.text_sytle_2 h3 {
  font-size: 14px;
  color: #666666;
  margin: 0;
}
.text_sytle_1 .info {
  float: right;
  padding-top: 13px;
  font-size: 14px;
}
.text_sytle_1 .info span {
  margin-right: 3px;
}
.text_sytle_1 h3 {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #666666;
}
.text_sytle_2 {
  background-color: #f5f5f5;
  padding: 15px 15px 10px;
  border-bottom: 2px solid #dcdcdc;
  text-align: center;
}
.text_sytle_3 {
  padding: 10px 0 5px;
}
.text_sytle_3 h3 {
  font-size: 14px;
  color: #666666;
}
.text_sytle_4 h3 {
  padding: 0;
  border-bottom: 1px solid #dedede;
  margin-bottom: 12px;
  font-size: 14px;
  color: #666666;
}
.text_sytle_4 h3 span {
  display: inline-block;
  padding: 10px 0;
  border-bottom: 1px solid #006fff;
  margin-bottom: -1px;
  font-size: 14px;
  color: #666666;
}
.text_sytle_5 {
  clear: both;
  overflow: hidden;
  margin: 5px;
  text-align: left;
}
.text_sytle_5 h3 {
  font-size: 16px;
  color: #666666;
  font-weight: bold;
  margin: 10px 8px;
}
.text_sytle_5 h3 span {
  float: right;
}
.text_sytle_6 {
  border: 1px solid #dfdcdc;
  border-top: 3px solid #e5e5e5;
  padding: 10px 25px;
  overflow: hidden;
  color: #666666;
  text-align: left;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.text_sytle_6 h3 {
  font-size: 18px;
  color: #444444;
  font-weight: normal;
  margin: 5px 0px 10px;
  padding: 0;
}
.photo_box:hover .text_sytle_6 {
  border-top: 3px solid #006fff;
}
.carousel_3 .photo_box .text_sytle_6 {
  background: #fff;
}
/*boxes rotate*/
.flip_box {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  overflow: visible;
  margin-bottom: 5px;
  position: relative;
}
.flip_box .front,
.flip_box .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 750ms ease 0s;
  -moz-transition: all 750ms ease 0s;
  -o-transition: all 750ms ease 0s;
  -ms-transition: all 750ms ease 0s;
  transition: all 750ms ease 0s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip_box .front {
  position: relative;
  z-index: 0;
  background-color: #FFF;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flip_box .back {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: -2;
  background-color: #FFF;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flip_box.flip_right .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip_box.flip_top .front {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flip_box.flip_top .back {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.flip_box.flip_bottom .front {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flip_box.flip_bottom .back {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.flip_box:hover .front {
  background-color: #FFF;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip_box:hover .back {
  z-index: 3;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flip_box.flip_right:hover .front {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.flip_box.flip_top:hover .front {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.flip_box.flip_top:hover .back {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flip_box.flip_bottom:hover .front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.flip_box.flip_bottom:hover .back {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.flip_box_1 .front,
.flip_box_1 .back {
  border: 1px solid #e2e2e2;
  padding: 25px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.flip_box_1 .front .glyphicons {
  border: 1px solid #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  font-size: 28px;
  color: #006fff;
  margin-bottom: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.flip_box_1 h3 {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 10px;
}
.flip_box_1 .back {
  height: 100%;
  border-color: #006fff;
  padding: 0px 25px;
}
.flip_box_1 .back h3 {
  margin: 35px 0 20px;
  color: #006fff;
  font-size: 20px;
  font-weight: normal;
}
.flip_box_1 .back a.but {
  color: #006fff;
  text-decoration: none;
}
.flip_box_2 .front,
.flip_box_2 .back {
  border: 1px solid #006fff;
  padding: 25px;
  text-align: center;
}
.flip_box_2 .back {
  height: 100%;
  padding: 0 25px;
}
.flip_box_2 .front .glyphicons {
  font-size: 45px;
  color: #006fff;
  margin: 8px 0 0px;
}
.flip_box_2 .front h3 {
  color: #006fff;
  font-size: 20px;
  font-weight: normal;
  margin: 25px 0 15px;
}
.flip_box_2 .back {
  background-color: #006fff;
  border: none;
  color: #FFF;
}
.flip_box_2 .back h3 {
  color: #FFF;
  font-size: 20px;
  font-weight: normal;
  margin: 35px 0 20px;
}
.flip_box_3 .front {
  padding: 0 25px;
  text-align: center;
}
.flip_box_3 .back {
  padding: 0 25px;
  text-align: center;
  background-color: #006fff;
  color: #FFF;
}
.flip_box_3 .back {
  height: 100%;
}
.flip_box_3 .front .glyphicons {
  font-size: 45px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-color: #e9e9e9;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #777777;
  margin: 8px 0 0px;
}
.flip_box_3 h3 {
  color: #666666;
  font-size: 15px;
  margin: 25px 0 15px;
}
.flip_box_3 .back h3 {
  color: #FFF;
  margin: 35px 0 15px;
}
.flip_box_3 .back a.but {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  border: 1px solid #ffffff;
  text-decoration: none;
  margin-top: 10px;
}
/*Boxes*/
.boxes_style_1,
.boxes_style_2,
.boxes_style_3,
.boxes_style_4,
.boxes_style_5 {
  margin-bottom: 15px;
  position: relative;
}
.boxes_style_1 .boxes {
  border: 1px solid #006fff;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.boxes_style_1 .Boxes_title {
  font-size: 20px;
  color: #006fff;
  font-weight: normal;
}
.boxes_style_2 .boxes {
  border: 1px solid #cccccc;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.boxes_style_2 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
}
.boxes_style_3 .boxes {
  border: 1px solid #cccccc;
  border-top: 3px solid #006fff;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.boxes_style_3 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  position: relative;
  padding: 5px 0px 18px;
  margin-bottom: 13px;
}
.boxes_style_3 .Boxes_title:before {
  content: "";
  width: 70px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -1px 0 0 -35px;
  border-bottom: 1px solid #006fff;
}
.boxes_style_3 .but {
  padding: 10px 0;
}
.boxes_style_3 .but .Button_default {
  padding: 9px 35px;
}
.boxes_style_4 .boxes {
  border: 1px solid #cccccc;
  border-bottom: 3px solid #006fff;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.boxes_style_4 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  position: relative;
  padding: 5px 0px 18px;
  margin-bottom: 13px;
}
.boxes_style_4 .Boxes_title:before {
  content: "";
  width: 70px;
  position: absolute;
  top: 100%;
  margin: -1px 0 0 0px;
  border-bottom: 1px solid #006fff;
}
.boxes_style_5 .boxes {
  border: 1px solid #cccccc;
  border-left: 3px solid #006fff;
  background-color: #FFF;
  padding: 20px 280px 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.boxes_style_5 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  position: relative;
  padding: 5px 0px 0px;
  margin-bottom: 13px;
}
.boxes_style_5 .but {
  margin: -15px auto 0;
  position: absolute;
  top: 50%;
  right: 25px;
}
@media only screen and (max-width: 767px) {
  .boxes_style_5 .boxes {
    padding: 20px 25px;
  }
  .boxes_style_5 .but {
    position: static;
    padding: 10px 0;
    margin: 0;
  }
}
.boxes_style_1:before,
.boxes_style_2:before,
.boxes_style_3:before,
.boxes_style_5:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100px;
  height: 15px;
  z-index: 0;
  box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.3);
  margin: -26px 0 0 -5px;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
}
.boxes_style_1:after,
.boxes_style_2:after,
.boxes_style_3:after,
.boxes_style_5:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100px;
  height: 15px;
  z-index: 0;
  box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -14px 14px 14px rgba(0, 0, 0, 0.3);
  margin: -26px -5px 0 0;
  transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
}
.boxes_style_6 {
  border: 1px solid #006fff;
  padding: 2px;
  margin-bottom: 15px;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.boxes_style_6 .boxes {
  border: 1px solid #006fff;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.boxes_style_6 .Boxes_title {
  font-size: 20px;
  color: #006fff;
  font-weight: normal;
}
.boxes_style_7 {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-bottom: 15px;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.boxes_style_7 .boxes {
  border: 1px solid #cccccc;
  background-color: #FFF;
  padding: 20px 25px;
  z-index: 1;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.boxes_style_7 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
}
.boxes_style_8 .boxes {
  border-left: 3px solid #006fff;
  background-color: #FFF;
  padding: 50px 280px 50px 30px;
  z-index: 1;
  position: relative;
  background-color: #F5F5F5;
}
.boxes_style_8 .Boxes_title {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  position: relative;
  padding: 5px 0px 0px;
  margin-bottom: 13px;
}
.boxes_style_8 .but {
  margin: -15px auto 0;
  position: absolute;
  top: 50%;
  right: 25px;
}
@media only screen and (max-width: 767px) {
  .boxes_style_8 .boxes {
    padding: 20px 25px;
  }
  .boxes_style_8 .but {
    position: static;
    padding: 10px 0;
    margin: 0;
  }
  .boxes_style_8 .but a.Button_default {
    font-size: 12px;
    letter-spacing: 1px;
    margin: 3px 0;
    padding: 15px 10px;
  }
}
/*Core Owl Carousel CSS File*/
/* clearfix*/
.carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.carousel {
  display: none;
  position: relative;
  text-align: left;
  width: 100%;
  -ms-touch-action: pan-y;
}
.carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.carousel .owl-item {
  float: left;
}
.carousel .owl-pagination {
  text-align: center;
  padding: 20px 0 0;
  position: absolute;
  top: 100%;
  left: 2;
  width: 100%;
}
.carousel .owl-page {
  cursor: pointer;
  width: 17px;
  height: 17px;
  margin: 0 3px;
  display: inline-block;
  border: 1px solid #999999;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.carousel .owl-page.active {
  border: 1px solid #006fff;
}
.carousel .owl-buttons .owl-prev,
.carousel .owl-buttons .owl-next {
  position: absolute;
  left: -40px;
  top: 50%;
  /*cursor:"";*/
  font-size: 0px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin-top: -15px;
  z-index: 10;
}
.carousel .owl-buttons .owl-next {
  left: auto;
  right: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel .owl-buttons .owl-prev {
    left: -15px;
  }
  .carousel .owl-buttons .owl-next {
    right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel .owl-buttons .owl-prev {
    left: 0px;
  }
  .carousel .owl-buttons .owl-next {
    right: 0px;
  }
}
.carousel .owl-buttons .owl-prev:before,
.carousel .owl-buttons .owl-next:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -5px;
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.carousel .owl-buttons .owl-next:before {
  margin: -10px 0 0 -15px;
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
}
.carousel .owl-buttons .owl-prev:hover:before,
.carousel .owl-buttons .owl-next:hover:before {
  border-left: 1px solid #006fff;
  border-bottom: 1px solid #006fff;
}
.carousel {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.carousel .owl-wrapper,
.carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.carousel {
  display: none;
}
.carousel img {
  max-width: 100%;
}
.carousel_1 .item {
  padding: 0px 15px;
  line-height: 1.8;
}
.carousel_1 .ico {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin: -30px auto 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  padding: 3px;
  font-size: 28px !important;
  font-weight: bold;
  color: #006FFF;
  border: 1px solid #006FFF;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.carousel_1 .ico span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.carousel_1 .main {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  padding: 0px 10px 10px;
  margin: 35px 1px 0px;
  border: 1px solid #006FFF;
}
* + html .carousel_1 .main {
  padding-top: 10px;
}
* + html .carousel_1 .functionIcon {
  margin-top: 0px!important;
}
.carousel_1 h3 {
  padding: 5px 0px;
  font-weight: normal;
}
.carousel_1 .main:hover .ico span {
  color: #FFF;
  background-color: #006FFF;
}
.carousel_2 .owl-buttons .owl-prev,
.carousel_2 .owl-buttons .owl-next {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  width: 40px;
  height: 65px;
  left: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.carousel_2:hover .owl-buttons .owl-prev,
.carousel_2:hover .owl-buttons .owl-next {
  filter: alpha(opacity=100);
  opacity: 1;
}
.carousel_2 .owl-buttons .owl-next {
  left: auto;
  right: 0;
}
.carousel_2 .owl-buttons .owl-prev:before,
.carousel_2 .owl-buttons .owl-next:before,
.carousel_2 .owl-buttons .owl-prev:hover:before,
.carousel_2 .owl-buttons .owl-next:hover:before {
  border-left: 1px solid #FFFFFF!important;
  border-bottom: 1px solid #FFFFFF!important;
}
.carousel_2 .owl-buttons .owl-prev:hover,
.carousel_2 .owl-buttons .owl-next:hover {
  background-color: #006fff;
}
.carousel_3 .item {
  padding: 0px 5px;
}
.carousel_3 .owl-buttons .owl-prev,
.carousel_3 .owl-buttons .owl-next {
  background-color: #a8a8a8;
  width: 23px;
  height: 23px;
  top: -20px;
  left: auto;
  right: 0px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.carousel_3 .owl-buttons .owl-prev {
  right: 27px;
}
.carousel_3 .owl-buttons .owl-prev:before,
.carousel_3 .owl-buttons .owl-next:before,
.carousel_3 .owl-buttons .owl-prev:hover:before,
.carousel_3 .owl-buttons .owl-next:hover:before {
  width: 6px;
  height: 6px;
  margin: -4px 0 0 -2px;
  border-left: 1px solid #FFFFFF!important;
  border-bottom: 1px solid #FFFFFF!important;
}
.carousel_3 .owl-buttons .owl-prev:hover,
.carousel_3 .owl-buttons .owl-next:hover {
  background-color: #006fff;
}
.carousel_3 .text_sytle_6 h3 {
  font-size: 18px;
  font-weight: normal;
  padding: 5px 0 8px;
  margin: 0;
}
.carousel_3 .owl-pagination {
  padding: 50px 0 0 0;
}
.carousel.carousel_4 .owl-buttons .owl-prev,
.carousel_4.carousel .owl-buttons .owl-next {
  margin-top: -30px;
  height: 60px;
  width: 60px;
}
.carousel_4 .owl-buttons .owl-prev,
.carousel_4 .owl-buttons .owl-next {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.35);
  left: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.carousel_4:hover .owl-buttons .owl-prev,
.carousel_4:hover .owl-buttons .owl-next {
  filter: alpha(opacity=100);
  opacity: 1;
}
.carousel_4 .owl-buttons .owl-next {
  left: auto;
  right: 0;
}
.carousel_4 .owl-buttons .owl-prev:before,
.carousel_4 .owl-buttons .owl-next:before,
.carousel_4 .owl-buttons .owl-prev:hover:before,
.carousel_4 .owl-buttons .owl-next:hover:before {
  border-left: 1px solid #FFFFFF!important;
  border-bottom: 1px solid #FFFFFF!important;
}
.carousel_4 .owl-buttons .owl-prev:hover,
.carousel_4 .owl-buttons .owl-next:hover {
  background-color: #006fff;
}
/*Carouse5*/
.carousel_5 .item {
  padding: 0px 1px;
}
.carousel_5 .owl-buttons .owl-prev,
.carousel_5 .owl-buttons .owl-next {
  background-color: #a8a8a8;
  width: 23px;
  height: 23px;
  top: -20px;
  left: auto;
  right: 0px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.carousel_5 .owl-buttons .owl-prev {
  right: 27px;
}
.carousel_5 .owl-buttons .owl-prev:before,
.carousel_5 .owl-buttons .owl-next:before,
.carousel_5 .owl-buttons .owl-prev:hover:before,
.carousel_5 .owl-buttons .owl-next:hover:before {
  width: 6px;
  height: 6px;
  margin: -4px 0 0 -2px;
  border-left: 1px solid #FFFFFF!important;
  border-bottom: 1px solid #FFFFFF!important;
}
.carousel_5 .owl-buttons .owl-prev:hover,
.carousel_5 .owl-buttons .owl-next:hover {
  background-color: #006fff;
}
.carousel_5 .text_sytle_6 {
  border: 3px solid transparent;
  text-align: left;
  padding: 0;
}
.carousel_5 .text_sytle_6 h3 {
  font-size: 16px;
  color: #444;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0;
}
/*Carouse5 end*/
/*.carousel_6*/
.carousel_6 .item {
  padding: 0px 5px;
}
.carousel_6 .owl-buttons .owl-prev,
.carousel_6 .owl-buttons .owl-next {
  width: 26px;
  height: 26px;
  top: -36px;
  left: auto;
  right: 0px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  border: 1px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px ;
  -webkit-border-radius: 5px;
}
.carousel_6 .owl-buttons .owl-prev {
  right: 35px;
}
.carousel_6 .owl-buttons .owl-prev:before,
.carousel_6 .owl-buttons .owl-next:before {
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -2px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.carousel_6 .owl-buttons .owl-next:before {
  margin: -3px 0 0 -5px;
}
.carousel_6 .owl-buttons .owl-prev:hover,
.carousel_6 .owl-buttons .owl-next:hover {
  border: 1px solid #006fff;
}
.carousel_6 .owl-buttons .owl-prev:hover:before,
.carousel_6 .owl-buttons .owl-next:hover:before {
  border-left: 1px solid #006fff;
  border-bottom: 1px solid #006fff;
}
.carousel_6 .text_sytle_6 h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 15px 0 15px;
}
.carousel_6 .owl-pagination {
  padding: 50px 0 0 0;
}
.carousel_6 .text_sytle_6 {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 3px solid transparent;
  padding: 10px 0;
}
/*.carousel_6 end*/
/*carousel_7*/
.carousel_7 .item {
  padding: 0px 15px;
  line-height: 1.8;
}
.carousel_7 .photo_box.icon_tag_push .content {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  height: auto;
  opacity: 1;
  padding: 15px 20px;
  top: 30px;
  width: auto;
  text-transform: uppercase;
  bottom: auto;
}
.carousel_7 .photo_box.icon_tag_push .content h3 {
  color: #fff;
  font-size: 28px;
  margin: 0;
}
.carousel_7 .owl-buttons .owl-prev,
.carousel_7 .owl-buttons .owl-next {
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.carousel_7 .owl-buttons .owl-prev:hover,
.carousel_7 .owl-buttons .owl-next:hover {
  border: 1px solid #006fff;
}
.carousel_7 .owl-buttons .owl-prev:before,
.carousel_7 .owl-buttons .owl-next:before {
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
}
.carousel_7 .owl-buttons .owl-next:before {
  margin: -4px 0 0 -8px;
}
.carousel_7 .main {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  padding: 0px 10px 10px;
  margin: 35px 1px 0px;
  border: 1px solid #006FFF;
}
.carousel_7 .text_sytle_6 {
  padding: 25px 32px;
}
.carousel_7 .text_sytle_6 span {
  color: #999999;
}
* + html .carousel_7 .main {
  padding-top: 10px;
}
* + html .carousel_7 .functionIcon {
  margin-top: 0px!important;
}
.carousel_7 h3 {
  padding: 3px 0 15px;
  font-weight: normal;
}
.carousel_7 .main:hover .ico span {
  color: #FFF;
  background-color: #006FFF;
}
.h6_service03 {
  padding: 0 30px;
}
.carousel_7 .owl-buttons .owl-prev {
  left: -70px;
}
.carousel_7 .owl-buttons .owl-next {
  right: -70px;
}
.carousel_7 .main,
.carousel_7 .owl-page.active {
  background: #006fff;
  border: medium none;
}
.carousel_7 .owl-page {
  border: none;
  background: #ddd;
}
.carousel_7 .owl-pagination {
  padding: 35px 0 0;
}
@media only screen and (min-width: 1500px) {
  .h6_service03 {
    padding: 0 0;
  }
  .carousel_7 .owl-buttons .owl-prev {
    left: -120px;
  }
  .carousel_7 .owl-buttons .owl-next {
    right: -120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .carousel_7 .text_sytle_6 {
    padding: 15px;
  }
  .carousel_7 h3 {
    padding: 0;
  }
  .carousel_7 .owl-buttons .owl-prev {
    left: -40px;
  }
  .carousel_7 .owl-buttons .owl-next {
    right: -40px;
  }
  .carousel_7.carousel .owl-buttons .owl-prev,
  .carousel_7.carousel .owl-buttons .owl-next {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel_7 .owl-buttons .owl-prev {
    left: -40px;
  }
  .carousel_7 .owl-buttons .owl-next {
    right: -40px;
  }
  .carousel_7 .text_sytle_6 {
    padding: 15px;
  }
  .carousel_7 h3 {
    padding: 0;
  }
  .carousel_7.carousel .owl-buttons .owl-prev,
  .carousel_7.carousel .owl-buttons .owl-next {
    height: 40px;
    width: 40px;
  }
}
/*carousel_7 end*/
/*Custom Buttons style*/
a.Button_style1 {
  padding: 10px 16px;
  margin: 0px 5px 5px 0;
  position: relative;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #FFFFFF!important;
  text-decoration: none;
  background: url("/Portals/_default/skins/freiraum/images/but_bg.png") repeat-x left bottom;
  background-size: contain;
  border-radius: 3px 3px 4px 4px;
  -moz-border-radius: 3px 3px 4px 4px;
  -webkit-border-radius: 3px 3px 4px 4px;
  -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
  /* For Firefox3.6+ */
  -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
  /* For Chrome5+, Safari5+ */
  box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
a.Button_style2 {
  padding: 10px 16px;
  margin: 0px 5px 5px 0;
  position: relative;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #FFFFFF!important;
  text-decoration: none;
  background: url("/Portals/_default/skins/freiraum/images/but_bg.png") repeat-x left bottom;
  background-size: contain;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
a.Button_style3 {
  padding: 10px 16px;
  margin: 0px 5px 5px 0;
  position: relative;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  color: #FFFFFF!important;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
a[class*="Button"].Red {
  background-color: #df0c00;
}
a[class*="Button"].Teal {
  background-color: #20b2aa;
}
a[class*="Button"].Violet {
  background-color: #6f0080;
}
a[class*="Button"].MidnightBlue {
  background-color: #191970;
}
a[class*="Button"].gold {
  background-color: #ffd700;
}
a[class*="Button"].OliveDrab {
  background-color: #76a732;
}
a[class*="Button"].SteelBlue {
  background-color: #4682b4;
}
a[class*="Button"].GoldenOrange {
  background-color: #f88616;
}
a[class*="Button"].silver {
  background-color: #c0c0c0;
}
a[class*="Button"].dark {
  background-color: #4a4949;
}
a[class*="Button"].small {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 10px 16px;
  line-height: 18px;
}
a[class*="Button"].large {
  font-size: 13px;
  letter-spacing: 1.2px;
  line-height: 20px;
  padding: 15px 22px;
}
a[class*="Button"].jumbo {
  font-size: 14px;
  letter-spacing: 1.5px;
  line-height: 24px;
  padding: 18px 26px;
}
a.Button_style1:hover,
a.Button_style2:hover,
a.Button_style3:hover {
  color: #FFF!important;
  background-color: #2e2e2e;
  text-decoration: none;
}
* + html a.Button_style1,
* + html a.Button_style2,
* + html a.Button_style3 {
  display: inline;
}
/*gray_line*/
.gray_line {
  border-bottom: 1px solid #e2e2e2;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
}
.gray_line2 {
  border-bottom: 1px solid #f0f0f0;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
}
.dividers_1 {
  border: none;
  border-bottom: 1px solid #ebebeb;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.dividers_2 {
  border: none;
  border-bottom: 1px dashed #d7d7d7;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.dividers_3 {
  border: none;
  border-bottom: 3px double #ebebeb;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.dividers_4 {
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  height: 0px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.dividers_5 {
  border: none;
  border-top: 1px dotted #cdcdcd;
  border-bottom: 1px dotted #cdcdcd;
  height: 2px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.dividers_6 {
  border: none;
  height: 1px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  background: #ebebeb;
  background: -ms-linear-gradient(#ebebeb, #ebebeb 30%, #ffffff 77%);
  background: -o-linear-gradient(#ebebeb, #ebebeb 30%, #ffffff 77%);
  background: -moz-radial-gradient(#ebebeb, #ebebeb 30%, #ffffff 77%);
  background: -webkit-radial-gradient(#ebebeb, #ebebeb 30%, #ffffff 77%);
  margin: 5px 0;
}
.dividers_7 {
  border: none;
  height: 3px;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  background: #ebebeb;
  background: -ms-linear-gradient(#ebebeb, #dfdfdf 30%, #ffffff 72%);
  background: -o-linear-gradient(#ebebeb, #dfdfdf 30%, #ffffff 72%);
  background: -moz-radial-gradient(#ebebeb, #dfdfdf 30%, #ffffff 72%);
  background: -webkit-radial-gradient(#ebebeb, #dfdfdf 30%, #ffffff 72%);
  margin: 5px 0;
}
.backgroundImage1 {
  background: url("/Portals/_default/skins/freiraum/images/img_bg_1.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}
.backgroundImage2 {
  background: url("/Portals/_default/skins/freiraum/images/img_bg_2.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}
.backgroundImage2_shade h3 {
  color: #FFF;
}
.backgroundImage2_shade {
  position: relative;
  background-image: url("/Portals/_default/skins/freiraum/images/shade_1.png");
}
.backgroundImage2,
.backgroundImage2 .Normal {
  color: #FFF;
}
.backgroundImage3 {
  background: #f1f2f4;
  position: relative;
  background-image: url("/Portals/_default/skins/freiraum/images/shade_1.png");
  text-align: center;
}
.backgroundImage4 {
  background: url("/Portals/_default/skins/freiraum/images/img_bg_4.jpg") center top;
  position: relative;
  text-align: center;
  background-attachment: fixed;
}
.backgroundImage4:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #3b9cf7;
  filter: alpha(opacity=89);
  opacity: 0.89;
  z-index: 0;
}
.backgroundImage4,
.backgroundImage4 .Normal,
.backgroundImage4 h3 {
  color: #FFF;
}
.backgroundImage4 > * {
  position: relative;
  z-index: 1;
}
.backgroundImage4 a,
.backgroundImage4 a:link,
.backgroundImage4 a:active,
.backgroundImage4 a:visited,
.backgroundImage4 a:hover {
  color: #FFF;
}
.backgroundImage5 {
  background: #fdfdfd;
  border-top: 1px solid #e9e8e8;
  border-bottom: 1px solid #e9e8e8;
  text-align: center;
}
.backgroundImage6 {
  background-image: url("/Portals/_default/skins/freiraum/images/img_bg_6.jpg");
  text-align: center;
}
.backgroundImage6,
.backgroundImage6 .Normal,
.backgroundImage6 h3 {
  color: #FFF;
}
.backgroundImage7 {
  background-image: url("/Portals/_default/skins/freiraum/images/img_bg_7.jpg");
  text-align: center;
}
.backgroundImage7,
.backgroundImage7 .Normal,
.backgroundImage7 h3 {
  color: #FFF;
}
.backgroundImage8 {
  background: url("/Portals/_default/skins/freiraum/images/img_bg_8.jpg") center top;
  position: relative;
  text-align: center;
  background-attachment: fixed;
}
.backgroundImage8:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("/Portals/_default/skins/freiraum/images/img_bg_8_shade.png");
  filter: alpha(opacity=89);
  opacity: 0.89;
  z-index: 0;
}
.backgroundImage8,
.backgroundImage8 .Normal,
.backgroundImage8 h3 {
  color: #FFF;
}
.backgroundImage8 > * {
  position: relative;
  z-index: 1;
}
.backgroundImage9 {
  background: #f6f7f9;
  text-align: center;
}
.backgroundImage1 h3,
.backgroundImage2 h3,
.backgroundImage3 h3,
.backgroundImage4 h3,
.backgroundImage5 h3,
.backgroundImage6 h3,
.backgroundImage7 h3,
.backgroundImage8 h3,
.backgroundImage9 h3 {
  font-size: 26px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  .backgroundImage1,
  .backgroundImage2 {
    background-attachment: scroll;
    background-position: center bottom;
  }
}
/*anchorTag*/
.anchorTag .number {
  text-indent: -99999px;
  line-height: 0;
}
/*anchor Nav*/
#anchorNav {
  position: fixed;
  right: 100px;
  top: 30%;
  margin: 0;
  padding: 0;
  z-index: 10000;
}
#anchorNav li {
  list-style: none;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
}
#anchorNav li i {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  background-color: #7f7f7f;
  overflow: hidden;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: background-color ease-out 300ms;
  -moz-transition: background-color ease-out 300ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-out 300ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-out 300ms;
  /* Opera */
  -ms-transition: background-color ease-out 300ms;
  /* IE9? */
}
#anchorNav li:hover i,
#anchorNav li.active i {
  background-color: #006fff;
}
#anchorNav li span {
  background-color: #006fff;
  color: #FFF;
  position: absolute;
  top: 50%;
  right: 100%;
  margin: -10px 10px 0 0;
  white-space: nowrap;
  padding: 0 10px ;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
#anchorNav li span:before {
  border: 7px solid transparent;
  border-top: 7px solid #006fff;
  content: "";
  display: block;
  position: absolute;
  right: -14px;
  top: 50%;
  width: 0;
  margin: -7px 0 0 0;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
#anchorNav li:hover span {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  #anchorNav {
    display: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  [class*="backgroundImage"] {
    background-attachment: scroll !important;
  }
}
/*****************************************************************************/
/*** skin.css ***/
/*****************************************************************************/
/* CSS Document */
#Body {
  color: #666666;
  background: #FFF;
}
.body_bg {
  min-height: 100%;
}
html,
body {
  margin: 0;
  padding: 0;
  font: normal 12px/1.5 'Open Sans', sans-serif;
  color: #666666;
  height: 100%;
}
p {
  margin: 0 0 8px 0;
}
header,
nav,
section,
footer {
  display: block;
}
A,
A:link {
  text-decoration: none;
  transition: color ease 300ms;
  -moz-transition: color ease 300ms;
  /* Firefox 4 */
  -webkit-transition: color ease 300ms;
  /* Safari and Chrome */
  -o-transition: color ease 300ms;
  /* Opera */
  -ms-transition: color ease 300ms;
  /* IE9? */
}
A:active {
  text-decoration: none;
}
A:visited {
  text-decoration: none;
}
A:hover {
  text-decoration: underline;
}
h1 {
  letter-spacing: normal;
  margin: 5px 0 10px 0;
}
h2 {
  letter-spacing: normal;
  margin: 5px 0 10px 0;
}
h3 {
  letter-spacing: normal;
  margin: 5px 0 10px 0;
}
h4 {
  letter-spacing: normal;
  margin: 0 0 4px 0;
}
h5 {
  letter-spacing: normal;
  margin: 5px 0 10px 0;
}
form#Form {
  height: 100%;
}
.ModuleTitle_SubMenu {
  z-index: 9999!important;
}
.clearfix:after {
  clear: both;
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
#dnn_ControlPanel #dnnCPWrap {
  filter: none !important;
}
ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
  color: #328DDE!important;
}
.clear {
  clear: both;
}
.pb40 {
  padding-bottom: 40px;
}
.pt40 {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .pb40 {
    padding-bottom: 30px;
  }
  .pt40 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .pb40 {
    padding-bottom: 20px;
  }
  .pt40 {
    padding-top: 20px;
  }
}
/**************** Login page******************/
@media only screen and (max-width: 767px) {
  .loginContent .LoginPanel {
    width: 100% !important;
  }
  .loginContent .dnnFormItem .dnnLoginRememberMe {
    white-space: nowrap;
  }
  .loginContent .dnnFormLabel {
    display: block !important;
    text-align: left !important;
  }
}
/**************** register page******************/
@media only screen and (max-width: 767px) {
  .dnnRegistrationForm {
    min-width: inherit !important;
  }
  .dnnRegistrationForm .dnnForm {
    width: 100%;
  }
  .dnnRegistrationForm .dnnFormLabel {
    display: block !important;
    text-align: left !important;
  }
  .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
    display: block !important;
    float: none !important;
    text-align: left !important;
    width: 100%;
  }
  .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
    right: auto !important;
    position: static !important;
    margin-left: 5px !important;
  }
  .dnnRegistrationForm .dnnForm .dnnFormItem {
    padding: 0 !important;
    margin: 0 !important;
  }
  .dnnRegistrationForm .dnnFormItem input[type="text"],
  .dnnRegistrationForm .dnnFormItem input[type="password"],
  .dnnRegistrationForm .dnnFormItem input[type="email"],
  .dnnRegistrationForm .dnnFormItem input[type="tel"],
  .dnnRegistrationForm .dnnFormItem select,
  .dnnRegistrationForm .dnnFormItem textarea {
    width: 100%;
    margin-bottom: 10px !important;
  }
}
/**************** Password page******************/
@media only screen and (max-width: 767px) {
  .dnnSendPasswordContent {
    width: auto !important;
  }
  .dnnSendPasswordContent .dnnLabel {
    display: block !important;
    width: 100% !important;
    text-align: left;
  }
  .dnnSendPasswordContent a.dnnFormHelp,
  .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp,
  .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp {
    position: static;
  }
  .dnnSendPasswordContent input[type="text"],
  .dnnSendPasswordContent input[type="password"],
  .dnnSendPasswordContent input[type="email"],
  .dnnSendPasswordContent input[type="tel"],
  .dnnSendPasswordContent select,
  .dnnSendPasswordContent textarea {
    width: 90%;
    margin-bottom: 10px !important;
  }
  .dnnSendPasswordContent ul.dnnActions {
    padding: 0 !important;
  }
}
/* ********** Control Panel Style ************** */
.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {
  font-size: 12px;
  color: #973939;
  text-decoration: none;
  font-weight: normal;
}
A.CommandButton:hover {
  color: #973939;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
}
.FileManager A,
.FileManager A:link,
.FileManager A:visited,
.FileManager A:active {
  color: #000;
  text-decoration: underline;
}
.FileManager A:hover {
  color: #000;
  text-decoration: none;
}
/* ********** Buttons Style ************** */
a.Button_default,
a.Button_default:link,
a.Button_default:active,
a.Button_default:visited {
  padding: 17px 40px;
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  margin: 3px 15px 3px 15px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  letter-spacing: 1px;
}
* + html a.Button_default {
  display: inline;
}
a.Button_default:hover {
  text-decoration: none;
  color: #FFFFFF !important;
}
a.Button_default2,
a.Button_default2:link,
a.Button_default2:active,
a.Button_default2:visited {
  padding: 12px 35px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  background: none;
  color: #FFF;
  text-shadow: none;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
  display: inline-block;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
* + html a.Button_default2 {
  display: inline;
}
a.Button_default2:hover {
  color: #006fff;
  background: none !important;
}
a.Button_default3,
a.Button_default3:link,
a.Button_default3:active,
a.Button_default3:visited {
  background: url("/Portals/_default/skins/freiraum/images/Button_blue.png") repeat-x top left;
  display: inline-block;
  padding: 7px 30px 8px;
  font-size: 14px;
  color: #FFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
* + html a.Button_default3 {
  display: inline;
}
a.Button_default3:hover {
  text-decoration: none;
  background-color: #555 !important;
}
a.Button_blue,
a.Button_blue:link,
a.Button_blue:active,
a.Button_blue:visited {
  background: url("/Portals/_default/skins/freiraum/images/Button_blue.png") repeat-x top left;
  display: inline-block;
  padding: 7px 30px 8px;
  font-size: 14px;
  color: #FFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
* + html a.Button_blue {
  display: inline;
}
a.Button_blue:hover {
  text-decoration: none;
  background-color: #555!important;
}
a.Button_blue2 {
  padding: 12px 30px;
  margin: 0px 10px;
  position: relative;
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 10px;
  color: #FFFFFF !important;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
* + html a.Button_blue2 {
  display: inline;
}
a.Button_blue2:hover {
  text-decoration: none;
  background: #555555;
}
a.Button_blue3 {
  padding: 8px 15px;
}
a.Button_blue2 span.glyphicons,
a.Button_blue3 span.glyphicons {
  font-size: 24px;
  vertical-align: bottom;
  margin-right: 5px;
}
/* ********** Pane Style ************** */
.row-fluid [class*="Pane"] {
  padding: 0 0 5px 0;
}
.DNNEmptyPane {
  display: none;
}
.TopPaneA {
  background: #f5f5f5;
}
.BannerPaneB {
  position: relative;
}
.BannerPaneB:before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  background: url("/Portals/_default/skins/freiraum/images/Banner_light.png") no-repeat center top;
  width: 100%;
  height: 30px;
  z-index: 900;
}
/* ********** Container Style ************** */
.Head {
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}
.SubHead {
  font-family: 'Open Sans', sans-serif;
}
.SubSubHead {
  font-family: 'Open Sans', sans-serif;
}
.Normal {
  font-family: 'Open Sans', sans-serif;
}
/* ********** Breadcrumb Style ************** */
.breadcrumbBox {
  background-size: cover;
  padding: 45px 0;
}
.breadcrumbBox h3.breadcrumbTitle {
  text-align: center;
}
.breadcrumbBox .breadcrumbPane {
  padding-top: 20px;
}
.breadcrumbBox .Normal {
  color: #FFF;
  text-align: center;
  font-size: 15px;
}
.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
  text-decoration: none;
  font-weight: normal;
  color: #FFF;
}
a.breadcrumb:hover {
  font-weight: normal;
  text-decoration: underline;
}
/* ********** Other Style ************** */
.dnn_layoutB {
  width: 980px;
  margin: 0 auto;
}
.head_mid,
.content_mid,
.footer_mid {
  padding: 0 20px;
}
.Skin_05_timeline .comment_form .Post_button .CommandButton:hover {
  background: #555!important;
}
.news_list .post_categories a:hover {
  background: none !important;
}
/*language*/
.languageBox {
  white-space: nowrap;
}
.languageBox span img {
  margin-right: 7px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.languageBox span.selected img {
  filter: alpha(opacity=100);
  opacity: 1;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
}
/*Login*/
.Login {
  margin-left: 5px;
  padding-left: 0;
  padding-right: 2px;
  height: 40px;
  line-height: 40px;
}
.Login A,
.Login A:link,
.Login A:active,
.Login A:visited {
  display: inline-block;
}
.Login a.UserLink {
  padding-right: 0 !important;
}
* + html .Login A,
* + html .Login A:link,
* + html .Login A:active,
* + html .Login A:visited {
  display: inline;
}
.Login .registerGroup li.userMessages a,
.Login .registerGroup li.userNotifications a {
  background: url("/Portals/_default/skins/freiraum/images/No-bg.png") no-repeat -1px -1px;
}
/* Search Style  */
.pulldownsearch {
  position: relative;
  z-index: 903;
  width: 50px;
}
.visible-xs .pulldownsearch {
  position: absolute!important;
}
.searchbut {
  height: 34px;
  width: 34px;
  line-height: 34px;
  font-size: 14px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #c5c5c5;
  text-align: center;
  margin: -16px 0 0 -16px;
  border: 1px solid #c5c5c5;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  background-color: #ffffff;
}
.searchbut.Open .glyphicons.glyph-search:before {
  content: "\E208";
}
.searchBox {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff;
  overflow: inherit !important;
  height: 34px !important;
  z-index: 905;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border: 1px solid #c5c5c5;
}
.searchBox:before {
  content: "";
  border: 5px solid transparent;
  border-bottom: 5px solid #c5c5c5;
  position: absolute;
  bottom: 100%;
  right: 17px;
}
.searchBox #dnn_dnnSEARCH_ClassicSearch,
.searchBox #dnn_dnnSEARCH1_ClassicSearch,
.searchBox #dnn_dnnSEARCH2_ClassicSearch,
.searchBox #dnn_dnnSEARCH3_ClassicSearch {
  background: none;
  border: none;
  float: none;
  height: 34px;
  position: relative;
  white-space: nowrap;
  width: 235px;
  display: block;
  text-align: left;
  color: #FFF;
}
.SearchIcon {
  display: none;
}
.search,
a.search:link,
a.search:active,
a.search:visited {
  text-decoration: none;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  padding: 0;
  color: #c5c5c5;
  text-align: center;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
a.search:before {
  content: "\E028";
}
.searchBox input.NormalTextBox {
  width: 165px;
  text-align: left;
  height: 18px;
  line-height: 18px;
  padding: 0 3px 0 3px;
  background: none;
  border: none;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  outline: 0;
  border-radius: 0 0 0 0;
  -webkit-appearance: none;
  color: #333333;
}
.searchBox .searchInputContainer {
  position: static !important;
}
.searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
  top: 2px !important;
  left: auto;
  right: 35px !important;
}
.searchBox.searchSkinObjectPreview {
  right: inherit;
  left: auto;
  right: 0;
}
.dnnSearchBoxPanel,
.dnnSearchResultPanel {
  width: 100%;
  max-width: none;
  padding: 10px 0 !important;
}
.dnnSearchResultPanel {
  padding: 10px 0 7px 0 !important;
}
/* ********** HEADER ************** */
.dnn_logo {
  float: left;
}
.LogoMenuBox {
  padding: 35px 0;
}
.HeadRight .Login {
  display: inline-block;
  vertical-align: middle;
}
.HeadRight .languageBox {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
* + html .HeadRight .Login,
* + html .HeadRight .languageBox {
  display: inline;
}
/* ********** NAV ************** */
/*main menu*/
#top_menu {
  position: relative;
}
#top_menu ul {
  margin: 0;
  padding: 0 0;
  display: block;
}
#top_menu ul {
  display: inline-block;
}
#top_menu ul:after {
  content: ".";
  font-size: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
#top_menu ul {
  margin: 0 0 0;
  padding: 0 0;
  display: block;
}
#top_menu li {
  list-style: none none outside;
  float: left;
  position: relative;
  margin: 0 0 0 2px;
  padding: 0;
}
#top_menu > div > ul > li > a,
#top_menu > div > ul > li > a > span,
#top_menu > div > ul > li > a > span:after {
  display: block;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
#top_menu ul li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  width: auto;
  float: left;
}
#top_menu > div > ul > li {
  position: relative;
}
#top_menu > div.gomenu > ul.dropdown > li.dir.last-item > div.menuslide {
  left: auto !important;
  right: 0 !important;
}
/*sub menu*/
#top_menu .menuslide {
  display: none;
  float: left;
  overflow: hidden;
  position: absolute;
}
#top_menu .menuslide ul li {
  display: block;
  clear: both;
  padding: 0;
  background: none;
  margin: 0;
  position: relative;
}
#top_menu .menuslide ul > li.last-item > a {
  border-bottom: none;
}
#top_menu .menuslide ul li span {
  color: inherit;
  display: block;
  padding: 9px 50px 9px 24px;
  margin: 0;
  background: none;
  white-space: nowrap;
  font-size: 13px;
}
#top_menu .menuslide ul li a {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 0;
  background: none;
  float: left;
  line-height: 24px;
  height: auto;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #dbdbdb;
}
#top_menu .menuslide ul {
  float: left;
  left: 0;
  position: relative;
}
#top_menu .menuslide ul > li > a {
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
#top_menu .menuslide ul > li.dir > a {
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat right -59px;
}
#top_menu .menuslide ul > li.dir > a:hover,
#top_menu .menuslide ul > li.dir > a.menu_hover {
  background-position: right 16px;
}
/*Mega_menu*/
#Mega_menu {
  position: relative;
}
#Mega_menu ul {
  margin: 0;
  padding: 0 0;
  display: block;
}
#Mega_menu ul {
  display: inline-block;
}
#Mega_menu ul:after {
  content: ".";
  font-size: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
#Mega_menu ul {
  margin: 0 0 0;
  padding: 0 0;
  display: block;
}
#Mega_menu li {
  list-style: none none outside;
  float: left;
  position: relative;
  margin: 0 0 0 2px;
  padding: 0;
}
#Mega_menu > div > ul > li > a,
#Mega_menu > div > ul > li > a > span,
#Mega_menu > div > ul > li > a > span:after {
  display: block;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
#Mega_menu ul li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  width: auto;
  float: left;
}
#Mega_menu > div > ul > li {
  position: relative;
}
/*-- submenu --*/
.Mega_menu div.mega_submenu {
  padding: 10px 0;
  position: absolute;
  display: none;
  top: 100%;
  z-index: 705;
  left: 0;
  margin: 0;
}
.Mega_menu ul.mega_submenu_ul {
  width: 260px;
  overflow: hidden;
  display: block;
}
.Mega_menu div.Column2 ul.mega_submenu_ul {
  width: 520px;
}
.Mega_menu div.Column3 ul.mega_submenu_ul {
  width: 780px;
}
.Mega_menu div.Column4 ul.mega_submenu_ul {
  width: 1040px;
}
.Mega_menu ul.mega_submenu_ul > li {
  display: block;
  height: 100%;
  float: none;
  width: 220px;
  margin: 0 -1px 0 0 !important;
  padding: 0 20px !important;
  zoom: 1;
  background: none !important;
}
.Mega_menu ul.mega_submenu_ul > li:last-child {
  border-right: none;
}
.Mega_menu ul.mega_submenu_ul li b {
  display: none !important;
}
.Mega_menu ul.mega_submenu_ul ul {
  width: 100%;
}
.Mega_menu ul.mega_submenu_ul ul li {
  float: none !important;
  display: block;
  width: 100%;
  background: none !important;
}
.Mega_menu ul.mega_submenu_ul ul li a {
  display: block;
  width: 100%;
  font-weight: normal;
  float: none !important;
  font-size: 13px !important;
  text-align: left;
  line-height: 20px;
  color: #666666;
  letter-spacing: normal;
  margin: 0;
  position: relative;
  padding: 8px 0 8px 15px;
  white-space: normal;
  zoom: 1;
  border: none;
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat left -62px;
}
.Mega_menu ul.mega_submenu_ul ul ul li a {
  background-position: left -66px;
}
.Mega_menu ul.mega_submenu_ul ul li a span {
  white-space: normal !important;
}
.Mega_menu ul.mega_submenu_ul ul li a:hover {
  text-decoration: none;
}
.Mega_menu ul.mega_submenu_ul ul li a span {
  display: block;
  padding: 0 15px 0 0;
  margin: 0;
  background: none;
  word-break: break-all;
  text-transform: none;
}
.Mega_menu ul.mega_submenu_ul ul ul {
  border: none;
  padding: 8px 0 5px 15px !important;
  margin: 0;
  display: block;
  float: none;
  background: none;
  box-shadow: none;
  float: none !important;
  background: none !important;
  border: none !important;
}
.Mega_menu ul.mega_submenu_ul ul ul ul {
  padding: 0 0 0 15px !important;
}
.Mega_menu ul.mega_submenu_ul ul ul li {
  margin: 0 0 0 0;
  padding: 0;
  background: none;
  border: none;
}
.Mega_menu ul.mega_submenu_ul ul ul li a {
  float: none;
  border-bottom: none;
  line-height: 18px;
  padding: 5px 0 5px 15px;
  position: relative;
  font-size: 12px;
}
/*dnngo_megamenu */
#dnngo_megamenu {
  margin: 0;
  padding: 0;
  clear: both;
}
#dnngo_megamenu .primary_structure {
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
}
#dnngo_megamenu .primary_structure > li {
  float: left;
  list-style: none;
  position: relative;
}
#dnngo_megamenu .primary_structure > li > a {
  display: inline-block;
  padding: 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
* + html #dnngo_megamenu .primary_structure > li > a {
  display: inline;
}
#dnngo_megamenu .primary_structure > li > a:hover,
#dnngo_megamenu .primary_structure > li.menu_hover > a,
#dnngo_megamenu .primary_structure > li.current > a {
  text-decoration: none;
}
#dnngo_megamenu > div > ul > li > a > span {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all ease-in 200ms !important;
  -moz-transition: all ease-in 200ms !important;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms !important;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms !important;
  /* Opera */
  -ms-transition: all ease-in 200ms !important;
  /* IE9? */
}
/*sub*/
#dnngo_megamenu .dnngo_menuslide {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 904;
  margin: 0;
  padding: 0;
}
/*dnngo_slide_menu*/
#dnngo_megamenu .dnngo_slide_menu {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#dnngo_megamenu .dnngo_slide_menu ul {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
#dnngo_megamenu .dnngo_slide_menu ul,
#dnngo_megamenu .dnngo_slide_menu ul li {
  margin: 0;
  padding: 0;
}
#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu {
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 904;
}
#dnngo_megamenu .dnngo_slide_menu li {
  position: relative;
  list-style: none;
}
#dnngo_megamenu .dnngo_slide_menu li a {
  text-decoration: none;
  text-align: left;
  line-height: 24px;
  display: block;
  transition: color ease-in 200ms;
  -moz-transition: color ease-in 200ms;
  -webkit-transition: color ease-in 200ms;
  -o-transition: color ease-in 200ms;
  -ms-transition: color ease-in 200ms;
}
#dnngo_megamenu .dnngo_slide_menu li.dir > a:after {
  content: "\E224";
  vertical-align: middle;
  font-size: 7px;
  font-family: 'Glyphicons Regular';
  padding: 0;
  margin: 0;
  display: inline-block;
  -webkit-text-size-adjust: none;
  position: absolute;
  right: 20px;
  top: 10px;
}
/*dnngo_boxslide*/
#dnngo_megamenu .dnngo_boxslide {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: auto;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#dnngo_megamenu .dnngo_boxslide .clear {
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 0;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 25px 0 25px 10px;
}
#dnngo_megamenu .dnngo_boxslide .menu_leftbox {
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 25px;
}
#dnngo_megamenu .dnngo_boxslide .menu_rightbox {
  float: left;
  padding: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#dnngo_megamenu .dnngo_boxslide .menu_rightbox:before {
  content: "";
  border-left: 1px solid #D3D3D3;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  margin-left: -25px;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li {
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div {
  margin: 0 -21px 0 0;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul {
  display: inline-block;
  vertical-align: top;
  margin-right: -3px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 40px 0 0;
  float: left;
}
* + html #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul {
  display: inline;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul:before {
  content: "";
  border-left: 1px solid #D3D3D3;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  margin-left: -21px;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a {
  display: block;
  margin: 0;
  padding: 0 0 12px 2px;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a:hover {
  text-decoration: none;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span {
  color: #333;
  font-size: 17px;
  transition: color ease-in 200ms;
  -moz-transition: color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: color ease-in 200ms;
  /* Opera */
  -ms-transition: color ease-in 200ms;
  /* IE9? */
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span:before {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent transparent #333;
  vertical-align: middle;
  display: inline-block;
  margin: 0 8px 2px 0;
  transition: border-color ease-in 200ms;
  -moz-transition: border-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: border-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: border-color ease-in 200ms;
  /* Opera */
  -ms-transition: border-color ease-in 200ms;
  /* IE9? */
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li {
  width: 100%!important;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > ul > li {
  padding: 0;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
  display: block;
  width: 100%;
  padding: 5px 0;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover {
  text-decoration: none;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span {
  display: block;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before {
  content: "\E224";
  vertical-align: middle;
  font-size: 7px;
  font-family: 'Glyphicons Regular';
  padding: 0;
  margin: 0;
  display: inline-block;
  margin: 0 10px 2px 0;
  -webkit-text-size-adjust: none;
}
#dnngo_megamenu .dnngo_boxslide .menu_topbox {
  width: 100%;
  padding: 25px;
  border-bottom: 1px solid #D3D3D3;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#dnngo_megamenu .dnngo_boxslide .menu_bottombox {
  width: 100%;
  padding: 25px;
  border-top: 1px solid #D3D3D3;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li + li {
  padding-top: 10px;
}
h2.mega_title {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0 8px 0;
  text-transform: capitalize;
}
.centerboxmain {
  background: url("/Portals/_default/skins/freiraum/images/right-bg.png") no-repeat right center;
}
.centerboxmain ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
.centerboxmain ul li {
  list-style-type: none;
  border-bottom: 1px solid #D2D2D2;
  padding: 0 0 13px 0;
}
.centerboxmain ul li span.glyphicons {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #006FFF;
  color: #006fff;
  text-align: center;
  font-size: 17px;
  line-height: 36px;
  margin: 0 12px 0 3px;
  top: 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*Left Menu*/
.LeftPage_Box {
  background: url("/Portals/_default/skins/freiraum/images/mian_line.jpg") repeat-y 227px top;
}
.LeftBox {
  padding-top: 20px;
  padding-bottom: 40px;
}
.RightPage_Box {
  background: url("/Portals/_default/skins/freiraum/images/mian_line.jpg") repeat-y 742px top;
}
.LeftOutPane {
  margin-right: 1px;
}
#left_menu {
  padding: 0 0 0;
  margin: 0;
  min-height: 300px;
}
#left_menu img {
  display: none;
}
#left_menu ul {
  padding: 0;
  margin: 0;
}
#left_menu ul li {
  list-style: none;
}
#left_menu ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 10px 10px 30px;
  color: #333333;
  line-height: 19px;
  border: 1px solid #c7c7c7;
  border-right: none;
  margin-bottom: 6px;
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat 10px -60px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.RightPage_Box #left_menu ul li a {
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border: 1px solid #c7c7c7;
  border-left: none;
  background-position: 20px -60px;
  padding-left: 40px;
}
#left_menu > .gomenu > ul > li > a:hover,
#left_menu > .gomenu > ul > li.current > a,
#left_menu > .gomenu > ul > li.current > a:hover {
  background-position: 10px 15px;
  color: #FFF;
}
.RightPage_Box #left_menu > .gomenu > ul > li > a:hover,
.RightPage_Box #left_menu > .gomenu > ul > li.current > a,
.RightPage_Box #left_menu > .gomenu > ul > li.current > a:hover {
  background-position: 20px 15px;
}
#left_menu ul ul {
  padding: 10px 6px;
  display: none;
}
#left_menu ul ul ul {
  padding: 5px 0;
  display: none;
  margin-bottom: 0;
}
#left_menu ul li.current > ul {
  display: block;
}
#left_menu ul ul .subcurrent > ul {
  display: block;
}
#left_menu ul li li {
  margin: 0;
  border-bottom: none;
  padding-left: 20px;
}
#left_menu ul li li li {
  padding-left: 15px;
}
#left_menu ul li li a {
  position: relative;
  padding: 6px 5px 6px 15px;
  line-height: 18px;
  font-size: 13px;
  border: none;
  white-space: normal;
  color: #666666;
  background-position: 0 -65px;
  text-transform: none;
}
.RightPage_Box #left_menu ul li li a {
  background-position: 5px -65px;
}
.RightPage_Box #left_menu ul li li a {
  border: none;
  padding-left: 20px;
}
/*roll_menu */
.roll_nav {
  display: block !important;
}
.js-clingify-placeholder {
  height: auto !important;
}
.js-clingify-wrapper {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  margin-top: -50px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.js-clingify-locked {
  margin-top: 0;
  z-index: 1000;
  background: #FFF;
  border-bottom: 1px solid #e3e3e3;
}
.js-clingify-wrapper .dnn_logo {
  height: 30px !important;
  line-height: 30px !important;
  padding: 5px 0 !important;
  display: block !important;
}
.js-clingify-wrapper #roll_menu {
  display: block !important;
}
.js-clingify-wrapper .dnn_logo img {
  max-height: 100%;
}
.js-clingify-wrapper #roll_menu {
  float: right;
}
/*main menu*/
#roll_menu {
  position: relative;
  padding: 0;
}
#roll_menu ul {
  margin: 0;
  padding: 0 0;
  display: block;
}
#roll_menu ul {
  display: inline-block;
}
#roll_menu ul:after {
  content: ".";
  font-size: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
#roll_menu ul {
  margin: 0 0 0;
  padding: 0 0;
  display: block;
}
#roll_menu li {
  list-style: none none outside;
  float: left;
  position: relative;
  margin: 0 0 0 2px;
  padding: 0;
}
#roll_menu > div > ul > li > a,
#roll_menu > div > ul > li > a > span,
#roll_menu > div > ul > li > a > span:after {
  display: block;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
#roll_menu ul li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  width: auto;
  float: left;
}
#roll_menu > div > ul > li {
  position: relative;
}
/*sub menu*/
#roll_menu .dropdown .menuslide {
  display: none;
  float: left;
  overflow: hidden;
  position: absolute;
  z-index: 1000;
}
#roll_menu .dropdown .menuslide ul {
  background: #f5f5f5;
}
#roll_menu .dropdown .menuslide ul li {
  display: block;
  clear: both;
  padding: 0;
  background: none;
  margin: 0;
  position: relative;
}
#roll_menu .dropdown .menuslide ul .last-item a {
  border-bottom: none !important;
}
#roll_menu .dropdown .menuslide ul li span {
  color: inherit;
  display: block;
  padding: 9px 108px 9px 24px;
  margin: 0;
  background: none;
  white-space: nowrap;
  font-size: 13px;
}
#roll_menu .dropdown .menuslide ul li a {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 0;
  background: none;
  float: left;
  line-height: 24px;
  height: auto;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #dbdbdb;
}
#roll_menu .dropdown .menuslide ul {
  float: left;
  left: 0;
  position: relative;
}
#roll_menu .dropdown .menuslide ul > li > a {
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
#roll_menu .dropdown .menuslide ul > li.dir > a {
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat right -59px;
}
#roll_menu .dropdown .menuslide ul > li.dir > a:hover,
#roll_menu .dropdown .menuslide ul > li.dir > a.menu_hover {
  background-position: right 16px;
}
#roll_menu > div > ul.dropdown > li > div.menuslide > ul {
  background: #f5f5f5;
  color: #777777;
}
#roll_menu ul.dropdown ul {
  background-color: #FFF;
}
#roll_menu ul.dropdown .menuslide ul a {
  color: #777777;
}
#roll_menu .dropdown .menuslide ul a:hover,
#roll_menu .dropdown .menuslide ul a.menu_hover,
#roll_menu .dropdown .menuslide ul > li.dir > a:hover,
#roll_menu .dropdown .menuslide ul > li.dir > a.menu_hover {
  color: #FFFFFF;
}
/*-- submenu --*/
#roll_menu .dnngo_mega div.mega_submenu {
  padding: 10px 0;
  position: absolute;
  display: none;
  top: 100%;
  z-index: 1000;
  left: 0;
  margin: 0;
  background: #f5f5f5;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul {
  width: 260px;
  overflow: hidden;
  display: block;
}
#roll_menu .dnngo_mega div.Column2 ul.mega_submenu_ul {
  width: 520px;
}
#roll_menu .dnngo_mega div.Column3 ul.mega_submenu_ul {
  width: 780px;
}
#roll_menu .dnngo_mega div.Column4 ul.mega_submenu_ul {
  width: 1040px;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul > li {
  display: block;
  height: 100%;
  padding: 0;
  float: left;
  width: 220px;
  margin: 0 -1px 0 0 !important;
  padding: 0 20px !important;
  zoom: 1;
  background: none !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul > li:last-child {
  border-right: none;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul li b {
  display: none !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul {
  width: 100%;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li {
  float: none !important;
  display: block;
  width: 100%;
  background: none !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li a {
  display: block;
  font-weight: normal;
  float: none !important;
  font-size: 13px !important;
  text-align: left;
  line-height: 20px;
  color: #666666;
  letter-spacing: normal;
  margin: 0;
  position: relative;
  padding: 8px 0 8px 15px;
  white-space: normal;
  zoom: 1;
  border: none;
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat left -62px;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul ul li a {
  background-position: left -66px;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li a span {
  white-space: normal !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li a:hover {
  text-decoration: none;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li a span {
  display: block;
  padding: 0 15px 0 0;
  margin: 0;
  background: none;
  word-break: break-all;
  text-transform: none;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul ul {
  border: none;
  padding: 8px 0 5px 15px !important;
  margin: 0;
  display: block;
  float: none;
  background: none;
  box-shadow: none;
  float: none !important;
  background: none !important;
  border: none !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul ul ul {
  padding: 0 0 0 15px !important;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul ul li {
  margin: 0 0 0 0;
  padding: 0;
  background: none;
  border: none;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul ul li a {
  float: none;
  border-bottom: none;
  line-height: 18px;
  padding: 5px 0 5px 15px;
  position: relative;
  font-size: 12px;
}
#roll_menu .dnngo_mega div.mega_submenu {
  background-color: #f5f5f5;
  color: #777777;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul > li {
  border-right: 1px solid #dbdbdb;
}
#roll_menu .dnngo_mega ul.mega_submenu_ul ul li a {
  border-bottom: 1px solid #dbdbdb;
  color: #777777;
}
/* ********** CONTENT ************** */
/*.Mian_Box_5 [class*="Pane"],*/
#dnn_content {
  padding: 30px 0 30px 0;
}
#dnn_content .No_mar30 {
  margin-bottom: -30px;
}
#dnn_content {
  min-height: 300px;
}
.Mian_Box_3,
.Mian_Box_3 .Normal,
.Mian_Box_3 a,
.Mian_Box_5,
.Mian_Box_5 .Normal,
.Mian_Box_5 a {
  color: #FFF;
}
.Mian_Box_5 {
  background: none no-repeat center bottom;
  background-attachment: fixed;
  background-size: cover;
}
.Mian_Box_6 {
  -moz-box-shadow: 1px 0 2px #e7e4e4 inset;
  /* For Firefox3.6+ */
  -webkit-box-shadow: 1px 0 2px #e7e4e4 inset;
  /* For Chrome5+, Safari5+ */
  box-shadow: 1px 0 2px #e7e4e4 inset;
  /* For Latest Opera */
  background: #f8f8f8;
}
.Mian_Box_6 [class*="Pane"] {
  padding: 30px 0;
}
/* ********** FOOTER ************** */
.Footer_Contentbg {
  background: #2c3032;
  position: relative;
}
.Footer_Contentbg [class*="Pane"] {
  margin: 35px 0 30px;
}
.Footer_Bottombg {
  background: #1f2223;
  padding: 25px 0;
  font-size: 13px;
}
.copyright_style,
.FooterPane {
  float: left;
  padding: 10px 8px 0;
}
.copyright_style .sep {
  padding: 0 12px;
}
.copyright_style,
.FooterPane .Normal,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited {
  text-decoration: none;
}
.copyright_style a:hover {
  text-decoration: underline;
}
#to_top {
  display: none;
  position: fixed;
  right: 25px;
  bottom: 25px;
  float: right;
  background-color: #181d1d;
  width: 42px;
  height: 42px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: none;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
#to_top:after {
  content: "";
  height: 15px;
  width: 15px;
  overflow: hidden;
  margin: -3px 0 0 10px;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  /* IE 9 */
  -moz-transform: rotate(225deg);
  /* Firefox */
  -webkit-transform: rotate(225deg);
  /* Safari and Chrome */
  -o-transform: rotate(225deg);
  /* Opera */
  transition: border ease-in 200ms;
  -moz-transition: border ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: border ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: border ease-in 200ms;
  /* Opera */
  -ms-transition: border ease-in 200ms;
  /* IE9? */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  top: 50%;
  position: absolute;
}
/* ********** BOTTOM ************** */
.e_icon {
  height: 23px;
  width: 23px;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #9a9a9a;
  margin-right: 5px;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*source_code*/
.source_code {
  margin: 5px 0;
}
.source_code pre {
  display: none;
}
.source_code .source_box pre {
  display: block;
}
.source_code .source_box {
  display: none;
}
/*list*/
.list_style {
  margin: 0;
  padding: 0;
}
.list_style li {
  list-style: none;
  padding: 3px 0;
}
.list_style li .glyphicons,
.list_style li .social {
  margin-right: 5px;
}
.list_style1 {
  margin: 0;
  padding: 0;
}
.list_style1 li {
  list-style: none;
  padding: 3px 0;
}
.list_style1 li .glyphicons,
.list_style1 li .social {
  margin-right: 5px;
}
.list_style1 li a,
.list_style1 li a:link,
.list_style1 li a:active,
.list_style1 li a:visited {
  color: #888888;
}
/*Message*/
.Message_Icon {
  display: inline-block;
  vertical-align: middle;
  width: 8%;
}
.Message_Content {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  color: #999999;
}
.Message_Button {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  text-align: center;
}
* + html .Message_Icon {
  display: block;
  float: left;
  padding-top: 30px;
}
* + html .Message_Content {
  display: block;
  float: left;
}
* + html .Message_Button {
  padding-top: 30px;
  display: block;
  float: left;
}
.Message_Content h3 {
  text-transform: uppercase;
  color: #666666;
  font-size: 16px;
  padding-bottom: 3px;
}
/*Our Services*/
.OurServices_Box .nav-tabs li.active a {
  background: none !important;
  border-bottom: 1px solid #FFF !important;
}
.OurServices_Box .tab-content {
  overflow: hidden !important;
}
.OurServices_list {
  margin: 0;
  padding: 10px 0;
  float: left;
  width: 47%;
}
.OurServices_list li {
  list-style: none;
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat left -70px;
  padding: 0 0 5px 15px;
  margin-left: 10px;
}
.OurServices_list li a,
.OurServices_list li a:link,
.OurServices_list li a:active,
.OurServices_list li a:visited {
  font-size: 13px;
  color: #777777;
  text-decoration: none;
}
.OurServices_Pic {
  float: left;
  width: 53%;
}
.OurServices_Pic img {
  animation: 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s normal none 1 mk_scale;
  opacity: 1;
}
/*img float*/
.img_Left {
  float: left;
  padding: 7px 10px 0 0;
}
.img_Right {
  float: right;
  padding: 7px 0 0 10px;
}
/*Theme_19_Normal*/
.Theme_19_Normal {
  position: relative;
}
.Theme_19_Normal .filter_block {
  position: absolute;
  top: -50px;
  right: 0;
  width: auto !important;
  padding: 0 !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #FFF !important;
}
.Theme_19_Normal .filter_navigation ul li {
  background: none !important;
  margin: 0!important;
  padding: 0;
  display: block !important;
  list-style: none;
}
.Theme_19_Normal .filter_navigation ul li a:hover {
  background: #FFF !important;
}
.Theme_19_Normal .filter_navigation ul li a,
.Theme_19_Normal .filter_navigation ul li a:link,
.Theme_19_Normal .filter_navigation ul li a:active,
.Theme_19_Normal .filter_navigation ul li a:visited {
  color: #FFF;
}
.Theme_19_Normal .filter_navigation ul li a,
.Theme_19_Normal .filter_navigation ul li.selected a {
  background: none !important;
  border: none !important;
  padding: 6px 30px !important;
  margin: 0 !important;
  border-left: 1px solid #FFF !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.Theme_19_Normal .filter_navigation ul li li:first-child a {
  border: none !important;
}
.Theme_19_Normal .filter_navigation ul li.selected a {
  background: #FFF !important;
}
.Theme_19_Normal .portfolio_block {
  padding-top: 20px;
}
.Theme_19_Normal .view-tenth {
  border: 1px solid #FFF;
  overflow: inherit !important;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.Theme_19_Normal .view-tenth .mask {
  left: 0 !important;
  top: 0 !important;
  background: #FFF;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.Theme_19_Normal .view-tenth:hover .mask {
  background: #000;
}
.Theme_19_Normal .image-grid .view-tenth .portfolio_descr h2 {
  font-weight: bold !important;
  font-size: 16px !important;
  display: none !important;
}
.Theme_19_Normal .image-grid .po_link {
  top: 0!important;
  left: 0!important;
  margin: 0!important;
  background: none!important;
  width: 100%!important;
  height: 100%!important;
  display: block !important;
  text-indent: -999px !important;
}
.Theme_19_Normal .image-grid .po_zoom {
  display: none !important;
}
.Theme_19_Normal .image-grid .po_zoom {
  background-position: -34px 2px !important;
  margin: 0 !important;
}
/*Theme_19_Default*/
.Theme_19_Default {
  position: relative;
}
.Theme_19_Default .filter_block {
  position: absolute;
  top: -38px;
  right: 0;
  width: auto !important;
  padding: 0 !important;
}
.Theme_19_Default .filter_navigation ul ul li a {
  border: 1px solid #d8dbdb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.Theme_19_Default .filter_navigation ul ul li.selected a,
.Theme_19_Default .filter_navigation ul ul li a:hover {
  background: none !important;
}
/*Theme_08_Default*/
.Theme_08_Default .Slide div {
  text-align: center;
}
/*Theme_14_Default*/
.Theme_14_Default .scrollableArea {
  background: #000;
}
.Theme_14_Default .scrollableArea a img,
.Theme_14_Default .scrollableArea a:before {
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Theme_14_Default .scrollableArea a:hover img {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.Theme_14_Default .scrollableArea a {
  position: relative;
  display: block;
  float: left;
}
.Theme_14_Default .scrollableArea a:before {
  content: "  ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 54px;
  display: block;
  margin: -27px 0 0 -27px;
}
.Theme_14_Default .scrollableArea a:hover:before {
  background: url("/Portals/_default/skins/freiraum/images/Pic_Icon.png") center center no-repeat;
}
.Theme_14_Default .scrollingHotSpotLeft {
  width: 44px !important;
  height: 50px !important;
  background: url("/Portals/_default/skins/freiraum/images/arrow-3.png") no-repeat 12px center #000000 !important;
  opacity: 0;
  min-width: 44px !important;
  top: 50% !important;
  margin-top: -25px !important;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.Theme_14_Default .scrollingHotSpotRight {
  width: 44px !important;
  height: 50px !important;
  background: url("/Portals/_default/skins/freiraum/images/arrow-3.png") no-repeat -30px center #000000 !important;
  opacity: 0;
  min-width: 44px !important;
  top: 50% !important;
  margin-top: -25px !important;
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}
/*Tags list*/
.Tags_list a,
.Tags_list a:link,
.Tags_list a:active,
.Tags_list a:visited {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #858788;
  color: #858788;
  padding: 10px 18px;
  line-height: normal;
  height: auto;
  display: inline-block;
  margin: 0 5px 8px 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Tags_list a:hover {
  color: #FFF;
  text-decoration: none;
}
/*News_list*/
.News_list {
  margin: 0;
  padding: 0;
}
.News_list li {
  list-style: none;
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat 0 -70px;
  padding-left: 15px;
  border-bottom: 1px solid #434748;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.News_list li:last-child {
  border-bottom: none;
}
/*function list*/
.functionList {
  margin-bottom: 0;
  text-align: center;
  overflow: hidden;
  clear: both;
}
.functionList .functionBox .functiontitle {
  font-size: 20px;
  color: #444;
  vertical-align: middle;
  font-weight: normal;
  padding: 25px 0 0;
  margin: 0;
}
.functionList .functionBox .functionMain {
  padding: 15px 0 23px 0;
  vertical-align: top;
  clear: both;
}
.functionList .functionBox .functionMain p {
  margin: 0 0 15px 0;
}
.functionList .functionBox .functionIcon {
  width: 92px;
  height: 90px;
  line-height: 90px;
  font-size: 36px;
  margin: auto;
  text-align: center;
  position: relative;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.functionList .functionBox:hover .functionIcon {
  color: #FFF !important;
}
.functionList .functionBox .functionIcon span {
  line-height: inherit;
}
/*functionBox_2*/
.functionBox_2 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.functionBox_2 .functionIcon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  color: #FFF;
  margin: auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none!important;
}
.functionBox_2 .functionIcon span {
  line-height: inherit;
}
.functionBox_2 .functionMain h3 {
  text-align: left;
  font-size: 18px;
  color: #444;
  font-weight: normal;
  position: relative;
  min-height: 35px;
  padding: 8px 0 0 50px;
}
.functionBox_2 .functionMain {
  text-align: left;
  padding: 0 0 20px 0;
}
.functionBox_2 a {
  text-transform: uppercase;
}
.functionMain:hover .functionIcon {
  background: none!important;
  color: #444!important;
}
/*functionBox_3*/
.functionBox_3 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.functionBox_3 li {
  width: 25%;
  float: left;
  list-style: none;
  text-align: center;
}
* + html .functionBox_3 li {
  width: 24.9%;
}
.functionBox_3 .functionMain {
  text-align: center;
  padding: 0 5px 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: border ease 300ms;
  -moz-transition: border ease 300ms;
  /* Firefox 4 */
  -webkit-transition: border ease 300ms;
  /* Safari and Chrome */
  -o-transition: border ease 300ms;
  /* Opera */
  -ms-transition: border ease 300ms;
  /* IE9? */
  margin: 0 5px 5px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.functionBox_3 .functionIcon {
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  text-align: center;
}
.functionBox_3 .functionIcon span {
  line-height: inherit !important;
}
.functionBox_3 h3 {
  font-size: 18px;
  color: #444;
  vertical-align: middle;
  padding: 0 0 15px;
  margin: 0;
}
.functionBox_3 p {
  line-height: 1.6;
  margin: 0;
  padding: 5px 0 15px 0;
}
.functionBox_3 .functionMain:hover h3,
.functionBox_3 .functionMain:hover p,
.functionBox_3 .functionMain:hover a,
.functionBox_3 .functionMain:hover a:link,
.functionBox_3 .functionMain:hover a:active,
.functionBox_3 .functionMain:hover a:visited,
.functionBox_3 .functionMain:hover a:hover,
.functionBox_3 .functionMain:hover .functionIcon {
  color: #FFF !important;
  text-transform: none;
}
/*functionBox_4*/
.functionBox_4 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.functionBox_4 .functionIcon {
  height: 72px;
  width: 72px;
  line-height: 72px;
  font-size: 25px;
  text-align: center;
  margin: auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  overflow: hidden;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.functionBox_4 .functionIcon span {
  line-height: inherit !important;
}
.functionBox_4 .functionMain:hover .functionIcon {
  color: #FFF !important;
}
.functionBox_4 .functionMain {
  border: 1px solid #d8dbdb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  padding: 40px 10px 25px;
  margin-bottom: 5px;
}
.functionBox_4 h3 {
  padding: 22px 0 10px 0;
  font-weight: normal;
}
.functionBox_4 .functionMain a {
  text-transform: uppercase;
}
/*functionBox_5*/
.functionBox_5 {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.functionBox_5 .functionIcon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin: -30px auto 10px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  padding: 3px;
  font-size: 28px !important;
  font-weight: bold;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.functionBox_5 .functionIcon span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.functionBox_5 .functionMain {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  padding: 0 10px 35px;
  margin: 35px 1px 0;
  border: 1px solid #d7d7d7;
}
* + html .functionBox_5 .functionMain {
  padding-top: 10px;
}
* + html .functionBox_5 .functionIcon {
  margin-top: 0!important;
}
.functionBox_5 h3 {
  padding: 25px 0;
  margin: 0;
  font-weight: normal;
}
.functionBox_5 .functionMain:hover .functionIcon span {
  color: #FFF;
}
/*slides blockquote*/
.slides blockquote {
  background: none;
  padding: 0;
  margin: 0;
}
.slides blockquote p {
  text-indent: 0;
  color: #666666;
  font-size: 13px;
  border: 1px solid #e4e4e4;
  padding: 20px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.slides blockquote p span {
  background: url("/Portals/_default/skins/freiraum/images/marks.png") no-repeat center center;
  width: 54px;
  height: 47px;
  float: left;
  margin: 0 15px 0 0;
}
.slides blockquote small {
  position: relative;
  padding: 22px 0 0 30px;
  margin: 0;
  text-align: left;
  right: 0;
  left: 0;
  top: -1px;
  background: url("/Portals/_default/skins/freiraum/images/arrow-2.jpg") no-repeat 80px top;
}
.slides blockquote small:before {
  content: ' ' !important;
}
.slides blockquote small img {
  width: auto !important;
  height: auto !important;
  display: inline !important;
  margin-right: 10px;
}
/*Theme_25_Default*/
.Theme_25_Default .slides {
  clear: both;
  overflow: hidden;
}
.Theme_25_Default .flex-control-nav {
  text-align: right !important;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
* + html .Theme_25_Default .flex-control-nav li {
  display: inline !important;
}
.Theme_25_Default .flex-control-paging li a {
  width: 18px !important;
  height: 18px !important;
  background: none !important;
  border: 1px solid #e3e3e3 !important;
  line-height: 50px;
  display: block !important;
}
.Theme_25_Default .flex-control-nav li {
  margin: 0 1px !important;
}
.Theme_25_Default .flex-control-paging li a.flex-active {
  background: #e3e3e3 !important;
}
.Theme_25_Default .flex-direction-nav,
.Theme_25_Default .flex-pauseplay {
  display: none !important;
}
/*Theme_21_LinkAndZoom_Normal*/
.Theme_21_LinkAndZoom_Normal .carousel_title {
  border-left: 1px solid #dfdcdc;
  border-right: 1px solid #dfdcdc;
  color: #444444;
  margin: 0;
  padding: 20px 25px 5px;
  font-weight: normal;
}
.Theme_21_LinkAndZoom_Normal .carousel_image {
  border-bottom: 3px solid #e5e5e5;
  transition: background-color ease-in 200ms;
  -moz-transition: border ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: border ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: border ease-in 200ms;
  /* Opera */
  -ms-transition: border ease-in 200ms;
  /* IE9? */
}
.Theme_21_LinkAndZoom_Normal .carousel_cap {
  border: 1px solid #dfdcdc;
  color: #666666;
  border-top: none;
  margin: 0 0 10px;
  padding: 5px 25px 20px;
}
.Theme_21_LinkAndZoom_Normal .pager {
  margin: 00px 0 30px;
}
.Theme_21_LinkAndZoom_Normal .pager a {
  border: 1px solid #bdbdbd;
  background: none !important;
  height: 20px !important;
  width: 20px !important;
}
.Theme_21_LinkAndZoom_Normal .pager a.selected {
  background: none !important;
  height: 20px !important;
  width: 20px !important;
}
/*Services_list*/
.Services_list {
  margin: 0;
  padding: 0;
}
.Services_list li {
  list-style: none;
  padding: 4px 0;
  width: 50%;
  display: inline-block !important;
  margin-right: -3px;
  vertical-align: top;
}
.Services_list li a {
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat left -67px;
  padding: 4px 0 4px 15px;
  color: #666666;
}
/* verticalTab_Left_2*/
.verticalTab_Left_2 ul.resp-tabs-list {
  padding: 10px 0;
}
.verticalTab_Left_2 ul.resp-tabs-list li {
  border-right: none !important;
}
.verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active:first-child {
  border-top: 1px solid #dddddd;
  margin-top: -1px;
}
.verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active:last-child {
  border-bottom: 1px solid #dddddd;
  margin-bottom: -1px;
}
.verticalTab_Left_2 ul.resp-tabs-list li span {
  padding: 11px 15px !important;
}
.verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active span {
  margin: 0 -1px 0 0 !important;
}
.verticalTab_Left_2 ul.resp-tabs-list li.resp-tab-active,
.verticalTab_Left_2 .resp-tab-active,
.verticalTab_Left_2 .resp-tab-active:hover {
  background: #FFF !important;
}
/* horizontalTab_Top2 */
.horizontalTab_Top2 ul.resp-tabs-list li {
  margin-right: 5px;
  border: 1px solid #E8E8E8;
  border-bottom: none;
  padding-top: 1px;
}
.horizontalTab_Top2 ul.resp-tabs-list li.resp-tab-active {
  padding-top: 0;
}
/*social-icons*/
.social-icons {
  margin: 0 !important;
  padding: 0 0 5px!important;
}
.social-icons a {
  background-image: url("/Portals/_default/skins/freiraum/images/social-icons-sprite.png");
  background-repeat: no-repeat;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  font-size: 0;
  width: 30px;
  margin: 0 -3px 0 0;
  border: none;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
* + html .social-icons a {
  text-indent: 0;
  font-size: 0;
  overflow: hidden;
  display: inline;
}
.social-icons a:hover {
  background-color: #e3e3e3;
}
.social-icons2 a {
  background-color: #BBBBBB;
  margin: 0 3px 3px 0;
  background-image: url("/Portals/_default/skins/freiraum/images/social-icons-sprite.png");
}
.social-icons .social-picasa {
  background-position: -30px 0;
}
.social-icons .social-dribbble {
  background-position: -30px 0;
}
.social-icons .social-facebook {
  background-position: -60px 0;
}
.social-icons .social-envato {
  background-position: -90px 0;
}
.social-icons .social-flickr {
  background-position: -120px 0;
}
.social-icons .social-forrst {
  background-position: -150px 0;
}
.social-icons .social-gplus {
  background-position: -180px 0;
}
.social-icons .social-gplus2 {
  background-position: -210px 0;
}
.social-icons .social-icloud {
  background-position: -240px 0;
}
.social-icons .social-lastfm {
  background-position: -270px 0;
}
.social-icons .social-linkedin {
  background-position: -300px 0;
}
.social-icons .social-myspace {
  background-position: -330px 0;
}
.social-icons .social-paypa {
  background-position: 0 -30px;
}
.social-icons .social-piacasa {
  background-position: -30px -30px;
}
.social-icons .social-pinterest {
  background-position: -60px -30px;
}
.social-icons .social-reedit {
  background-position: -90px -30px;
}
.social-icons .social-rss {
  background-position: -120px -30px;
}
.social-icons .social-skype {
  background-position: -150px -30px;
}
.social-icons .social-stumbleupon {
  background-position: -180px -30px;
}
.social-icons .social-tumblr {
  background-position: -210px -30px;
}
.social-icons .social-vimeo {
  background-position: -240px -30px;
}
.social-icons .social-wordpress {
  background-position: -270px -30px;
}
.social-icons .social-yahoo {
  background-position: -300px -30px;
}
.social-icons .social-youtube {
  background-position: -330px -30px;
}
.social-icons .social-blogger {
  background-position: 0 -60px;
}
.social-icons .social-deviantart {
  background-position: -30px -60px;
}
.social-icons .social-digg {
  background-position: -60px -60px;
}
.social-icons .social-foursquare {
  background-position: -90px -60px;
}
.social-icons .social-friendfeed {
  background-position: -120px -60px;
}
.social-icons .social-mail {
  background-position: -150px -60px;
}
.social-icons .social-html5 {
  background-position: -180px -60px;
}
.social-icons .social-technorati {
  background-position: -210px -60px;
}
.social-icons .social-soundcloud {
  background-position: -240px -60px;
}
.social-icons .social-quora {
  background-position: -270px -60px;
}
.social-icons .social-bebo {
  background-position: -300px -60px;
}
.social-icons .social-aim {
  background-position: -330px -60px;
}
.social-icons .social-gosquared {
  background-position: 0 -90px;
}
.social-icons .social-dropbox {
  background-position: -30px -90px;
}
.social-icons .social-github {
  background-position: -60px -90px;
}
.social-icons .social-spotify {
  background-position: -90px -90px;
}
.social-icons .social-apple {
  background-position: -120px -90px;
}
/*3D Banner*/
.defaultskin .banner_title {
  color: #FFF;
  font-size: 60px;
  line-height: 1 !important;
  font-weight: normal;
  text-align: left;
  -webkit-text-size-adjust: none;
}
.defaultskin .banner_content {
  color: #FFF;
  font-size: 17px;
  line-height: 1.5 !important;
  -webkit-text-size-adjust: none;
}
.defaultskin > div > ul {
  display: none;
}
.defaultskin .banner_more {
  font-size: 16px;
  padding: 15px 40px;
  color: #FFF;
  border: 1px solid #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-text-size-adjust: none;
}
.defaultskin .banner_more a,
.defaultskin .banner_more a:link,
.defaultskin .banner_more a:active,
.defaultskin .banner_more a:visited {
  color: #FFF;
  text-decoration: none;
}
.defaultskin .banner_more a:hover {
  color: #FFF;
  text-decoration: none;
}
.defaultskin .tp-leftarrow.default {
  background: url("/Portals/_default/skins/freiraum/images/banner_arrow.png") no-repeat left center;
  width: 40px;
  height: 66px;
}
.defaultskin .tp-rightarrow.default {
  background: url("/Portals/_default/skins/freiraum/images/banner_arrow.png") no-repeat right center;
  width: 40px;
  height: 66px;
}
.ls-borderlessdark .ls-nav-prev {
  background: url("/Portals/_default/skins/freiraum/images/Banner_arrows.png") no-repeat 9px center !important;
  width: 38px;
  height: 38px;
}
.ls-borderlessdark .ls-nav-next {
  background: url("/Portals/_default/skins/freiraum/images/Banner_arrows.png") no-repeat -76px center !important;
  width: 38px;
  height: 38px;
}
.ls-borderlessdark .ls-bottom-nav-wrapper {
  display: none !important;
}
/*New 3D Banner*/
.banner_title {
  color: #FFF;
  font-size: 60px;
  line-height: 1 !important;
  font-weight: normal;
  text-align: left;
  -webkit-text-size-adjust: none;
}
.banner_content {
  color: #FFF;
  font-size: 17px;
  line-height: 1.5 !important;
  -webkit-text-size-adjust: none;
}
.defaultskin > div > ul {
  display: none;
}
.banner_more {
  font-size: 16px;
  padding: 15px 40px;
  color: #FFF;
  border: 1px solid #ffffff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-text-size-adjust: none;
}
.banner_more a,
.banner_more a:link,
.banner_more a:active,
.banner_more a:visited {
  color: #FFF;
  text-decoration: none;
}
.banner_more a:hover {
  color: #FFF!important;
  text-decoration: none;
}
.defaultskin .tp-leftarrow.default {
  background: url("/Portals/_default/skins/freiraum/images/banner_arrow.png") no-repeat left center;
  width: 40px;
  height: 66px;
}
.defaultskin .tp-rightarrow.default {
  background: url("/Portals/_default/skins/freiraum/images/banner_arrow.png") no-repeat right center;
  width: 40px;
  height: 66px;
}
.ls-borderlessdark .ls-nav-prev {
  background: url("/Portals/_default/skins/freiraum/images/Banner_arrows.png") no-repeat 9px center !important;
  width: 38px;
  height: 38px;
}
.ls-borderlessdark .ls-nav-next {
  background: url("/Portals/_default/skins/freiraum/images/Banner_arrows.png") no-repeat -76px center !important;
  width: 38px;
  height: 38px;
}
.ls-borderlessdark .ls-bottom-nav-wrapper {
  display: none !important;
}
/*----------- Page-----------------------*/
.gray_line {
  border-bottom: 1px solid #e2e2e2;
  height: 0;
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
}
/* **********  Lead  ************** */
.Lead {
  position: relative;
}
.Lead_font {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.Lead h1 {
  color: #ffffff;
  font-size: 30px;
  background: url("/Portals/_default/skins/freiraum/images/opacity_70.png");
  padding: 10px 40px;
  position: absolute;
  left: 0;
  bottom: 10px;
  margin: 0;
  font-weight: normal;
}
.Lead p {
  color: #ffffff;
  font-size: 20px;
  background: url("/Portals/_default/skins/freiraum/images/opacity_70.png");
  padding: 15px 40px;
  line-height: 1.2;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: normal;
}
/*Our Skills*/
.progress .progress-bar {
  text-align: left;
  text-indent: 12px;
  filter: none;
}
/*our_team3*/
.our_team3 .team_title {
  padding: 15px 0 8px;
  font-size: 18px;
}
.our_team3 .team_title span {
  color: #2c3433;
}
.our_team3 .team_content {
  color: #808080;
}
.our_team3 .team_social div span.social {
  font-size: 32px;
  color: #d2d2d2;
}
.our_team3 .team_social div span.social:hover {
  color: #f00;
}
@media (max-width: 767px) {
  .our_team3 .team_list {
    max-width: 250px;
    margin: auto auto 5px;
  }
}
/*our_team_list*/
.our_team_list .functionIcon {
  width: 170px;
  height: 170px;
  margin: auto;
  border: 1px solid #d2d2d2;
  padding: 5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.our_team_list .functionIcon img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.our_team_list .functionIcon img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.our_team_list .functionIcon a {
  position: relative;
  display: block;
}
.our_team_list .functionIcon a:before {
  position: absolute;
  top: 0;
  left: 0;
  background: url("/Portals/_default/skins/freiraum/images/magnify.png") no-repeat center center;
  width: 100%;
  height: 100%;
  content: " ";
  filter: alpha(opacity=0);
  /*IE*/
  opacity: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.our_team_list .functionIcon:hover a:before {
  filter: alpha(opacity=80);
  /*IE*/
  opacity: 0.8;
}
.our_team_list .functiontitle {
  font-size: 18px;
  line-height: 1.5;
  padding: 25px 0 20px;
  color: #444444;
  text-align: center;
  font-weight: normal;
}
.our_team_list .functiontitle span {
  color: #888888;
  font-size: 14px;
  display: block;
  font-style: italic;
}
.our_team_list .functionMain {
  text-align: center;
  padding: 0 0 15px 0;
}
.our_team_list .functionMain a {
  text-transform: uppercase;
}
/*link_list2*/
.link_list2 {
  margin: 0;
  padding: 0;
}
.link_list2 li {
  display: inline-block;
  list-style: none;
  margin-left: -3px;
  width: 20%;
  text-align: center;
  vertical-align: middle;
}
* + html .link_list2 li {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .link_list2 li {
    width: 100%;
  }
}
/*ServicesList*/
.Services_List {
  clear: both;
  overflow: hidden;
  padding: 0;
  margin: 0 0 10px;
  text-align: center;
}
.Services_List > div > div {
  margin-bottom: 20px;
}
.Services_List .col-sm-3 > div {
  background: #f8f8f8;
  display: inline-block;
}
.Services_List h3 {
  color: #444444;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Services_List .Services_icon {
  width: 82px;
  height: 82px;
  display: block;
  text-align: center;
  margin: 40px auto 0;
  line-height: 82px;
  background: #c8c8c8;
  font-size: 30px;
  color: #FFF;
  border-radius: 82px;
  -moz-border-radius: 82px;
  -webkit-border-radius: 82px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.Services_List .Services_icon i,
.Services_List .Services_icon em,
.Services_List .Services_icon span {
  line-height: inherit !important;
}
.Services_List .Services_Content {
  padding: 0 20px 40px;
}
/*Services_list2*/
.Services_list2 {
  margin: 0;
  padding: 5px 0 0 0;
}
.Services_list2 li {
  padding: 4px 0;
  display: inline-block;
  list-style: none;
  width: 50%;
  margin-right: -3px;
  vertical-align: top;
}
.Services_list2 li .ico {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}
* + html .Services_list2 li {
  display: inline;
}
/*Services_list3*/
.Services_list3 {
  margin: 0;
  padding: 10px 0 25px;
}
.Services_list3 li {
  padding: 7px 0;
  display: inline-block;
  list-style: none;
  width: 50%;
  margin-right: -3px;
  vertical-align: top;
}
* + html .Services_list3 li {
  display: inline;
}
.Services_list3 li .ico {
  width: 16px;
  height: 16px;
  /*	background: url("/Portals/_default/skins/freiraum/images/arrow-4.png") no-repeat center center;*/
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 2px 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  border: 1px solid #fff;
}
.Services_list3 li .ico:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin: -3px 0 0 -5px;
  transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  -moz-transform: rotate(129deg);
  -webkit-transform: rotate(129deg);
  -o-transform: rotate(129deg);
  transition: border ease-in 200ms;
  -moz-transition: border ease-in 200ms;
  -webkit-transition: border ease-in 200ms;
  -o-transition: border ease-in 200ms;
  -ms-transition: border ease-in 200ms;
}
/*What Others Say About Us ?*/
.About_info {
  position: relative;
  padding-left: 100px;
  margin-top: 20px;
}
.About_info .Img_box {
  position: absolute;
  top: 10px;
  left: 0;
  width: 88px;
  height: 88px;
  line-height: 88px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
  background: #dbdbdb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 15px;
}
.About_info .Img_box span {
  line-height: inherit;
}
.About_msg {
  margin-left: -100px;
  color: #444444;
}
/*Why Choose Us ?*/
.Choose_List {
  margin: -10px 0 0;
  padding: 0;
}
.Choose_List li {
  background: url("/Portals/_default/skins/freiraum/images/arrow-1.png") no-repeat 0 -60px;
  padding-left: 37px;
  list-style: none;
  border-bottom: 1px solid #e2e2e2;
  padding: 9px 0 10px 15px;
}
.Choose_List span {
  float: right;
}
.Choose_List li a,
.Choose_List li a:link,
.Choose_List li a:active,
.Choose_List li a:visited {
  color: #666666;
}
.Choose_List li a:hover {
  text-decoration: none;
}
/*We've Got Answers*/
.Answers_List {
  padding: 0;
  margin: 0;
}
.Answers_List li {
  list-style: none;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
}
.Answers_List li.last-item {
  padding-bottom: 15px;
  margin-bottom: 0;
  border-bottom: none;
}
.Answers_List h3 {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  padding-bottom: 10px;
}
.Answers_List span.Answers_icon {
  width: 82px;
  height: 82px;
  line-height: 82px;
  color: #FFF;
  text-align: center;
  display: inline-block;
  float: left;
  font-size: 40px;
  margin: 3px 15px 0 0;
  background: #c8c8c8;
  border-radius: 82px;
  -moz-border-radius: 82px;
  -webkit-border-radius: 82px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
* + html .Answers_List span.Answers_icon {
  display: block;
  font-size: 65px;
}
* + html .Answers_List h3 {
  margin-top: -20px;
}
/*tabs-top-group*/
.tabs-top-group2 .panel-default {
  border: none;
  margin-top: 0 !important;
  border-radius: 0;
  box-shadow: none;
  background: none;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1px;
}
.tabs-top-group2 .nav-tabs {
  border: none;
  background: #f7f7f7;
  padding: 5px 0;
}
.tabs-top-group2 .nav-tabs a,
.tabs-top-group2 .nav-tabs a:link,
.tabs-top-group2 .nav-tabs a:active,
.tabs-top-group2 .nav-tabs a:visited {
  color: #444444;
  font-size: 16px;
  border: none;
}
.tabs-top-group2 .nav-tabs a:hover {
  border: none;
  background: none;
}
.tabs-top-group2 .nav-tabs li {
  list-style: none;
}
.tabs-top-group2 .nav-tabs li.active a,
.tabs-top-group2 .nav-tabs li.active a:hover {
  border: none;
  background: none;
}
.tabs-top-group2 .panel-heading {
  border: none;
  border-radius: 0;
  padding: 0;
  background: none;
}
.tabs-top-group2 .panel-heading .panel-title a {
  position: relative;
  border: none;
  padding: 10px 0 10px 35px;
  font-size: 14px;
  color: #444444;
  display: block;
  font-weight: normal;
  line-height: 18px;
  outline: none;
  text-decoration: none !important;
  -webkit-transition: background-color 0.35s ease;
  -moz-transition: background-color 0.35s ease;
  -ms-transition: background-color 0.35s ease;
  -o-transition: background-color 0.35s ease;
  transition: background-color 0.35s ease;
}
.tabs-top-group2 .panel-heading:hover .panel-title a {
  color: #FFF !important;
}
.tabs-top-group2 .panel-heading .accordion_icon {
  position: absolute;
  left: 8px;
  top: 10px;
  text-align: center;
  background: #9b9b9b !important;
  color: #FFFFFF;
  font-weight: bold;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.tabs-top-group2 .panel-heading .panel-title a {
  transition: background-color ease-in 100ms;
  -moz-transition: background-color ease-in 100ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 100ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 100ms;
  /* Opera */
  -ms-transition: background-color ease-in 100ms;
  /* IE9? */
}
.tabs-top-group2 .panel-heading:hover {
  background: #006fff;
}
.tabs-top-group2 .panel-heading:hover .accordion_icon {
  background: #FFF !important;
  color: #006fff;
}
.tabs-top-group2 .panel-body {
  padding: 0 0 20px 40px;
  border: none;
}
.Title_pricing {
  font-size: 20px;
  color: #444;
  font-weight: normal;
  text-align: center;
  padding-bottom: 20px;
}
/*******Pricing Option *******/
.price_List .price_content {
  padding-left: 100px;
  position: relative;
}
.price_List .sup {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 25px;
  color: #959595;
}
.price_List .price {
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 50px;
  color: #444444;
}
/*Contact_Info*/
.ContactInfo_list {
  margin: 0;
  padding: 0;
}
.ContactInfo_list li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0 10px 30px;
  margin: 0;
  list-style: none;
  position: relative;
  color: #888888;
  font-size: 14px;
}
.ContactInfo_list li span {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 16px;
}
/*gmap*/
#gmap img,
.gmap img {
  max-width: none;
}
.gmap {
  width: 100%;
  height: 300px;
}
#gmap {
  width: 100%;
  height: 350px;
}
/*404 ERROR*/
.ErrorPage_Box {
  text-align: center;
}
.ErrorPage_Box h1 {
  text-align: center;
  color: #888888;
  font-size: 60px;
  font-weight: normal;
  padding: 50px 0 20px;
  line-height: 1.1;
}
.ErrorPage_Box p {
  color: #888888;
  font-size: 16px;
  text-align: center;
  padding: 20px 0 10px 0;
}
.ErrorPage_Box ul {
  display: inline-block;
  margin: auto;
  padding: 0 0 20px 0;
}
* + html .ErrorPage_Box ul {
  display: inline;
}
.ErrorPage_Box ul li {
  text-align: left;
  list-style: none;
  color: #888888;
  font-size: 16px;
  padding: 5px 0;
}
.ErrorPage_Box .Refresh:before {
  display: none !important;
}
/* ********** Form Style ************** */
.Theme_Normal_Bottom textarea,
.Theme_Normal_Bottom input[type="text"],
.Theme_Normal_Bottom input[type="password"],
.Theme_Normal_Bottom input[type="datetime"],
.Theme_Normal_Bottom input[type="datetime-local"],
.Theme_Normal_Bottom input[type="date"],
.Theme_Normal_Bottom input[type="month"],
.Theme_Normal_Bottom input[type="time"],
.Theme_Normal_Bottom input[type="week"],
.Theme_Normal_Bottom input[type="number"],
.Theme_Normal_Bottom input[type="email"],
.Theme_Normal_Bottom input[type="url"],
.Theme_Normal_Bottom input[type="search"],
.Theme_Normal_Bottom input[type="tel"],
.Theme_Normal_Bottom input[type="color"],
.uneditable-input {
  background: #FFFFFF!important;
  border: 1px solid #dddddd!important;
  color: #777777 !important;
  padding: 7px 3px !important;
}
.Footer_Contentbg .Theme_Normal_Bottom .form_submit {
  text-align: right !important;
  width: 96% !important;
}
.Footer_Contentbg .Theme_Normal_Bottom textarea {
  height: 45px !important;
}
.Footer_Contentbg .Theme_Normal_Bottom .btn {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: none;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
}
.Footer_Contentbg .Theme_Normal_Bottom .btn:hover {
  color: #FFF !important;
  background: #555;
}
.RightPaneProfile .console-none h3 {
  background-image: url("/Portals/_default/skins/freiraum/images/arrow.png") !important;
}
.submit_ticket a {
  color: #fff !important;
  text-decoration: none;
}
/*submit_ticket */
.submit_ticket {
  background: #F7F7F7;
  padding: 25px 15px;
}
.submit_ticket .ticket_bg a {
  font-size: 20px;
  padding: 6px 37px 6px 37px;
  white-space: nowrap;
}
.submit_ticket .ticket_bg a:hover {
  color: #FFF !important;
}
.submit_ticket h3 {
  font-weight: normal;
}
.submit_ticket .ticket_bg {
  text-align: center;
  margin-top: 20px;
}
/*headline*/
.headline_box {
  color: #666666;
  padding: 15px;
}
.headline_box {
  color: #666666;
  padding: 25px;
  clear: both;
}
.headline_box:after {
  clear: both;
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}
.headline_box h3 {
  color: #2c3433;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px;
}
.headline_Left {
  width: 80%;
  display: inline-block;
  margin-right: -10px !important;
  vertical-align: middle;
}
.headline_Right {
  width: 20%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
* + html .headline_Left,
* + html .headline_Right {
  display: inline;
}
/*personnel_list*/
.personnel_list {
  margin-top: 20px;
}
.personnel_list .personnel_box {
  width: 50%;
  float: left;
  position: relative;
}
* + html .personnel_list .personnel_box {
  width: 49.99%;
}
.personnel_list .personnel {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 33px;
}
.personnel_list .personnel .clear {
  width: 94px;
  clear: both;
  overflow: hidden;
  height: 33px;
  border-bottom: 1px solid #FFF;
  margin: auto;
  margin-bottom: -1px;
}
.personnel_list .personnel_pic {
  position: absolute;
  left: 58px;
  right: 0;
  width: 80px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.personnel_list .personnel_pic img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.personnel_list .personnel_info {
  padding: 0 0 0 158px;
  text-align: left;
}
.personnel_list .personnel_info p {
  font-style: italic;
}
.personnel_list .personnel .personnel_box:first-child {
  border-right: 1px solid #e3e3e3;
  margin-right: -1px;
}
.personnel_list .personnel .personnel_box:first-child .personnel_pic {
  left: 0;
}
.personnel_list .personnel .personnel_box:first-child .personnel_info {
  padding: 0 58px 0 100px;
}
.personnel_list .personnel:last-child {
  border-bottom: none;
}
.personnel_list .personnel:last-child .clear {
  height: 0;
  border: none;
}
/*Theme_13_Elegant*/
.Theme_13_Elegant .unoslider_caption {
  left: 10%;
  right: auto!important;
  bottom: 10%!important;
  background: #000 !important;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
  color: #FFF!important;
  padding: 15px 30px !important;
  font-size: 16px!important;
}
/*Banner_title_4*/
.Banner_bigTitle_4 {
  font-size: 60px;
  color: #FFF;
  font-weight: bold;
  filter: alpha(opacity=50);
  opacity: 0.5;
  text-shadow: 0 0 3px #000;
  -webkit-text-size-adjust: none;
}
.Banner_title_4 {
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  background: #717780;
  padding: 18px 20px;
  -webkit-text-size-adjust: none;
}
.Banner_smallTitle_4 {
  padding: 18px 20px;
  font-size: 20px;
  color: #ffffff;
  -webkit-text-size-adjust: none;
}
.Banner_Content_4 {
  font-size: 14px;
  color: #555555;
  line-height: 2;
  -webkit-text-size-adjust: none;
}
.Banner_More_4 {
  padding: 12px 35px;
  font-size: 14px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-text-size-adjust: none;
}
.Banner_More_4 a,
.Banner_More_4 a:link,
.Banner_More_4 a:active,
.Banner_More_4 a:visited,
.Banner_More_4 a:hover {
  text-decoration: none;
}
/*Banner_title_2*/
.Banner2_title_01 {
  font-size: 30px;
  color: #FFF;
  background: #006fff;
  padding: 25px 30px;
  -webkit-text-size-adjust: none;
}
.Banner2_title_02 {
  font-size: 20px;
  color: #FFF;
  background: #786f67;
  filter: alpha(opacity=50);
  opacity: 0.5;
  padding: 25px 30px;
  -webkit-text-size-adjust: none;
  text-transform: uppercase;
}
.Banner2_title_03 {
  font-size: 16px;
  color: #FFF;
  background: #786f67;
  filter: alpha(opacity=50);
  opacity: 0.5;
  padding: 25px 30px;
  -webkit-text-size-adjust: none;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.iLightBox_zoom_in_New.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
/*iLightBox*/
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.iLightBox_Content {
  display: none;
  background-color: #FFF;
  max-width: 60%;
  margin: auto;
  padding: 20px;
}
.iLightBox_Content h3 {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
}
.iLightBox_zoom_in .iLightBox_Content {
  display: block;
}
/*insets_list*/
.insets_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.insets_list li {
  width: 80px;
  height: auto;
  vertical-align: top;
  float: left;
  margin: 0 5px 0 0;
}
/*player*/
.player .Play {
  cursor: pointer;
  display: inline-block;
}
.player.Button {
  display: block!important;
  width: auto;
  height: auto;
  box-shadow: none;
  position: absolute;
  z-index: 1000;
  background-color: #F00;
  color: #FFF;
}
.player .YTPOverlay {
  background-color: #000;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.player .Play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.player_boxes {
  padding: 50px 40px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.player_boxes.dark {
  background-color: rgba(0, 0, 0, 0.6);
}
.player_boxes .player_title {
  font-size: 50px;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 1.1;
}
.player_boxes .player_line {
  width: 70px;
  margin: 20px auto;
}
.player_boxes .player_smalltitle {
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-weight: normal;
  line-height: 1.2;
}
.player_boxes .player_content {
  color: #666666;
  margin: 0px 10% 30px;
}
.player_boxes .Button_default {
  margin-bottom: 10px;
}
.player_boxes.dark .player_smalltitle,
.player_boxes.dark .player_content {
  color: #FFF;
}
/*responsive-video*/
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 0;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media only screen and (min-width: 1200px) {
  .dnn_layoutB {
    width: 1170px;
  }
  .h6_content h2 {
    font-size: 80px;
    color: #fff;
    line-height: 1.2;
  }
  .h6_content p {
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
  }
  .LeftPage_Box {
    background-position: 275px top;
  }
  .RightPage_Box {
    background-position: 884px top;
  }
  .breadcrumbBox {
    padding: 50px 0;
  }
  .breadcrumbBox h3.breadcrumbTitle {
    font-size: 40px;
  }
  .breadcrumbBox .Normal {
    font-size: 16px;
  }
  .functionBox_3 li {
    width: 25%;
  }
  .functionBox_3 .functionMain {
    padding: 10px 25px 20px;
    margin: 0 10px 5px;
  }
  .functionBox_3 .functionIcon {
    height: 80px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .dnn_layoutB {
    width: 736px;
  }
  .dnn_logo {
    width: 150px;
  }
  #top_menu > div > ul > li > a > span {
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
  }
  .LeftPage_Box {
    background-position: 166px top;
  }
  .RightPage_Box {
    background-position: 559px top;
  }
  .Lead h1 {
    font-size: 22px;
  }
  .Lead p {
    font-size: 12px;
  }
  .ErrorPage_Box h1 {
    font-size: 30px;
    padding: 30px 0 20px;
    line-height: 1.4;
  }
  .breadcrumbBox {
    padding: 40px 0;
  }
  .breadcrumbBox h3.breadcrumbTitle {
    font-size: 30px;
  }
  .breadcrumbBox .Normal {
    font-size: 15px;
  }
  /*functionBox_3*/
  .functionBox_3 li {
    width: 50%;
  }
  .functionBox_3 .functionMain {
    padding: 10px 45px 35px;
    margin: 0 25px 15px;
  }
  .functionBox_3 .functionIcon {
    height: 90px;
    line-height: 90px;
  }
  .Theme_20_Default li {
    margin: 0 2px 2px 0!important;
  }
  .Tags_list a,
  .Tags_list a:link,
  .Tags_list a:active,
  .Tags_list a:visited {
    margin: 0 2px 8px 0;
    padding: 5px;
  }
  .our_team_list .functionIcon {
    width: 150px;
    height: 150px;
  }
  .price-table .btn {
    white-space: nowrap;
    padding: 10px 25px;
  }
  .team_social .social-icons a {
    margin: 3px!important;
  }
}
@media only screen and (max-width: 767px) {
  .dnn_layoutB {
    width: auto;
  }
  .header_top {
    text-align: center;
  }
  .HeadPane {
    float: none !important;
    display: block;
    margin: 0 auto -10px !important;
  }
  .HeaderRight {
    float: none !important;
    text-align: center !important;
    padding-bottom: 10px;
  }
  .languageBox {
    float: none !important;
  }
  .Login {
    float: none !important;
    height: auto !important;
  }
  /*Nav*/
  .navigation--mobile {
    display: block;
  }
  #dnn_wrapper {
    background: #FFF;
    overflow: hidden;
  }
  .navigation_mobile {
    width: 75%;
    position: absolute;
    bottom: 100%;
    right: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-transition: visibility 0 linear;
    -webkit-transition-delay: 0.4s;
    -moz-transition: visibility 0 linear 0.4s;
    -o-transition: visibility 0 linear 0.4s;
    transition: visibility 0 linear 0.4s;
  }
  .wrapper {
    height: 100%;
    position: relative;
    z-index: 1;
    background: #FFF;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out;
    -o-transition: -o-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
  }
  .navigation_is-visible .wrapper {
    background: #FFF;
    border-right: 1px solid #dedede;
    -webkit-transform: translateX(-75%);
    -moz-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  .navigation_is-visible #dnn_wrapper {
    background: #f5f5f5;
  }
  .navigation_is-visible .navigation_mobile {
    top: 0;
    bottom: auto;
    visibility: visible;
    z-index: 1;
    -webkit-transition: z-index 0 linear;
    -webkit-transition-delay: 0.4s;
    -moz-transition: z-index 0 linear 0.4s;
    -o-transition: z-index 0 linear 0.4s;
    transition: z-index 0 linear 0.4s;
  }
  /*.phoneHeadTop {
	border-bottom: 1px solid #eaeaea;
	padding: 25px 60px 25px 15px;
	position: relative;
}*/
  .phoneHeadBottom {
    text-align: center;
    padding: 5px 0 15px 0;
  }
  .switchOpen {
    width: 27px;
    height: 27px;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -14px;
  }
  .switchOpen:before {
    content: "\E115";
  }
  .SwitchClose:before {
    content: "\E208";
  }
  .languageBox {
    height: auto !important;
    line-height: normal !important;
  }
  .searchBox2 {
    margin: 25px 17px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: auto;
    display: block;
    position: relative;
    padding: 0 35px 0 3px;
  }
  .searchBox2 input.NormalTextBox {
    line-height: 18px;
    height: 18px;
    padding: 7px 0;
    border: none;
    background: none;
    width: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .searchBox2 .searchInputContainer {
    display: block !important;
    margin: 0 !important;
  }
  .searchBox2 .searchSkinObjectPreview,
  .searchBox2 .searchInputContainer a.dnnSearchBoxClearText.dnnShow,
  .searchBox2 .searchInputContainer a.dnnSearchBoxClearText {
    display: none !important;
  }
  .searchBox2 .search,
  .searchBox2 a.search:link,
  .searchBox2 a.search:active,
  .searchBox2 a.search:visited {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    width: 32px !important;
    height: 100%;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    text-indent: 0 !important;
    position: absolute;
  }
  .searchBox2 a.search:before {
    content: "\E028";
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 16px;
    margin: -8px 0 0 -8px;
  }
  /*--------- Mobile Menu style ----------*/
  /*
#mobile_menu {
	margin: 0 15px 15px;
	border-top: 1px solid #e5e5e5;
	padding-top: 20px;
}

.multi_menu {
	margin: auto;
}

.multi_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.multi_menu ul li {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	list-style: none;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
}

.multi_menu ul li.current {
}

.multi_menu ul li.current span,
.multi_menu ul li.current span:hover {
	color: #FFF;
}

.multi_menu ul li.dir.current {
	background: none !important;
	border: 1px solid #cccccc;
}

.multi_menu > ul > li.dir.current li span {
	color: #777777;
}

.multi_menu ul li.dir.current.active li span {
	color: #777777;
}

.multi_menu ul li span:hover {
}

.multi_menu ul li.active > a > span,
.multi_menu ul li.active:hover > a > span {
}

.multi_menu ul li img {
	vertical-align: top;
}

.multi_menu ul li a {
	line-height: 20px;
	padding: 0;
	margin: 0;
	color: #777777;
	display: block;
	text-decoration: none;
	outline: none;
	text-align: left;
}

.multi_menu ul li a {
	margin: 0 15px;
}

.multi_menu ul > li > ul > li  a {
	border-bottom: 1px solid #cccccc;
}

.multi_menu ul li.active a {
}

.multi_menu ul li.dir.current a {
}

.multi_menu > ul > li > a {
	margin-bottom: -1px;
	border-bottom: 1px solid #cccccc;
}

.multi_menu ul li span {
	padding: 10px 0;
	display: block;
	transition: color ease-in 200ms;
	-moz-transition: color ease-in 200ms; // Firefox 4 
	-webkit-transition: color ease-in 200ms; // Safari and Chrome 
	-o-transition: color ease-in 200ms; // Opera 
	-ms-transition: color ease-in 200ms; // IE9? 
}

.multi_menu ul li .menu_arrow {
	display: block;
	width: 40px;
	padding: 0;
	height: 40px;
	float: right;
	overflow: hidden;
	margin: 0 -12px 0 0;
	position: relative;
	font-size: 0;
}

.multi_menu ul li .menu_arrow:before {
	content: "\002B";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -7px;
	display: inline-block;
	font-size: 14px;
	font-family: 'Glyphicons Regular';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
}

.multi_menu ul li .menu_arrow.arrow_opened {
}

.multi_menu ul li .menu_arrow.arrow_closed:before {
	content: "\2212";
}

.multi_menu ul ul {
	display: none;
	padding: 2px 0 5px 0;
	margin: 1px 0 0 0;
}

.multi_menu ul ul li {
	border: none !important;
}

.multi_menu ul ul li a {
	background: none;
}

.multi_menu ul ul li .menu_arrow {
	border: none;
}

.multi_menu ul ul li .menu_arrow.arrow_closed {
}

.multi_menu ul li.current > ul {
	display: block;
}

.multi_menu ul ul ul {
	padding: 0 15px;
	margin: 0;
}

.multi_menu ul ul ul li a {
}

.multi_menu ul li.active > a,
.multi_menu ul li.current > a,
.multi_menu ul li a:hover {
}

.multi_menu ul li li.active > a,
.multi_menu ul li li.current > a,
.multi_menu ul li li a:hover {
	background: none;
}*/
  /*Message*/
  .Message_Icon {
    display: block;
    width: auto;
    float: left;
    padding: 0 10px 0 0;
  }
  .Message_Content {
    display: block;
    width: auto;
    color: #999999;
    float: none;
  }
  .Message_Content p,
  .Message_Content div {
    clear: both;
  }
  .Message_Button {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
  }
  /**/
  .OurServices_list {
    float: none !important;
    width: auto;
  }
  .OurServices_Pic {
    float: none !important;
    width: auto;
  }
  .Footer_Contentbg [class*="Pane"] {
    margin: 0;
  }
  .Footer_Contentbg .FootPaneA {
    margin-top: 30px;
  }
  .Footer_Contentbg .FootPaneD {
    margin-bottom: 30px;
  }
  .copyright_style {
    text-align: center;
  }
  .copyright_style,
  .FooterPane {
    float: none;
    text-align: center;
  }
  #to_top {
    float: none;
    margin: auto;
    position: fixed;
  }
  /*price*/
  .price-table.col2 .col,
  .price-table.col3 .col,
  .price-table.col4 .col,
  .price-table.col5 .col {
    width: 50%;
  }
  .price-table .col.best_value {
    margin-top: 0;
  }
  .price-table .col.best_value .price_title {
    padding-top: 15px;
    padding-bottom: 11px;
  }
  .price-table .col.best_value .price_holder {
    padding-bottom: 12px;
  }
  .price_content {
    margin-bottom: 20px;
  }
  .price-table .color_1,
  .price-table .color_2,
  .price-table .color_3,
  .price-table .color_4,
  .price-table3 [class*="span"],
  .price-table5 [class*="span"],
  .price-table7 [class*="span"] {
    margin-bottom: 10px;
  }
  .price-table7 .best_value {
    margin-top: 0;
  }
  #gmap {
    width: 100%;
    height: 300px;
  }
  .Lead h1 {
    font-size: 22px;
  }
  .Lead p {
    font-size: 12px;
  }
  .ErrorPage_Box h1 {
    font-size: 30px;
    padding: 30px 0 20px;
    line-height: 1.4;
  }
  .LeftPage_Box .RightPage_Box {
    background: none;
  }
  .SkinPlugin_icon,
  #roll_menu,
  .js-clingify-placeholder {
    display: none !important;
  }
  .copyright_style {
    margin-bottom: 10px;
  }
  .breadcrumbBox {
    padding: 30px 0;
  }
  .breadcrumbBox h3.breadcrumbTitle {
    font-size: 20px;
  }
  .breadcrumbBox .Normal {
    font-size: 12px;
  }
  .LeftPage_Box,
  .RightPage_Box {
    background: none;
  }
  /*Theme_19_Normal*/
  .Theme_19_Normal .filter_block,
  .Theme_19_Default .filter_block {
    position: static;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: none !important;
  }
  .Theme_19_Normal .filter_navigation ul li a,
  .Theme_19_Normal .filter_navigation ul li.selected a {
    border: 1px solid #FFF !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
  }
  .Theme_19_Normal .filter_navigation ul li li:first-child a {
    border: 1px solid #ffffff !important;
  }
  .Mian_Box_3,
  .Mian_Box_5 {
    background-size: auto 120%;
  }
  /*functionBox_3*/
  .functionBox_3 li {
    padding: 0;
    margin: 0;
    width: 100%;
    float: none;
  }
  .functionBox_3 .functionMain {
    padding: 15px;
    margin: 0;
    width: 250px;
    height: 250px;
    margin: 0 auto 15px;
  }
  .functionBox_3 .functionIcon {
    height: 90px;
    line-height: 90px;
  }
  .headline_Left {
    width: auto !important;
    display: block!important;
  }
  .headline_Right {
    display: block!important;
    width: auto!important;
  }
  /*personnel_list*/
  .personnel_list .personnel_box {
    width: 100%;
    float: none;
    position: relative;
    border-right: none !important;
    padding-bottom: 33px;
    margin-bottom: 33px;
    border-bottom: 1px solid #e3e3e3!important;
  }
  .personnel_list .personnel {
    border: none!important;
    margin: 0!important;
    padding: 0!important;
  }
  .personnel_list .personnel .personnel_info {
    padding: 0 0 0 100px !important;
  }
  .personnel_list .personnel_pic {
    left: 0!important;
  }
  .personnel_list .personnel .clear {
    height: 0!important;
    border: none!important;
  }
  .our_team .team_list {
    margin-bottom: 15px;
  }
  .Theme_19_Normal .filter_navigation ul li {
    margin: 0 5px 5px 0!important;
  }
  .Theme_13_Elegant .unoslider_caption {
    display: none !important;
  }
  .our_team_list [class*='span'] {
    margin-bottom: 15px;
  }
  .Theme_08_Default .Slide div {
    display: none!important;
  }
  .Testimonials_tab.Testimonials_6 .last_page,
  .Testimonials_tab.Testimonials_6 .next_page {
    bottom: 58px;
  }
  .player_boxes {
    padding: 10px;
  }
  .player_boxes .player_title {
    font-size: 20px;
    margin: 5px 0 5px;
  }
  .player_boxes .player_line {
    margin: 5px auto;
  }
  .player_boxes .player_content {
    margin: 0 0 5px;
  }
  .player_boxes .player_smalltitle {
    margin: 0 0 5px;
  }
  a.Button_blue2 {
    padding: 5px;
    font-size: 10px;
    margin: 0 10px 0;
  }
}
@media only screen and (max-width: 560px) {
  .Lead h1 {
    font-size: 22px;
    display: none;
  }
  .Lead p {
    font-size: 12px;
    display: none;
  }
  .breadcrumbBox h3.breadcrumbTitle {
    font-size: 16px;
  }
  .breadcrumbBox .Normal {
    font-size: 12px;
  }
  /*price*/
  .price-table.col2 .col,
  .price-table.col3 .col,
  .price-table.col4 .col,
  .price-table.col5 .col {
    width: 100%;
  }
  .price-table2 .price_holder {
    margin: 0;
  }
}
@media only screen and (max-width: 330px) {
  /*functionBox_3*/
  .functionBox_3 .functionMain {
    padding: 10px;
    margin: 0;
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
  }
  .functionBox_3 .functionIcon {
    height: 60px;
    line-height: 60px;
  }
  .functionBox_3 h3 {
    padding: 0;
  }
  /*personnel_list*/
  .personnel_list .personnel_pic {
    position: static;
    margin: 0 auto 10px;
  }
  .personnel_list .personnel .personnel_info {
    padding: 0 !important;
    text-align: center;
  }
}
/*SocialProfile*/
a.dnnPrimaryAction {
  color: #FFF!important;
}
.ContentPaneProfile #mdBasicSearch {
  padding: 6px 2px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
  #top_menu .menuslide ul > li.dir > a,
  .Mega_menu ul.mega_submenu_ul ul li a,
  #left_menu ul li a,
  #roll_menu .dropdown .menuslide ul > li.dir > a,
  #roll_menu .dnngo_mega ul.mega_submenu_ul ul li a,
  .OurServices_list li,
  .News_list li,
  .Services_list li a,
  .Choose_List li {
    background-image: url("/Portals/_default/skins/freiraum/images/arrow-1.png");
    background-size: 29px 85px;
  }
}
@media print {
  a:link:after,
  article a[href^=http]:after {
    content: " ";
  }
}
/*Element Hide*/
@media only screen and (max-width: 767px) {
  .ElementHide-xs,
  tr.ElementHide-xs,
  th.ElementHide-xs,
  td.ElementHide-xs {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ElementHide-sm,
  tr.ElementHide-sm,
  th.ElementHide-sm,
  td.ElementHide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ElementHide-md,
  tr.ElementHide-md,
  th.ElementHide-md,
  td.ElementHide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .ElementHide-lg,
  tr.ElementHide-lg,
  th.ElementHide-lg,
  td.ElementHide-lg {
    display: none !important;
  }
}
/*****bootstrap.css 2*****/
blockquote {
  padding: 21px;
  margin: 0 0 42px 0;
  font-family: Arial;
  font-style: italic;
  color: #848484;
  position: relative;
  border: none;
}
blockquote p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 22.5px;
  text-indent: 50px;
}
blockquote small {
  display: block;
  line-height: 18px;
  font-size: 12px;
  position: absolute;
  bottom: -42px;
  left: 20%;
  padding: 24px 0 0 30px;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
mark,
.mark {
  padding: 0;
}
.Pic img {
  max-width: 100%;
}
.animation img {
  max-width: 100%;
}
.photo_box img {
  max-width: 100%;
}
.our_team img,
.our_team2 img {
  max-width: 100%;
}
.our_team2 img {
  max-width: 100%;
  width: 100%;
}
.Lead img {
  max-width: 100%;
}
#dnngo_megamenu .dnngo_boxslide img {
  max-width: 100%;
}
/* ---- combination filters ---- */
/* ---- combination filters ---- */
.isotope_grid {
  width: 100%;
  position: relative;
}
.isotope_grid .isotope_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-left: -10px;
}
.isotope_grid .isotope_item {
  width: 200px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.isotope_grid .isotope_item .pic_box img {
  width: 100%;
}
.isotope_grid .isotope_main .photo_box {
  margin: 0 0 15px 15px;
}
.isotope_grid .isotope_group {
  margin: 8px 0;
  position: absolute;
  top: -80px;
  right: 0;
}
.isotope_grid .isotope_group a {
  margin: 0px;
  padding: 6px 30px;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  transition: border ease-in 200ms;
  -moz-transition: border ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: border ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: border ease-in 200ms;
  /* Opera */
  -ms-transition: border ease-in 200ms;
  /* IE9? */
  line-height: 20px;
  float: left;
  display: inline-block;
}
.isotope_grid .isotope_group a:hover,
.isotope_grid .isotope_group a.active {
  color: #006fff;
  text-decoration: none;
  background: #ffffff;
}
.isotope_grid .photo_box .content h2 {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
  font-weight: normal;
}
.isotope_grid .photo_box .ico span {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .isotope_grid .isotope_group {
    position: relative;
    border: none;
    display: inline-block;
    top: 0;
  }
  .isotope_grid .isotope_main {
    margin-left: 0;
  }
  .isotope_grid .isotope_main .photo_box {
    margin: 0 0 15px;
  }
}
/***isotope_1***/
.isotope_1 .isotope_group {
  border: 1px solid #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.isotope_1 .isotope_main .photo_box {
  margin: 0 0 15px 17px;
  padding-right: 1px;
}
.isotope_1 .isotope_main .photo_box .content {
  background-color: #ffffff;
  opacity: 0.2;
}
.isotope_1 .isotope_main .photo_box:hover .content {
  background: none;
}
.isotope_1 .isotope_main .photo_box .shade {
  opacity: 0.2;
}
.isotope_1 .isotope_main .photo_box .pic_box {
  border: 1px solid #ffffff;
  position: static;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.isotope_1 .isotope_main {
  margin-top: 20px;
}
.isotope_1 .isotope_group a {
  border-left: 1px solid #ffffff;
}
.isotope_1 .isotope_group a:first-child {
  border-left: none;
}
@media only screen and (max-width: 767px) {
  .isotope_1 .isotope_group {
    border: none;
  }
  .isotope_1 .isotope_group a {
    border: 1px solid #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 5px 5px 0;
  }
  .isotope_1 .isotope_group a.active {
    border: 1px solid #ffffff;
  }
  .isotope_1 .isotope_main .photo_box {
    margin: 0 0 15px;
    padding-right: 0;
  }
  .isotope_1 .isotope_group a:first-child {
    border-left: 1px solid #ffffff;
  }
}
/***isotope_2***/
.isotope_2 .isotope_group {
  margin: 0 0 10px;
  top: -38px;
}
.isotope_2 .isotope_group a {
  background: #ffffff;
  margin: 0 2px 5px 0;
  padding: 3px 20px;
  font-size: 13px;
  color: #555555;
  border: 1px solid #e5e5e5;
  line-height: 1.8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.isotope_2 .isotope_group a:hover,
.isotope_2 .isotope_group a.active {
  border: 1px solid #006fff;
}
.isotope_2 .isotope_main .photo_box .content .ico {
  margin: 0 0 9px;
}
.isotope_2 .isotope_main .photo_box .ico span {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  background-color: #006fff;
  font-size: 16px;
  border: none;
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.isotope_2 .isotope_main .photo_box .content p {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .isotope_2 .isotope_group {
    top: 0;
  }
}
.btn-primary,
.btn-danger {
  color: #ffffff !important;
}
.btn-default {
  color: #333333 !important;
}
/*new page*/
.TeamDetail_left {
  border: 1px dashed #cfcfcf;
  padding: 10px;
}
.TeamDetail_left img {
  max-width: 100%;
  margin-bottom: 15px;
}
.TeamDetail_left .team_social {
  border-top: 1px dashed #cfcfcf;
  padding: 12px 0 0;
  margin-top: 15px;
  font-size: 30px;
}
.TeamDetail_left .team_social a {
  color: #ed474a;
  transition: color ease-in 200ms;
  -moz-transition: color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: color ease-in 200ms;
  /* Opera */
  -ms-transition: color ease-in 200ms;
  /* IE9? */
  background: none;
  text-indent: 0;
  font-size: 28px;
  height: 30px;
  margin: 0;
  width: 30px;
  overflow: visible;
}
.TeamDetail_left .team_social a:hover {
  color: #2e2e2e;
}
.TeamDetail_right .Teamtitle {
  color: #2c3433;
  font-size: 18px;
  font-weight: normal;
}
.TeamDetail_right .Teamtitle span {
  color: #ed474a;
}
.TeamDetail_info {
  border-top: 1px dashed #dcdcdc;
  border-bottom: 1px dashed #dcdcdc;
  margin: 0;
  padding: 7px 0;
}
.TeamDetail_info li {
  list-style: none;
  padding: 7px 10px 7px 0;
  display: inline-block;
  vertical-align: middle;
}
.TeamDetail_info li span.glyphicons,
.TeamDetail_info li span.social {
  width: 29px;
  height: 29px;
  line-height: 29px;
  background-color: #dcdcdc;
  font-size: 16px;
  text-align: center;
  color: #FFF;
  margin-right: 10px;
  vertical-align: middle;
}
.TeamDetail_info li a,
.TeamDetail_info li a:link,
.TeamDetail_info li a:active,
.TeamDetail_info li a:visited {
  color: #8a8a8a;
  text-decoration: none;
}
.TeamDetail_info li a:hover {
  color: #ed474a;
  text-decoration: underline;
}
.tp-simpleresponsive > ul > li {
  line-height: 20px;
}
.pane_area {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media only screen and (max-width: 767px) {
  .breadcrumbBox {
    padding: 20px 0 !important;
  }
  .breadcrumbBox h3.breadcrumbTitle {
    font-size: 24px !important;
  }
  .breadcrumbRight,
  .breadcrumbRight a,
  .breadcrumb,
  a.breadcrumb:link,
  a.breadcrumb:active,
  a.breadcrumb:visited {
    font-size: 15px !important;
  }
  .breadcrumbRight {
    display: none;
  }
}
/*loading*/
.loading {
  width: 26px;
  height: 26px;
  position: relative;
}
.loading .container1 > div,
.loading .container2 > div,
.loading .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.loading .loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.loading .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.loading .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.loading .circle1 {
  top: 0;
  left: 0;
}
.loading .circle2 {
  top: 0;
  right: 0;
}
.loading .circle3 {
  right: 0;
  bottom: 0;
}
.loading .circle4 {
  left: 0;
  bottom: 0;
}
.loading .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading .container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loading .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loading .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loading .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loading .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.isotope_grid .loading {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin: 0 0 0 -10px;
}
/***new portfolios group***/
.isotope_grid .portfolios_group {
  padding: 5px 0 35px;
  text-align: left;
  position: relative;
  top: 0;
  margin: 0;
}
.isotope_grid .portfolios_group a {
  margin: 0px 1px 5px 0;
  padding: 8px 28px;
  display: inline-block;
  line-height: 18px;
  color: #555555;
  font-size: 13px;
  outline: none;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  float: none;
}
.isotope_grid .portfolios_group a:hover,
.isotope_grid .portfolios_group a.active {
  border-color: #006fff;
  color: #006fff;
}
/***portfolios button***/
a.portfolios_default_btn {
  display: inline-block;
  width: 120px;
  line-height: 36px !important;
  border: 1px solid #006fff;
  color: #006fff;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
  text-transform: uppercase;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
a.portfolios_default_btn:hover {
  color: #ffffff;
  background-color: #006fff;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  a.portfolios_default_btn {
    margin-right: 2px;
  }
}
/***portfolios carousel***/
.portfolios_carousel_title {
  font-size: 20px;
  color: #333333;
  padding: 23px 0 15px;
}
.portfolios_carousel .carousel .owl-buttons .owl-prev,
.portfolios_carousel .carousel .owl-buttons .owl-next {
  margin-top: -25px;
}
@media only screen and (max-width: 767px) {
  .portfolios_carousel .carousel .owl-buttons .owl-prev {
    left: -20px;
  }
  .portfolios_carousel .carousel .owl-buttons .owl-next {
    right: -20px;
  }
}
/***Grid layouts***/
.Grid_layouts .isotope_main {
  margin-left: -15px;
}
.Grid_layouts .photo_box .content h2 {
  font-size: 16px;
  line-height: 1.8;
}
.Grid_layouts .photo_box .content p {
  font-size: 13px;
  margin-bottom: 15px;
}
.Grid_layouts .photo_box .content a {
  font-size: 14px;
  color: #ffffff;
  line-height: 36px;
  border: 1px solid #ffffff;
  padding: 8px 45px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.Grid_layouts .photo_box .shade {
  background-color: #006fff;
}
.Grid_layouts .photo_box:hover .shade {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .Grid_layouts .isotope_main {
    margin-left: 0;
  }
}
/***Classic layouts***/
.Classic_layouts .isotope_main {
  margin-left: -15px;
}
@media only screen and (max-width: 767px) {
  .Classic_layouts .isotope_main {
    margin-left: 0;
  }
}
/***Text layouts***/
.Text_layouts .isotope_main {
  margin-left: -15px;
}
.Text_layouts .photo_box .ico span {
  width: 50px!important;
  height: 50px!important;
  line-height: 50px!important;
  font-size: 16px;
  border: 1px solid #ffffff;
  background: none !important;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Text_layouts .photo_box a:hover span {
  color: #006fff;
  background: #ffffff !important;
}
.Text_layouts .photo_box .shade {
  background-color: #006fff;
}
.text_sytle1 {
  font-size: 12px;
  color: #666666;
  padding: 16px 0 19px;
}
.text_sytle1 h3 {
  font-size: 15px;
  color: #333333;
  text-transform: uppercase;
}
.text_sytle1 a {
  font-size: 13px;
  color: #006fff;
  text-transform: uppercase;
}
.text_sytle2 {
  font-size: 13px;
  color: #666666;
  padding: 20px 20px 15px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d4d4d4;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
.text_sytle2 h3 {
  font-size: 15px;
  color: #333333;
  text-transform: uppercase;
}
.text_sytle2 .info {
  float: right;
  font-size: 14px;
  padding-top: 13px;
}
.text_sytle2 .info span {
  margin-right: 3px;
}
@media only screen and (max-width: 767px) {
  .Text_layouts .isotope_main {
    margin-left: 0;
  }
}
/***List layouts***/
.List_layouts .isotope_main {
  margin-left: 0;
}
.List_layouts .isotope_item > div {
  margin: 0 -15px;
}
.List_layouts .isotope_main .photo_box {
  margin: 0;
}
.List_layouts .isotope_item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.List_layouts_text {
  font-size: 12px;
}
.text_sytle3 {
  font-size: 13px;
  color: #666666;
}
.text_sytle3 h3 {
  font-size: 15px;
  color: #333333;
  margin: 0 0 7px;
  text-transform: uppercase;
}
.List_layouts_text hr {
  width: 60px;
  margin: 20px 0;
  border-color: #006fff;
  display: inline-block;
}
.List_layouts_text p a {
  margin-top: 26px;
}
@media only screen and (max-width: 767px) {
  .List_layouts .isotope_main .photo_box {
    margin: 0 0 15px;
  }
}
/***Sidebar layouts***/
.Sidebar_layouts {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.Sidebar_layouts .text_sytle3 {
  padding: 20px 0 4px;
}
.Sidebar_layouts p a {
  margin-top: 13px;
}
.Sidebar_layouts_categories {
  margin: 0 0 20px;
  list-style: none;
}
.Sidebar_layouts_categories li {
  border-bottom: 1px solid #d1d1d1;
  line-height: 39px;
  font-size: 12px;
  color: #666666;
}
.Sidebar_layouts_categories li a {
  color: #666666;
}
.Sidebar_layouts_categories .glyphicons {
  font-size: 12px;
  color: #006fff;
  margin-right: 10px;
}
.categories_number {
  float: right;
}
.Sidebar_layouts_recent_news {
  font-size: 13px;
  color: #888888;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d1d1d1;
}
.Sidebar_layouts_recent_news img {
  float: left;
  padding-right: 20px;
}
.Sidebar_layouts_recent_news .heading {
  font-size: 14px;
  color: #333333;
  padding-top: 8px;
}
.Sidebar_layouts_recent_news .heading a {
  color: #333333;
}
.Sidebar_layouts_links {
  margin: 0 0 20px;
  list-style: none;
}
.Sidebar_layouts_links li {
  border-bottom: 1px solid #d1d1d1;
  line-height: 39px;
}
.Sidebar_layouts_links li a {
  font-size: 12px;
  color: #666666;
}
.Sidebar_layouts_links .glyphicons {
  color: #006fff;
  margin-right: 10px;
}
/***All Single layouts***/
.Single_Layouts {
  font-size: 12px;
  color: #666666;
}
.Single_Layouts h3 {
  font-size: 15px;
  color: #333333;
  text-transform: uppercase;
  margin: 20px 0 15px;
}
.Single_Layouts p {
  padding-bottom: 11px;
}
.Single_Layouts .carousel .owl-pagination {
  top: auto;
  bottom: 0;
}
.Single_Layouts .carousel .owl-page {
  background-color: rgba(255, 255, 255, 0.6);
  width: 17px;
  height: 17px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: none;
}
.Single_Layouts .carousel .owl-page.active {
  background-color: #ffffff;
  border: none;
}
@media only screen and (max-width: 767px) {
  .Single_Layouts .carousel .owl-buttons .owl-prev,
  .Single_Layouts .carousel .owl-buttons .owl-next {
    margin-top: -33px;
  }
}
/***page control***/
.page_turning a {
  font-size: 12px;
  color: #666666 !important;
  margin: 0 5px 5px 0;
}
a.page_control {
  display: inline-block;
  line-height: 31px !important;
  width: 70px;
  border: 1px solid #cccccc;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
a.page_number {
  display: inline-block;
  height: 30px;
  line-height: 30px !important;
  width: 30px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  text-decoration: none;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
a.page_control:hover,
a.page_number:hover {
  color: #006fff !important;
  border: 1px solid #006fff;
  text-decoration: none;
}
.Single_page {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
}
.Single_page a {
  font-size: 13px;
  color: #006fff;
  display: inline-block;
  line-height: 38px !important;
  width: 100px;
  border: 1px solid #006fff;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.Single_page a:hover {
  background-color: #006fff;
  color: #ffffff;
}
.prev_control {
  float: left;
}
.next_control {
  float: right;
}
/*page Spacing*/
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pt-45 {
  padding-top: 45px;
}
.pb-45 {
  padding-bottom: 45px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-55 {
  padding-top: 55px;
}
.pb-55 {
  padding-bottom: 55px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-60 {
  margin-bottom: 60px;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.h1_back h3 {
  font-weight: normal;
  color: #444;
  font-size: 25px;
  margin: 0 0 0 0;
  padding: 0;
  line-height: 1;
  text-align: center;
}
.backgroundImage10 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage10.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.backgroundImage11 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage11.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.h1_tit_left h3 {
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
}
.h1_accordion .panel-body {
  padding: 12px 20px;
}
.h1_accordion.accordion_2 .panel-heading .panel-title a {
  padding: 15px 46px 15px 10px;
  font-size: 15px;
}
.h1_accordion.accordion_2 .panel-default {
  margin-bottom: 10px;
}
.h1_Testimonials_tab.Testimonials_6 blockquote p {
  padding: 40px;
}
.h1_Icon {
  position: relative;
  padding: 5px 0 20px 0;
}
.h1_Con {
  padding: 0 0 0 100px;
}
.h1_Icon span {
  position: absolute;
  width: 70px!important;
  height: 70px;
  line-height: 70px;
  background: #006fff;
  display: block;
  text-align: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  font-size: 25px;
  color: #fff;
  top: 50%;
  margin: -35px 0 0 0;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h1_Icon:hover span {
  background: #e4e4e4;
  color: #444;
}
.h1_Con h2 {
  margin: 0 0 15px 0;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}
.h1_img img {
  width: 90%;
}
.h1_bg {
  background: #f3f3f3;
}
.h4_bg {
  background: #f3f3f3;
  -moz-box-shadow: 0 2px 5px #999;
  -webkit-box-shadow: 0 2px 5px #999;
  box-shadow: 0 2px 5px #999;
  position: relative;
  z-index: 2000;
}
.h2_tit_cener h2 {
  text-align: center;
  font-size: 25px;
  color: #444;
  font-weight: normal;
}
.h2_tit_cener:after {
  content: "";
  border-bottom: 1px solid #006fff;
  display: block;
  width: 50px;
  margin: auto;
  padding: 0 0 20px 0;
  margin: 0 auto;
}
.backgroundImage12 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage12.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.h2_image .photo_box .shade {
  background: none;
  border: 7px solid #fff;
}
.h2_image .photo_box {
  border: 1px solid #fff;
  margin: 0;
}
.h2_tit02_left h2 {
  font-size: 25px;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
}
.h2_tit02_left:after {
  content: "";
  border-bottom: 1px solid #fff;
  display: block;
  width: 50px;
  padding: 0 0 10px 0;
  margin: 0 0;
}
.h2_tit_con ul {
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
}
.h2_tit_con ul li span {
  font-size: 20px;
  color: #979797;
  margin: 0 15px 0 0;
  display: inline-block;
  vertical-align: -4px;
}
.h2_tit_con ul li {
  padding: 5px 0;
}
.h2_tit_con ul li a {
  color: #aaaaaa;
}
.h2_tit_con p {
  color: #aaa;
  margin: 0;
  padding: 25px 0 20px;
}
a.h2_bnt {
  color: #fff!important;
  padding: 11px 25px;
  background: #006fff;
  display: inline-block;
  border: 1px solid transparent;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
a:hover.h2_bnt {
  text-decoration: none;
  background: none;
  border: 1px solid #006fff;
}
a.Button_default6,
a.Button_default6:link,
a.Button_default6:active,
a.Button_default6:visited {
  color: #fff!important;
  padding: 11px 35px;
  background: #006fff;
  display: inline-block;
  white-space: nowrap;
  margin: 3px 0 3px 0;
  transition: background ease-in 200ms;
  -moz-transition: background ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background ease-in 200ms;
  /* Opera */
  -ms-transition: background ease-in 200ms;
  /* IE9? */
  letter-spacing: 1px;
  font-size: 14px;
  border: 1px solid transparent;
}
* + html a.Button_default6 {
  display: inline;
}
a.Button_default6:hover {
  text-decoration: none;
  color: #333 !important;
  background: none!important;
  border: 1px solid #006fff;
}
.h2_bg {
  background: #2b333d;
}
.h2_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.h2_list li {
  position: relative;
  padding: 3px 0 3px 12px;
}
.h2_list li:before {
  border: 5px solid transparent;
  border-top: 5px solid #006fff;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 0;
  transform: rotate(268deg);
  -ms-transform: rotate(268deg);
  -moz-transform: rotate(268deg);
  -webkit-transform: rotate(268deg);
  -o-transform: rotate(268deg);
}
.Center {
  text-align: center;
}
.List_left {
  padding: 98px 0 0 91px;
}
.h2_img02 img {
  width: 100%;
}
.h2_footer_left p {
  margin: 0;
  padding: 20px 0;
}
.h2_footer_left a {
  color: #006fff !important;
  text-transform: uppercase;
  position: relative;
}
.h2_footer_left span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-indent: -99999px;
  position: absolute;
  margin: 2px 0 0 8px;
}
.h2_footer_left span:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin: -3px 0 0 -4px;
  transform: rotate(129deg);
  -ms-transform: rotate(129deg);
  -moz-transform: rotate(129deg);
  -webkit-transform: rotate(129deg);
  -o-transform: rotate(129deg);
  transition: border ease-in 200ms;
  -moz-transition: border ease-in 200ms;
  -webkit-transition: border ease-in 200ms;
  -o-transition: border ease-in 200ms;
  -ms-transition: border ease-in 200ms;
}
.h2_footer_con img {
  float: left;
  padding: 0 20px 0 0;
  margin: 6px 0 0 0 ;
}
.h2_footer_con span {
  color: #006fff;
}
.h2_footer_con:first-child {
  border-bottom: 1px solid #363636;
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}
.h1_footer_right ul {
  margin: 0 ;
  padding: 10px 0 0 0;
  list-style: none;
}
.h1_footer_right ul li {
  width: 48%;
  float: left;
  background: #444444;
  margin: 7px 0 6px 0;
}
.h1_footer_right ul li a {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 0 0 25px;
}
.h1_footer_right ul li:nth-child(odd) {
  margin-right: 13px;
}
/*Home3*/
.H3_footer_Social > a {
  font-size: 24px;
  text-decoration: none;
}
.h3_pos {
  position: relative;
  padding-bottom: 15px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.H6_pos:last-child {
  padding-bottom: 0;
}
.h3_pos span {
  position: absolute;
  left: 0;
  margin: 6px 0 0 0;
  font-size: 20px;
  color: #fff;
}
.h3_tit_icon {
  border-left: 1px solid #006fff;
  border-top: 1px solid #006fff;
  height: 60px;
  position: relative;
  width: 70px;
  margin: 0 auto;
  text-align: center;
  line-height: 45px;
  font-size: 20px;
  color: #006fff;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h3_last_box li:hover .h3_tit_icon {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}
.h3_tit_icon:before {
  border-bottom: 1px solid #006fff;
  border-right: 1px solid #006fff;
  content: "";
  height: 80%;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 84%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h3_last_box li:hover .h3_tit_icon:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.h3_tit_icon > span {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 20%;
  height: 20%;
  overflow: hidden;
}
.h3_tit_icon > span:before {
  border-left: 1px solid #006fff;
  bottom: 0;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: left bottom 0;
  width: 200%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h3_last_box li:hover .h3_tit_icon > span:before {
  border-left: 1px solid #fff;
}
.h3_last_box {
  clear: both;
  display: table-row;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.h3_last_box li {
  display: table-cell;
  padding: 50px 52px;
  background: #f5f5f5;
  text-align: center;
  width: 20%;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h3_last_box li:hover {
  background: #95a9c3;
  color: #fff;
}
.h3_last_box li:hover h2 {
  color: #fff;
}
.h3_last_con:nth-child(even) {
  background: #ebebeb;
}
.h3_last_con h2 {
  font-size: 18px;
  font-weight: normal;
  color: #444;
  margin: 0;
  padding: 50px 0 30px 0;
}
.backgroundImage13 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage13.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.h3_phone {
  position: relative;
  border-bottom: 1px solid #d5d5d5;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
}
.h3_phone:last-child {
  border: none;
  margin: 0;
}
.h3_phone_con {
  padding: 0 0 0 100px;
}
.h3_phone span {
  position: absolute;
  width: 70px!important;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  background: #eaeaea;
  color: #aaaaaa;
  font-size: 25px;
}
.h3_phone h3 {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  margin: 0;
  padding: 0 0 5px 0;
}
.h3_phone p {
  margin: 0;
  line-height: 20px;
}
.h3_phone_box h2 {
  font-size: 17px;
  color: #333;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 0 30px 0;
}
.h3_footerc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.h3_footerc ul li {
  padding: 15px 0;
  border-bottom: 1px solid #373737;
}
.h3_footerc ul li span {
  display: inline-block;
  margin: 0 12px 0 0;
  color: #999;
}
.h3_footerc ul li:first-child {
  padding: 10px 0 15px 0;
}
/*social-icons*/
.h3_team_social .social-icons a:hover {
  background-color: #006fff;
}
.h3_footera img {
  padding: 0 0 25px 0;
}
.h3_team_social {
  padding: 15px 0 0 0;
}
.h3_footerd {
  position: relative;
}
.h3_footerd span {
  position: absolute;
  left: -5px;
}
.h3_footerd_con {
  padding: 0 0 25px 35px;
}
.social-icons_footerd a {
  background-image: url("/Portals/_default/skins/freiraum/images/social-icons-sprite.png");
  background-repeat: no-repeat;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  font-size: 0;
  width: 30px;
  margin: 0 -3px 0 0;
  border: none;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
* + html .social-icons_footerd a {
  text-indent: 0;
  font-size: 0;
  overflow: hidden;
  display: inline;
}
.h3_footerd_con:last-child {
  padding-bottom: 0;
}
.backgroundImage14 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage14.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
/***isotope_3***/
.isotope_3 .isotope_group {
  margin: 0 0 0;
  position: inherit;
  text-align: center;
  top: 0;
}
.isotope_3_center {
  display: inline-block;
}
.isotope_3 .isotope_group a {
  background: none;
  margin: 10px 5px 5px 5px;
  padding: 8px 26px;
  font-size: 13px;
  color: #fff;
  border: 1px solid #fff;
  line-height: 1.8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.isotope_3 .isotope_main .photo_box .content .ico {
  margin: 0 0 9px;
}
.isotope_3 .isotope_main .photo_box .ico span {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  background-color: #006fff;
  font-size: 16px;
  border: none;
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.isotope_3 .isotope_main .photo_box .content p {
  margin: 0;
}
.isotope_3 .isotope_main .photo_box {
  margin: 0 0 5px 5px;
}
/*our_team */
.our_team .team_list {
  text-align: left;
}
.our_team .team_title {
  padding: 32px 0 8px;
  line-height: 1.3;
  font-size: 18px;
  font-weight: normal;
  float: left;
  border-bottom: 2px solid #fff;
}
.our_team .team_title span {
  font-size: 13px;
  display: block;
  font-style: italic;
  padding-bottom: 3px;
}
.our_team .team_content {
  clear: both;
  padding: 15px 0 20px;
  border-bottom: 1px solid #677382;
}
.our_team .team_social {
  text-align: left;
  padding: 20px 0 0;
}
.our_team .team_social .social-icons {
  margin-bottom: 0;
}
.our_team .team_social .social-icons a {
  width: 32px;
  height: 32px;
  margin: 6px !important;
  display: inline-block;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #FFF;
}
.our_team .team_social .social-icons a:hover {
  box-shadow: none;
}
.our_team2 .team_content {
  padding: 0 !important;
}
.our_team2 .team_social {
  padding: 10px 0 12px !important;
  background: #efefef;
}
.our_team2 .team_social .social-icons {
  text-align: center;
  padding: 0 !important;
}
.our_team2 .team_person .team_img {
  text-align: center;
}
.our_team2 .team_social .social-icons a {
  background-color: #bbbbbb;
  border: none!important;
  margin: 2px !important;
}
.our_team2 .team_title {
  padding: 10px 0 10px;
  line-height: 1.3;
  font-size: 12px;
  font-weight: normal;
  border-bottom: none;
  float: none;
  clear: both;
  text-align: center;
  color: #FFF;
}
.our_team2 .team_title span {
  font-size: 18px;
}
/*our_team end*/
.h4_horizontalTab ul.resp-tabs-list li span {
  padding: 14px 33px;
  font-size: 14px;
}
.h4_horizontalTab ul.resp-tabs-list li {
  margin-right: 10px;
}
.h4_horizontalTab .resp-tab-content .resp_margin {
  margin: 25px 33px 33px 33px;
}
.backgroundImage15 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage15.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.h4_tit > span {
  display: block;
}
.h4_box {
  border: 1px solid #fff;
  clear: both;
  padding: 30px 45px;
  margin-bottom: 10px;
}
.h4_box > div {
  padding: 0 0 20px 0;
}
.h4_box > img {
  float: left;
  padding: 0 20px 0 0;
}
a.Button_default4,
a.Button_default4:link,
a.Button_default4:active,
a.Button_default4:visited {
  display: inline-block;
  padding: 12px 34px 12px;
  font-size: 14px;
  color: #FFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  background: #006fff;
}
* + html a.Button_default4 {
  display: inline;
}
a.Button_default4:hover {
  text-decoration: none;
  background-color: #555 !important;
}
.h4_left h2 {
  color: #333333;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
}
.h4_left > span {
  color: #006fff;
  font-size: 17px;
}
.h4_right {
  padding: 40px 0 0 0;
}
.h4_right img {
  max-width: 100%;
}
.h4_left > div {
  padding: 20px 0;
}
.h4_footerc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.h4_footerc ul li {
  padding: 15px 0;
  border-bottom: 1px solid #373737;
  color: #999;
}
.h4_footerc ul li span {
  display: inline-block;
  margin: 0 12px 0 0;
  color: #999;
}
.h4_footerc ul li:first-child {
  padding: 10px 0 15px 0;
}
.h4_team_social a {
  border: 1px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  margin: 0 10px 0 0 ;
}
.h4_team_social a:hover {
  background-color: #006fff;
}
.h4_footerc > div {
  padding: 0 0 26px 0;
}
.h4_footera p {
  margin: 0 0 15px 0;
}
.h5_tit_left h3 {
  font-size: 28px	;
  font-weight: normal;
  color: #444444;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.backgroundImage16 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage16.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.backgroundImage16 h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 30px 0;
  color: #fff;
}
/*Home5*/
.BannerPaneC {
  background: url("/Portals/_default/skins/freiraum/images/BannerShade.png") no-repeat center bottom;
  background-size: 100% 142px;
  padding: 80px 0 142px;
}
.backgroundImageBannerbg {
  background: url("/Portals/_default/skins/freiraum/images/banner_bg.jpg") no-repeat fixed center center;
  background-size: cover;
  /*  background-color: #186694;
	background: #186694;
	background: -moz-linear-gradient(300deg,#4a3ea6  0%,#1a75a3 100%);
	background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#4a3ea6),color-stop(100%,#1a75a3));
	background: -webkit-linear-gradient(300deg,#4a3ea6  0%,#1a75a3 100%);
	background: -o-linear-gradient(300deg,#4a3ea6  0%,#1a75a3 100%);
	background: -ms-linear-gradient(300deg,#4a3ea6  0%,#1a75a3 100%);
	background: linear-gradient(300deg,#4a3ea6  0%,#1a75a3 100%);*/
}
.h5_img_pad {
  padding-top: 40px;
}
.h5_bnt a.Button_default,
.h5_bnt a.Button_default:link,
.h5_bnt a.Button_default:active,
.h5_bnt a.Button_default:visited {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 12px 35px;
  text-transform: uppercase;
  margin: 0;
}
.h5_bnt a.Button_default {
  border: 1px solid #fff;
  color: #fff;
}
.backgroundImage17 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage17.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.h5_bnt02 a.Button_default,
.h5_bnt02 a.Button_default:link,
.h5_bnt02 a.Button_default:active,
.h5_bnt02 a.Button_default:visited {
  font-size: 13px;
  letter-spacing: 1px;
  padding: 13px 33px;
  text-transform: uppercase;
  margin: 0 15px;
}
.h5_bnt02 a.Button_default {
  border: 1px solid #fff;
  color: #fff;
}
/*.Testimonials_8 end*/
.h5_bottom02 {
  font-size: 24px;
  color: #333333;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
}
/*Home6*/
.H6_footer_Social a span {
  font-size: 25px;
  height: 25px;
  left: 0;
  line-height: 25px;
  overflow: hidden;
  text-align: center;
  top: 0;
  width: 25px;
  margin-right: 0;
  margin-right: 3px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.H6_pos span.social {
  font-size: 25px;
  margin-top: 5px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.H6_footer_Social {
  padding: 15px 0 0;
}
.H6_footer_Social a {
  text-decoration: none;
}
.H6_pos {
  position: relative;
  padding-bottom: 25px;
}
.H6_pos:last-child {
  padding-bottom: 0;
}
.H6_Con_us a span.social {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  color: #a2a2a2;
  font-size: 25px;
  height: 25px;
  left: 0;
  line-height: 26px;
  margin-right: 3px;
  overflow: hidden;
  text-align: center;
  top: 50%;
  width: 25px;
  float: left;
}
.H6_Conus_box a {
  text-decoration: none;
  color: #000!important;
}
.H6_Conus_box {
  background: #f9f9f9;
  text-align: right;
  padding: 20px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
  margin-bottom: 20px;
}
.H6_Conus_box:hover {
  background: #006fff;
}
.H6_Conus_box:hover a {
  color: #fff!important;
}
.H6_Conus_box:hover a span.social {
  background: #006fff;
  color: #fff;
}
.h6_tit {
  border-left: 1px solid #333333;
  border-top: 1px solid #333333;
  height: 70px;
  position: relative;
  width: 205px;
  margin: auto;
  color: #333;
  font-size: 25px;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;
}
.h6_tit:before {
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  height: 86%;
  position: absolute;
  right: 0;
  top: 0;
  width: 95.4%;
}
.h6_tit > span {
  bottom: 0;
  height: 15%;
  left: -1px;
  overflow: hidden;
  position: absolute;
  width: 15%;
}
.h6_tit > span:before {
  border-left: 1px solid #333;
  bottom: 0;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: left bottom 0;
  width: 200%;
}
.h6_service {
  text-align: center;
}
a.Button_default5,
a.Button_default5:link,
a.Button_default5:active,
a.Button_default5:visited {
  display: inline-block;
  padding: 12px 50px 12px;
  font-size: 14px;
  color: #006fff;
  border: 1px solid #006fff;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: background-color ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: background-color ease-in 200ms;
  /* Opera */
  -ms-transition: background-color ease-in 200ms;
  /* IE9? */
  margin: 10px 15px;
}
* + html a.Button_default5 {
  display: inline;
}
a.Button_default5:hover {
  text-decoration: none;
  background-color: #006fff !important;
  color: #fff!important;
}
.Img_inline img {
  display: inline-block;
  text-align: center;
}
.h6_service02 {
  text-align: center;
  padding: 0 0 10px 0;
}
.h6_service02 span {
  width: 100px!important;
  height: 100px;
  border: 1px solid #006fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  line-height: 100px;
  font-size: 35px;
  color: #006fff;
  margin: auto;
}
.h6_service02:hover span {
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.h6_service02 h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #444;
  text-align: center;
  margin: 0;
  padding: 40px 0 30px 0;
}
.h6_service02 p {
  margin: 0 0 15px 0;
}
.h6_number_Animation3.number_Animation3 span {
  background: #fff;
  color: #006fff;
}
.h6_number_Animation3 .number_Animation3_bor {
  border: 1px solid #fff;
}
.h6_number_Animation3 .number {
  color: #fff;
}
.con_a .title {
  font-size: 18px;
  color: #444;
  font-weight: normal;
  padding: 0 0 10px 0;
}
.con_a .center {
  text-align: center;
}
.con_a .center img {
  display: inline-block;
  width: auto\0;
  /*	width:95%;*/
}
.con_a .left .box,
.con_a .right .box {
  position: relative;
}
.con_a .left .box {
  padding: 0 0 0 100px;
}
.con_a .left .box:nth-child(2) {
  padding: 40px 0 40px 100px;
}
.con_a .right .box {
  padding: 0 100px 0 0;
  text-align: right;
}
.con_a .right .box:nth-child(2) {
  padding: 40px 100px 40px 0;
}
.con_a .left .box .icon,
.con_a .right .box .icon {
  position: absolute;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin: 0;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.C5fccb9 {
  background: #5fccb9;
}
.Ced8b2c {
  background: #ed8b2c;
}
.c5b8ed4 {
  background: #5b8ed4;
}
.Ccaba02 {
  background: #caba02;
}
.C4cd17e {
  background: #4cd17e;
}
.C9981e6 {
  background: #9981e6;
}
.con_a .left .box .icon {
  left: 0px;
}
.con_a .right .box .icon {
  right: 0px;
}
.con_a .left .box a.link,
.con_a .right .box a.link {
  text-transform: uppercase;
}
.con_a > [class^="col-md"] {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}
.backgroundImage18 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage18.jpg") no-repeat fixed center center;
  background-size: cover;
  color: #fff;
}
.backgroundImage19 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage19.jpg") repeat fixed left center;
  color: #fff;
}
/*.H6_bottom_left{
   float:left;
   width:50%;}
.H6_bottom_right{
   float:left;
   width:50%;}*/
.h6_bottom_box {
  position: relative;
}
.h6_bottom_box span a {
  height: 90px;
  width: 90px!important;
  text-align: center;
  line-height: 90px;
  font-size: 35px;
  color: #fff;
  background: #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -45px 0 0 -45px;
  text-decoration: none;
}
.h6_bottom_box {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.h6_bottom_left {
  width: 50%;
  float: left;
}
.h6_bottom_right {
  height: 100%;
  position: absolute;
  right: 0;
  width: 50%;
}
.h6_right h2 {
  font-size: 24px;
  color: #333333;
  line-height: 1;
  margin: 0;
  padding: 35px 0;
}
.h6_left {
  text-align: center;
}
.h6_left img {
  display: inline-block;
}
.h6_bnt {
  margin-top: 30px;
}
/*full_screen_pic*/
/*.full_screen_pic {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	z-index:1;
}
.full_screen_pic:before{
}
.full_screen_pic li {
	list-style:none;
	background-size:cover;
	background-position: center bottom;
}
.full_screen_pic .content{
	text-align: center;		
}
   
.full_screen_pic #nextPage {
	width:70px;
	height:70px;
	line-height:70px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	margin:0 auto ;
	position:absolute;		
	transition: 		all ease-in 200ms;
	-moz-transition: 	all ease-in 200ms;  // Firefox 4 
	-webkit-transition: all ease-in 200ms;  // Safari and Chrome 
	-o-transition: 		all ease-in 200ms;  // Opera 
	-ms-transition: 	all ease-in 200ms;  // IE9? 
	cursor:pointer;	
	border:1px solid #fff;	
	bottom:0;
	left:50%;
	margin:0 0 0 -35px;
	bottom:40px;
} 
.full_screen_pic #nextPage:hover{
   border:1px solid #006fff;
    }
.full_screen_pic #nextPage:hover:after{
    border-bottom:2px solid #006fff;
	border-right:2px solid #006fff; 
 } 
.full_screen_pic #nextPage:hover span:after{
    border-bottom:2px solid #006fff;
	border-right:2px solid #006fff; 
 }*/
.h6_content {
  bottom: 30%;
  position: absolute;
  width: 100%;
  padding: 0 15px;
  left: 0;
}
.h6_content h2 {
  font-size: 70px;
  color: #fff;
  line-height: 1;
}
.h6_content p {
  font-size: 20px;
  color: #fff;
  line-height: 1;
}
/*.full_screen_pic #nextPage:after {
	content:"";
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0 0 -8px;	
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); // IE 9
	-moz-transform:rotate(45deg); // Firefox 
	-webkit-transform:rotate(45deg); // Safari and Chrome 
	-o-transform:rotate(45deg); // Opera 
	transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s; // Firefox 4 
	-webkit-transition: all ease-in 0.3s; // Safari and Chrome 
	-o-transition: all ease-in 0.3s; // Opera 
	-ms-transition: all ease-in 0.3s; // IE9? 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}*/
/*.full_screen_pic #nextPage span:after {
	content:"";
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-13px 0 0 -8px;	
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); // IE 9 
	-moz-transform:rotate(45deg); // Firefox 
	-webkit-transform:rotate(45deg); // Safari and Chrome 
	-o-transform:rotate(45deg); // Opera 
	transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s; // Firefox 4 
	-webkit-transition: all ease-in 0.3s; // Safari and Chrome 
	-o-transition: all ease-in 0.3s; // Opera 
	-ms-transition: all ease-in 0.3s; // IE9? 
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}*/
.Testimonials_7 .quotes_icon blockquote p {
  background: url("/Portals/_default/skins/freiraum/images/h6_image05.jpg") repeat left center;
  padding: 68px 60px 45px;
  position: relative;
}
.Testimonials_7 .quotes_icon blockquote {
  background: none;
}
.Testimonials_7 .quotes_icon blockquote small {
  font-weight: normal;
}
.Testimonials_7 .quotes_icon blockquote h2 {
  background: none repeat scroll 0 0 #fff;
  color: #006fff;
  font-size: 50px;
  height: 90px;
  line-height: 90px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 90px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 0 0 -45px;
  left: 50%;
  z-index: 1000;
}
.Testimonials_7 .quotes_icon blockquote p:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(255, 255, 255, 0.2) transparent transparent;
  border-image: none;
  border-right: 10px solid transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  display: block;
  margin: 0 0 0 -10px;
  position: absolute;
  right: 0;
  width: 0;
  bottom: -20px;
  left: 50%;
}
.h6_Testimonials_7 .last_page,
.h6_Testimonials_7 .next_page {
  background-color: none;
  background: none;
}
.LoginPanel {
  padding-top: 150px;
  min-height: 600px;
}
.iLightBox6 {
  background-color: #0b0b0b;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 200px;
  margin: -99px 0 0 -280px;
  position: absolute;
  color: #fff;
  z-index: 888;
  left: 50%;
  top: 50%;
  padding: 30px;
}
.iLightBox6 h3 {
  color: #fff;
  border: none;
  margin: 0;
  font-size: 17px;
  padding: 0 0 18px 0;
}
.iLightBox6:before {
  border: 10px solid transparent;
  border-top: 10px solid #0b0b0b;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  margin: 60px -19px 0 0;
  transform: rotate(272deg);
  -ms-transform: rotate(272deg);
  -moz-transform: rotate(272deg);
  -webkit-transform: rotate(272deg);
  -o-transform: rotate(272deg);
}
/*header6*/
.roll_menu.roll_activated {
  left: 0;
}
.header6_bg {
  left: 0;
  top: 30px;
  width: 980px;
  z-index: 999;
  position: absolute;
}
.header6_box {
  margin: auto;
  position: relative;
  width: 980px;
}
header6_bg .dnn_layout {
  width: 980px;
}
.roll_menu.roll_activated .head_mid {
  width: 980px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .header6_bg {
    left: 0;
    top: 30px;
    width: 1170px;
    z-index: 999;
    position: absolute;
  }
  .header6_box {
    margin: auto;
    position: relative;
    width: 1170px;
  }
  .header6_bg .dnn_layout {
    width: 1170px;
  }
  .roll_menu.roll_activated .head_mid {
    width: 1170px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .header6_bg {
    left: 0;
    top: 30px;
    width: 736px;
    z-index: 999;
    position: absolute;
  }
  .header6_box {
    margin: auto;
    position: relative;
    width: 736px;
  }
  .header6_bg .dnn_layout {
    width: 736px;
  }
  .roll_menu.roll_activated .head_mid {
    width: 736px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .header6_bg {
    left: 0;
    top: 30px;
    width: auto;
    z-index: 9999;
    position: absolute;
  }
  .header6_box {
    margin: auto;
    position: relative;
    width: auto;
  }
  .roll_menu.roll_activated .head_mid {
    width: auto;
  }
}
.Top_info {
  padding: 2px 0 0 0 ;
}
/*header7*/
.h7_service .h7_service_border span {
  width: 90px;
  height: 90px;
  background: #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  line-height: 90px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 25px;
  display: block;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h7_service:hover .h7_service_border span {
  background: #fff;
  color: #006fff;
}
.h7_service_border {
  border: 1px solid #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  padding: 3px 0 0;
  width: 100px;
}
.h7_service {
  text-align: center;
  padding: 0 0 12px 0;
}
.h7_service h2 {
  color: #444444;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 35px 0 30px;
}
.h7_service > a {
  display: block;
  padding: 8px 0 0;
}
.h7_con > [class^="col-sm"] {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}
.Tab_bot > [class^="col-sm"] {
  display: table-cell;
  float: none;
  vertical-align: bottom;
}
.h7_service03_img img {
  width: 100%;
}
.row.h7_con .Con_top {
  vertical-align: top;
}
.h7_left h2 {
  font-weight: normal;
  color: #444;
  font-size: 24px;
}
.h7_service03_img {
  margin-bottom: -3px;
}
.h7_left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.h7_left ul li {
  padding: 3px 0;
}
.h7_left ul li span {
  color: #006fff;
  display: inline;
  padding: 0 10px 0 0;
}
.h7_left ul li a {
  color: #777;
}
.h7_left > p {
  margin: 0;
  padding: 30px 0;
}
.H7_tit {
  overflow: hidden;
  position: relative;
  text-align: center;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
}
.h7_bg02 {
  background: url("/Portals/_default/skins/freiraum/images/h7_bg02.png") repeat-x top center #ffffff;
}
.H7_tit h2 {
  text-align: center;
  font-size: 28px;
  font-weight: normal;
  color: #0160dc;
  position: relative;
}
.H7_tit h2:after {
  left: auto;
  margin-left: auto;
  margin-right: -125px;
  right: 0;
}
.H7_tit h2:before {
  left: 0;
  margin-left: -125px;
  margin-right: auto;
}
.H7_tit h2:before,
.H7_tit h2:after {
  border-bottom: 1px solid #0c5af2;
  content: "";
  position: absolute;
  top: 50%;
  width: 50%;
}
/*h7_service03*/
.backgroundImage20 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage20.jpg") no-repeat fixed center center;
  color: #fff;
  background-size: cover;
}
.h7_service03 {
  padding: 20px 30px;
  list-style: none;
  border: 1px solid #fff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.h7_service03 li {
  float: left;
  width: 50%;
  padding: 10px 0;
}
.h7_service03 h2 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.H7_About_us_box {
  text-align: center;
}
.H7_About_us_box h3 {
  font-weight: normal;
  color: #777;
  font-size: 14px;
}
.H7_pic_box_con > h2 {
  margin: 0;
  padding: 15px 0 0;
}
.H7_Social {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
.H7_About_us_box .box_border_padding {
  padding: 0;
}
.H7_tit02 h2 {
  font-size: 28px;
  color: #7b7b7b;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
.h7_created span {
  width: 100px!important;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 25px;
  color: #006fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: auto;
  display: block;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h7_created span:hover {
  background: #006fff;
  color: #fff;
}
.h7_created_con {
  text-align: center;
  padding: 0 0 15px;
}
.h7_created_con h2 {
  color: #006fff;
  margin: 0;
  padding: 20px 0;
  font-size: 15px;
}
.h7_service02 {
  border: 1px solid #006fff;
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.h7_service02:hover {
  background: #31aae2;
  color: #fff;
  border: 1px solid #31aae2;
}
.h7_service02:hover h2,
.h7_service02:hover span,
.h7_service02:hover a {
  color: #fff;
}
.h7_service02 span {
  font-size: 25px;
  color: #006fff;
}
.h7_service02 h2 {
  color: #333;
  font-weight: normal;
  margin: 0;
  font-size: 15px;
  padding: 20px 0 ;
}
.h7_tit03 {
  color: #939393;
  font-size: 25px;
  text-align: center;
}
.h7_tit03 h2 {
  border: 1px solid #dfdfdf;
  display: inline-block;
  padding: 20px 35px;
  margin: 0;
}
.backgroundImage21 {
  background: url("/Portals/_default/skins/freiraum/images/backgroundImage21.jpg") no-repeat fixed center center;
  background-size: cover;
}
.h7_created {
  position: relative;
}
.h7_created span {
  position: relative;
}
.h7_created span:after {
  border-bottom: 1px solid #dbdada;
  content: "";
  margin: 0 0 0 50px;
  position: absolute;
  top: 50%;
  width: 167%;
}
.h7_created.last_after span:after {
  border: none;
}
.H7_Social a span.social {
  font-size: 25px;
  left: 0;
  overflow: hidden;
  text-align: center;
  top: 50%;
  margin-right: 0;
  background: #fff;
  color: #ccc;
  margin-right: 3px;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  /* Firefox 4 */
  -webkit-transition: all ease-in 200ms;
  /* Safari and Chrome */
  -o-transition: all ease-in 200ms;
  /* Opera */
  -ms-transition: all ease-in 200ms;
  /* IE9? */
}
.H7_Social a span:hover.social {
  color: #006fff;
}
.H7_Social a {
  text-decoration: none;
}
@media only screen and (min-width: 1500px) {
  .h3_last_box li {
    padding: 80px 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #dnn_content {
    padding: 20px 0;
  }
  .mt-40 {
    margin-top: 30px;
  }
  .mb-40 {
    margin-bottom: 30px;
  }
  .pt-40 {
    padding-top: 30px;
  }
  .pb-40 {
    padding-bottom: 30px;
  }
  .pt-45 {
    padding-top: 30px;
  }
  .pb-45 {
    padding-bottom: 30px;
  }
  .mt-50 {
    margin-top: 30px;
  }
  .mb-50 {
    margin-bottom: 30px;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .pb-50 {
    padding-bottom: 30px;
  }
  .pt-55 {
    padding-top: 30px;
  }
  .pb-55 {
    padding-bottom: 30px;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .mb-60 {
    margin-bottom: 30px;
  }
  .pt-60 {
    padding-top: 30px;
  }
  .pb-60 {
    padding-bottom: 30px;
  }
  /*Home1*/
  .Footer_Contentbg [class*="Pane"] {
    margin: 20px 0 0;
  }
  .h1_footer_right ul li:nth-child(odd) {
    margin-right: 0;
  }
  .h1_footer_right ul li {
    float: none;
    width: 100%;
  }
  .h1_Icon span {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 50px!important;
    margin: -25px 0 0;
  }
  .h1_Con {
    padding: 0 0 0 65px;
  }
  /*Home2*/
  .List_left {
    padding: 35px 0 0 0;
  }
  .our_team_list .functiontitle {
    padding: 5px 0 10px;
  }
  /*Home3*/
  .h3_last_box li {
    padding: 23px 15px 15px 15px;
  }
  .insets_list li {
    width: 60px;
  }
  /*Home4*/
  .h4_box {
    border: 1px solid #fff;
    clear: both;
    margin-bottom: 10px;
    padding: 15px;
  }
  .h4_box > img {
    float: left;
    padding: 0 5px 0 0;
  }
  .boxes_style_8 .boxes {
    padding: 20px 280px 20px 30px;
  }
  /*Home5*/
  .h5_img_pad {
    padding-top: 0;
  }
  .Testimonials_8 span {
    font-size: 20px;
    height: 50px !important;
    line-height: 50px;
    margin: 0 5px 5px;
    width: 50px !important;
  }
  .Testimonials_icon_8 span {
    font-size: 15px;
    height: 50px!important;
    line-height: 50px;
    margin: 0 5px 5px;
    width: 50px!important;
  }
  .Testimonials_icon_8.animation.animated > a:hover {
    text-decoration: none;
  }
  .BannerPaneC {
    padding: 55px 0 107px;
  }
  /*Home6*/
  .con_a .right .box {
    padding: 0 0 0 0;
    text-align: left;
  }
  .con_a .right .box .icon {
    left: 0;
  }
  .con_a .right .box:nth-child(2) {
    padding: 20px 0 20px 0;
  }
  .con_a .left .box .icon,
  .con_a .right .box .icon {
    height: 50px;
    line-height: 55px;
    width: 50px;
    position: inherit;
    margin: 0 0 10px 0;
  }
  .con_a .left .box {
    padding: 0 0 0 0;
  }
  .con_a .left .box:nth-child(2) {
    padding: 20px 0 20px 0;
  }
  .con_a .title {
    padding: 0 0 5px;
  }
  .h6_content h2 {
    font-size: 50px;
    color: #fff;
    line-height: 1.2;
  }
  .h6_content p {
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
  }
  /*Home7*/
  .h7_service02 {
    padding: 15px 5px;
  }
}
@media only screen and (max-width: 767px) {
  #dnn_content {
    padding: 20px 0;
  }
  .mt-30 {
    margin-top: 20px;
  }
  .mb-30 {
    margin-bottom: 20px;
  }
  .pt-30 {
    padding-top: 20px;
  }
  .pb-30 {
    padding-bottom: 20px;
  }
  .mt-40 {
    margin-top: 20px;
  }
  .mb-40 {
    margin-bottom: 20px;
  }
  .pt-40 {
    padding-top: 20px;
  }
  .pb-40 {
    padding-bottom: 20px;
  }
  .pt-45 {
    padding-top: 20px;
  }
  .pb-45 {
    padding-bottom: 20px;
  }
  .mt-50 {
    margin-top: 20px;
  }
  .mb-50 {
    margin-bottom: 20px;
  }
  .pt-50 {
    padding-top: 20px;
  }
  .pb-50 {
    padding-bottom: 20px;
  }
  .pt-55 {
    padding-top: 20px;
  }
  .pb-55 {
    padding-bottom: 20px;
  }
  .mt-60 {
    margin-top: 20px;
  }
  .mb-60 {
    margin-bottom: 20px;
  }
  .pt-60 {
    padding-top: 20px;
  }
  .pb-60 {
    padding-bottom: 20px;
  }
  /*Home1*/
  .h1_footer_right ul li:nth-child(odd) {
    margin-right: 0;
  }
  .h1_footer_right ul li {
    float: none;
    width: 100%;
  }
  .h1_Icon span {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    width: 50px!important;
    margin: -25px 0 0;
  }
  .h1_Con {
    padding: 0 0 0 65px;
  }
  /*Home2*/
  .List_left {
    padding: 0;
  }
  .h2_image .photo_box {
    margin-bottom: 20px;
  }
  .our_team_list .functiontitle {
    padding: 5px 0 10px;
  }
  /*Home3*/
  .h3_last_box li {
    display: inline-block;
    padding: 23px 15px 15px 15px;
    width: 100%;
  }
  .h3_last_con h2 {
    padding: 15px 0;
  }
  /*Home4*/
  .h4_box {
    border: 1px solid #fff;
    clear: both;
    margin-bottom: 10px;
    padding: 15px;
  }
  .h4_box > img {
    float: left;
    padding: 0 5px 0 0;
  }
  .Services_list2 li {
    width: 100%;
  }
  .number_Animation3 > div {
    padding-bottom: 10px;
  }
  .number_Animation3 .number {
    padding: 10px 0 0;
  }
  /*Home5*/
  .BannerPaneC {
    padding: 15px 15px 80px 15px;
  }
  .h5_img_pad {
    padding-top: 0;
  }
  .Services_list3 li {
    width: 100%;
  }
  .Testimonials_8 span {
    display: none;
  }
  .Testimonials_8 .next_page {
    right: 0;
  }
  .Testimonials_8 .last_page {
    left: 0;
  }
  .Testimonials_8 .last_page,
  .Testimonials_8 .next_page {
    height: 40px;
    width: 40px;
  }
  .Testimonials_icon_8 span {
    font-size: 15px;
    height: 40px!important;
    line-height: 40px;
    margin: 0 5px 5px;
    width: 40px!important;
  }
  .h5_bnt02 a.Button_default,
  .h5_bnt02 a.Button_default:link,
  .h5_bnt02 a.Button_default:active,
  .h5_bnt02 a.Button_default:visited {
    margin: 0 15px 5px 0;
    padding: 10px 13px;
  }
  /*Home6*/
  /*.h6_content p {
        color: #fff;
        font-size: 20px;
    }
    .h6_content h2 {
        color: #fff;
        font-size: 47px;
        line-height: 1.2;
    }*/
  .con_a .center img {
    display: none;
  }
  /*.full_screen_pic #nextPage {   
        height: 50px;  
        line-height: 50px;
        margin: 0 0 0 -25px;  
        width: 50px;
    }
    .full_screen_pic .Button_default{
       margin:0!important;
    }*/
  .con_a .right .box {
    padding: 0 0 0 65px;
    text-align: left;
  }
  .con_a .left .box {
    padding: 0 0 0 65px;
  }
  .con_a .right .box .icon {
    left: 0;
  }
  .con_a .right .box:nth-child(2) {
    padding: 40px 0 40px 65px;
  }
  .con_a .left .box .icon,
  .con_a .right .box .icon {
    height: 50px;
    line-height: 55px;
    width: 50px;
  }
  .con_a .left .box:nth-child(2) {
    padding: 40px 0 40px 65px;
  }
  .h6_bottom_right {
    height: 100%;
    position: inherit;
    right: 0;
    width: 100%;
    height: 300px;
  }
  .h6_bottom_left {
    float: none;
    width: 100%;
  }
  .h6_bottom_box span a {
    display: none;
  }
  .Testimonials_7 .quotes_icon blockquote p {
    padding: 35px 15px 15px 15px;
  }
  .Testimonials_7 .quotes_icon blockquote h2 {
    font-size: 30px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin: 20px 0 0 -25px;
    width: 50px;
    z-index: 999;
  }
  .iLightBox6 {
    display: none;
  }
  /*Home7*/
  .h7_con > [class^="col-sm"] {
    display: block;
    float: none;
    vertical-align: bottom;
  }
  .Tab_bot > [class^="col-sm"] {
    display: block;
    float: none;
    vertical-align: bottom;
  }
  .h7_service03_img img {
    display: none;
  }
  .H7_tit {
    padding: 30px 0 0 0;
  }
  .h7_created span:after {
    border: none;
  }
  .h7_service02 {
    padding: 15px 10px;
  }
  /*.full_screen_pic li {
       height: auto !important;
    }*/
  .h6_content {
    position: inherit;
    padding: 20px 15px 25px 15px;
  }
  .h6_content p {
    color: #fff;
    font-size: 20px;
  }
  .h6_content h2 {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 35px;
    line-height: 1;
  }
  /*.full_screen_pic #nextPage {
       display:none;
    }*/
}
@media only screen and (max-width: 767px) {
  .roll-xs.roll_menu.roll_activated {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    opacity: 1!important;
  }
  .roll_menu.roll_activated .roll-xs {
    display: none!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .roll-sm.roll_menu.roll_activated {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    opacity: 1!important;
  }
  .roll_menu.roll_activated .roll-sm {
    display: none!important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .roll-md.roll_menu.roll_activated {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    opacity: 1!important;
  }
  .roll_menu.roll_activated .roll-md {
    display: none!important;
  }
}
@media only screen and (min-width: 1200px) {
  .roll-lg.roll_menu.roll_activated {
    position: relative!important;
    top: 0!important;
    left: 0!important;
    opacity: 1!important;
  }
  .roll_menu.roll_activated .roll-lg {
    display: none!important;
  }
}
#main_right .Login {
  padding: 8px 25px 25px!important;
}
#main_right .Login .registerGroup .userProfileImg img {
  width: 120px!important;
}
#main_right .Login .registerGroup li.userMessages,
#main_right .Login .registerGroup li.userNotifications {
  padding: 0 8px!important;
}
/*****************************************************************************/
/*** freiraum01.css ***/
/*****************************************************************************/
/*roll_menu*/
.roll_menu.roll_activated .header7_bg {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.roll_menu.roll_activated .header7_box {
  width: 100%;
}
.roll_menu.roll_activated #header7 .shade {
  background-color: #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}
.roll_menu.roll_activated {
  position: fixed;
  z-index: 999;
  width: 100%;
}
.roll_menu.roll_activated .top_tab_ico {
  display: none;
}
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li {
  padding: 7px 0;
}
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a {
  height: 35px;
  line-height: 35px;
}
.roll_menu.roll_activated .header_info {
  display: none;
}
.roll_menu.roll_activated .dnn_logo {
  margin-top: 3px;
  height: 41px;
  line-height: 41px;
}
.roll_menu.roll_activated .dnn_logo img {
  max-width: none;
  max-height: 100%;
}
.roll_menu.roll_activated #dnngo_megamenu .primary_structure .back {
  border-top-width: 1px;
}
.roll_menu.roll_activated .dnn_menu {
  margin: 0;
}
/* rk - end 1 */
/* rk - start 2 */
/********header 7***********/
.header_bg {
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
}
.dnn_logo {
  line-height: 131px;
  height: 131px;
}
.dnn_menu {
  float: right;
  margin: 0;
  padding: 0 20px 0 0;
}
.nav_box {
  position: relative;
}
#header7 .shade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.header_info {
  position: absolute;
  right: 0;
  cursor: pointer;
  line-height: 131px;
  height: 131px;
}
.search_list,
.login_list {
  float: left;
  position: relative;
  padding: 0 0 0 10px;
  height: 131px;
  line-height: 131px;
  margin-top: -4px;
}
.search_list > .glyphicons,
.login_list > .glyphicons {
  display: inline-block;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
}
.HeaderPane,
.HeaderPane_mobile {
  display: none;
}
/* rk - end 2 */


/* 
================================
 Container Styles for DotNetNuke
================================
.


/*-------------------------------------------------------------------------------*/
.actions{ width:10px;}
.clear									 { clear:both;}
.c_footer								 { padding-right:10px; text-align:right;}
.dnntitle 								 { padding-left:10px;}
.c_contentpane 							 { text-align:left; padding:2px 5px 0px 5px;}
.ModuleTitle_MenuContainer				 { width:100px!important;}


.Container-1 										 { margin-bottom:5px;  }
.Container-1 .dnntitle					 { white-space:nowrap;   padding:0px;  text-align:center; }
.Container-1 .contentmain1			 { }
.Container-1 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; text-align:center; }
.Container-1 .Icon_1						 { width:82px; height:36px; background:url("/Portals/_default/containers/freiraum/images/quotationMarks.png") no-repeat center center #FFF; display:block ; margin:-18px auto 0px;  }
															 
.Container-2 										 { margin-bottom:5px; }
.Container-2 .dnntitle					 { white-space:nowrap; margin-bottom:10px; padding:0px;} 
.Container-2 .contentmain1			 { }
.Container-2 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-3 										 { margin-bottom:5px; }
.Container-3 .dnntitle					 { white-space:nowrap; margin-bottom:10px; padding:0px;} 
.Container-3 .contentmain1			 { }
.Container-3 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-4 										 { margin-bottom:5px; border:1px solid #006fff; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.Container-4 .dnntitle					 { white-space:nowrap; text-align:left;  padding:5px 14px 0; }
.Container-4 .contentmain1			 { padding:0px 15px 8px; }
.Container-4 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-5 										 { margin-bottom:5px; }
.Container-5 .dnntitle					 { white-space:nowrap; text-align:left;  padding:3px 15px; margin-bottom:10px; border:1px solid #006fff; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } 
.Container-5 .contentmain1			 { padding:0px 0px 8px;}
.Container-5 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-6 										 { margin-bottom:5px; }
.Container-6 .dnntitle					 { white-space:nowrap; text-align:left;  padding:3px 15px; margin-bottom:10px; border:1px solid #c5c5c5; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } 
.Container-6 .contentmain1			 { padding:0px 0px 8px;}
.Container-6 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-7 										 { margin-bottom:5px; border:1px solid #c5c5c5; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.Container-7 .dnntitle					 { white-space:nowrap; text-align:left;  padding:5px 14px 0; }
.Container-7 .contentmain1			 { padding:0px 15px 8px; }
.Container-7 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-8 										 { margin-bottom:5px; }
.Container-8 .dnntitle					 { white-space:nowrap; text-align:left;  padding:5px 0px; margin-bottom:10px; border-bottom:1px solid #006fff; } 
.Container-8 .contentmain1			 { padding:0px 0px 8px;}
.Container-8 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-9 										 { margin-bottom:5px; }
.Container-9 .dnntitle					 { white-space:nowrap; text-align:left;  padding:5px 0px; margin-bottom:10px; border-bottom:1px solid #666666; } 
.Container-9 .contentmain1			 { padding:0px 0px 8px;}
.Container-9 .contentpane				 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-10 						 { margin-bottom:5px; }
.Container-10 .dnntitle				 { white-space:nowrap; text-align:left; padding:0px;  margin:10px 0px 20px; border-bottom:1px solid #e3e3e3; text-align:center; } 
.Container-10 .contentmain1			 { padding:0px 0px 8px;}
.Container-10 .contentpane			 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-11 						 { margin-bottom:5px; }
.Container-11 .dnntitle				 { white-space:nowrap; text-align:left; padding:0px;  margin:10px 0px 10px;  text-align:center; } 
.Container-11 .contentmain1			 { padding:0px 0px 8px; text-align:center;}
.Container-11 .contentpane			 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; text-align:center;}
.Container-11 .Normal 				 { color:#FFF; font-size:20px; line-height:1.5;}


.Container-12 						 { margin-bottom:5px;  }
.Container-12 .dnntitle				 { white-space:nowrap;  padding:0px;  margin:auto; text-align:center; } 
.Container-12 .contentmain1			 { padding:0px 0px 8px;}
.Container-12 .contentpane			 { padding:5px 0px 3px 0px; text-align:left; vertical-align:top; clear:both; }

.Container-H1 									 { margin-bottom:5px; }
.Container-H1 .dnntitle					 { padding:0px;}
.Container-H1 .contentmain			 { }
.Container-H1 .contentpane			 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;       }

.Container-H2 									 { margin-bottom:5px; }
.Container-H2 .dnntitle					 { padding:0px;}
.Container-H2 .contentmain			 {}
.Container-H2 .contentpane			 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;     }

.Container-H3 									 { margin-bottom:5px; }
.Container-H3 .dnntitle					 { padding:0px;}
.Container-H3 .contentmain			 { }
.Container-H3 .contentpane			 { padding:5px 0px 1px 0px; text-align:left; vertical-align:top; clear:both;     }



.title1 {font-size:24px;color:#444444; white-space:normal; vertical-align:middle; }
.title2 {font-size:25px;color:#ffffff; white-space:normal; vertical-align:middle; }
.title3 {font-size:25px;color:#444444; white-space:normal; vertical-align:middle; }
.title4 {font-size:25px;color:#006fff; white-space:normal; vertical-align:middle; }
.title5 {font-size:20px;color:#006fff; white-space:normal; vertical-align:middle; }
.title6 {font-size:20px;color:#666666; white-space:normal; vertical-align:middle; }
.title7 {font-size:25px;color:#666666; white-space:normal; vertical-align:middle; }
.title8 {font-size:20px;color:#006fff; white-space:normal; vertical-align:middle; }
.title9 {font-size:20px;color:#666666; white-space:normal; vertical-align:middle; }
.title10{font-size:22px;color:#444444; white-space:normal; vertical-align:middle; display:inline-block; margin:0px auto -18px; background:#FFF; padding:0px 15px ;   }
.title11{font-size:80px;color:#FFFFFF; white-space:normal; vertical-align:middle; font-style:italic; }
.title12{font-size:25px;color:#fff; white-space:normal; vertical-align:middle; }



 .Container_12_tit{
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 70px;
    position: relative;
    width: 205px;
	margin:auto;
	color:#fff;	
	text-align:center;
	line-height:60px;
	text-transform:uppercase;}
	
 .Container_12_tit:before{ 
     border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    height: 86%;
    position: absolute;
    right: 0;
    top: 0;
    width: 95.4%; }
	
 .Container_12_tit > div{
    bottom: 0;
    height: 15%;
    left: -1px;
    overflow: hidden;
    position: absolute;
    width: 15%;}
	
 .Container_12_tit > div:before{   
    border-left: 1px solid #fff;
    bottom: 0;
    content: "";
    height: 200%;
    left: 0;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: left bottom 0;
    width: 200%; }
	
.h6_service{
  text-align:center;}










.sm_font {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_normal {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_normal {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_menu_selected.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.sm_menu_selected.current > a > span {
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main {
  /* level 1 */
}
.sm_menu_style .menu_main ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  .sm_menu_style .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sm_menu_style .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
.sm_menu_style .menu_main ul.dropdown {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  list-style: none;
}
.sm_menu_style .menu_main ul.dropdown li.SunItem-1.dir,
.sm_menu_style .menu_main ul.dropdown li.SunItem-2.dir {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.sm_menu_style .menu_main ul li {
  border: 1px none transparent;
  list-style: outside none none;
  margin: 0 0 5px 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  text-align: left;
  /* level 2 */
}
.sm_menu_style .menu_main ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  line-height: 2;
  text-transform: uppercase;
}
.sm_menu_style .menu_main ul li a {
  text-decoration: none;
}
.sm_menu_style .menu_main ul li a:hover span {
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li ul {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin-left: 2px;
}
.sm_menu_style .menu_main ul li ul li {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin: 0 0 5px 9px;
  overflow: visible;
  /* level 3 */
}
.sm_menu_style .menu_main ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.sm_menu_style .menu_main ul li ul li.nolink {
  list-style: none;
}
.sm_menu_style .menu_main ul li ul li.nolink > a {
  cursor: default;
}
.sm_menu_style .menu_main ul li ul li.nolink > a span {
  font-style: italic;
  font-family: "DepotNew-Thin";
}
.sm_menu_style .menu_main ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li ul li ul li a {
  cursor: pointer;
}
.sm_menu_style .menu_main ul li ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.sm_menu_style .menu_main ul li ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_main ul li ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.sm_menu_style .menu_arrow.arrow_opened {
  display: none;
}
.sm_menu_style .menu_arrow.arrow_closed {
  display: none;
}
#menuOverlay {
  display: none;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 10;
}
.sm_videoplayer .sm_playercontainer {
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
.sm_videoplayer div.sm_playercontainer video,
.sm_videoplayer div.sm_playercontainer object,
.sm_videoplayer div.sm_playercontainer embed {
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sm_videoplayer div.sm_playercontainer > div {
  position: static !important;
}
.dnnEditState .body_bg,
.showControlBar .body_bg {
  margin-top: 117px;
}
.dnnEditState .dnnFormItem input,
.showControlBar .dnnFormItem input {
  clear: both;
  display: block;
}
.dnnEditState .dnnFormItem .dnnLabel,
.showControlBar .dnnFormItem .dnnLabel {
  text-align: left;
}
.dnnEditState .dnnFormItem a.dnnFormHelp,
.showControlBar .dnnFormItem a.dnnFormHelp {
  right: auto;
}
.error404 {
  margin-top: 197px;
}
@media only screen and (max-width:  767px ) {
  .error404 {
    margin-top: 137px;
  }
}
#whileLoading {
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
}
#whileLoading img {
  align-items: center;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width:  767px ) {
  #whileLoading img {
    width: 100%;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
span.herzblut {
  color: #de007d;
}
span.fuehrung {
  color: #134962;
}
span.kompetenz {
  color: #007871;
}
span.vision {
  color: #58b88e;
}
.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-top: 5px;
  font-family: "DepotNew-Thin";
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
  border-color: transparent #000000 transparent #000000;
  padding-top: 0;
  padding-bottom: 0;
}
.btn:hover {
  font-family: "DepotNew-Regular";
}
.btn:active, .btn.active {
  box-shadow: none;
}

.btn-default {
  color: #000000 !important;
  background-color: transparent;
  text-decoration: none;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-color: transparent;
  border-color: transparent #000000 transparent #000000;
}
.Full_Screen_PaneA .row,
.Full_Screen_PaneB .row,
.Full_Screen_PaneC .row,
.Full_Screen_PaneD .row,
.Full_Screen_PaneE .row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.Full_Screen_PaneA .row .col-sm-12,
.Full_Screen_PaneB .row .col-sm-12,
.Full_Screen_PaneC .row .col-sm-12,
.Full_Screen_PaneD .row .col-sm-12,
.Full_Screen_PaneE .row .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
html,
button,
input,
select,
textarea {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.copyright_style,
.FooterPane .Normal,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited,
.Footer_Bottombg,
.Footer_Bottombg a,
.Footer_Bottombg a:link,
.Footer_Bottombg a:active,
.Footer_Bottombg a:visited {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.Footer_Bottombg a:hover {
  font-family: "DepotNew-Regular";
}
#Body,
html,
body,
.Head,
.SubHead,
.SubSubHead,
.Normal {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
html,
body {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
a,
a:link,
a:active,
a:visited,
a:hover,
.Link_list li {
  color: #000000;
  text-decoration: none;
  font-family: "DepotNew-Thin";
}
a:hover {
  font-family: "DepotNew-Regular";
}
body {
  position: relative;
}
.dnnFormItem .dnnLeft {
  width: 100%;
}
.dnnFormItem .urlControl {
  width: 100%;
}
.dnnFormItem .urlControl select,
.urlControl input {
  width: 100%;
}
.dnnFormItem .RadEditor.Default.reWrapper {
  width: 100% !important;
}
.Container-H2 {
  margin-bottom: 0;
}
.Container-H2 .contentpane {
  padding: 0;
}
#dnn_content {
  padding: 0;
}
.header7_bg {
  display: none;
}
nav {
  float: right;
}
#anchorNav {
  display: none;
}
.header_info {
  display: none;
}
.dnnLoggedIn .header_info {
  display: block;
}
.dnn_menu {
  padding: 0;
  margin-right: -20px;
  display: none;
}
#header7 .head_mid {
  width: 100%;
  padding: 0 55px;
}
#header7 .head_mid .dnn_layout {
  width: 100%;
}
#header7 .shade {
  opacity: 0.9;
}
#header7 .dnn_logo {
  position: relative;
}
.content_mid,
.footer_mid {
  padding: 0 55px;
}
::-moz-selection {
  background: #9c9ea5;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #9c9ea5;
  color: #fff;
  text-shadow: none;
}
.roll_menu.started {
  display: none;
}
.roll_menu.started.roll_activated {
  display: block;
}
.roll_menu.roll_activated .dnn_logo {
  height: 117px;
  line-height: 117px;
  width: 285px;
}
.roll_menu.roll_activated .dnn_logo img {
  width: 285px;
}
.roll_menu .dnn_logo {
  width: 285px;
  height: 117px;
  line-height: 117px;
}
.roll_menu .dnn_logo img {
  width: 285px;
}
.roll_activated .dnn_menu {
  display: block;
}
.roll_menu.roll_activated .dnn_menu {
  margin: 34px -40px 0 0;
}
.roll_menu.roll_activated #header7 .shade {
  opacity: 0.9;
}
.roll_menu.roll_activated #header7 .dnn_logo {
  margin-top: 0;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #header7 .shade {
  opacity: 1;
}
#dnngo_megamenu > div > ul > li > a > span {
  padding: 0;
  font-size: 1rem;
}
#dnngo_megamenu > div > ul > li > a:hover > span::after,
#dnngo_megamenu > div > ul > li.current > a > span::after,
#dnngo_megamenu > div > ul > li.menu_hover > a > span::after {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
#dnngo_megamenu li.current {
  border-bottom: 1px solid #000;
  margin-bottom: 3px;
}
#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.current > a > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span {
  color: black;
}
#dnngo_megamenu > div > ul > li {
  margin-left: 40px;
  margin-right: 40px;
}
.desktop #videoloop {
  display: block;
}
.desktop #videoposter {
  display: none;
}
.mobile #videoloop {
  display: none;
}
.mobile #videoposter {
  display: block;
}
.sm_playercontainer {
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  position: relative;
}
div.sm_playercontainer video,
div.sm_playercontainer object,
div.sm_playercontainer embed {
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.sm_playercontainer > div {
  position: static !important;
}
#dnn_BannerPane .dnn_layout {
  padding: 0;
  width: 100%;
}
#dnn_BannerPane .dnn_layout .videoContent {
  width: 100%;
  height: auto;
}
.full_screen_pic {
  margin: 0;
  position: relative;
}
.full_screen_pic li {
  background-size: cover;
  background-attachment: local;
  background-position: center top;
  list-style: outside none none;
}
.full_screen_pic #nextPage {
  border: 1px none transparent;
  color: #000000;
  bottom: 100px;
  background-color: #ffffff;
  border-radius: 0;
  opacity: 0.5;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto ;
  position: absolute;
  transition: all ease-in 200ms;
  -moz-transition: all ease-in 200ms;
  -webkit-transition: all ease-in 200ms;
  -o-transition: all ease-in 200ms;
  -ms-transition: all ease-in 200ms;
  cursor: pointer;
  left: 50%;
  margin: 0 0 0 -35px;
  bottom: 40px;
}
@media only screen and (max-width:  767px ) {
  .full_screen_pic #nextPage {
    display: none;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .full_screen_pic #nextPage {
    display: none;
  }
}
.full_screen_pic #nextPage::after {
  border-bottom: 2px none #000;
  border-right: 2px none #000;
}
.full_screen_pic #nextPage:hover {
  background-color: #ffffff;
  border: 1px none transparent;
  color: #000000;
}
.full_screen_pic #nextPage:hover::after {
  border-bottom: 2px none #000000;
  border-right: 2px none #000000;
}
.full_screen_pic #nextPage span {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAF+SURBVEhL5dY7LwRRGMbxJS4hLg1RiAIFIiIRSqG0Co1Ko5FQqjQ+gPgAEgqNiE8gGpWOQqlYEhqymxXiEo3r+D92jpiYtTs7c0bEk/wyM2dnzpk5Z97JJhzH+RW+jXH432nDQG7XSsowjqqPIzddSOMa3WqwkBm8YRvValCacQKturYtiDJjeIT6X4ee/jPtyEA/7qMBUWQId1C/O6jEt+ike+gkz5SUGD3MJdTfIeqQNxN4gdZjBZ5pCZBGHEGDnqMVBTOPV+iiBQQdvBa70PV6YftQVDTQMnThE6ZQbLSGW9C1DxhBoFRgE6aDURRKOXTDWqZnTKOk6OXagwa/QS9+yiw0qJZpUQ1h0oRjaPBT5KvxJLQsOm8VevrQ6YCp8QPU42sGYWpVZej5LIZNP25hOjc13okszE3VIPJoOvXp0zquQdOeggY9c4+tZQ6mxi/c7RV6YDWq8SVoQFGpDSOWqMY3oGkP8nGJJPpCTeZ2/1L8/gHGwbfRPifxDrHgu6r+9XTgAAAAAElFTkSuQmCC) no-repeat scroll 0 0;
  display: block;
  height: 25px;
  left: 19px;
  position: absolute;
  top: 22px;
  width: 30px;
}
.full_screen_pic #nextPage span::after {
  border-bottom: 2px none #000;
  border-right: 2px none #000;
}
.full_screen_pic #nextPage:hover span::after {
  border-bottom: 2px none #000000;
  border-right: 2px none #000000;
}
#playVideo {
  color: white;
  opacity: 0.5;
  font-size: 70px;
  left: 50%;
  line-height: 70px;
  margin-left: -35px;
  position: absolute;
  top: 40%;
  cursor: pointer;
}
#playVideo .circle {
  background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAE5SURBVEhL7dY/K4VhGMfxQ/6EiEhYMIrZrHgBsiu8ADJYTOQFMBiUkmIUAzbZ2bFRFgYMhPz3/Z6cd3BdLH71GZ5nuH/nPPd9PT2Fv0wzVtBYvErKPr5whm5vZMSFT2DRNfqRkiYcwKJHDCMl1djAJ94xiXKEx0UXYIlli6hEeMowhmdYtIN6pGQId3CfjtCGlPThAhadowcpaccxLLrBAFLSgF24R08YhXsXniosw6I3zCLtiM/gA5atIvyIWzKFV1iyDv9hWCrgcLq4wzqH0MdVhy14whzSCYTGISwd4VsMIjS9uERpGL0Ojb/4ARb4WmlFWByycZRO0DZqERZP0DycAy393AtLDdbg43nBNEJfHX6xHMKCe4wgtKALp7DgCikfEnuwwE+iTm9kpAObaCle/ef3Uih8A7lDSmkuqLWeAAAAAElFTkSuQmCC) no-repeat 22px 22px;
  height: 70px;
  width: 70px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: block;
}
#to_top {
  opacity: 0.5;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAF5SURBVEhL1dY9LwRBHMfxIx5CDg25QhQonIhIhFJciUKj0mgklCqNF3DxAiQUGhGvQDQqHYVScSQ0hBDiIRqPe99f7uZyye05u2ZW7pd8sntze/PfndmZXMzzvH/h2xiFqkw9ZnKn0aUOW3jDrBqiSA3S0ETJK8bgPIv4gope5Y/36IezTELD+40NJJCBil/kP1vPEJ6gIrtohNKLW6j9CE2wlh7cwHTeguKM4Bnmphrw57TjFOr0HOWGU9PwDl23jlqEjobzAOrsEQP4KQvQ/OvlW1FDmGitbkNFtWRSqBQ95SpU/ANzCBStVXWgohq+IJuEdrQdmBsex6+zBLNWl6EbCZJm7EO/f8AgKmYan9BwrSFoUZM2nEDFL9GJshnFC3Rx8VoNm27cQf0dI46S6CKzVg/RChvRw5g1vge9A4V04Az6UkfbW98EtNWq/00Upq8P19CLkFSDg8xD703JFHZhOHfqJHrKKVjZTqswfv8Ao+Db6J4XywLeFbuqx5jPDAAAAABJRU5ErkJggg==) no-repeat 5px 10px;
  z-index: 1000;
  right: 10px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  bottom: 34px;
}
#to_top:hover {
  background-color: #fff;
  opacity: 1;
}
#to_top::after {
  border-bottom: 1px none #000;
  border-right: 1px none #000;
  transform: rotate(0);
}
@media only screen and (max-width:  767px ) {
  #to_top {
    bottom: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  #to_top {
    bottom: 24px;
  }
}
.dnntitle h2 {
  color: #000000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  line-height: 1.5;
  font-weight: 300;
  text-transform: uppercase;
  margin: 80px 55px 0 55px;
  font-size: 1.5rem;
}
@media only screen and (max-width:  767px ) {
  .dnntitle h2 {
    margin: 20px 10px 0 10px;
    font-size: 1rem;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnntitle h2 {
    margin: 30px 20px 0 20px;
    font-size: 1.25rem;
  }
}
.dnntitle h2 .title-H2 a {
  color: #000000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  text-decoration: none;
  cursor: default;
}
h3 {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-weight: normal;
  margin: 0 0 10px;
}
p {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.home .team {
  margin: 40px 0 0 0;
}
@media only screen and (max-width:  767px ) {
  .home .team {
    margin: 10px 0 0 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team {
    margin: 10px 0 0 0;
  }
}
.home .team .col-sm-3 {
  position: relative;
}
.home .team .col-sm-3:nth-child(1) {
  padding-left: 0;
  padding-right: 11px;
}
@media only screen and (max-width:  767px ) {
  .home .team .col-sm-3:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team .col-sm-3:nth-child(1) {
    padding-left: 0;
    padding-right: 7px;
  }
}
.home .team .col-sm-3:nth-child(2) {
  padding-left: 4px;
  padding-right: 7px;
}
@media only screen and (max-width:  767px ) {
  .home .team .col-sm-3:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team .col-sm-3:nth-child(2) {
    padding-right: 0;
    padding-left: 7px;
  }
}
.home .team .col-sm-3:nth-child(3) {
  padding-left: 7px;
  padding-right: 4px;
}
@media only screen and (max-width:  767px ) {
  .home .team .col-sm-3:nth-child(3) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team .col-sm-3:nth-child(3) {
    padding-left: 0;
    padding-right: 7px;
    margin-top: 20px;
  }
  .home .team .col-sm-3:nth-child(3) .text_style_3 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .home .team .col-sm-3:nth-child(3) {
    margin-top: 20px;
  }
}
.home .team .col-sm-3:nth-child(4) {
  padding-left: 11px;
  padding-right: 0;
}
@media only screen and (max-width:  767px ) {
  .home .team .col-sm-3:nth-child(4) {
    padding-left: 0;
    padding-right: 0;
  }
  .home .team .col-sm-3:nth-child(4) .text_style_3 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team .col-sm-3:nth-child(4) {
    padding-left: 7px;
    padding-right: 0;
    margin-top: 20px;
  }
  .home .team .col-sm-3:nth-child(4) .text_style_3 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .home .team .col-sm-3:nth-child(4) {
    margin-top: 20px;
  }
}
.home .team .col-sm-3 .photo_box {
  margin: 0;
}
.home .team .col-sm-3 .text_style_3 {
  padding: 0;
  margin: 20px 10px 0 55px;
}
@media only screen and (max-width:  767px ) {
  .home .team .col-sm-3 .text_style_3 {
    margin: 10px 0 10px 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .team .col-sm-3 .text_style_3 {
    margin: 15px 0 0 20px;
  }
}
.home .team .col-sm-3 .text_style_3 h3 {
  font-family: "DepotNew-Thin";
  color: #000000;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 400;
  /*margin-bottom: 5px;*/
  margin: 0 0 5px 0;
}
.home .team .col-sm-3 .text_style_3 p {
  font-family: "DepotNew-Thin";
  color: #000000;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 10px 0 0 0;
}
.home .elevatorstory {
  margin-top: 40px;
}
@media only screen and (max-width:  767px ) {
  .home .elevatorstory {
    margin-top: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory {
    margin-top: 15px;
  }
}
.home .elevatorstory.team {
  margin-top: 80px;
}
@media only screen and (max-width:  767px ) {
  .home .elevatorstory.team {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory.team {
    margin-top: 30px;
  }
}
.home .elevatorstory .col-sm-6 {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory .col-sm-6 {
    float: none;
    width: 100%;
  }
}
.home .elevatorstory .col-sm-6 .text_style_4 {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 400;
  padding: 0;
  margin: -6px 55px 20px 55px;
}
@media only screen and (max-width:  767px ) {
  .home .elevatorstory .col-sm-6 .text_style_4 {
    margin: 10px 10px 0 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory .col-sm-6 .text_style_4 {
    margin: 15px 20px 0 20px;
  }
  .home .elevatorstory .col-sm-6 .text_style_4:last-child {
    margin-bottom: 0;
  }
}
.home .elevatorstory .col-sm-6 .text_style_4 p {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 20px;
}
.home .elevatorstory .col-sm-6 .text_style_4 ul {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin-left: 9px !important;
}
.home .elevatorstory .col-sm-6 .text_style_4 ul li {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media only screen and (max-width:  767px ) {
  .home .elevatorstory .col-sm-6:last-child .text_style_4 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory .col-sm-6:last-child .text_style_4 {
    margin-bottom: 0;
  }
}
.home .elevatorstory .row {
  margin-top: 0;
  margin-bottom: 40px;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .home .elevatorstory .row {
    margin-right: 0;
    margin-left: 0;
  }
}
.home .elevatorstory .row:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.home .elevatorstory .dividers_1 {
  border-bottom: 2px solid #000;
  border-width: medium medium 1px;
  margin: 20px 0 0 75%;
  width: 25%;
}
.home .elevatorstory .photo_box {
  margin: 0;
}
.home .col-sm-12 {
  padding-right: 0;
  padding-left: 0;
}
.home .row {
  margin-left: 0;
  margin-right: 0;
}
a.contactlink {
  white-space: nowrap;
}
.desktop a.contactlink.telefon,
.desktop a.contactlink.fax {
  cursor: default;
  text-decoration: none;
}
.desktop a.contactlink.telefon:hover,
.desktop a.contactlink.fax:hover {
  font-family: "DepotNew-Thin";
}
.footer {
  float: right;
}
@media only screen and (max-width:  767px ) {
  .footer {
    float: left;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .footer {
    float: right;
  }
}
.footer .dnn_layout {
  padding: 0;
}
.footer ul {
  margin-bottom: 0;
  margin-left: 0;
}
.footer ul li {
  display: inline;
  margin-right: 20px;
  border-right: 1px solid #000;
  padding-right: 20px;
  position: relative;
}
.footer ul li a img {
  display: none;
}
.footer ul li a.udtEditLink {
  bottom: 0;
  right: 0;
}
.footer ul li a.udtEditLink img {
  display: inline;
}
.footer ul li:last-child {
  border-right: 1px none transparent;
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .to_top_is-visible .footer {
    margin-right: 50px;
  }
}
.copyright_style,
.FooterPane {
  padding: 0;
}
#footer1 .Footer_Bottombg {
  background: #fff none repeat scroll 0 0;
  padding: 0;
  margin: 80px 0 40px 0;
}
@media only screen and (max-width:  767px ) {
  #footer1 .Footer_Bottombg {
    margin: 20px 0 20px 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  #footer1 .Footer_Bottombg {
    margin: 30px 0 30px 0;
  }
}
#footer1 .Footer_Bottombg .copyright_style {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  float: none;
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  #footer1 .Footer_Bottombg .copyright_style {
    font-size: 0.75rem;
  }
}
#footer1 .dnn_layout {
  padding: 0;
}
.switchOpen {
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  height: 27px;
  position: absolute;
  vertical-align: middle;
  width: 27px;
  color: #000000;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAYAAAAmNZ4aAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAB7SURBVEhL7dahDYNgEIbh31LBEATTYNGQsAWGYDEsUdN0iIIhQbIF45CwALyYG+E7AW/y6BN34oJ3KXKRBNaCQ2SG5Ta4wVekxpO+a+G7yAjL7ap/WEU+eNLXYxDpYLld9YRN5A/rhVgkwo2r0IqUsO73+mQoRN7wKoQTFR0jnqmgiHYAAAAASUVORK5CYII=) no-repeat 0 0;
}
.switchOpen.SwitchClose {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAHkSURBVEhLtdY9S5tRGMbxVLH1pbW2iFItagelFKRSqi5+iE466dLBwcFJcBAVnOqiH8BSOhTBQRBEWkGKg4sgCtpSLYiWiqjg4CC+x/9lcsuT5Il5khwv+EE4OZ77nDsnTwyFw+F75zvomu+ga97k4lnkZVbJwYvIy9jojQH8Q60GMkweRvEfrzXgTSMuoLNt4hXSjTaqAlfQOt+RkG6cQxO2UI2gUauHYQWW8BQJ0U56cAlN3ECQQirwCVZgBeVImgfwFvoL3w8xGs0fghVYxXOkjHamS2CF1vAS8dG8QViBX6hE4Kh1fbAFfqMU3uh928gflCHtWK9tIfVardN4L2wD66hCxtGJvD1fRj/suutyVCDraOcjsEJG36caOIsKzcEK6PvUAGfRNe2CfTZmES6edTfpxBm08DY+w1o3jxJklY+wR80u6qCH4Fh0TBbwBBmlA6fQQjuoh0WFvsBO9APFSCvtsBbt4Q3i8xBfYSf6iSIESivsBCrwDsmiQuOwE03jMe5MG06gP9jHW6TKI3yDnUitS3qiD7ACh2hG0KjQJKzQFAoRk/c4hiYcoAnpJh8TsEK6GDFRb2dxhBYNZJgCzECt9t7G2+jn0sWjQoVib6Pf/0mu+Q665jvomu+gW+HQNSOkjdJvgaUmAAAAAElFTkSuQmCC) no-repeat 0 0;
}
.switchOpen::before {
  content: "";
}
.roll_menu .switchOpen {
  top: 80px;
  right: 0;
}
.roll_menu.roll_activated .switchOpen {
  right: 0;
  top: 46px;
}
.SwitchClose::before {
  content: "";
}
@media only screen and (max-width:  767px ) {
  .head_mid,
  .content_mid,
  .footer_mid {
    padding: 0 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .head_mid,
  .content_mid,
  .footer_mid {
    padding: 0 20px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .text_style_3 {
    margin: 10px 10px 0 10px;
  }
  .text_style_3 p {
    margin-bottom: 40px;
  }
  .col-sm-3 {
    width: 50%;
  }
  .col-sm-3:nth-child(1) {
    padding-left: 0;
    padding-right: 10px;
  }
  .col-sm-3:nth-child(2) {
    padding-left: 10px;
    padding-right: 0;
  }
  .col-sm-3:nth-child(3) {
    padding-left: 0;
    padding-right: 10px;
  }
  .col-sm-3:nth-child(4) {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  h2 {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 40px 10px 40px 10px;
  }
  .text_style_3 {
    margin: 10px 10px 0 10px;
  }
  .text_style_3 p {
    margin-bottom: 40px;
  }
  .col-sm-3 {
    width: 50%;
  }
  .col-sm-3:nth-child(1) {
    padding-left: 0;
    padding-right: 10px;
  }
  .col-sm-3:nth-child(2) {
    padding-left: 10px;
    padding-right: 0;
  }
  .col-sm-3:nth-child(3) {
    padding-left: 0;
    padding-right: 10px;
  }
  .col-sm-3:nth-child(4) {
    padding-left: 10px;
    padding-right: 0;
  }
}
.phoneHeadTop {
  border-bottom: 1px none transparent;
  padding: 25px 60px 25px 15px;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width:  767px ) {
  .phoneHeadTop {
    padding-left: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .phoneHeadTop {
    padding-left: 20px;
  }
}
@media only screen and (max-width:  767px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_logo_phone {
    margin-right: 30px;
    max-width: 285px;
    overflow: hidden;
  }
  .dnn_logo_phone img {
    height: auto;
    width: 100%;
  }
}
.phoneHeadBottom {
  display: none;
}
@media only screen and (max-width:  767px ) {
  .text_style_3 {
    margin: 10px 10px 0 10px;
  }
  .text_style_3 p {
    margin-bottom: 20px;
  }
  .col-sm-3 {
    width: 100%;
  }
  .col-sm-3:nth-child(1) {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-3:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-3:nth-child(3) {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-3:nth-child(4) {
    padding-left: 0;
    padding-right: 0;
  }
  .photo_box img {
    width: 100%;
  }
  .elevatorstory .row {
    margin: 0;
  }
  .elevatorstory .text_style_4 {
    margin: 20px 10px 40px 10px;
    padding: 0;
  }
  .elevatorstory .text_style_4 p {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .elevatorstory .text_style_4.question {
    margin: 20px 0 20px 0;
    padding: 10px 10px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .elevatorstory .text_style_4.question p {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0;
  }
  #search2,
  #search2mobile {
    display: none;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .switchOpen {
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    height: 27px;
    margin-left: 40px;
    margin-top: -14px;
    position: absolute;
    right: 25px;
    top: 50%;
    vertical-align: middle;
    width: 27px;
  }
}
@media only screen and (max-width:  767px ) {
  .switchOpen {
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    height: 27px;
    margin-left: 40px;
    margin-top: -14px;
    position: absolute;
    right: 25px;
    top: 50%;
    vertical-align: middle;
    width: 27px;
  }
  .switchOpen::before {
    content: "";
  }
  .SwitchClose::before {
    content: "";
  }
  #dnn_wrapper {
    background: #fff none repeat scroll 0 0;
    overflow: auto;
  }
}
.navigation_mobile {
  visibility: hidden;
}
.navigation_is-visible #menuOverlay {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 10;
}
.navigation_is-visible header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1000;
}
.navigation_is-visible #dnn_wrapper {
  position: relative;
}
.navigation_is-visible .wrapper {
  border-right: 1px none transparent;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  position: static;
}
.navigation_is-visible .navigation_mobile {
  bottom: inherit;
  position: absolute;
  right: 0;
  top: 60px;
  visibility: visible;
  z-index: 1000;
  background-color: white;
  -webkit-transition: z-index 0 linear;
  -webkit-transition-delay: 0.4s;
  -moz-transition: z-index 0 linear 0.4s;
  -o-transition: z-index 0 linear 0.4s;
  transition: z-index 0 linear 0.4s;
}
@media only screen and (max-width:  767px ) {
  .navigation_is-visible .navigation_mobile {
    width: 100%;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile {
    bottom: auto;
    visibility: visible;
    z-index: 1000;
    width: 100%;
  }
}
@media only screen and (max-width:  767px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu {
    border-top: 1px none transparent;
    background-color: white;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu {
    border-top: 1px none transparent;
    background-color: white;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu {
    border-top: 1px none transparent;
    background-color: white;
  }
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main {
  /* level 1 */
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul.dropdown {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  list-style: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul.dropdown li.SunItem-1.dir,
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul.dropdown li.SunItem-2.dir {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li {
  border: 1px none transparent;
  list-style: outside none none;
  margin: 0 0 5px 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  text-align: left;
  /* level 2 */
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  line-height: 2;
  text-transform: uppercase;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li a {
  text-decoration: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li a:hover span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin-left: 2px;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin: 0 0 5px 9px;
  overflow: visible;
  /* level 3 */
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li.nolink {
  list-style: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li.nolink > a {
  cursor: default;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li.nolink > a span {
  font-style: italic;
  font-family: "DepotNew-Thin";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li ul li a {
  cursor: pointer;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul li ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_arrow.arrow_opened {
  display: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_arrow.arrow_closed {
  display: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .menu_main ul.dropdown {
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  list-style: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li {
  border: 1px none transparent;
  margin: 0 0 5px 55px;
  /*&.current {
                            background-color: transparent;
                            border: 1px none transparent;

                            span {
                                font-family: @font-family-regular;
                            }

                            ul {
                                li {
                                    &.current {
                                        span {
                                            font-family: @font-family-regular;
                                        }
                                    }

                                    span {
                                        font-family: @font-family;
                                    }
                                }
                            }
                        }*/
}
@media only screen and (max-width:  767px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li {
    margin: 0 0 5px 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li {
    margin: 0 0 5px 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li {
    margin: 0 0 5px 20px;
  }
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li a {
  font-family: "DepotNew-Thin";
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0;
  border-bottom: 1px none transparent;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li a span {
  font-family: "DepotNew-Thin";
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li a span.menu_arrow {
  display: none;
  color: #fff;
  margin: 0 4px 0 0;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li a span.menu_arrow::before {
  color: #000000;
  margin: -10px 0 0 -10px;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul {
  display: inline !important;
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li a span {
  text-transform: none;
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_is-visible .navigation_mobile #mobile_menu .multi_menu ul li ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_mobile {
  bottom: 100%;
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 75%;
  z-index: 0;
}
#desktop_menu {
  display: none;
}
.navigation_freiraum_is-visible {
  height: 100%;
  margin: 0;
}
.navigation_freiraum_is-visible body {
  height: 100%;
  margin: 0;
}
.navigation_freiraum_is-visible #menuOverlay {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 10;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu {
  top: 117px;
  opacity: 1;
  background-color: #fff;
  padding: 0 55px 20px 55px;
  position: fixed;
  z-index: 1000;
  display: block;
  height: calc(100vh - 117px);
  overflow-y: auto;
  left: 0;
  right: 0;
  width: calc(100vw);
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main {
  /* level 1 */
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  .navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul {
    margin: 10px 0 20px 0;
  }
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul.dropdown {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  list-style: none;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul.dropdown li.SunItem-1.dir,
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul.dropdown li.SunItem-2.dir {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li {
  border: 1px none transparent;
  list-style: outside none none;
  margin: 0 0 5px 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  text-align: left;
  /* level 2 */
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  line-height: 2;
  text-transform: uppercase;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li a {
  text-decoration: none;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li a:hover span {
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin-left: 2px;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin: 0 0 5px 9px;
  overflow: visible;
  /* level 3 */
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li.nolink {
  list-style: none;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li.nolink > a {
  cursor: default;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li.nolink > a span {
  font-style: italic;
  font-family: "DepotNew-Thin";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li ul li a {
  cursor: pointer;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li ul li span {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: none;
  font-style: normal;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li ul li.current > a {
  text-decoration: none;
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_main ul li ul li ul li.current > a > span {
  font-family: "DepotNew-Regular";
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_arrow.arrow_opened {
  display: none;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated #desktop_menu .menu_arrow.arrow_closed {
  display: none;
}
.navigation_freiraum_is-visible .roll_menu.roll_activated .header7_bg {
  box-shadow: 0 0 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0px rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0);
}
.Container-H2.margin {
  margin-top: 197px;
}
.contact {
  padding: 0 55px 0 55px;
}
@media only screen and (max-width:  767px ) {
  .contact {
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .contact {
    padding: 0;
  }
}
.contact .detail p {
  margin-bottom: 20px;
}
.contact .detail p:last-child {
  margin-bottom: 0;
}
.imprint {
  padding: 0 60px 0 60px;
}
.detail {
  margin-top: 0;
}
.detail a {
  text-decoration: underline;
}
.detail h3 {
  color: #000000;
  font-family: "DepotNew-Thin";
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: bold;
}
@media only screen and (max-width:  767px ) {
  .detail h3 {
    font-size: 1rem;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail h3 {
    font-size: 1.25rem;
  }
}
.detail p {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 0;
}
.detail p em {
  font-family: "DepotNew-ThinItalic";
  font-style: normal;
}
.detail ul {
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin-left: 9px;
  margin-bottom: 0;
}
@media only screen and (max-width:  767px ) {
  .detail .detailHeader {
    height: auto;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailHeader {
    height: auto;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .detail .detailHeader {
    height: 640px;
  }
}
.detail .detailHeader.wert {
  height: 640px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailHeader.wert {
    height: 200px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailHeader.wert {
    height: 432px;
  }
}
.detail .detailHeader.wert_fuehrung {
  background-color: #134962;
}
.detail .detailHeader.wert_vision {
  background-color: #58b88e;
}
.detail .detailHeader.wert_herzblut {
  background-color: #de007d;
}
.detail .detailHeader.wert_kompetenz {
  background-color: #007871;
}
.detail .detailHeader .detailHeader_content {
  margin-top: 197px;
}
.detail .detailHeader .detailHeader_content h3 {
  font-size: 3rem;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  font-weight: normal;
  font-stretch: normal;
  margin-right: 20px;
}
.detail .detailHeader .detailHeader_content p {
  font-size: 1rem;
  color: #ffffff;
  text-align: left;
  font-style: italic;
  margin-left: 20px;
  margin-top: 130px;
}
.detail .detailHeader .col-sm-6 {
  padding: 0;
}
.detail .detailHeader .row {
  margin-top: 0;
}
.detail .detailHeader div.photo_box {
  margin: 0;
}
.detail .detailHeader div.pic_box {
  height: 637px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailHeader div.pic_box {
    height: auto;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailHeader div.pic_box {
    height: auto;
  }
}
.detail .detailPart1 {
  margin-top: 80px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 {
    margin-top: 0;
  }
  .detail .detailPart1.dnn_layoutB {
    width: 100%;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .detail .detailPart1 {
    margin-top: 0;
  }
  .detail .detailPart1.dnn_layoutB {
    width: 90%;
  }
}
.detail .detailPart1 h3 {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .row {
    margin-left: 0;
    margin-right: 0;
  }
}
.detail .detailPart1 .Column1 {
  padding-right: 0;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .Column1 {
    float: none;
    width: inherit;
    display: block;
    clear: both;
    margin: 20px 20px 0 20px;
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .Column1 {
    display: block;
    padding: 15px 30px 0 30px;
    width: 100%;
  }
}
.detail .detailPart1 .Column1 .col-sm-12 {
  padding-right: 0;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .Column1 .col-sm-12 {
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .Column1 .col-sm-12 {
    padding: 0;
  }
}
.detail .detailPart1 .Column1 .row {
  margin-top: 40px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .Column1 .row {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .Column1 .row {
    margin-top: 15px;
  }
}
.detail .detailPart1 .Column1 .row:first-child {
  margin-top: 0;
}
.detail .detailPart1 .Column2 {
  background-color: #fff;
  border-radius: 0;
  margin-top: -160px;
  padding: 40px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .Column2 {
    float: none;
    width: inherit;
    display: block;
    clear: both;
    margin: 0 10px 0 10px;
    padding: 0 10px 0 10px;
  }
  .detail .detailPart1 .Column2 .text_style_4 {
    padding-top: 10px;
  }
  .detail .detailPart1 .Column2 .text_style_4 h3 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .Column2 {
    width: inherit;
    display: block;
    margin: -80px 15px 0 15px;
    padding: 0 15px 0 15px;
  }
  .detail .detailPart1 .Column2 .text_style_4 {
    padding-top: 15px;
  }
  .detail .detailPart1 .Column2 .text_style_4 h3 {
    margin-bottom: 15px;
  }
}
.detail .detailPart1 div.photo_box {
  margin: 0;
}
.detail .detailPart1 .BottomImageRow {
  margin-top: 80px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1 .BottomImageRow {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .detail .detailPart1 .BottomImageRow .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1 .BottomImageRow {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .detail .detailPart1 .BottomImageRow .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
.detail .detailPart2 {
  margin-top: 80px;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart2 {
    margin-top: 20px;
  }
  .detail .detailPart2.dnn_layoutB {
    width: 100%;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart2 {
    margin-top: 20px;
  }
}
.detail .detailPart2 .row {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart2 .row {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart2 .row {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.detail .detailPart2 .Column1,
.detail .detailPart2 .Column2 {
  padding: 0 40px 0 40px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart2 .Column1,
  .detail .detailPart2 .Column2 {
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart2 .Column1,
  .detail .detailPart2 .Column2 {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart2 .Column2 {
    margin-top: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart2 .Column2 {
    margin-top: 10px;
  }
}
.detail .detailPart3 {
  margin-top: 0;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart3 {
    margin-top: 0;
  }
  .detail .detailPart3.dnn_layoutB {
    width: 100%;
  }
}
.detail .detailPart3 .row {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart3 .row {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart3 .row {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.detail .detailPart3 .row .col-sm-4 {
  text-align: center;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart3 .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart3 .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
.detail .detailPart4 {
  margin-top: 80px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart4 {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart4 {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .detail .detailPart4.dnn_layoutB {
    width: 100%;
  }
}
.detail .detailPart4 .row {
  margin-left: 0;
  margin-right: 0;
}
.detail .detailPart4 p {
  font-size: 0.75rem;
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart4 .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart4 .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .detail .detailPart1.wert .Column1 {
    display: none;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail .detailPart1.wert .Column1 {
    display: none;
  }
}
.buero .detail {
  margin-top: 80px;
}
@media only screen and (max-width:  767px ) {
  .buero .detail {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .detail {
    margin-top: 30px;
  }
}
.desktop .detailPart1.mobile {
  display: none;
}
.desktop .detailPart1.desktop {
  display: block;
}
.mobile .detailPart1.desktop {
  display: block;
}
@media only screen and (max-width:  767px ) {
  .mobile .detailPart1.desktop {
    display: none;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .mobile .detailPart1.desktop {
    display: none;
  }
}
.mobile .detailPart1.mobile {
  display: none;
}
@media only screen and (max-width:  767px ) {
  .mobile .detailPart1.mobile {
    display: block;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .mobile .detailPart1.mobile {
    display: block;
  }
}
.desktop .counter.mobile,
.mobile.tablet .counter.mobile,
.desktop .gallery.mobile,
.mobile.tablet .gallery.mobile {
  display: none;
}
.desktop .counter.desktop,
.mobile.tablet .counter.desktop,
.desktop .gallery.desktop,
.mobile.tablet .gallery.desktop {
  display: block;
}
.mobile.phone .counter.desktop,
.mobile.phone .gallery.desktop {
  display: block;
}
@media only screen and (max-width:  767px ) {
  .mobile.phone .counter.desktop,
  .mobile.phone .gallery.desktop {
    display: none;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .mobile.phone .counter.desktop,
  .mobile.phone .gallery.desktop {
    display: none;
  }
}
.mobile.phone .counter.mobile,
.mobile.phone .gallery.mobile {
  display: none;
}
@media only screen and (max-width:  767px ) {
  .mobile.phone .counter.mobile,
  .mobile.phone .gallery.mobile {
    display: block;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .mobile.phone .counter.mobile,
  .mobile.phone .gallery.mobile {
    display: block;
  }
}
.buero p.text {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 40px 60px 0 60px;
}
.buero .counter {
  margin: 40px 0 0 0;
}
@media only screen and (max-width:  767px ) {
  .buero .counter {
    margin: 20px 0 0 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter {
    margin: 30px 0 0 0;
  }
}
.buero .counter.pb-60 {
  padding-bottom: 30px;
}
.buero .counter.pt-60 {
  padding-top: 0;
}
.buero .counter.h2_bg {
  background: #007871 none repeat scroll 0 0;
}
@media only screen and (max-width:  767px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 {
    width: 33.333333%;
  }
}
.buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box {
  border: 2px none transparent;
}
@media only screen and (max-width:  767px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box {
    height: auto;
    width: auto;
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box {
    height: auto;
    width: auto;
    padding: 0;
  }
}
.buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number {
  color: #ffffff;
  font-family: "DepotNew-Thin";
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media only screen and (max-width:  767px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number {
    font-size: 2rem;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number {
    font-size: 2rem;
  }
}
.buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number_name {
  color: #ffffff;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media only screen and (max-width:  767px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number_name {
    font-size: 0.75rem;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter .number_Animation2 .col-md-2.col-sm-4 .number_box span.number_name {
    font-size: 0.75rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width:  767px ) {
  .buero .counter .carousel.row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .counter .carousel.row {
    margin-left: 0;
    margin-right: 0;
  }
}
.buero .counter .carousel.row .owl-item .col-md-2.col-sm-4 {
  width: 100%;
}
.buero .counter .carousel.row .owl-controls .owl-page {
  border: 1px solid #ffffff;
}
.buero .counter .carousel.row .owl-controls .owl-page.active {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.buero .counter .carousel.row .owl-controls .owl-buttons .owl-next,
.buero .counter .carousel.row .owl-controls .owl-buttons .owl-prev {
  background-color: transparent;
  opacity: 1;
}
.buero .detail div.pic_box {
  height: auto;
}
.buero .gallery {
  margin-top: 40px;
}
@media only screen and (max-width:  767px ) {
  .buero .gallery {
    margin-top: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .buero .gallery {
    margin-top: 10px;
  }
}
.buero .gallery .container {
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 0 !important;
  background-color: #007871;
}
.buero .gallery .container a.lightbox {
  display: none;
}
.buero .gallery .carousel .owl-controls .owl-page {
  border: 1px solid #9c9ea5;
}
.buero .gallery .carousel .owl-controls .owl-page.active {
  border: 1px solid #9c9ea5;
  background-color: #9c9ea5;
}
.buero .gallery .carousel .owl-controls .owl-buttons .owl-next,
.buero .gallery .carousel .owl-controls .owl-buttons .owl-prev {
  background-color: transparent;
  opacity: 1;
}
.portfolio p.intro {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 80px 60px 0 60px;
}
.portfolio p.introlist {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 40px 60px 0 60px;
}
.portfolio ul.introlist {
  margin-left: 0;
}
.portfolio ul.introlist li {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
  list-style: outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAABBJREFUGFdjSEhIIB4nJAAARD8NgTAF/cQAAAAASUVORK5CYII=) none;
  margin: 0 60px 0 72px;
}
.portfolio p.cloud {
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
  margin: 80px 60px 0 60px;
}
@media only screen and (max-width:  767px ) {
  .portfolio p.cloud {
    margin: 20px 10px 0 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .portfolio p.cloud {
    margin: 30px 20px 0 20px;
  }
}
.portfolio .gallery {
  margin: 80px 0 0 0;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery {
    margin: 20px 0 0 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .portfolio .gallery {
    margin: 20px 0 0 0;
  }
}
.portfolio .gallery .filter_padder {
  box-sizing: border-box;
  margin: 0 auto 40px !important;
  padding: 0 30px;
  width: 100%;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .filter_padder {
    margin: 0 auto 10px !important;
    padding: 0 10px 0 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .portfolio .gallery .filter_padder {
    margin: 0 auto 10px !important;
    padding: 0 20px 0 20px;
  }
}
.portfolio .gallery .filter_wrapper {
  margin: auto;
  min-height: 40px;
  padding: 0 35px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .filter_wrapper {
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .portfolio .gallery .filter_wrapper {
    padding: 0;
  }
}
.portfolio .gallery .filter {
  background-color: #ffffff;
  border-color: transparent #9c9ea5;
  border-radius: 0;
  border-style: none solid;
  border-width: 2px;
  color: #9c9ea5;
  font-family: "DepotNew-Thin";
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 1px;
  cursor: pointer;
  display: inline-block;
  float: none;
  margin: 10px 10px 0 0;
  overflow: visible;
  padding: 0 17px 0 17px;
  position: relative;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .filter {
    font-size: 1rem;
    padding: 0 6px 0 6px;
    margin: 10px 5px 0 0;
  }
}
.portfolio .gallery .filter.selected {
  padding: 0 16px 0 17px;
  border-color: #000000;
  color: #000000;
  font-family: "DepotNew-Regular";
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .filter.selected {
    padding: 0 6px 0 6px;
  }
}
.portfolio .gallery .filter:hover {
  padding: 0 16px 0 17px;
  border-color: #000000;
  color: #000000;
  font-family: "DepotNew-Regular";
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .filter:hover {
    padding: 0 6px 0 6px;
  }
}
.portfolio .gallery .filter.last-child {
  margin-right: 0 !important;
}
.portfolio .gallery .items {
  margin: 0;
  padding: 0;
}
.portfolio .gallery .items .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.portfolio .gallery .items .col-sm-3,
.portfolio .gallery .items .col-sm-6,
.portfolio .gallery .items .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.portfolio .gallery .items .photo_box {
  margin: 0;
}
.portfolio .gallery .items .photo_box .pic_box img {
  width: 100%;
}
.portfolio .gallery .items .photo_box .content {
  padding: 0 15%;
  /*.btn {
                        -moz-border-radius: 0;
                        -webkit-border-radius: 0;
                        border-radius: 0;
                        margin-top: 5px;
                        font-family: @font-family;
                        font-size: @font-size-small;
                        line-height: @line-hight-normal;
                        letter-spacing: @letter-spacing-1;
                        border-color: transparent @color-schwarz transparent @color-schwarz;
                        padding-top: 0;
                        padding-bottom: 0;

                        &:hover {
                            font-family: @font-family-regular;
                        }
                    }

                    .btn-default {
                        color: @font-color !important;
                        background-color: transparent;
                        text-decoration: none;

                        &:hover {
                            background-color: transparent;
                        }
                    }*/
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .items .photo_box .content {
    padding: 0 10px;
  }
}
.portfolio .gallery .items .photo_box .content h3 {
  margin-top: 5px;
  text-transform: uppercase;
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.portfolio .gallery .items .photo_box .content p {
  padding: 0 30px;
  color: #000000;
  font-family: "DepotNew-Thin";
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .items .photo_box .content p {
    padding: 0 10px;
  }
}
.portfolio .gallery .items .photo_box.content_bottom_push_in_2 .shade {
  background-color: #fff;
  opacity: 0.9;
}
.portfolio .gallery .items .photo_box.content_bottom_push_in_2 .shade:hover {
  opacity: 0.9;
}
.portfolio .gallery .items .photo_box.ico_rotate .shade {
  background-color: #fff;
  opacity: 0.9;
}
.portfolio .gallery .items .photo_box.ico_rotate .shade:hover {
  opacity: 0.9;
}
.portfolio .gallery .items .gallery_content.wert {
  height: 270px;
}
@media only screen and (max-width:  767px ) {
  .portfolio .gallery .items .gallery_content.wert {
    height: 210px;
  }
  .portfolio .gallery .items .gallery_content.wert .gallery_content_container {
    top: 50%;
    margin-top: -38px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .portfolio .gallery .items .gallery_content.wert {
    height: 216px;
  }
  .portfolio .gallery .items .gallery_content.wert .gallery_content_container {
    top: 50%;
    margin-top: -38px;
  }
}
.portfolio .gallery .items .gallery_content.wert.wert_kompetenz {
  background-color: #007871;
}
.portfolio .gallery .items .gallery_content.wert.wert_vision {
  background-color: #58b88e;
}
.portfolio .gallery .items .gallery_content.wert.wert_fuehrung {
  background-color: #134962;
}
.portfolio .gallery .items .gallery_content.wert.wert_herzblut {
  background-color: #de007d;
}
.portfolio .gallery .items .gallery_content.wert .gallery_content_container {
  position: absolute;
  top: 100px;
  left: 20%;
  right: 20%;
}
.portfolio .gallery .items .gallery_content.wert a,
.portfolio .gallery .items .gallery_content.wert a:hover,
.portfolio .gallery .items .gallery_content.wert a:link,
.portfolio .gallery .items .gallery_content.wert a:visited {
  text-decoration: none;
  display: block;
}
.portfolio .gallery .items .gallery_content.wert h3 {
  color: #ffffff;
  font-size: 1.5rem;
  font-family: "DepotNew-Regular";
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0 0 23px;
  text-transform: uppercase;
}
.portfolio .gallery .items .gallery_content.wert p {
  font-family: "DepotNew-Italic";
  color: #ffffff;
  font-size: 0.75rem;
  font-style: normal;
  text-align: right;
}
.sticky:before,
.sticky:after {
  content: '';
  display: table;
}
.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
}
@media only screen and (max-width:  767px ) {
  .sticky {
    position: static;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sticky {
    position: static;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sticky {
    position: static;
  }
}
.desktop .sticky.top {
  top: 117px;
}
a.udtEditLink {
  display: block;
  position: absolute;
  right: 50px;
  bottom: 50px;
}
.ge {
  margin: 160px 0 80px 0;
}
@media only screen and (max-width:  767px ) {
  .ge {
    margin: 80px 20px 60px 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .ge {
    margin: 120px 60px 90px 60px;
  }
}
.ge .photo_box {
  margin-bottom: 0;
}
.ge .photo_box img {
  width: 800px;
  height: auto;
}
@media only screen and (max-width:  767px ) {
  .ge .photo_box img {
    max-width: 100%;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .ge .photo_box img {
    max-width: 100%;
  }
}
@media only screen and (max-width:  767px ) {
  .marke .ge {
    margin: 60px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marke .ge {
    margin: 100px;
  }
}
.detail.marke {
  margin-top: 117px;
}
@media only screen and (max-width:  767px ) {
  .detail.marke {
    margin-top: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail.marke {
    margin-top: 0;
  }
}
.detail.marke .detailHeader {
  height: auto;
}
.detail.marke .detailHeader div.pic_box {
  height: auto;
}
.detail.qa {
  margin-bottom: 0;
}
.detail.qa h3 {
  margin-bottom: 0;
}
.detail.qa .detailPart2 {
  margin-top: 80px;
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .detail.qa .detailPart2 {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  767px ) {
  .detail.qa .detailPart2 {
    margin-top: 20px;
  }
}
strong.company {
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-weight: normal;
  font-style: normal;
}
form[action*="/ctl/edit/"] .fnlForm {
  margin-top: 117px;
}
.content_mid {
  padding: 0;
}
.modifyLayoutFL .dnn_layoutB h3 {
  padding-left: 0;
  padding-right: 0;
}


.sm_font {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.textmodul-container ul {
  /*margin-left: 9px;
        list-style: outside @img_list_bar none;*/
  list-style: none;
  margin-left: 0;
}
.textmodul-container ul li:before {
  content: '|';
  margin-right: 4px;
}
.textmodul-container ul.sc-menu li:before {
  content: unset;
}
.textmodul-container .row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .textmodul-container .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .textmodul-container .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .textmodul-container .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .textmodul-container .row .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width:  767px ) {
  .textmodul-container .row .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width:  767px ) {
  .textmodul-container .content.herzblut,
  .textmodul-container .content.fuehrung,
  .textmodul-container .content.vision,
  .textmodul-container .content.kompetenz {
    padding: 20px 0;
  }
}
.textmodul-container.dnn_layoutB .row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .textmodul-container.dnn_layoutB .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .textmodul-container.dnn_layoutB .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .textmodul-container.dnn_layoutB .row .col-md-12 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .textmodul-container.dnn_layoutB .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .textmodul-container.dnn_layoutB .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .textmodul-container.dnn_layoutB .content.herzblut,
  .textmodul-container.dnn_layoutB .content.fuehrung,
  .textmodul-container.dnn_layoutB .content.vision,
  .textmodul-container.dnn_layoutB .content.kompetenz {
    padding: 40px 0;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .textmodul-container.dnn_layoutB .content.herzblut,
  .textmodul-container.dnn_layoutB .content.fuehrung,
  .textmodul-container.dnn_layoutB .content.vision,
  .textmodul-container.dnn_layoutB .content.kompetenz {
    padding: 40px 0;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .textmodul-container.dnn_layoutB .content.herzblut,
  .textmodul-container.dnn_layoutB .content.fuehrung,
  .textmodul-container.dnn_layoutB .content.vision,
  .textmodul-container.dnn_layoutB .content.kompetenz {
    padding: 40px 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .textmodul-container.dnn_layoutB .content.herzblut,
  .textmodul-container.dnn_layoutB .content.fuehrung,
  .textmodul-container.dnn_layoutB .content.vision,
  .textmodul-container.dnn_layoutB .content.kompetenz {
    padding: 40px 0;
  }
}
@media only screen and (max-width:  767px ) {
  .textmodul-container.dnn_layoutB .content.herzblut,
  .textmodul-container.dnn_layoutB .content.fuehrung,
  .textmodul-container.dnn_layoutB .content.vision,
  .textmodul-container.dnn_layoutB .content.kompetenz {
    padding: 30px;
  }
}
.textmodul-container.intro_dasleistenwir1 {
  font-size: 32px;
  line-height: 48px;
  font-weight: bold;
  text-transform: none;
  font-style: normal;
}
.textmodul-container.intro_dasleistenwir2 {
  font-size: 32px;
  line-height: 48px;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
}
.textmodul-container.intro_soarbeitenwir {
  font-size: 24px;
  line-height: 36px;
  font-weight: normal;
  text-transform: none;
  font-style: normal;
}
.textmodul-container.intro_wirfuehrendigitaleprojekte {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  text-transform: none;
  font-style: normal;
}
.textmodul-container.kontakt1 .dnntitle {
  padding: 0 30px;
}
.textmodul-container.kontakt1 .content {
  font-size: 24px;
  line-height: 2rem;
}
@media only screen and (min-width:  1280px ) {
  .textmodul-container.kontakt1 .content {
    padding: 80px 30px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .textmodul-container.kontakt1 .content {
    padding: 80px 30px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .textmodul-container.kontakt1 .content {
    padding: 80px 30px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .textmodul-container.kontakt1 .content {
    padding: 30px;
  }
}
@media only screen and (max-width:  767px ) {
  .textmodul-container.kontakt1 .content {
    padding: 10px;
  }
}

.sm_font {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.owl-carousel .item h1,
.gridlayout-container .box h1,
.megafolio-outer-container .mega-entry-innerwrap h1,
.honeycombs-container .comb h1,
.project-container .content .videocontent-container .content h1,
.textmodul-container .content h1,
.statement-container .content h1,
.wordcloud-container .content h1 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h2,
.gridlayout-container .box h2,
.megafolio-outer-container .mega-entry-innerwrap h2,
.honeycombs-container .comb h2,
.project-container .content .videocontent-container .content h2,
.textmodul-container .content h2,
.statement-container .content h2,
.wordcloud-container .content h2 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h3,
.gridlayout-container .box h3,
.megafolio-outer-container .mega-entry-innerwrap h3,
.honeycombs-container .comb h3,
.project-container .content .videocontent-container .content h3,
.textmodul-container .content h3,
.statement-container .content h3,
.wordcloud-container .content h3 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h4,
.gridlayout-container .box h4,
.megafolio-outer-container .mega-entry-innerwrap h4,
.honeycombs-container .comb h4,
.project-container .content .videocontent-container .content h4,
.textmodul-container .content h4,
.statement-container .content h4,
.wordcloud-container .content h4 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h5,
.gridlayout-container .box h5,
.megafolio-outer-container .mega-entry-innerwrap h5,
.honeycombs-container .comb h5,
.project-container .content .videocontent-container .content h5,
.textmodul-container .content h5,
.statement-container .content h5,
.wordcloud-container .content h5 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  margin: unset;
  font-weight: normal;
}
.owl-carousel .item h6,
.gridlayout-container .box h6,
.megafolio-outer-container .mega-entry-innerwrap h6,
.honeycombs-container .comb h6,
.project-container .content .videocontent-container .content h6,
.textmodul-container .content h6,
.statement-container .content h6,
.wordcloud-container .content h6 {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
  margin: unset;
  font-weight: normal;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width:  1280px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 117px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMenu.no-headline,
  .marginTopMenu.marginTopLarge.no-headline {
    margin-top: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 157px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 157px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 137px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMenu,
  .marginTopMenu.marginTopLarge {
    margin-top: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopLarge {
    margin-top: 80px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopLarge {
    margin-top: 80px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopLarge {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopLarge {
    margin-top: 30px;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopLarge {
    margin-top: 20px;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopMedium {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopMedium {
    margin-top: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopMedium {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopMedium {
    margin-top: 15px;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopMedium {
    margin-top: 10px;
  }
}
@media only screen and (min-width:  1280px ) {
  .marginTopSmall {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .marginTopSmall {
    margin-top: 20px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .marginTopSmall {
    margin-top: 10px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .marginTopSmall {
    margin-top: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .marginTopSmall {
    margin-top: 0;
  }
}
.marginTop0 {
  margin-top: 0 !important;
}
.dnntitle {
  padding: 0;
}
@media only screen and (max-width:  767px ) {
  .dnntitle h2 {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB {
    width: 1170px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB {
    width: 1170px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB {
    width: 980px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB {
    width: 100%;
    padding: 0 30px;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.dnn_layoutB .dnntitle {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .dnntitle {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .dnntitle h2 {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.dnn_layoutB h3 {
  margin: 0;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB h3 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB h3 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
.dnn_layoutB .row .col-md-4 {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB.herzblut span,
  .dnn_layoutB.fuehrung span,
  .dnn_layoutB.vision span,
  .dnn_layoutB.kompetenz span,
  .dnn_layoutB.herzblut p,
  .dnn_layoutB.fuehrung p,
  .dnn_layoutB.vision p,
  .dnn_layoutB.kompetenz p,
  .dnn_layoutB.herzblut a,
  .dnn_layoutB.fuehrung a,
  .dnn_layoutB.vision a,
  .dnn_layoutB.kompetenz a,
  .dnn_layoutB.herzblut h1,
  .dnn_layoutB.fuehrung h1,
  .dnn_layoutB.vision h1,
  .dnn_layoutB.kompetenz h1,
  .dnn_layoutB.herzblut h2,
  .dnn_layoutB.fuehrung h2,
  .dnn_layoutB.vision h2,
  .dnn_layoutB.kompetenz h2,
  .dnn_layoutB.herzblut h3,
  .dnn_layoutB.fuehrung h3,
  .dnn_layoutB.vision h3,
  .dnn_layoutB.kompetenz h3,
  .dnn_layoutB.herzblut .title,
  .dnn_layoutB.fuehrung .title,
  .dnn_layoutB.vision .title,
  .dnn_layoutB.kompetenz .title,
  .dnn_layoutB.herzblut .descr,
  .dnn_layoutB.fuehrung .descr,
  .dnn_layoutB.vision .descr,
  .dnn_layoutB.kompetenz .descr {
    padding: 20px;
  }
}
ul.sc-menu {
  position: absolute;
  left: 0;
  top: 0;
}
.honeycombs ul.sc-menu {
  left: 50%;
}
.dnn.desktop .zoomin.parent {
  overflow: hidden;
}
.dnn.desktop .zoomin .child,
.dnn.desktop .zoomin .hex_inner {
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.dnn.desktop .zoomin.parent:hover .child,
.dnn.desktop .zoomin.parent:focus .child {
  -ms-transform: scale(1.2) !important;
  -moz-transform: scale(1.2) !important;
  -webkit-transform: scale(1.2) !important;
  -o-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}
.dnn.desktop .zoomin.parent:hover .hex_inner,
.dnn.desktop .zoomin.parent:focus .hex_inner {
  -ms-transform: rotate(60deg) scale(1.2) !important;
  -moz-transform: rotate(60deg) scale(1.2) !important;
  -webkit-transform: rotate(60deg) scale(1.2) !important;
  -o-transform: rotate(60deg) scale(1.2) !important;
  transform: rotate(60deg) scale(1.2) !important;
}
.dnn.desktop .zoomin.parent:hover .child:before,
.dnn.desktop .zoomin.parent:focus .child:before,
.dnn.desktop .zoomin.parent:hover .hex_inner:before,
.dnn.desktop .zoomin.parent:focus .hex_inner:before {
  display: block;
}
.dnn.desktop .zoomin.parent:hover a,
.dnn.desktop .zoomin.parent:focus a {
  display: block;
}
.dnn.desktop .zoomin .child:before,
.dnn.desktop .zoomin .hex_inner:before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 960px) {
  .dnn.desktop .zoomin.parent {
    width: 100%;
    margin: 20px 0;
  }
}
.btn-default {
  background-color: transparent;
  text-decoration: none;
}
.btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-top: 5px;
  font-family: "DepotNew-Thin";
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 1px;
  border-color: transparent #000 transparent #000;
  padding-top: 0;
  padding-bottom: 0;
}
.btn-default:hover {
  letter-spacing: 0.83px;
}
.herzblut .btn,
.fuehrung .btn,
.vision .btn,
.kompetenz .btn {
  color: #fff !important;
  border-color: transparent #fff transparent #fff;
}
div.herzblut,
section.herzblut {
  background-color: #de007d;
}
div.fuehrung,
section.fuehrung {
  background-color: #134962;
}
div.kompetenz,
section.kompetenz {
  background-color: #007871;
}
div.vision,
section.vision {
  background-color: #58b88e;
}
div.herzblut span,
section.herzblut span,
div.fuehrung span,
section.fuehrung span,
div.vision span,
section.vision span,
div.kompetenz span,
section.kompetenz span,
div.herzblut p,
section.herzblut p,
div.fuehrung p,
section.fuehrung p,
div.vision p,
section.vision p,
div.kompetenz p,
section.kompetenz p,
div.herzblut a,
section.herzblut a,
div.fuehrung a,
section.fuehrung a,
div.vision a,
section.vision a,
div.kompetenz a,
section.kompetenz a,
div.herzblut h1,
section.herzblut h1,
div.fuehrung h1,
section.fuehrung h1,
div.vision h1,
section.vision h1,
div.kompetenz h1,
section.kompetenz h1,
div.herzblut h2,
section.herzblut h2,
div.fuehrung h2,
section.fuehrung h2,
div.vision h2,
section.vision h2,
div.kompetenz h2,
section.kompetenz h2,
div.herzblut h3,
section.herzblut h3,
div.fuehrung h3,
section.fuehrung h3,
div.vision h3,
section.vision h3,
div.kompetenz h3,
section.kompetenz h3,
div.herzblut h4,
section.herzblut h4,
div.fuehrung h4,
section.fuehrung h4,
div.vision h4,
section.vision h4,
div.kompetenz h4,
section.kompetenz h4,
div.herzblut h5,
section.herzblut h5,
div.fuehrung h5,
section.fuehrung h5,
div.vision h5,
section.vision h5,
div.kompetenz h5,
section.kompetenz h5,
div.herzblut h6,
section.herzblut h6,
div.fuehrung h6,
section.fuehrung h6,
div.vision h6,
section.vision h6,
div.kompetenz h6,
section.kompetenz h6,
div.herzblut .title,
section.herzblut .title,
div.fuehrung .title,
section.fuehrung .title,
div.vision .title,
section.vision .title,
div.kompetenz .title,
section.kompetenz .title,
div.herzblut .descr,
section.herzblut .descr,
div.fuehrung .descr,
section.fuehrung .descr,
div.vision .descr,
section.vision .descr,
div.kompetenz .descr,
section.kompetenz .descr {
  color: #fff !important;
}
div.herzblut li:before,
section.herzblut li:before,
div.fuehrung li:before,
section.fuehrung li:before,
div.vision li:before,
section.vision li:before,
div.kompetenz li:before,
section.kompetenz li:before {
  color: #fff;
}
.video {
  color: white;
  opacity: 0.5;
  font-size: 70px;
  left: 50%;
  line-height: 70px;
  margin-left: -35px;
  position: absolute;
  top: 40%;
  cursor: pointer;
  z-index: 1000;
}
.video .circle {
  background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAE5SURBVEhL7dY/K4VhGMfxQ/6EiEhYMIrZrHgBsiu8ADJYTOQFMBiUkmIUAzbZ2bFRFgYMhPz3/Z6cd3BdLH71GZ5nuH/nPPd9PT2Fv0wzVtBYvErKPr5whm5vZMSFT2DRNfqRkiYcwKJHDCMl1djAJ94xiXKEx0UXYIlli6hEeMowhmdYtIN6pGQId3CfjtCGlPThAhadowcpaccxLLrBAFLSgF24R08YhXsXniosw6I3zCLtiM/gA5atIvyIWzKFV1iyDv9hWCrgcLq4wzqH0MdVhy14whzSCYTGISwd4VsMIjS9uERpGL0Ojb/4ARb4WmlFWByycZRO0DZqERZP0DycAy393AtLDdbg43nBNEJfHX6xHMKCe4wgtKALp7DgCikfEnuwwE+iTm9kpAObaCle/ef3Uih8A7lDSmkuqLWeAAAAAElFTkSuQmCC) no-repeat 22px 22px;
  height: 70px;
  width: 70px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: block;
}
.modal-content {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  outline: 0;
}
.modal-lg {
  width: 800px;
  padding: 0;
}
.modal-dialog {
  margin: 60px auto;
}

.sm_font {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_werte_mix.herzblut {
  color: #de007d;
  background-color: transparent;
}
.sm_werte_mix.herzblut p:last-of-type {
  color: #de007d;
}
.sm_werte_mix.fuehrung {
  color: #134962;
  background-color: transparent;
}
.sm_werte_mix.fuehrung p:last-of-type {
  color: #134962;
}
.sm_werte_mix.kompetenz {
  color: #007871;
  background-color: transparent;
}
.sm_werte_mix.kompetenz p:last-of-type {
  color: #007871;
}
.sm_werte_mix.vision {
  color: #58b88e;
  background-color: transparent;
}
.sm_werte_mix.vision p:last-of-type {
  color: #58b88e;
}
.sm_werte_mix.white {
  color: #fff;
  background-color: transparent;
}
.sm_werte_mix.white p:last-of-type {
  color: #fff;
}
.sm_werte_mix.transparent {
  color: transparent;
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.herzblut,
  .sm_werte_padding.fuehrung,
  .sm_werte_padding.kompetenz,
  .sm_werte_padding.vision {
    padding: 40px 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.herzblut,
  .sm_werte_padding.fuehrung,
  .sm_werte_padding.kompetenz,
  .sm_werte_padding.vision {
    padding: 40px 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.herzblut,
  .sm_werte_padding.fuehrung,
  .sm_werte_padding.kompetenz,
  .sm_werte_padding.vision {
    padding: 40px 55px;
  }
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.herzblut article:before,
  .sm_werte_padding.fuehrung article:before,
  .sm_werte_padding.kompetenz article:before,
  .sm_werte_padding.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.herzblut article:before,
  .sm_werte_padding.fuehrung article:before,
  .sm_werte_padding.kompetenz article:before,
  .sm_werte_padding.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.herzblut article:before,
  .sm_werte_padding.fuehrung article:before,
  .sm_werte_padding.kompetenz article:before,
  .sm_werte_padding.vision article:before {
    left: -12px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sm_werte_padding.herzblut article:before,
  .sm_werte_padding.fuehrung article:before,
  .sm_werte_padding.kompetenz article:before,
  .sm_werte_padding.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  767px ) {
  .sm_werte_padding.herzblut article:before,
  .sm_werte_padding.fuehrung article:before,
  .sm_werte_padding.kompetenz article:before,
  .sm_werte_padding.vision article:before {
    left: -44px;
  }
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.herzblut article:after,
  .sm_werte_padding.fuehrung article:after,
  .sm_werte_padding.kompetenz article:after,
  .sm_werte_padding.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.herzblut article:after,
  .sm_werte_padding.fuehrung article:after,
  .sm_werte_padding.kompetenz article:after,
  .sm_werte_padding.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.herzblut article:after,
  .sm_werte_padding.fuehrung article:after,
  .sm_werte_padding.kompetenz article:after,
  .sm_werte_padding.vision article:after {
    right: -14px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sm_werte_padding.herzblut article:after,
  .sm_werte_padding.fuehrung article:after,
  .sm_werte_padding.kompetenz article:after,
  .sm_werte_padding.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  767px ) {
  .sm_werte_padding.herzblut article:after,
  .sm_werte_padding.fuehrung article:after,
  .sm_werte_padding.kompetenz article:after,
  .sm_werte_padding.vision article:after {
    right: -45px;
  }
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.white,
  .sm_werte_padding.transparent {
    padding: 0 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.white,
  .sm_werte_padding.transparent {
    padding: 0 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.white,
  .sm_werte_padding.transparent {
    padding: 0 55px;
  }
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.white article:before,
  .sm_werte_padding.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.white article:before,
  .sm_werte_padding.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.white article:before,
  .sm_werte_padding.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sm_werte_padding.white article:before,
  .sm_werte_padding.transparent article:before {
    left: -84px;
  }
}
@media only screen and (max-width:  767px ) {
  .sm_werte_padding.white article:before,
  .sm_werte_padding.transparent article:before {
    left: -45px;
  }
}
@media only screen and (min-width:  1280px ) {
  .sm_werte_padding.white article:after,
  .sm_werte_padding.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .sm_werte_padding.white article:after,
  .sm_werte_padding.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .sm_werte_padding.white article:after,
  .sm_werte_padding.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .sm_werte_padding.white article:after,
  .sm_werte_padding.transparent article:after {
    right: -86px;
  }
}
@media only screen and (max-width:  767px ) {
  .sm_werte_padding.white article:after,
  .sm_werte_padding.transparent article:after {
    right: -47px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container {
    margin: 160px 55px;
  }
  .statement-container.dnn_layoutB {
    margin: 160px auto;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container {
    margin: 160px 55px;
  }
  .statement-container.dnn_layoutB {
    margin: 160px auto;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container {
    margin: 160px 10px;
    padding: 0 100px;
  }
  .statement-container.dnn_layoutB {
    margin: 160px auto;
    padding: 0;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container {
    margin: 120px auto;
    padding: 0 100px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container {
    margin: 80px 0;
    padding: 0 40px !important;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container.dnn_layoutB {
    width: auto;
    padding: 0 100px;
  }
}
.statement-container section {
  position: relative;
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.herzblut,
  .statement-container section.fuehrung,
  .statement-container section.kompetenz,
  .statement-container section.vision {
    padding: 40px 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.herzblut,
  .statement-container section.fuehrung,
  .statement-container section.kompetenz,
  .statement-container section.vision {
    padding: 40px 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.herzblut,
  .statement-container section.fuehrung,
  .statement-container section.kompetenz,
  .statement-container section.vision {
    padding: 40px 55px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.herzblut article:before,
  .statement-container section.fuehrung article:before,
  .statement-container section.kompetenz article:before,
  .statement-container section.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.herzblut article:before,
  .statement-container section.fuehrung article:before,
  .statement-container section.kompetenz article:before,
  .statement-container section.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.herzblut article:before,
  .statement-container section.fuehrung article:before,
  .statement-container section.kompetenz article:before,
  .statement-container section.vision article:before {
    left: -12px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section.herzblut article:before,
  .statement-container section.fuehrung article:before,
  .statement-container section.kompetenz article:before,
  .statement-container section.vision article:before {
    left: -82px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section.herzblut article:before,
  .statement-container section.fuehrung article:before,
  .statement-container section.kompetenz article:before,
  .statement-container section.vision article:before {
    left: -44px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.herzblut article:after,
  .statement-container section.fuehrung article:after,
  .statement-container section.kompetenz article:after,
  .statement-container section.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.herzblut article:after,
  .statement-container section.fuehrung article:after,
  .statement-container section.kompetenz article:after,
  .statement-container section.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.herzblut article:after,
  .statement-container section.fuehrung article:after,
  .statement-container section.kompetenz article:after,
  .statement-container section.vision article:after {
    right: -14px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section.herzblut article:after,
  .statement-container section.fuehrung article:after,
  .statement-container section.kompetenz article:after,
  .statement-container section.vision article:after {
    right: -84px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section.herzblut article:after,
  .statement-container section.fuehrung article:after,
  .statement-container section.kompetenz article:after,
  .statement-container section.vision article:after {
    right: -45px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.white,
  .statement-container section.transparent {
    padding: 0 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.white,
  .statement-container section.transparent {
    padding: 0 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.white,
  .statement-container section.transparent {
    padding: 0 55px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.white article:before,
  .statement-container section.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.white article:before,
  .statement-container section.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.white article:before,
  .statement-container section.transparent article:before {
    left: -27px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section.white article:before,
  .statement-container section.transparent article:before {
    left: -84px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section.white article:before,
  .statement-container section.transparent article:before {
    left: -45px;
  }
}
@media only screen and (min-width:  1280px ) {
  .statement-container section.white article:after,
  .statement-container section.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section.white article:after,
  .statement-container section.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section.white article:after,
  .statement-container section.transparent article:after {
    right: -29px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section.white article:after,
  .statement-container section.transparent article:after {
    right: -86px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section.white article:after,
  .statement-container section.transparent article:after {
    right: -47px;
  }
}
.statement-container section article {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.statement-container section article p:last-of-type {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
  text-align: right;
  font-style: italic;
}
.statement-container section article.herzblut {
  color: #de007d;
  background-color: transparent;
}
.statement-container section article.herzblut p:last-of-type {
  color: #de007d;
}
.statement-container section article.fuehrung {
  color: #134962;
  background-color: transparent;
}
.statement-container section article.fuehrung p:last-of-type {
  color: #134962;
}
.statement-container section article.kompetenz {
  color: #007871;
  background-color: transparent;
}
.statement-container section article.kompetenz p:last-of-type {
  color: #007871;
}
.statement-container section article.vision {
  color: #58b88e;
  background-color: transparent;
}
.statement-container section article.vision p:last-of-type {
  color: #58b88e;
}
.statement-container section article.white {
  color: #fff;
  background-color: transparent;
}
.statement-container section article.white p:last-of-type {
  color: #fff;
}
.statement-container section article.transparent {
  color: transparent;
}
.statement-container section article:before {
  line-height: 1;
  content: "\201E";
  position: absolute;
}
@media only screen and (min-width:  1280px ) {
  .statement-container section article:before {
    bottom: -3.8rem;
    font-size: 16rem;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section article:before {
    bottom: -3.8rem;
    font-size: 16rem;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section article:before {
    bottom: -3.8rem;
    font-size: 16rem;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section article:before {
    bottom: -3.9rem;
    font-size: 16rem;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section article:before {
    bottom: -37px;
    font-size: 8rem;
  }
}
.statement-container section article:after {
  font-size: 16rem;
  line-height: 1;
  content: "\201C";
  position: absolute;
}
@media only screen and (min-width:  1280px ) {
  .statement-container section article:after {
    top: -111px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .statement-container section article:after {
    top: -111px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .statement-container section article:after {
    top: -111px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .statement-container section article:after {
    top: -115px;
  }
}
@media only screen and (max-width:  767px ) {
  .statement-container section article:after {
    top: -60px;
    font-size: 8rem;
  }
}

.sm_font {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.videocontent-container .row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .videocontent-container .row .col-md-4 {
    padding-left: 55px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .videocontent-container .row .col-md-4 {
    padding-left: 55px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .videocontent-container .row .col-md-4 {
    padding-left: 55px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .videocontent-container .row .col-md-4 {
    padding-left: 20px;
    padding-right: 10px;
  }
}
@media only screen and (max-width:  767px ) {
  .videocontent-container .row .col-md-4 {
    padding-left: 20px;
    padding-right: 10px;
  }
}
@media only screen and (min-width:  1280px ) {
  .videocontent-container .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .videocontent-container .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .videocontent-container .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .videocontent-container .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
}
@media only screen and (max-width:  767px ) {
  .videocontent-container .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
}
.videocontent-container.dnn_layoutB .row {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width:  1280px ) {
  .videocontent-container.dnn_layoutB .row .col-md-4 {
    padding-left: 55px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .videocontent-container.dnn_layoutB .row .col-md-4 {
    padding-left: 55px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .videocontent-container.dnn_layoutB .row .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .videocontent-container.dnn_layoutB .row .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width:  767px ) {
  .videocontent-container.dnn_layoutB .row .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .videocontent-container.dnn_layoutB .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .videocontent-container.dnn_layoutB .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .videocontent-container.dnn_layoutB .row .col-md-8 {
    padding-left: 15px;
    padding-right: 55px;
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .videocontent-container.dnn_layoutB .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
}
@media only screen and (max-width:  767px ) {
  .videocontent-container.dnn_layoutB .row .col-md-8 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
  }
}

.sm_font {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
}
.sm_font_small {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_normal {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
.sm_font_large {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sm_font_extralarge {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
}
.sm_font_superlarge {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sm_font_regular {
  color: #000000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
}
.sm_font_regular_small {
  color: #000000;
  font-family: "DepotNew-Regular";
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1;
}
.sm_font_regular_normal {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_large {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_extralarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
.sm_font_regular_superlarge {
  color: #000000;
  letter-spacing: 1px;
  font-family: "DepotNew-Regular";
  line-height: 1.5;
}
/*@width-boxed: 1170px;*/
.sm_gallery_items_type_image.type_image .inner-text {
  height: 100%;
}
.sm_gallery_items_type_image.type_image .inner-text .inner.link {
  height: 100%;
}
.sm_gallery_items_type_image.type_image .inner-text .imageLink {
  display: block;
  height: 100%;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gridlayout-container .dnntitle {
  padding: 0;
}
.gridlayout-container .parent.border {
  border: 1px solid #9c9ea5;
}
.gridlayout-container .parent.border.border-disable {
  border: 1px none transparent;
}
.gridlayout-container .parent.border.border-disable-left {
  border-left: none;
}
.gridlayout-container .parent.border.border-disable-right {
  border-right: none;
}
.gridlayout-container .parent.border.border-disable-top {
  border-top: none;
}
.gridlayout-container .parent.border.border-disable-bottom {
  border-bottom: none;
}
.gridlayout-container .box {
  margin: 0;
  overflow: hidden;
  padding: 20px;
}
.gridlayout-container .box.type_image .inner-text {
  height: 100%;
}
.gridlayout-container .box.type_image .inner-text .inner.link {
  height: 100%;
}
.gridlayout-container .box.type_image .inner-text .imageLink {
  display: block;
  height: 100%;
}
.gridlayout-container .child.box {
  margin: 0 !important;
}
.gridlayout-container .clickable-text-item {
  cursor: pointer;
}
.gridlayout-container .title,
.gridlayout-container .title p {
  font-weight: bold;
}
.gridlayout-container div.herzblut {
  background-color: #de007d;
}
.gridlayout-container div.fuehrung {
  background-color: #134962;
}
.gridlayout-container div.kompetenz {
  background-color: #007871;
}
.gridlayout-container div.vision {
  background-color: #58b88e;
}
.gridlayout-container div.herzblut span,
.gridlayout-container div.fuehrung span,
.gridlayout-container div.vision span,
.gridlayout-container div.kompetenz span,
.gridlayout-container div.herzblut p,
.gridlayout-container div.fuehrung p,
.gridlayout-container div.vision p,
.gridlayout-container div.kompetenz p,
.gridlayout-container div.herzblut a,
.gridlayout-container div.fuehrung a,
.gridlayout-container div.vision a,
.gridlayout-container div.kompetenz a {
  color: #ffffff !important;
}
.gridlayout-container div .inner p,
.gridlayout-container div .inner.link {
  text-align: left;
}
.gridlayout-container .centerContent .inner-text {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.gridlayout-container .centerContent .inner.title p {
  text-align: center;
  margin: 0 0 8px 0;
}
.gridlayout-container .centerContent .inner.descr p {
  text-align: center;
  margin: 0;
}
.gridlayout-container .centerContent .inner.link {
  text-align: center;
}
.browser_ie9 .gridlayout-container .centerContent .inner-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: auto;
}
.gridlayout-container hr.inner {
  margin: 10px 20%;
}
.gridlayout-container .triangle-wrapper {
  position: relative;
}
.gridlayout-container .triangle-parent {
  position: absolute;
}
@media only screen and (max-width:  767px ) {
  .gridlayout-container .triangle-parent {
    display: none;
  }
}
.gridlayout-container .triangle-parent.arrowLeft {
  top: 0;
  left: 0;
}
.gridlayout-container .triangle-parent.arrowRight {
  top: 0;
  right: 0;
}
.gridlayout-container .triangle-parent.arrowBottom {
  bottom: 0;
  left: 0;
}
.gridlayout-container .triangle-parent.arrowTop {
  top: 0;
  left: 0;
}
.gridlayout-container .triangle-parent .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  opacity: 0.8;
}
.gridlayout-container .triangle-parent.arrowLeft .triangle {
  left: 0;
  top: 0;
  border-width: 1px 0 1px 30px;
  border-color: transparent transparent transparent #ffffff;
}
.gridlayout-container .triangle-parent.arrowRight .triangle {
  right: 0;
  top: 0;
  border-width: 1px 30px 1px 0;
  border-color: transparent #ffffff transparent transparent;
}
.gridlayout-container .triangle-parent.arrowBottom .triangle {
  left: 0;
  top: -30px;
  border-width: 0 1px 30px 1px;
  border-color: transparent transparent #ffffff transparent;
}
.gridlayout-container .triangle-parent.arrowTop .triangle {
  left: 0;
  top: 0;
  border-width: 30px 1px 0 1px;
  border-color: #ffffff transparent transparent transparent;
}
.gridlayout-container .wert .inner-text,
.gridlayout-container .wert1 .inner-text {
  position: absolute;
  bottom: 0;
  padding: 60px;
  left: 0;
  width: 100%;
}
.gridlayout-container .wert .inner-text .title,
.gridlayout-container .wert1 .inner-text .title,
.gridlayout-container .wert .inner-text .title p,
.gridlayout-container .wert1 .inner-text .title p {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.gridlayout-container .wert .inner-text .descr,
.gridlayout-container .wert1 .inner-text .descr {
  margin-top: 20px;
  text-align: right;
}
.gridlayout-container .wert .inner-text .descr p,
.gridlayout-container .wert1 .inner-text .descr p {
  color: #000000;
  font-family: "DepotNew-Thin";
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5;
  text-align: right;
  margin: 0;
}
.gridlayout-container .wert .inner-text .link,
.gridlayout-container .wert1 .inner-text .link {
  text-align: right;
}
.gridlayout-container .wert .inner-text ul.sc-menu,
.gridlayout-container .wert1 .inner-text ul.sc-menu {
  top: 50%;
}
.gridlayout-container .hr-disable hr.inner {
  display: none;
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.leistungsteaser .title,
  .gridlayout-container .leistungsteaser .title {
    color: #000000;
    font-family: "DepotNew-Thin";
    letter-spacing: 1px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: unset;
    text-transform: uppercase;
    font-weight: bold;
  }
  .gridlayout-container.leistungsteaser .descr,
  .gridlayout-container .leistungsteaser .descr {
    color: #000000;
    font-family: "DepotNew-Thin";
    letter-spacing: 1px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: unset;
    font-weight: normal;
  }
}
@media only screen and (max-width:  767px ) {
  .gridlayout-container .margin.a1,
  .gridlayout-container .margin.a2,
  .gridlayout-container .margin.a3,
  .gridlayout-container .margin.a4,
  .gridlayout-container .margin.a5,
  .gridlayout-container .margin.a6,
  .gridlayout-container .margin.a7,
  .gridlayout-container .margin.a8,
  .gridlayout-container .margin.a9,
  .gridlayout-container .margin.a10,
  .gridlayout-container .margin.a11,
  .gridlayout-container .margin.a12,
  .gridlayout-container .margin.a13,
  .gridlayout-container .margin.a14,
  .gridlayout-container .margin.a15,
  .gridlayout-container .margin.a16,
  .gridlayout-container .margin.a17,
  .gridlayout-container .margin.a18,
  .gridlayout-container .margin.a19,
  .gridlayout-container .margin.a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout1 .margin.a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container .layout1 .margin.a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout1 .margin.a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout1 .margin.a4 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout1 .margin.a5 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout1 .margin.a6 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container .layout1 .margin.a7 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container .layout1 .margin.a8 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout1 .margin.a9 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout1 .margin.a10 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout1 .a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container.margin .layout1 .a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout1 .a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout1 .a4 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout1 .a5 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout1 .a6 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container.margin .layout1 .a7 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container.margin .layout1 .a8 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout1 .a9 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout1 .a10 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout1 .a1,
  .gridlayout-container.margin.forcemobile .layout1 .a2,
  .gridlayout-container.margin.forcemobile .layout1 .a3,
  .gridlayout-container.margin.forcemobile .layout1 .a4,
  .gridlayout-container.margin.forcemobile .layout1 .a5,
  .gridlayout-container.margin.forcemobile .layout1 .a6,
  .gridlayout-container.margin.forcemobile .layout1 .a7,
  .gridlayout-container.margin.forcemobile .layout1 .a8,
  .gridlayout-container.margin.forcemobile .layout1 .a9,
  .gridlayout-container.margin.forcemobile .layout1 .a10,
  .gridlayout-container.margin.forcemobile .layout1 .a11,
  .gridlayout-container.margin.forcemobile .layout1 .a12,
  .gridlayout-container.margin.forcemobile .layout1 .a13,
  .gridlayout-container.margin.forcemobile .layout1 .a14,
  .gridlayout-container.margin.forcemobile .layout1 .a15,
  .gridlayout-container.margin.forcemobile .layout1 .a16,
  .gridlayout-container.margin.forcemobile .layout1 .a17,
  .gridlayout-container.margin.forcemobile .layout1 .a18,
  .gridlayout-container.margin.forcemobile .layout1 .a19,
  .gridlayout-container.margin.forcemobile .layout1 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout2 .margin.a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container .layout2 .margin.a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout2 .margin.a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout2 .margin.a4 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container .layout2 .margin.a5 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container .layout2 .margin.a6 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout2 .margin.a7 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout2 .margin.a8 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout2 .a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container.margin .layout2 .a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout2 .a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout2 .a4 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container.margin .layout2 .a5 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container.margin .layout2 .a6 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout2 .a7 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout2 .a8 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout2 .a1,
  .gridlayout-container.margin.forcemobile .layout2 .a2,
  .gridlayout-container.margin.forcemobile .layout2 .a3,
  .gridlayout-container.margin.forcemobile .layout2 .a4,
  .gridlayout-container.margin.forcemobile .layout2 .a5,
  .gridlayout-container.margin.forcemobile .layout2 .a6,
  .gridlayout-container.margin.forcemobile .layout2 .a7,
  .gridlayout-container.margin.forcemobile .layout2 .a8,
  .gridlayout-container.margin.forcemobile .layout2 .a9,
  .gridlayout-container.margin.forcemobile .layout2 .a10,
  .gridlayout-container.margin.forcemobile .layout2 .a11,
  .gridlayout-container.margin.forcemobile .layout2 .a12,
  .gridlayout-container.margin.forcemobile .layout2 .a13,
  .gridlayout-container.margin.forcemobile .layout2 .a14,
  .gridlayout-container.margin.forcemobile .layout2 .a15,
  .gridlayout-container.margin.forcemobile .layout2 .a16,
  .gridlayout-container.margin.forcemobile .layout2 .a17,
  .gridlayout-container.margin.forcemobile .layout2 .a18,
  .gridlayout-container.margin.forcemobile .layout2 .a19,
  .gridlayout-container.margin.forcemobile .layout2 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout3 .margin.a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container .layout3 .margin.a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout3 .margin.a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout3 .margin.a4 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout3 .margin.a5 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout3 .margin.a6 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout3 .margin.a7 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container .layout3 .margin.a3,
  .gridlayout-container .layout3 .margin.a4,
  .gridlayout-container .layout3 .margin.a5,
  .gridlayout-container .layout3 .margin.a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container .layout3 .margin.a3,
  .gridlayout-container .layout3 .margin.a4,
  .gridlayout-container .layout3 .margin.a5,
  .gridlayout-container .layout3 .margin.a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container .layout3 .margin.a3,
  .gridlayout-container .layout3 .margin.a4,
  .gridlayout-container .layout3 .margin.a5,
  .gridlayout-container .layout3 .margin.a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout3 .margin.a3,
  .gridlayout-container .layout3 .margin.a4,
  .gridlayout-container .layout3 .margin.a5,
  .gridlayout-container .layout3 .margin.a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout3 .a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container.margin .layout3 .a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout3 .a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout3 .a4 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout3 .a5 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout3 .a6 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout3 .a7 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.margin .layout3 .a3,
  .gridlayout-container.margin .layout3 .a4,
  .gridlayout-container.margin .layout3 .a5,
  .gridlayout-container.margin .layout3 .a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.margin .layout3 .a3,
  .gridlayout-container.margin .layout3 .a4,
  .gridlayout-container.margin .layout3 .a5,
  .gridlayout-container.margin .layout3 .a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.margin .layout3 .a3,
  .gridlayout-container.margin .layout3 .a4,
  .gridlayout-container.margin .layout3 .a5,
  .gridlayout-container.margin .layout3 .a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout3 .a3,
  .gridlayout-container.margin .layout3 .a4,
  .gridlayout-container.margin .layout3 .a5,
  .gridlayout-container.margin .layout3 .a6 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout3 .a1,
  .gridlayout-container.margin.forcemobile .layout3 .a2,
  .gridlayout-container.margin.forcemobile .layout3 .a3,
  .gridlayout-container.margin.forcemobile .layout3 .a4,
  .gridlayout-container.margin.forcemobile .layout3 .a5,
  .gridlayout-container.margin.forcemobile .layout3 .a6,
  .gridlayout-container.margin.forcemobile .layout3 .a7,
  .gridlayout-container.margin.forcemobile .layout3 .a8,
  .gridlayout-container.margin.forcemobile .layout3 .a9,
  .gridlayout-container.margin.forcemobile .layout3 .a10,
  .gridlayout-container.margin.forcemobile .layout3 .a11,
  .gridlayout-container.margin.forcemobile .layout3 .a12,
  .gridlayout-container.margin.forcemobile .layout3 .a13,
  .gridlayout-container.margin.forcemobile .layout3 .a14,
  .gridlayout-container.margin.forcemobile .layout3 .a15,
  .gridlayout-container.margin.forcemobile .layout3 .a16,
  .gridlayout-container.margin.forcemobile .layout3 .a17,
  .gridlayout-container.margin.forcemobile .layout3 .a18,
  .gridlayout-container.margin.forcemobile .layout3 .a19,
  .gridlayout-container.margin.forcemobile .layout3 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB .layout3 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a4,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a5,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a6 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB .layout3 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a4,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a5,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a6 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB .layout3 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a4,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a5,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a6 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB .layout3 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a4,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a5,
  .gridlayout-container.dnn_layoutB .layout3 .margin.a6 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB.margin .layout3 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a4,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a5,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a6 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB.margin .layout3 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a4,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a5,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a6 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB.margin .layout3 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a4,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a5,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a6 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB.margin .layout3 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a4,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a5,
  .gridlayout-container.dnn_layoutB.margin .layout3 .a6 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout4 .margin.a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container .layout4 .margin.a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout4 .margin.a3 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container .layout4 .margin.a4 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout4 .margin.a5 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout4 .margin.a6 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout4 .margin.a7 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container .layout4 .margin.a1,
  .gridlayout-container .layout4 .margin.a2,
  .gridlayout-container .layout4 .margin.a3,
  .gridlayout-container .layout4 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container .layout4 .margin.a1,
  .gridlayout-container .layout4 .margin.a2,
  .gridlayout-container .layout4 .margin.a3,
  .gridlayout-container .layout4 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container .layout4 .margin.a1,
  .gridlayout-container .layout4 .margin.a2,
  .gridlayout-container .layout4 .margin.a3,
  .gridlayout-container .layout4 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout4 .margin.a1,
  .gridlayout-container .layout4 .margin.a2,
  .gridlayout-container .layout4 .margin.a3,
  .gridlayout-container .layout4 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout4 .a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container.margin .layout4 .a2 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout4 .a3 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container.margin .layout4 .a4 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout4 .a5 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout4 .a6 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout4 .a7 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.margin .layout4 .a1,
  .gridlayout-container.margin .layout4 .a2,
  .gridlayout-container.margin .layout4 .a3,
  .gridlayout-container.margin .layout4 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.margin .layout4 .a1,
  .gridlayout-container.margin .layout4 .a2,
  .gridlayout-container.margin .layout4 .a3,
  .gridlayout-container.margin .layout4 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.margin .layout4 .a1,
  .gridlayout-container.margin .layout4 .a2,
  .gridlayout-container.margin .layout4 .a3,
  .gridlayout-container.margin .layout4 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout4 .a1,
  .gridlayout-container.margin .layout4 .a2,
  .gridlayout-container.margin .layout4 .a3,
  .gridlayout-container.margin .layout4 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout4 .a1,
  .gridlayout-container.margin.forcemobile .layout4 .a2,
  .gridlayout-container.margin.forcemobile .layout4 .a3,
  .gridlayout-container.margin.forcemobile .layout4 .a4,
  .gridlayout-container.margin.forcemobile .layout4 .a5,
  .gridlayout-container.margin.forcemobile .layout4 .a6,
  .gridlayout-container.margin.forcemobile .layout4 .a7,
  .gridlayout-container.margin.forcemobile .layout4 .a8,
  .gridlayout-container.margin.forcemobile .layout4 .a9,
  .gridlayout-container.margin.forcemobile .layout4 .a10,
  .gridlayout-container.margin.forcemobile .layout4 .a11,
  .gridlayout-container.margin.forcemobile .layout4 .a12,
  .gridlayout-container.margin.forcemobile .layout4 .a13,
  .gridlayout-container.margin.forcemobile .layout4 .a14,
  .gridlayout-container.margin.forcemobile .layout4 .a15,
  .gridlayout-container.margin.forcemobile .layout4 .a16,
  .gridlayout-container.margin.forcemobile .layout4 .a17,
  .gridlayout-container.margin.forcemobile .layout4 .a18,
  .gridlayout-container.margin.forcemobile .layout4 .a19,
  .gridlayout-container.margin.forcemobile .layout4 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB .layout4 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB .layout4 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB .layout4 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a4 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB .layout4 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout4 .margin.a4 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB.margin .layout4 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB.margin .layout4 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB.margin .layout4 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a4 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB.margin .layout4 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout4 .a4 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout5 .margin.a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container .layout5 .margin.a2 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container .layout5 .margin.a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container .layout5 .margin.a4 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container .layout5 .margin.a5 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container .layout5 .margin.a1,
  .gridlayout-container .layout5 .margin.a2,
  .gridlayout-container .layout5 .margin.a3,
  .gridlayout-container .layout5 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container .layout5 .margin.a1,
  .gridlayout-container .layout5 .margin.a2,
  .gridlayout-container .layout5 .margin.a3,
  .gridlayout-container .layout5 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container .layout5 .margin.a1,
  .gridlayout-container .layout5 .margin.a2,
  .gridlayout-container .layout5 .margin.a3,
  .gridlayout-container .layout5 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout5 .margin.a1,
  .gridlayout-container .layout5 .margin.a2,
  .gridlayout-container .layout5 .margin.a3,
  .gridlayout-container .layout5 .margin.a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout5 .a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container.margin .layout5 .a2 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container.margin .layout5 .a3 {
    margin: 0 5px 5px 5px;
  }
  .gridlayout-container.margin .layout5 .a4 {
    margin: 5px 5px 0 5px;
  }
  .gridlayout-container.margin .layout5 .a5 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.margin .layout5 .a1,
  .gridlayout-container.margin .layout5 .a2,
  .gridlayout-container.margin .layout5 .a3,
  .gridlayout-container.margin .layout5 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.margin .layout5 .a1,
  .gridlayout-container.margin .layout5 .a2,
  .gridlayout-container.margin .layout5 .a3,
  .gridlayout-container.margin .layout5 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.margin .layout5 .a1,
  .gridlayout-container.margin .layout5 .a2,
  .gridlayout-container.margin .layout5 .a3,
  .gridlayout-container.margin .layout5 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout5 .a1,
  .gridlayout-container.margin .layout5 .a2,
  .gridlayout-container.margin .layout5 .a3,
  .gridlayout-container.margin .layout5 .a4 {
    height: calc(100vw/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout5 .a1,
  .gridlayout-container.margin.forcemobile .layout5 .a2,
  .gridlayout-container.margin.forcemobile .layout5 .a3,
  .gridlayout-container.margin.forcemobile .layout5 .a4,
  .gridlayout-container.margin.forcemobile .layout5 .a5,
  .gridlayout-container.margin.forcemobile .layout5 .a6,
  .gridlayout-container.margin.forcemobile .layout5 .a7,
  .gridlayout-container.margin.forcemobile .layout5 .a8,
  .gridlayout-container.margin.forcemobile .layout5 .a9,
  .gridlayout-container.margin.forcemobile .layout5 .a10,
  .gridlayout-container.margin.forcemobile .layout5 .a11,
  .gridlayout-container.margin.forcemobile .layout5 .a12,
  .gridlayout-container.margin.forcemobile .layout5 .a13,
  .gridlayout-container.margin.forcemobile .layout5 .a14,
  .gridlayout-container.margin.forcemobile .layout5 .a15,
  .gridlayout-container.margin.forcemobile .layout5 .a16,
  .gridlayout-container.margin.forcemobile .layout5 .a17,
  .gridlayout-container.margin.forcemobile .layout5 .a18,
  .gridlayout-container.margin.forcemobile .layout5 .a19,
  .gridlayout-container.margin.forcemobile .layout5 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB .layout5 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB .layout5 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB .layout5 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a4 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB .layout5 .margin.a1,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a2,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a3,
  .gridlayout-container.dnn_layoutB .layout5 .margin.a4 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ) {
  .gridlayout-container.dnn_layoutB.margin .layout5 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.dnn_layoutB.margin .layout5 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a4 {
    height: calc(1170px/6 - 5px);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .gridlayout-container.dnn_layoutB.margin .layout5 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a4 {
    height: calc((980px - 2*30px)/6 - 5px);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.dnn_layoutB.margin .layout5 .a1,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a2,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a3,
  .gridlayout-container.dnn_layoutB.margin .layout5 .a4 {
    height: calc((100vw - 2*30px)/6 - 5px);
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout7 .margin.a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container .layout7 .margin.a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout7 .margin.a3 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout7 .a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container.margin .layout7 .a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout7 .a3 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout7 .a1,
  .gridlayout-container.margin.forcemobile .layout7 .a2,
  .gridlayout-container.margin.forcemobile .layout7 .a3,
  .gridlayout-container.margin.forcemobile .layout7 .a4,
  .gridlayout-container.margin.forcemobile .layout7 .a5,
  .gridlayout-container.margin.forcemobile .layout7 .a6,
  .gridlayout-container.margin.forcemobile .layout7 .a7,
  .gridlayout-container.margin.forcemobile .layout7 .a8,
  .gridlayout-container.margin.forcemobile .layout7 .a9,
  .gridlayout-container.margin.forcemobile .layout7 .a10,
  .gridlayout-container.margin.forcemobile .layout7 .a11,
  .gridlayout-container.margin.forcemobile .layout7 .a12,
  .gridlayout-container.margin.forcemobile .layout7 .a13,
  .gridlayout-container.margin.forcemobile .layout7 .a14,
  .gridlayout-container.margin.forcemobile .layout7 .a15,
  .gridlayout-container.margin.forcemobile .layout7 .a16,
  .gridlayout-container.margin.forcemobile .layout7 .a17,
  .gridlayout-container.margin.forcemobile .layout7 .a18,
  .gridlayout-container.margin.forcemobile .layout7 .a19,
  .gridlayout-container.margin.forcemobile .layout7 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container .layout8 .margin.a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container .layout8 .margin.a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout8 .margin.a3 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container .layout8 .margin.a4 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout8 .margin.a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container .layout8 .margin.a2 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container .layout8 .margin.a3 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container .layout8 .margin.a4 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .gridlayout-container.margin .layout8 .a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container.margin .layout8 .a2 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout8 .a3 {
    margin: 0 5px 0 5px;
  }
  .gridlayout-container.margin .layout8 .a4 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout8 .a1 {
    margin: 0 5px 5px 0;
  }
  .gridlayout-container.margin .layout8 .a2 {
    margin: 0 0 5px 5px;
  }
  .gridlayout-container.margin .layout8 .a3 {
    margin: 5px 5px 0 0;
  }
  .gridlayout-container.margin .layout8 .a4 {
    margin: 5px 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout8 .a1,
  .gridlayout-container.margin.forcemobile .layout8 .a2,
  .gridlayout-container.margin.forcemobile .layout8 .a3,
  .gridlayout-container.margin.forcemobile .layout8 .a4,
  .gridlayout-container.margin.forcemobile .layout8 .a5,
  .gridlayout-container.margin.forcemobile .layout8 .a6,
  .gridlayout-container.margin.forcemobile .layout8 .a7,
  .gridlayout-container.margin.forcemobile .layout8 .a8,
  .gridlayout-container.margin.forcemobile .layout8 .a9,
  .gridlayout-container.margin.forcemobile .layout8 .a10,
  .gridlayout-container.margin.forcemobile .layout8 .a11,
  .gridlayout-container.margin.forcemobile .layout8 .a12,
  .gridlayout-container.margin.forcemobile .layout8 .a13,
  .gridlayout-container.margin.forcemobile .layout8 .a14,
  .gridlayout-container.margin.forcemobile .layout8 .a15,
  .gridlayout-container.margin.forcemobile .layout8 .a16,
  .gridlayout-container.margin.forcemobile .layout8 .a17,
  .gridlayout-container.margin.forcemobile .layout8 .a18,
  .gridlayout-container.margin.forcemobile .layout8 .a19,
  .gridlayout-container.margin.forcemobile .layout8 .a20 {
    margin: 5px 0;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container .layout9 .margin.a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container .layout9 .margin.a2 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (min-width:  1280px ), only screen and (max-width:  1279px ) and (min-width:  1025px ), only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .gridlayout-container.margin .layout9 .a1 {
    margin: 0 5px 0 0;
  }
  .gridlayout-container.margin .layout9 .a2 {
    margin: 0 0 0 5px;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ), only screen and (max-width:  767px ) {
  .gridlayout-container.margin.forcemobile .layout9 .a1,
  .gridlayout-container.margin.forcemobile .layout9 .a2,
  .gridlayout-container.margin.forcemobile .layout9 .a3,
  .gridlayout-container.margin.forcemobile .layout9 .a4,
  .gridlayout-container.margin.forcemobile .layout9 .a5,
  .gridlayout-container.margin.forcemobile .layout9 .a6,
  .gridlayout-container.margin.forcemobile .layout9 .a7,
  .gridlayout-container.margin.forcemobile .layout9 .a8,
  .gridlayout-container.margin.forcemobile .layout9 .a9,
  .gridlayout-container.margin.forcemobile .layout9 .a10,
  .gridlayout-container.margin.forcemobile .layout9 .a11,
  .gridlayout-container.margin.forcemobile .layout9 .a12,
  .gridlayout-container.margin.forcemobile .layout9 .a13,
  .gridlayout-container.margin.forcemobile .layout9 .a14,
  .gridlayout-container.margin.forcemobile .layout9 .a15,
  .gridlayout-container.margin.forcemobile .layout9 .a16,
  .gridlayout-container.margin.forcemobile .layout9 .a17,
  .gridlayout-container.margin.forcemobile .layout9 .a18,
  .gridlayout-container.margin.forcemobile .layout9 .a19,
  .gridlayout-container.margin.forcemobile .layout9 .a20 {
    margin: 5px 0;
  }
}
.layout1 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  -ms-grid-rows: 0.5fr 0.5fr;
}
.layout1 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout1 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout1 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout1 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout1 .a3 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout1 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout1 .a4 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout1 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
.layout1 .a5 {
  grid-column: 5 / span 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a5 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
  }
}
.mobile.forcemobile .layout1 .a5 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 5;
  -ms-grid-row: 5;
}
.layout1 .a6 {
  grid-column: 6 / span 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a6 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 6;
    -ms-grid-row: 6;
  }
}
.mobile.forcemobile .layout1 .a6 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 6;
  -ms-grid-row: 6;
}
.layout1 .a7 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a7 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 7;
    -ms-grid-row: 7;
  }
}
.mobile.forcemobile .layout1 .a7 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 7;
  -ms-grid-row: 7;
}
.layout1 .a8 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a8 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 8;
    -ms-grid-row: 8;
  }
}
.mobile.forcemobile .layout1 .a8 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 8;
  -ms-grid-row: 8;
}
.layout1 .a9 {
  grid-column: 3 / span 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a9 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 9;
    -ms-grid-row: 9;
  }
}
.mobile.forcemobile .layout1 .a9 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 9;
  -ms-grid-row: 9;
}
.layout1 .a10 {
  grid-column: 5 / span 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 / 2);
}
@media only screen and (max-width:  767px ) {
  .layout1 .a10 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 10;
    -ms-grid-row: 10;
  }
}
.mobile.forcemobile .layout1 .a10 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 10;
  -ms-grid-row: 10;
}
@media only screen and (max-width:  767px ) {
  .layout1 {
    display: block;
    width: 100%;
    height: calc(10* 100vw);
  }
  .layout1 .a1,
  .layout1 .a2,
  .layout1 .a3,
  .layout1 .a4,
  .layout1 .a5,
  .layout1 .a6,
  .layout1 .a7,
  .layout1 .a8,
  .layout1 .a9,
  .layout1 .a10 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout1 {
  display: block;
  width: 100%;
  height: calc(10* 100vw);
}
.mobile .forcemobile .layout1 .a1,
.mobile .forcemobile .layout1 .a2,
.mobile .forcemobile .layout1 .a3,
.mobile .forcemobile .layout1 .a4,
.mobile .forcemobile .layout1 .a5,
.mobile .forcemobile .layout1 .a6,
.mobile .forcemobile .layout1 .a7,
.mobile .forcemobile .layout1 .a8,
.mobile .forcemobile .layout1 .a9,
.mobile .forcemobile .layout1 .a10 {
  height: calc(100vw);
}
.layout1 .a11,
.layout1 .a12,
.layout1 .a13,
.layout1 .a14,
.layout1 .a15,
.layout1 .a16,
.layout1 .a17,
.layout1 .a18,
.layout1 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout1 .a1,
  .dnn_layoutB .layout1 .a2,
  .dnn_layoutB .layout1 .a3,
  .dnn_layoutB .layout1 .a4,
  .dnn_layoutB .layout1 .a5,
  .dnn_layoutB .layout1 .a6,
  .dnn_layoutB .layout1 .a7,
  .dnn_layoutB .layout1 .a8,
  .dnn_layoutB .layout1 .a9,
  .dnn_layoutB .layout1 .a10 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout1 .a1,
  .dnn_layoutB .layout1 .a2,
  .dnn_layoutB .layout1 .a3,
  .dnn_layoutB .layout1 .a4,
  .dnn_layoutB .layout1 .a5,
  .dnn_layoutB .layout1 .a6,
  .dnn_layoutB .layout1 .a7,
  .dnn_layoutB .layout1 .a8,
  .dnn_layoutB .layout1 .a9,
  .dnn_layoutB .layout1 .a10 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout1 .a1,
  .dnn_layoutB .layout1 .a2,
  .dnn_layoutB .layout1 .a3,
  .dnn_layoutB .layout1 .a4,
  .dnn_layoutB .layout1 .a5,
  .dnn_layoutB .layout1 .a6,
  .dnn_layoutB .layout1 .a7,
  .dnn_layoutB .layout1 .a8,
  .dnn_layoutB .layout1 .a9,
  .dnn_layoutB .layout1 .a10 {
    height: calc((980px - 2*30px)/6);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout1 .a1,
  .dnn_layoutB .layout1 .a2,
  .dnn_layoutB .layout1 .a3,
  .dnn_layoutB .layout1 .a4,
  .dnn_layoutB .layout1 .a5,
  .dnn_layoutB .layout1 .a6,
  .dnn_layoutB .layout1 .a7,
  .dnn_layoutB .layout1 .a8,
  .dnn_layoutB .layout1 .a9,
  .dnn_layoutB .layout1 .a10 {
    height: calc((100vw - 2*30px)/6);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout1 {
    height: calc(10* (100vw - 2*20px));
  }
  .dnn_layoutB .layout1 .a1,
  .dnn_layoutB .layout1 .a2,
  .dnn_layoutB .layout1 .a3,
  .dnn_layoutB .layout1 .a4,
  .dnn_layoutB .layout1 .a5,
  .dnn_layoutB .layout1 .a6,
  .dnn_layoutB .layout1 .a7,
  .dnn_layoutB .layout1 .a8,
  .dnn_layoutB .layout1 .a9,
  .dnn_layoutB .layout1 .a10 {
    height: calc(100vw - 2*20px);
  }
}
.layout2 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  -ms-grid-rows: 0.5fr 0.5fr;
}
.layout2 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout2 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout2 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout2 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout2 .a3 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout2 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout2 .a4 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout2 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
.layout2 .a5 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a5 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
  }
}
.mobile.forcemobile .layout2 .a5 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 5;
  -ms-grid-row: 5;
}
.layout2 .a6 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a6 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 6;
    -ms-grid-row: 6;
  }
}
.mobile.forcemobile .layout2 .a6 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 6;
  -ms-grid-row: 6;
}
.layout2 .a7 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a7 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 7;
    -ms-grid-row: 7;
  }
}
.mobile.forcemobile .layout2 .a7 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 7;
  -ms-grid-row: 7;
}
.layout2 .a8 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout2 .a8 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 8;
    -ms-grid-row: 8;
  }
}
.mobile.forcemobile .layout2 .a8 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 8;
  -ms-grid-row: 8;
}
@media only screen and (max-width:  767px ) {
  .layout2 {
    display: block;
    width: 100%;
    height: calc(8* 100vw);
  }
  .layout2 .a1,
  .layout2 .a2,
  .layout2 .a3,
  .layout2 .a4,
  .layout2 .a5,
  .layout2 .a6,
  .layout2 .a7,
  .layout2 .a8 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout2 {
  display: block;
  width: 100%;
  height: calc(8* 100vw);
}
.mobile .forcemobile .layout2 .a1,
.mobile .forcemobile .layout2 .a2,
.mobile .forcemobile .layout2 .a3,
.mobile .forcemobile .layout2 .a4,
.mobile .forcemobile .layout2 .a5,
.mobile .forcemobile .layout2 .a6,
.mobile .forcemobile .layout2 .a7,
.mobile .forcemobile .layout2 .a8 {
  height: calc(100vw);
}
.layout2 .a9,
.layout2 .a10,
.layout2 .a11,
.layout2 .a12,
.layout2 .a13,
.layout2 .a14,
.layout2 .a15,
.layout2 .a16,
.layout2 .a17,
.layout2 .a18,
.layout2 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout2 .a1,
  .dnn_layoutB .layout2 .a2,
  .dnn_layoutB .layout2 .a3,
  .dnn_layoutB .layout2 .a4,
  .dnn_layoutB .layout2 .a5,
  .dnn_layoutB .layout2 .a6,
  .dnn_layoutB .layout2 .a7,
  .dnn_layoutB .layout2 .a8 {
    height: calc(1170px/4);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout2 .a1,
  .dnn_layoutB .layout2 .a2,
  .dnn_layoutB .layout2 .a3,
  .dnn_layoutB .layout2 .a4,
  .dnn_layoutB .layout2 .a5,
  .dnn_layoutB .layout2 .a6,
  .dnn_layoutB .layout2 .a7,
  .dnn_layoutB .layout2 .a8 {
    height: calc(1170px/4);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout2 .a1,
  .dnn_layoutB .layout2 .a2,
  .dnn_layoutB .layout2 .a3,
  .dnn_layoutB .layout2 .a4,
  .dnn_layoutB .layout2 .a5,
  .dnn_layoutB .layout2 .a6,
  .dnn_layoutB .layout2 .a7,
  .dnn_layoutB .layout2 .a8 {
    height: calc((980px - 2*30px)/4);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout2 .a1,
  .dnn_layoutB .layout2 .a2,
  .dnn_layoutB .layout2 .a3,
  .dnn_layoutB .layout2 .a4,
  .dnn_layoutB .layout2 .a5,
  .dnn_layoutB .layout2 .a6,
  .dnn_layoutB .layout2 .a7,
  .dnn_layoutB .layout2 .a8 {
    height: calc((100vw - 2*30px)/4);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout2 {
    height: calc(8* (100vw - 2*20px));
  }
  .dnn_layoutB .layout2 .a1,
  .dnn_layoutB .layout2 .a2,
  .dnn_layoutB .layout2 .a3,
  .dnn_layoutB .layout2 .a4,
  .dnn_layoutB .layout2 .a5,
  .dnn_layoutB .layout2 .a6,
  .dnn_layoutB .layout2 .a7,
  .dnn_layoutB .layout2 .a8 {
    height: calc(100vw - 2*20px);
  }
}
.layout3 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  -ms-grid-rows: 0.5fr 0.5fr;
}
.layout3 .a1 {
  grid-column: 1 / span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout3 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout3 .a2 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout3 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout3 .a3 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout3 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout3 .a4 {
  grid-column: 5 / span 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout3 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
.layout3 .a5 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a5 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
  }
}
.mobile.forcemobile .layout3 .a5 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 5;
  -ms-grid-row: 5;
}
.layout3 .a6 {
  grid-column: 5 / span 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a6 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 6;
    -ms-grid-row: 6;
  }
}
.mobile.forcemobile .layout3 .a6 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 6;
  -ms-grid-row: 6;
}
.layout3 .a7 {
  grid-column: 6 / span 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout3 .a7 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 7;
    -ms-grid-row: 7;
  }
}
.mobile.forcemobile .layout3 .a7 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 7;
  -ms-grid-row: 7;
}
@media only screen and (max-width:  767px ) {
  .layout3 {
    display: block;
    width: 100%;
    height: calc(7* 100vw);
  }
  .layout3 .a1,
  .layout3 .a2,
  .layout3 .a3,
  .layout3 .a4,
  .layout3 .a5,
  .layout3 .a6,
  .layout3 .a7 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout3 {
  display: block;
  width: 100%;
  height: calc(7* 100vw);
}
.mobile .forcemobile .layout3 .a1,
.mobile .forcemobile .layout3 .a2,
.mobile .forcemobile .layout3 .a3,
.mobile .forcemobile .layout3 .a4,
.mobile .forcemobile .layout3 .a5,
.mobile .forcemobile .layout3 .a6,
.mobile .forcemobile .layout3 .a7 {
  height: calc(100vw);
}
.layout3 .a8,
.layout3 .a9,
.layout3 .a10,
.layout3 .a11,
.layout3 .a12,
.layout3 .a13,
.layout3 .a14,
.layout3 .a15,
.layout3 .a16,
.layout3 .a17,
.layout3 .a18,
.layout3 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout3 .a1,
  .dnn_layoutB .layout3 .a2,
  .dnn_layoutB .layout3 .a7 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout3 .a1,
  .dnn_layoutB .layout3 .a2,
  .dnn_layoutB .layout3 .a7 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout3 .a1,
  .dnn_layoutB .layout3 .a2,
  .dnn_layoutB .layout3 .a7 {
    height: calc((980px - 2*30px)/6*2);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout3 .a1,
  .dnn_layoutB .layout3 .a2,
  .dnn_layoutB .layout3 .a7 {
    height: calc((100vw - 2*30px)/6*2);
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout3 .a3,
  .dnn_layoutB .layout3 .a4,
  .dnn_layoutB .layout3 .a5,
  .dnn_layoutB .layout3 .a6 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout3 .a3,
  .dnn_layoutB .layout3 .a4,
  .dnn_layoutB .layout3 .a5,
  .dnn_layoutB .layout3 .a6 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout3 .a3,
  .dnn_layoutB .layout3 .a4,
  .dnn_layoutB .layout3 .a5,
  .dnn_layoutB .layout3 .a6 {
    height: calc((980px - 2*30px)/6);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout3 .a3,
  .dnn_layoutB .layout3 .a4,
  .dnn_layoutB .layout3 .a5,
  .dnn_layoutB .layout3 .a6 {
    height: calc((100vw - 2*30px)/6);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout3 {
    height: calc(7* (100vw - 2*20px));
  }
  .dnn_layoutB .layout3 .a1,
  .dnn_layoutB .layout3 .a2,
  .dnn_layoutB .layout3 .a3,
  .dnn_layoutB .layout3 .a4,
  .dnn_layoutB .layout3 .a5,
  .dnn_layoutB .layout3 .a6,
  .dnn_layoutB .layout3 .a7 {
    height: calc(100vw - 2*20px);
  }
}
.layout4 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  -ms-grid-rows: 0.5fr 0.5fr;
}
.layout4 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout4 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout4 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout4 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout4 .a3 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout4 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout4 .a4 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout4 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
.layout4 .a5 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a5 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
  }
}
.mobile.forcemobile .layout4 .a5 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 5;
  -ms-grid-row: 5;
}
.layout4 .a6 {
  grid-column: 4 / span 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a6 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 6;
    -ms-grid-row: 6;
  }
}
.mobile.forcemobile .layout4 .a6 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 6;
  -ms-grid-row: 6;
}
.layout4 .a7 {
  grid-column: 6 / span 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2);
}
@media only screen and (max-width:  767px ) {
  .layout4 .a7 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 7;
    -ms-grid-row: 7;
  }
}
.mobile.forcemobile .layout4 .a7 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 7;
  -ms-grid-row: 7;
}
@media only screen and (max-width:  767px ) {
  .layout4 {
    display: block;
    width: 100%;
    height: calc(7* 100vw);
  }
  .layout4 .a1,
  .layout4 .a2,
  .layout4 .a3,
  .layout4 .a4,
  .layout4 .a5,
  .layout4 .a6,
  .layout4 .a7 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout4 {
  display: block;
  width: 100%;
  height: calc(7* 100vw);
}
.mobile .forcemobile .layout4 .a1,
.mobile .forcemobile .layout4 .a2,
.mobile .forcemobile .layout4 .a3,
.mobile .forcemobile .layout4 .a4,
.mobile .forcemobile .layout4 .a5,
.mobile .forcemobile .layout4 .a6,
.mobile .forcemobile .layout4 .a7 {
  height: calc(100vw);
}
.layout4 .a8,
.layout4 .a9,
.layout4 .a10,
.layout4 .a11,
.layout4 .a12,
.layout4 .a13,
.layout4 .a14,
.layout4 .a15,
.layout4 .a16,
.layout4 .a17,
.layout4 .a18,
.layout4 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout4 .a5,
  .dnn_layoutB .layout4 .a6,
  .dnn_layoutB .layout4 .a7 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout4 .a5,
  .dnn_layoutB .layout4 .a6,
  .dnn_layoutB .layout4 .a7 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout4 .a5,
  .dnn_layoutB .layout4 .a6,
  .dnn_layoutB .layout4 .a7 {
    height: calc((980px - 2*30px)/6*2);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout4 .a5,
  .dnn_layoutB .layout4 .a6,
  .dnn_layoutB .layout4 .a7 {
    height: calc((100vw - 2*30px)/6*2);
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout4 .a1,
  .dnn_layoutB .layout4 .a2,
  .dnn_layoutB .layout4 .a3,
  .dnn_layoutB .layout4 .a4 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout4 .a1,
  .dnn_layoutB .layout4 .a2,
  .dnn_layoutB .layout4 .a3,
  .dnn_layoutB .layout4 .a4 {
    height: calc(1170px/6);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout4 .a1,
  .dnn_layoutB .layout4 .a2,
  .dnn_layoutB .layout4 .a3,
  .dnn_layoutB .layout4 .a4 {
    height: calc((980px - 2*30px)/6);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout4 .a1,
  .dnn_layoutB .layout4 .a2,
  .dnn_layoutB .layout4 .a3,
  .dnn_layoutB .layout4 .a4 {
    height: calc((100vw - 2*30px)/6);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout4 {
    height: calc(7* (100vw - 2*20px));
  }
  .dnn_layoutB .layout4 .a1,
  .dnn_layoutB .layout4 .a2,
  .dnn_layoutB .layout4 .a3,
  .dnn_layoutB .layout4 .a4,
  .dnn_layoutB .layout4 .a5,
  .dnn_layoutB .layout4 .a6,
  .dnn_layoutB .layout4 .a7 {
    height: calc(100vw - 2*20px);
  }
}
.layout5 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 0.5fr 0.5fr;
  -ms-grid-rows: 0.5fr 0.5fr;
}
.layout5 .a1 {
  grid-column: 1 / span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout5 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout5 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout5 .a2 {
  grid-column: 1 / span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout5 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout5 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout5 .a3 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout5 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout5 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout5 .a4 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 2 / span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  height: calc(100vw/6*2 /2);
}
@media only screen and (max-width:  767px ) {
  .layout5 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout5 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
.layout5 .a5 {
  grid-column: 4 / span 3;
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  height: calc(100vw/6*2 /1);
}
@media only screen and (max-width:  767px ) {
  .layout5 .a5 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
  }
}
.mobile.forcemobile .layout5 .a5 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 5;
  -ms-grid-row: 5;
}
@media only screen and (max-width:  767px ) {
  .layout5 {
    display: block;
    width: 100%;
    height: calc(5* 100vw);
  }
  .layout5 .a1,
  .layout5 .a2,
  .layout5 .a3,
  .layout5 .a4,
  .layout5 .a5 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout5 {
  display: block;
  width: 100%;
  height: calc(5* 100vw);
}
.mobile .forcemobile .layout5 .a1,
.mobile .forcemobile .layout5 .a2,
.mobile .forcemobile .layout5 .a3,
.mobile .forcemobile .layout5 .a4,
.mobile .forcemobile .layout5 .a5 {
  height: calc(100vw);
}
.layout5 .a6,
.layout5 .a7,
.layout5 .a8,
.layout5 .a9,
.layout5 .a10,
.layout5 .a11,
.layout5 .a12,
.layout5 .a13,
.layout5 .a14,
.layout5 .a15,
.layout5 .a16,
.layout5 .a17,
.layout5 .a18,
.layout5 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout5 .a5 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout5 .a5 {
    height: calc(1170px/6*2);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout5 .a5 {
    height: calc((980px - 2*30px)/6*2);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout5 .a5 {
    height: calc((100vw - 2*30px)/6*2);
  }
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout5 .a1,
  .dnn_layoutB .layout5 .a2,
  .dnn_layoutB .layout5 .a3,
  .dnn_layoutB .layout5 .a4 {
    height: calc(1170px/6*1);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout5 .a1,
  .dnn_layoutB .layout5 .a2,
  .dnn_layoutB .layout5 .a3,
  .dnn_layoutB .layout5 .a4 {
    height: calc(1170px/6*1);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout5 .a1,
  .dnn_layoutB .layout5 .a2,
  .dnn_layoutB .layout5 .a3,
  .dnn_layoutB .layout5 .a4 {
    height: calc((980px - 2*30px)/6*1);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout5 .a1,
  .dnn_layoutB .layout5 .a2,
  .dnn_layoutB .layout5 .a3,
  .dnn_layoutB .layout5 .a4 {
    height: calc((100vw - 2*30px)/6*1);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout5 {
    height: calc(5* (100vw - 2*20px));
  }
  .dnn_layoutB .layout5 .a1,
  .dnn_layoutB .layout5 .a2,
  .dnn_layoutB .layout5 .a3,
  .dnn_layoutB .layout5 .a4,
  .dnn_layoutB .layout5 .a5 {
    height: calc(100vw - 2*20px);
  }
}
.layout6 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: calc(100vw/5*1);
}
.layout6 .a1 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/5);
}
@media only screen and (max-width:  767px ) {
  .layout6 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout6 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
@media only screen and (max-width:  767px ) {
  .layout6 {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
    height: calc(100vw*1);
  }
  .layout6 .a1 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout6 {
  grid-template-columns: 1fr;
  -ms-grid-columns: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  height: calc(100vw*1);
}
.mobile .forcemobile .layout6 .a1 {
  height: calc(100vw);
}
.layout6 .a2,
.layout6 .a3,
.layout6 .a4,
.layout6 .a5,
.layout6 .a6,
.layout6 .a7,
.layout6 .a8,
.layout6 .a9,
.layout6 .a10,
.layout6 .a11,
.layout6 .a12,
.layout6 .a13,
.layout6 .a14,
.layout6 .a15,
.layout6 .a16,
.layout6 .a17,
.layout6 .a18,
.layout6 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout6,
  .dnn_layoutB .layout6 .a1 {
    height: calc(1170px/5*1);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout6,
  .dnn_layoutB .layout6 .a1 {
    height: calc(1170px/5*1);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout6,
  .dnn_layoutB .layout6 .a1 {
    height: calc((980px - 2*30px)/5);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout6,
  .dnn_layoutB .layout6 .a1 {
    height: calc((100vw - 2*30px)/5);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout6 {
    height: calc(1* (100vw - 2*20px));
  }
  .dnn_layoutB .layout6 .a1 {
    height: calc(100vw - 2*20px);
  }
}
.layout7 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
}
.layout7 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/3);
}
@media only screen and (max-width:  767px ) {
  .layout7 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout7 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout7 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/3);
}
@media only screen and (max-width:  767px ) {
  .layout7 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout7 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout7 .a3 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/3);
}
@media only screen and (max-width:  767px ) {
  .layout7 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout7 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
@media only screen and (max-width:  767px ) {
  .layout7 {
    display: block;
    width: 100%;
    height: calc(3* 100vw);
  }
  .layout7 .a1,
  .layout7 .a2,
  .layout7 .a3 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout7 {
  display: block;
  width: 100%;
  height: calc(3* 100vw);
}
.mobile .forcemobile .layout7 .a1,
.mobile .forcemobile .layout7 .a2,
.mobile .forcemobile .layout7 .a3 {
  height: calc(100vw);
}
.layout7 .a4,
.layout7 .a5,
.layout7 .a6,
.layout7 .a7,
.layout7 .a8,
.layout7 .a9,
.layout7 .a10,
.layout7 .a11,
.layout7 .a12,
.layout7 .a13,
.layout7 .a14,
.layout7 .a15,
.layout7 .a16,
.layout7 .a17,
.layout7 .a18,
.layout7 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout7 .a1,
  .dnn_layoutB .layout7 .a2,
  .dnn_layoutB .layout7 .a3 {
    height: calc(1170px/3*1);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout7 .a1,
  .dnn_layoutB .layout7 .a2,
  .dnn_layoutB .layout7 .a3 {
    height: calc(1170px/3*1);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout7 .a1,
  .dnn_layoutB .layout7 .a2,
  .dnn_layoutB .layout7 .a3 {
    height: calc((980px - 2*30px)/3);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout7 .a1,
  .dnn_layoutB .layout7 .a2,
  .dnn_layoutB .layout7 .a3 {
    height: calc((100vw - 2*30px)/3);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout7 {
    height: calc(3* (100vw - 2*20px));
  }
  .dnn_layoutB .layout7 .a1,
  .dnn_layoutB .layout7 .a2,
  .dnn_layoutB .layout7 .a3 {
    height: calc(100vw - 2*20px);
  }
}
.layout8 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
}
.layout8 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout8 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout8 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout8 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout8 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout8 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
.layout8 .a3 {
  grid-column: 3 / span 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout8 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
.mobile.forcemobile .layout8 .a3 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 3;
  -ms-grid-row: 3;
}
.layout8 .a4 {
  grid-column: 4 / span 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(100vw/4);
}
@media only screen and (max-width:  767px ) {
  .layout8 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
.mobile.forcemobile .layout8 .a4 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 4;
  -ms-grid-row: 4;
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ), only screen and (max-width:  991px ) and (min-width:  768px ) {
  .layout8 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-rows: 0.5fr 0.5fr;
    -ms-grid-rows: 0.5fr 0.5fr;
  }
  .layout8 .a1 {
    grid-column: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    height: calc(100vw/2);
  }
  .mobile.forcemobile .layout8 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
  .layout8 .a2 {
    grid-column: 2 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    height: calc(100vw/2);
  }
  .mobile.forcemobile .layout8 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
  .layout8 .a3 {
    grid-column: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    height: calc(100vw/2);
  }
  .mobile.forcemobile .layout8 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
  .layout8 .a4 {
    grid-column: 2 / span 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    height: calc(100vw/2);
  }
  .mobile.forcemobile .layout8 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) and only screen and (max-width:  767px ), only screen and (max-width:  991px ) and (min-width:  768px ) and only screen and (max-width:  767px ) {
  .layout8 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) and only screen and (max-width:  767px ), only screen and (max-width:  991px ) and (min-width:  768px ) and only screen and (max-width:  767px ) {
  .layout8 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) and only screen and (max-width:  767px ), only screen and (max-width:  991px ) and (min-width:  768px ) and only screen and (max-width:  767px ) {
  .layout8 .a3 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 3;
    -ms-grid-row: 3;
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) and only screen and (max-width:  767px ), only screen and (max-width:  991px ) and (min-width:  768px ) and only screen and (max-width:  767px ) {
  .layout8 .a4 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 4;
    -ms-grid-row: 4;
  }
}
@media only screen and (max-width:  767px ) {
  .layout8 {
    display: block;
    width: 100%;
    height: calc(4* 100vw);
  }
  .layout8 .a1,
  .layout8 .a2,
  .layout8 .a3,
  .layout8 .a4 {
    height: calc(100vw);
  }
}
.mobile .forcemobile .layout8 {
  display: block;
  width: 100%;
  height: calc(4* 100vw);
}
.mobile .forcemobile .layout8 .a1,
.mobile .forcemobile .layout8 .a2,
.mobile .forcemobile .layout8 .a3,
.mobile .forcemobile .layout8 .a4 {
  height: calc(100vw);
}
.layout8 .a5,
.layout8 .a6,
.layout8 .a7,
.layout8 .a8,
.layout8 .a9,
.layout8 .a10,
.layout8 .a11,
.layout8 .a12,
.layout8 .a13,
.layout8 .a14,
.layout8 .a15,
.layout8 .a16,
.layout8 .a17,
.layout8 .a18,
.layout8 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout8 .a1,
  .dnn_layoutB .layout8 .a2,
  .dnn_layoutB .layout8 .a3,
  .dnn_layoutB .layout8 .a4 {
    height: calc(1170px/4*1);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout8 .a1,
  .dnn_layoutB .layout8 .a2,
  .dnn_layoutB .layout8 .a3,
  .dnn_layoutB .layout8 .a4 {
    height: calc(1170px/4*1);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout8 {
    height: calc(4* (100vw - 2*20px));
  }
  .dnn_layoutB .layout8 .a1,
  .dnn_layoutB .layout8 .a2,
  .dnn_layoutB .layout8 .a3,
  .dnn_layoutB .layout8 .a4 {
    height: calc(100vw - 2*20px);
  }
}
.layout9 {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
}
.layout9 .a1 {
  grid-column: 1 / span 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(9/16*100vw/2);
}
@media only screen and (max-width:  767px ) {
  .layout9 .a1 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
  }
}
.mobile.forcemobile .layout9 .a1 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 1;
  -ms-grid-row: 1;
}
.layout9 .a2 {
  grid-column: 2 / span 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 1 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  height: calc(9/16*100vw/2);
}
@media only screen and (max-width:  767px ) {
  .layout9 .a2 {
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2;
  }
}
.mobile.forcemobile .layout9 .a2 {
  grid-column: 1;
  -ms-grid-column: 1;
  grid-row: 2;
  -ms-grid-row: 2;
}
@media only screen and (max-width:  767px ) {
  .layout9 {
    display: block;
    width: 100%;
    height: calc(2* 9/16*100vw);
  }
  .layout9 .a1,
  .layout9 .a2 {
    height: calc(9/16*100vw);
  }
}
.mobile .forcemobile .layout9 {
  display: block;
  width: 100%;
  height: calc(2* 9/16*100vw);
}
.mobile .forcemobile .layout9 .a1,
.mobile .forcemobile .layout9 .a2 {
  height: calc(9/16*100vw);
}
.layout9 .a3,
.layout9 .a4,
.layout9 .a5,
.layout9 .a6,
.layout9 .a7,
.layout9 .a8,
.layout9 .a9,
.layout9 .a10,
.layout9 .a11,
.layout9 .a12,
.layout9 .a13,
.layout9 .a14,
.layout9 .a15,
.layout9 .a16,
.layout9 .a17,
.layout9 .a18,
.layout9 .a19 {
  display: none;
}
@media only screen and (min-width:  1280px ) {
  .dnn_layoutB .layout9 .a1,
  .dnn_layoutB .layout9 .a2 {
    height: calc(9/16* 1170px/2);
  }
}
@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {
  .dnn_layoutB .layout9 .a1,
  .dnn_layoutB .layout9 .a2 {
    height: calc(9/16* 1170px/2);
  }
}
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {
  .dnn_layoutB .layout9 .a1,
  .dnn_layoutB .layout9 .a2 {
    height: calc((9/16* 980px - 2*30px)/2);
  }
}
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
  .dnn_layoutB .layout9 .a1,
  .dnn_layoutB .layout9 .a2 {
    height: calc(9/16* (100vw - 2*30px)/2);
  }
}
@media only screen and (max-width:  767px ) {
  .dnn_layoutB .layout9 {
    height: calc(2* 9/16* (100vw - 2*20px));
  }
  .dnn_layoutB .layout9 .a1,
  .dnn_layoutB .layout9 .a2 {
    height: calc(9/16* (100vw - 2*20px));
  }
}


.cookie-information-bar {
    display: none;
    position: fixed;
	bottom: 0;
	
    z-index: 1000;
    width: 100%;
    min-width: 980px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
	
    /* color: #1E1E1E; */
    /* background-color: #E3E0D9; */
	
	color: #000;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	height: 117px;
}

.cookie-information-content {
    position: relative;
    width: 940px;
    padding: 20px;
    margin: 0 auto;
}
.cookie-information-text {margin-bottom: 0px;}
.cookie-information-text a {
    line-height: 20px;
    text-decoration: underline;
    color: #1E1E1E;
}
.cookie-information-content #cookie-confirm-fake,
.cookie-information-content #cookie-confirm-fake-sub {
    visibility: hidden;
    float: right;
    margin-left: 20px;
    background-color: #848685;
    background-image: -o-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -moz-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -webkit-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -ms-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: linear-gradient(-180deg, #A9A8A4 0, #676662 100%);
}
.cookie-information-content #cookie-confirm-fake-sub {
    display:none;
    margin-top:-32px;
}
.cookie-information-content #cookie-confirm {

	/*
    position: absolute;
    right: 20px;
    top: 50px;
    color: white;

    padding: 5px;
    background-color: #848685;
    background-image: -o-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -moz-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -webkit-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: -ms-linear-gradient(-90deg, #A9A8A4 0, #676662 100%);
    background-image: linear-gradient(-180deg, #A9A8A4 0, #676662 100%);
	*/
}

@media only screen and (max-width:  1279px ) and (min-width:  1025px ) {} 
@media only screen and (max-width:  1024px ) and (min-width:  992px ) {} 
@media only screen and (max-width:  991px ) and (min-width:  768px ) {
	
	.cookie-information-bar {
        min-width: 0;
	}
    .cookie-information-content {
        width: 100%;
    }

}

/* Cookie Information Bar -- End */
@media (max-width: 767px) {
    .link-appearance-default-link-appearance-default-web {
        display: none !important;
    }

    .cookie-information-bar {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: 0 20px;
        font-size: 12px;
        line-height: 14px;
    }

    .cookie-information-content {
        position: relative;
        width: 100%;
        padding: 20px 0;
    }

    .cookie-information-text {
        margin-bottom: 0px;
    }

    .cookie-information-text a {
        line-height: 18px;
    }

    .cookie-information-content #cookie-confirm-fake {
        display: none;
        margin-left: 3%;
    }

    .cookie-information-content #cookie-confirm-fake-sub {
        display: block;
        margin-left: 3%;
    }

    .cookie-information-content #cookie-confirm {
        right: 0;
        /*bottom: 0;*/
    }
} /* media */

@media (max-width: 418px) {
	.cookie-information-content #cookie-confirm {
		top: 60px;
	}
}


.customfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}