/* Arrow animation css */
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0);
        /* IE 9 */
        -webkit-transform: translateY(0);
        /* Safari */
        transform: translateY(0);
    }

    40% {
        -ms-transform: translateY(-30px);
        /* IE 9 */
        -webkit-transform: translateY(-30px);
        /* Safari */
        transform: translateY(-30px);
    }

    60% {
        -ms-transform: translateY(-15px);
        /* IE 9 */
        -webkit-transform: translateY(-15px);
        /* Safari */
        transform: translateY(-15px);
    }
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.25;
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, Arial;
}

button, input, optgroup, select, textarea {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, Arial;
}

.d-flex-center {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#loader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 90000;
    top: 0;
}

    #loader.fadeOut {
        opacity: 0;
        visibility: hidden;
    }

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

.ps__rail-y {
    opacity: 0.6;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

* html .clearfix {
    height: 1%;
    display: block;
}

html {
    font-size: 100%;
    width: 100%;
    margin: 0 auto;
}
/* Headings ------------------------- */
h1, .h1 {
    font-size: 60px;
    line-height: 1.3em;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-size: 3em;
    font-weight: 200;
    line-height: 1.3;
    margin-bottom: 0.2em;
}

    h1.reduced, .h1.reduced {
        font-size: 44px;
        color: #000000;
        line-height: 1.4em;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-weight: 400;
    }

h2, .h2 {
    font-size: 20px;
    color: #555555;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    line-height: 1.2em;
}

    h2.title, .h2.title {
        font-size: 44px;
        line-height: 1.1em;
        padding-bottom: 0;
        color: #000;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-weight: 600;
    }

    h2.reduced, .h2.reduced {
        font-size: 24px;
        color: #898A91;
    }

h3, .h3 {
    font-size: 20px;
    color: #333333;
    line-height: 1.35296;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
}

.result-title {
    font-size: 20px;
    color: #333333;
    line-height: 1.45;
    font-family: "SF Pro Display",arial, sans-serif;
    font-weight: 500;
}

.result-text {
    font-size: 18px;
    color: #333333;
    line-height: 1.45;
    font-family: "SF Pro Display",arial, sans-serif;
    font-weight: 400;
}

h3.subtitle, .h3.subtitle {
    font-size: 32px;
    line-height: 1.3;
    padding-bottom: 6px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial;
    font-weight: 600;
    letter-spacing: .004em;
}

h3.subtitle26 {
    font-size: 26px;
}

h3.micon {
    color: #f78534;
    font-size: 200px;
    margin: 18px 0;
}

h3.subtitle.light, .h3.subtitle.light {
    font-size: 29px;
    line-height: 1.35;
    padding-bottom: 46px !important;
    color: #666666;
    font-family: "SF Pro Display",arial;
    font-weight: 200;
}

h2.boxtitle, h2.boxtitle a {
    font-size: 64px;
    color: #111111;
    margin-bottom: 10px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
}

    h2.boxtitle.light, h2.boxtitle.light a {
        font-size: 62px;
        color: #111111;
        margin-bottom: 10px;
        font-family: "SF Pro Display",arial;
        font-weight: 200;
    }

h2.boxtitle50 {
    font-size: 50px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 12px
}

h4 {
    font-size: 34px;
    font-weight: normal;
    color: #252525;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
}

    h4.subtitle, .h4.subtitle {
        font-size: 26px;
        line-height: 1.2;
        padding-bottom: 6px;
        color: #333333;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial;
        font-weight: 200;
    }

h5 {
    font-size: 16px;
    font-weight: normal;
    color: #898A91;
    line-height: 1.55em;
}

    h5.enlarged {
        font-size: 22px;
        font-weight: normal;
        color: #898A91;
        line-height: 1.55em;
    }

    h5.reduced {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        line-height: 1.55em;
    }

h6 {
    font-weight: normal;
    color: #333333;
    line-height: 1.45;
    font-size: 18px;
    font-family: "SF Pro Display",arial;
}

    h6.reduced {
        font-weight: normal;
        color: #333333;
        line-height: 1.55em;
        font-size: 12px;
    }

.areabg.textwhite h2.boxtitle, .areabg.textwhite h2.boxtitle a {
    color: #fafafa;
    margin-top: 32px;
}

.areabg.textwhite h3.subtitle, .areabg.textwhite .h3.subtitle, .areabg.textwhite h3 {
    color: #fafafa;
}

.p, p {
    color: #333;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial,sans-serif;
    font-size: 20px;
    line-height: 1.35296;
    font-weight: 400;
    letter-spacing: -.022em;
}

.areabg.textwhite p {
    color: #fafafa
}

.areabg {
    background-size: cover;
    background-position: center center;
}

    .areabg.padded {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .areabg.maxpadded {
        padding-top: 200px;
        padding-bottom: 200px;
    }

p {
    margin: 0 0 1.5em;
}

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

iframe {
    max-width: 100% !important
}

.tab_anchor_container {
    clear: both;
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 0;
    background-color: #fff;
    display: table;
}

    .tab_anchor_container > div {
        width: 100%;
        display: 100%;
        display: table;
    }

    .tab_anchor_container .tab_anchor {
        text-align: center;
        width: 14.25%;
        display: table-cell;
    }

        .tab_anchor_container .tab_anchor a.icon_blp_1 {
            background: url("../images/anchorbar/Grafico.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_2 {
            background: url("../images/anchorbar/Grafico.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_3 {
            background: url("../images/anchorbar/Scheda_Tecnica.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_4 {
            background: url("../images/anchorbar/INFO.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_5 {
            background: url("../images/anchorbar/Acquista_blu.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_6 {
            background: url("../images/anchorbar/Video.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_7 {
            background: url("../images/anchorbar/User_Experience.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_20 {
            background: url("../images/anchorbar/ICONE_drone.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_9 {
            background: url("../images/anchorbar/ICONE_drone.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_8 {
            background: url("../images/anchorbar/ico-academy.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_10 {
            background: url("../images/anchorbar/ico-droneb.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a.icon_blp_11 {
            background: url("../images/anchorbar/ico-accademyb.png") no-repeat scroll center top #F5F5F5;
        }

        .tab_anchor_container .tab_anchor a {
            background-color: #F5F5F5;
            color: #000000;
            display: block;
            font-size: 1.05em;
            font-weight: 400;
            height: 35px;
            line-height: 1.1;
            margin: 3px 3px 0 0;
            padding: 90px 0 5px;
            text-align: center;
            transition: none 0s ease 0s;
            text-decoration: none;
            box-sizing: unset;
        }

        .tab_anchor_container .tab_anchor.gray a:hover {
            background-position: center bottom;
        }

        .tab_anchor_container .tab_anchor.magenta a:hover {
            background-position: center bottom;
        }

        .tab_anchor_container .tab_anchor.blue a:hover, .tab_anchor_container .tab_anchor.gray.selected a {
            background-position: center bottom;
            background-color: #1E7AD2;
        }

        .tab_anchor_container .tab_anchor.blue a {
            background-color: #0088CC;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.magenta a {
            background-color: #C91EA0;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.brown a {
            background-color: #D25304;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.orange a {
            background-color: #DE8000;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.red a {
            background-color: #cc0100;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.cyano a {
            background-color: #017C77;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.green a {
            background-color: #258104;
            color: #fff;
        }

        .tab_anchor_container .tab_anchor.blackblue a {
            background-color: #0A75C5;
            color: #fff;
        }

.largebox.fixed .linebar, .largeboxb.fixed .linebar {
    display: block !important;
}

.nomargin {
    margin: 0 !important;
    margin-bottom: 0 !important;
}

.supportarea {
    margin-top: 16px;
}

    .supportarea h2 {
        color: #F78534;
        font-size: 26px;
        margin-bottom: 16px;
    }

        .supportarea h2.supporttitle {
            color: #5a5a5a;
            font-size: 22px;
            margin-bottom: 8px;
            font-weight: 400;
        }

    .supportarea .area {
        padding: 16px 48px 16px;
    }

        .supportarea .area a {
            line-height: 2.2;
            font-size: 15px;
        }

        .supportarea .area .largearea h3 {
            padding: 0;
        }

            .supportarea .area .largearea h3.subtitle {
                font-size: 16px;
                font-weight: 400;
                line-height: 1.3;
                color: #999999;
            }

.subbox_title, .subbox_titleb {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #333;
    line-height: 1.3;
}

.subbox_titleb {
    font-size: 15px;
    padding: 14px 12px 6px;
}

.subbox_subtitle {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    padding: 0 12px 12px;
    color: #666;
    line-height: 1.3;
}

.subbox .function_image {
    float: left;
    display: inline-block;
}

.subbox .function_title {
    text-align: left;
}

    .subbox .function_title a {
        color: #333;
        text-decoration: none;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 1.3;
    }

.area {
    padding: 60px 48px 40px;
    box-sizing: border-box;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.header_right #login-form {
    float: right;
}

.menu-wrap.row {
    margin-left: auto;
    margin-right: auto;
}

ul.list-group .list-group-item {
    font-size: 18px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .tparent {
        display: table;
        table-layout: fixed;
    }

    .tchild {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        float: none;
    }

    .loginp #left {
        border-right: 1px solid #cecece;
    }
}

.area.divider {
    background: url("../images/divider.png") no-repeat scroll center bottom transparent;
    background-size: contain;
}

.bggray {
    background: #f2f2f2;
}

.bggreen {
    background: #7DBA00;
}

.bgblue {
    background: ##585F3;
}

.area a, .area a:hover {
    text-decoration: none;
}

.area .rightarea {
    width: 59%;
    float: right;
}

.area .largearea {
    width: 100%;
    text-align: center;
}

    .area .largearea h3 {
        padding: 0 100px 10px;
    }

    .area .largearea img {
        padding-top: 30px;
    }

.area .leftarea {
    width: 39%;
    float: left;
}

.area .leftarea_75 {
    width: 73%;
    float: left;
}

.area .rightarea_25 {
    width: 24%;
    float: right;
}

.area .leftarea_25 {
    width: 24%;
    float: left;
}

.area .centerarea_50 {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.area .rightarea_75 {
    width: 75%;
    float: right;
}

.area .leftarea_60 {
    width: 59%;
    float: left;
}

.area .rightarea_40 {
    width: 39%;
    float: right;
}

    .area .rightarea_40 ul {
        padding-left: 12px;
    }

.area .leftarea_40 {
    width: 39%;
    float: left;
}

.area .rightarea_60 {
    width: 59%;
    float: right;
}

.display_none {
    display: none;
}

.tablespec {
    width: 100%;
    border: 1px solid #ccc;
}

.videocenter {
    width: 100%;
    height: 600px;
}

.tablespec .emea_spec_category {
    background-color: #f3f3f3;
    border-color: #ccc;
    padding: 8px;
}

.tablespec .emea_spec_description, .tablespec .emea_spec_value_1C {
    border-color: #ccc;
    padding: 8px;
}

.tablespec h3 {
    font-size: 12px;
}

.tablespec .emea_spec_category h3 {
    font-size: 14px;
    font-weight: bold;
    color: #777;
    padding: 0;
}

.tablespec .emea_spec_description h3, .tablespec .emea_spec_value_1C h3 {
    font-size: 14px;
    padding: 0;
}

a:link {
    text-decoration: none;
    outline: none;
    color: #0088cc
}

a:visited {
    text-decoration: none;
    color: #0088cc
}

a:hover {
    text-decoration: underline
}

strong {
    font-weight: 700;
}

sup, sub {
    line-height: 0;
}

hr {
    clear: both;
    margin: 15px 0 14px;
    border: none;
    border-bottom: 1px solid #DDDDDD;
    height: auto;
}

.circlefront {
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

    .circlefront .textbox {
        position: absolute;
    }

        .circlefront .textbox h1, .circlefront .textbox h2 {
            background-color: #d14240;
            margin: 0;
            color: #fff;
            padding: 10px 10px;
            font-size: 36px;
            display: inline-block;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
            font-weight: 600;
            font-weight: normal;
        }

        .circlefront .textbox h3 {
            background-color: rgba(66, 66, 66, 0.5);
            margin: 14px auto;
            color: #fff;
            font-size: 18px;
            padding: 7px 10px;
            display: inline-block;
        }

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.additional-images .floatleft {
    border: 1px solid #CCCCCC;
    float: left;
    height: 60px;
    margin: 1px;
    overflow: hidden;
    padding: 1px;
    vertical-align: middle;
    width: 70px;
}

.additional-images img {
    width: 70px !important;
}
/* Lists ------------------------------ */
li ul, li ol {
    margin: 0;
}

ul, ol {
    margin: 0 2em 1.5em 0;
    padding-left: 2.5em;
}

li {
    padding-top: .2em;
    padding-bottom: .2em
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li, ul.note li {
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 4px 0 3px 28px
}

ul.check li {
    background-image: url(../images/typo_check.png);
}

ul.arrow li {
    background-image: url(../images/typo_arrow.png);
}

ul.cross li {
    background-image: url(../images/typo_cross.png);
}

ul.light li {
    background-image: url(../images/typo_light.png);
}

ul.star li {
    background-image: url(../images/typo_star.png);
}

ul.note li {
    background-image: url(../images/typo_note.png);
}

ul.cursor {
    padding-left: 0;
    margin-right: 0;
}

    ul.cursor li:before {
        position: absolute;
        left: 0;
        content: " ";
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center left;
        background-size: contain;
        background-color: #39B54A;
        -webkit-mask-image: url("../images/ul-cursor.svg");
        mask-image: url("../images/ul-cursor.svg");
        -webkit-mask-size: contain;
        mask-size: contain;
        width: 26px;
        height: 26px;
    }

    ul.cursor li {
        list-style-type: none;
        background-repeat: no-repeat;
        background-position: center left;
        padding: 8px 0 16px 34px;
        position: relative;
    }

ul.padded {
    padding-left: 0;
}

    ul.padded li {
        padding-bottom: 20px;
        padding-top: 12px;
        padding-left: 30px;
        background-position: left 18px;
    }
/* Tables -------------------- */
table {
    margin-bottom: 0.8em;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: #eee;
    text-align: left
}

th, td, caption {
    padding: 0;
}

tr.even td {
    background: #eee;
}

caption {
    font-style: italic;
}

table.tableb h3 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

table.tableb img {
    padding-top: 0 !important;
}

table.tableb td {
    vertical-align: middle !important;
    padding-left: 16px;
}

.hide {
    display: none;
}
/* General Form Styles */
label {
    font-weight: normal;
    vertical-align: top;
    width: 160px;
    display: inline-block
}

fieldset {
    padding: 1.4em;
    margin: 1em 0 1.5em .2em;
    border: 1px dotted #ccc
}

legend {
    font-size: 1.5em;
    color: #777;
    border: 1px dotted #ccc;
    padding: 0.3em 1em 0.3em
}
/* Text fields */
.inputbox, input[type="text"], input[type="email"], input[type="password"] {
    color: #666;
    border: 1px solid #ccc;
    box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
    margin: 0 0.25em 0 0;
    padding: 5px 7px;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

    .inputbox:hover, .inputbox:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="password"]:hover, input[type="password"]:focus {
        background: #fff
    }

.fast-fact {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 3px solid #79ce00;
    display: flex;
    align-items: center;
    text-align: center;
}

    .fast-fact > div {
        margin: 0 auto;
    }

.div-fact {
    margin: 32px 0 32px;
}

.textwhite .fast-fact h4 {
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-weight: 200;
    line-height: 1;
    font-size: 32px;
}

.textwhite .fast-fact p {
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-weight: 200;
    margin-bottom: 0;
    font-size: 17px;
}

textarea {
    color: #777;
    border: 1px dotted #ccc;
    box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
    margin: 0 0.25em 0 0;
    padding: 7px;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

    textarea:hover, textarea:focus {
        background: #fff;
    }

select {
    color: #333;
    border: 1px dotted #ccc;
    box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
    padding: 3px 2px 3px 2px;
    outline: none;
}

    select option {
        color: #555;
        background: #fff;
    }

    select:focus {
    }
/* Other */
form p img {
    float: none;
    margin: 0;
    vertical-align: middle
}

.sisterror {
    background-color: #cc0000;
}

.success {
    background-color: #0088cc;
}
/* Success, Notice and Error Form Messages */
div.success, p.success, div.notice, p.notice, div.error, p.error {
    padding: .6em 1em 0.6em 3.4em;
    box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
    border: 1px solid #fff;
    margin-bottom: 2em;
}

div.success, p.success {
    color: #264409;
    background: #E6EFC2 url(../images/typo_success.png) no-repeat 10px center;
    border: 1px solid #CEE086;
}

div.notice, p.notice {
    color: #514721;
    background: #FFF6BF url(../images/typo_note.png) no-repeat 10px center;
    border: 1px solid #FFDE24;
}

div.error, p.error {
    color: #8A1F11;
    background: #FBE3E4 url(../images/typo_error.png) no-repeat 10px center;
    border: 1px solid #F5B7B8;
}

a.cart, button.cart {
    background: #A44322;
    background: -moz-linear-gradient(top, #CE552A, #A44322);
    background: -webkit-linear-gradient(top, #CE552A, #A44322);
    background: -ms-linear-gradient(top, #CE552A, #A44322);
    background: -o-linear-gradient(top, #CE552A, #A44322);
    background: linear-gradient(top, #CE552A, #A44322);
    border-color: #A44322
}

    a.cart:focus, button.cart:focus {
        background: #A44322;
    }

.cart span {
    display: inline-block;
    background-image: url(../images/cart.png);
    background-repeat: no-repeat;
    background-position: 3% 50%;
    margin: -1px 0 -1px -10px;
    padding: 1px 0 1px 26px;
}

a.cart span {
    margin-left: -2px
}

#promo .separator, #bottom .separator {
    position: relative;
    margin-right: 20px
}

#promo .moduletable, #bottom .moduletable {
    margin: 0
}

    #promo .moduletable h3.mod-title, #bottom .moduletable h3.mod-title {
        font-size: 1.5em;
        padding: 0;
        margin-bottom: 7px
    }

        #promo .moduletable h3.mod-title span, #bottom .moduletable h3.mod-title span {
            color: #999;
            font-family: Verdana, Geneva, sans-serif;
            display: block;
            font-size: 12px;
            line-height: 1.6em;
            margin-bottom: 10px;
            margin-top: -3px;
        }
/* on the "left" position */
.userprofilepop .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    right: 16px;
    top: -8px;
}

.userprofilepop {
    background-color: #fff;
    border: 1px solid #cccccc;
    cursor: default;
    display: none;
    margin-top: 16px;
    position: absolute;
    text-align: left;
    width: 300px;
    z-index: 50;
    padding: 12px;
    top: 36px;
    right: 0;
    border-radius: 3px;
    font-weight: normal;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

img#userprofilelink {
    width: 32px;
    border-radius: 100%;
    padding-top: 0;
    cursor: pointer;
}

img#userprofileavatar {
    width: 56px;
    border-radius: 100%;
    padding-top: 0;
    float: left;
    margin-right: 14px;
}

#footer .ac-gf-directory.with-5-columns .ac-gf-directory-column-section {
    width: 20% !important;
    position: relative;
    float: left;
}

#footer nav ul {
    list-style: outside none none;
    padding-left: 0;
}

#footer nav label {
    font-family: "SF Pro Display",arial,sans-serif;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.66667;
}

#footer nav a {
    font-family: "SF Pro Display",arial,sans-serif;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.2;
}

#footer nav li {
    padding: 0;
}

#footer .separator {
    padding-right: 25px;
}

#footer .moduletable {
    margin: 0 0 20px;
    color: #555;
}

h3.profilename {
    clear: none;
    padding-bottom: 0;
    font-size: 14px;
    margin-top: 8px;
}

h3.profilemail {
    clear: none;
    font-size: 14px;
    color: #777;
}

#site-content {
    position: relative;
    transition: top 300ms ease-out 0s;
}

#footer .moduletable h3.mod-title {
    color: #fff;
    background: #2E2E2E;
    box-shadow: 0 5px 5px #B2B2B2;
    border: 1px solid #eee;
    padding: 0;
    font-size: 1.25em;
    display: inline-block;
    padding: 2px 10px 3px;
    position: relative;
    text-shadow: 1px 1px 1px #000;
    margin: 0 0 14px
}

    #footer .moduletable h3.mod-title span {
        color: #ccc;
        font-family: Verdana, Geneva, sans-serif;
        display: block;
        font-size: 11px;
        line-height: 1.6em;
        margin-top: -4px;
    }

    #footer .moduletable h3.mod-title .col-module-header-arrow {
        position: absolute;
        bottom: -8px;
        left: 10px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 8px solid #2E2E2E;
    }

#footer .moduletable-style1 h3.mod-title {
    background-color: #A44322;
}

    #footer .moduletable-style1 h3.mod-title .col-module-header-arrow {
        border-top-color: #A44322
    }

    #footer .moduletable-style1 h3.mod-title span {
        color: #DEB094;
        text-shadow: none;
    }
/* -- Style 2 -- This is when you put a suffix on the module class sufixx parameter "-style1" so that you may have a different styled module */
#footer .moduletable-style2 h3.mod-title {
    background-color: #1D588A;
}

    #footer .moduletable-style2 h3.mod-title .col-module-header-arrow {
        border-top-color: #1D588A
    }

    #footer .moduletable-style2 h3.mod-title span {
        color: #8AA8CF;
        text-shadow: none;
    }
/* width for the modules */
#footer .width20 {
    width: 17.9%
}

#footer .width25 {
    width: 23%
}

#footer .width33 {
    width: 31.5%
}

#footer .width50 {
    width: 48.6%
}

#footer .width100 {
    width: 100%
}
/* /////////////////////////// */
#system-message-container {
    color: #fff;
    background-color: #0088cc;
}

.wrapper #chronoform_richiestainfo {
    background: url('../images/richinfo_girl.png') no-repeat scroll right top transparent;
    background-size: contain;
}

.contentdescription {
    margin-bottom: 2.75em;
}

.leading, .items-row {
    padding-bottom: 1.2em !important;
    border-bottom: 1px solid #eee !important;
    margin-bottom: 1.5em !important;
}

    .items-row:last-child {
        padding-bottom: 1em !important;
        border-bottom: none;
        margin-bottom: 0 !important;
    }

h1.page_heading {
    color: #333;
}

.blog-featured .items-leading, .blog .items-leading {
    margin-top: 0;
}

    .blog-featured .items-leading .leading, .blog .items-leading .leading {
        position: relative;
        border-bottom: 1px dotted #ccc;
        padding-bottom: .5em;
        margin-bottom: 1.5em;
    }

        .blog-featured .items-leading .leading:last-child, .blog .items-leading .leading:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

    .blog-featured .items-leading h2, .blog .items-leading h2 {
        font-size: 1.75em;
        margin-bottom: 6px;
        position: relative;
    }

.blog-featured .cols-2 h2, .blog .cols-2 h2 {
    line-height: 1.5em;
    font-size: 1.4em;
}

.blog-featured .cols-3 h2, .blog .cols-3 h2 {
    font-size: 1.35em;
}

.category-list .display-limit {
    float: right;
    margin-bottom: 12px;
}

.category-list .cat-items {
    margin-bottom: 30px;
}

.category-list .cat-children h3 {
    margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px dotted rgba(255,255,255,.3);
}

.category-list .cat-children .category-desc img {
    float: left;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    margin: 7px 15px 15px 0;
    padding: 5px;
}

.cat-items table.category {
    clear: both;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-shadow: 0 1px 0 #fff;
    background: #eee;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    margin: 0 auto;
}

    .cat-items table.category td {
        border-bottom: 1px solid #cdcdcd;
        -moz-box-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff;
        padding: 5px 10px;
    }

    .cat-items table.category tr.cat-list-row1 {
        background: #E3E3E3;
    }

    .cat-items table.category tr:hover {
        background: #fff;
    }

    .cat-items table.category thead th {
        font-size: 1.5em;
        text-align: left;
        font-weight: normal;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        background: 0 to(#292929));
        padding: 7px 10px;
    }

        .cat-items table.category thead th a {
            color: #fff !important;
        }

div.categories-list dl.article-count {
    margin-bottom: 3em;
}

    div.categories-list dl.article-count dd {
        display: inline;
        margin-left: 2px;
    }

.item-page {
    position: relative;
}

ul.actions {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.actions li {
        float: left;
        padding: 0;
    }

        ul.actions li img {
            background: none;
            border: none;
            -webkit-transition: all .4s ease-out;
            -moz-transition: all .4s ease-out;
            -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
            margin: 0 0 0 4px;
            padding: 0;
        }

span.content_rating {
    color: #666;
    margin-bottom: -18px;
    display: block;
}

    span.content_rating img {
        float: none;
        background: none;
        border: none;
        margin: 0 0 -3px 2px;
        padding: 0;
    }

div.content_vote {
    padding-bottom: 10px;
    color: #666;
    display: block;
}

    div.content_vote input {
        margin-bottom: -2px;
    }

        div.content_vote input.button {
            margin-bottom: 0;
            margin-left: 10px;
        }

ul.pagenav {
    display: block;
    list-style-type: none;
    border-top: 1px solid #eee;
    margin: 10px 0 0;
    padding: 4px 0 0;
}

    ul.pagenav li.pagenav-prev {
        float: left;
        margin-bottom: 5px;
    }

    ul.pagenav li.pagenav-next {
        float: right;
        margin-bottom: 5px;
    }

div.items-more {
    clear: both;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

p.readmore {
    clear: both;
    margin-bottom: 1em;
}

#sliders {
    border: 1px solid #ccc;
    position: relative;
    top: -16px;
}

.slideshowdtitle {
    color: rgb(255, 255, 255);
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    font-size: 46px;
    margin: 0 auto;
    padding: 0 10px 0;
    text-align: center;
    text-shadow: 0 2px 2px #555;
}

.slideshowdtitleg {
    color: rgb(255, 255, 255);
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 600;
    font-size: 60px;
    margin: 0 auto;
    padding: 0 10px 0;
    text-align: center;
    text-shadow: 0 2px 2px #555;
}

.slideshowdsubtitle {
    color: rgb(255, 255, 255);
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 200;
    font-size: 42px;
    font-weight: 600;
    margin: 0 auto 0;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 2px 2px #555;
}

.slideshowdbottom {
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: rgba(33, 33, 33, 0.6);
    height: 220px;
    text-align: left !important;
}

    .slideshowdbottom .bottomcontent {
        width: 96%;
        margin: 31px auto 0;
        display: table;
    }

        .slideshowdbottom .bottomcontent .width30 {
            width: 24%;
            display: table-cell;
            vertical-align: top;
        }

        .slideshowdbottom .bottomcontent .width40 {
            width: 48%;
            padding: 0 30px;
            display: table-cell;
            vertical-align: top;
        }

    .slideshowdbottom .titl {
        color: #fff;
        font-size: 34px;
        font-family: "SF Pro Display",arial;
        font-weight: 600;
        line-height: 34px;
        margin-bottom: 8px;
    }

    .slideshowdbottom .desc {
        color: #fff;
        font-size: 18px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-weight: 400;
    }

        .slideshowdbottom .desc a, .slideshowdbottom .desc a:hover {
            color: #fff;
            font-size: 21px;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
            font-weight: 400;
            display: block;
            margin-top: 16px;
            text-transform: uppercase;
        }

.btn_whiteb, .btn_whiteb:hover {
    display: block;
    border: 1px solid #fff;
    color: #fff !important;
    margin: 50px auto 0;
    text-decoration: none;
    font-size: 18px;
    padding: 8px 16px 8px !important;
    display: table;
    text-shadow: 0 1px 1px #555;
    -webkit-box-shadow: 0 1px 1px #555;
    -moz-box-shadow: 0 1px 1px #555;
    box-shadow: 0 1px 1px #555;
    cursor: pointer;
    background-color: rgba(0,0,0,0.3);
}

.slide-text .textbox {
    text-align: center;
}

.pane-sliders {
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

    .pane-sliders div.panel:last-child {
        border-bottom: 1px solid #cdcdcd;
    }

    .pane-sliders div.panel h3.pane-toggler, .pane-sliders div.panel h3.pane-toggler-down {
        background: #eee;
        border-bottom: 1px solid #cdcdcd;
        -moz-box-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 0 #fff;
        box-shadow: 0 1px 0 #fff;
        margin-top: 1px;
        font-size: 1.3em;
    }

        .pane-sliders div.panel h3.pane-toggler a, .pane-sliders div.panel h3.pane-toggler-down a {
            display: block;
            color: #666;
            text-shadow: 1px 1px 1px #fff;
            text-decoration: none;
            padding: 4px 10px;
        }

    .pane-sliders div.panel h3.pane-toggler-down {
        border-bottom: none;
        background: #eee;
    }

    .pane-sliders div.panel div.pane-down {
        padding: 20px 10px !important;
    }

dl.tabs {
    float: left;
    z-index: 50;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin: 0;
}

    dl.tabs dt {
        float: left;
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        border-top: 1px solid #cdcdcd;
        margin-right: 5px;
        font-size: .8em;
        background: 0 to(#E6E6E6));
        padding: 0;
    }

        dl.tabs dt a {
            color: #666;
            display: block;
            float: left;
            text-decoration: none;
            text-shadow: 1px 1px 1px #fff;
            padding: 4px 10px 3px;
        }

        dl.tabs dt.open {
            background: 0 to(#fff));
            margin-bottom: -1px;
            padding-bottom: 1px;
            border-bottom-color: #fff;
            z-index: 100;
        }

div.current {
    clear: both;
    border: 1px solid #cdcdcd;
    border-top: none;
    max-width: 500px;
    padding: 15px 10px;
}

    div.current dd {
        margin: 0;
        padding: 0;
    }

div.contact h2 {
    margin-bottom: 7px;
}

div.contact-form p.form-required {
    font-weight: bold;
}

div.contact-form div.contact-email div {
    padding: 0 0 14px;
}

div.contact-form label {
    width: 130px;
    text-align: right;
    padding-right: 10px;
}

    div.contact-form label#jform_contact_email_copy-lbl {
        padding-left: 134px;
    }

div.contact-form dt {
    float: left;
    clear: both;
}

div.contact-form dt, div.contact-form dd {
    padding-top: .5em;
    padding-bottom: .5em;
}

div.contact-form button {
    margin-top: 25px;
}

div.contact img {
    float: left;
    margin: 0 10px 10px 0;
}

div.contact div.contact-image img {
    float: right;
    margin: 0 0 10px 10px;
}

div.registration dt, div.login dt, div.profile-edit dt, div.edit dt, div.profile dt, div.registration dd, div.login dd, div.profile-edit dd, div.edit dd, div.profile dd {
    display: inline-block;
    float: left;
}

div.registration dt, div.login dt, div.profile-edit dt, div.edit dt, div.profile dt {
    clear: both;
    width: 160px;
    text-align: right;
    margin-bottom: 1.5em;
}

    div.registration dt span.spacer {
        text-align: left;
        display: block;
        color: #999;
    }

div.profile-edit span.optional {
    font-size: .9em;
    color: #999;
    font-weight: normal;
}

.padding > .search {
    padding: 6px 48px;
}

div.edit .button2-left {
    margin: 15px 10px 0 0;
}

div.edit .form-note {
    background: rgba(0,0,0,.3);
    clear: both;
    display: block;
    margin: 20px -1.4em -41px;
    padding: 10px;
}

    div.edit .form-note p {
        margin-bottom: 0;
    }

div.edit img {
    float: right;
    margin: 3px 0 0 5px;
}

div.newsfeed div.feed-items {
    margin-top: 30px;
}

div.feed ul li h4.feed-link {
    font-size: 1.3em;
    padding-bottom: 5px;
}

.productpriceblock {
    border-top: 1px solid #ccc;
}

    .productpriceblock .timerblock {
        float: left;
    }

    .productpriceblock .productprice {
        text-align: right;
        width: 140px;
        border-left: 1px solid #cacaca;
        padding-left: 6px;
        padding-top: 6px;
        float: left;
    }

    .productpriceblock .addtocart {
        padding-top: 10px;
        float: right;
    }

#topmenu form#login-form {
    width: 400px;
    padding-top: 4px;
    float: right;
}

    #topmenu form#login-form .inputbox {
        font-size: 12px;
        padding: 3px 7px;
        width: 85%;
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 18px;
        color: #555;
    }

form#login-form div.pretext {
    margin-bottom: 5px;
}

form#login-form div.posttext {
    margin-top: 10px;
}

form#login-form fieldset {
    border: none;
    margin: 0 0 12px;
    padding: 0;
}

    form#login-form fieldset p {
        margin-bottom: 1em;
    }

form#login-form p .inputbox {
    width: 90%;
}

form#login-form p#form-login-remember {
    padding: 0.25em 0.25em 0 10px;
}

form#login-form ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 .5em;
}

    form#login-form ul li {
        padding: .1em 0;
    }

form#login-form p {
    margin: 0 0 15px;
}

form#login-form button {
    margin: 0 0 0 0;
}

form#login-form p.form-login-register a {
    font-size: 1.3em;
    display: block;
    background: #eee;
    border: 1px solid #DEDEDE;
    box-shadow: inset -1px -1px 0 #fff, inset 1px 1px 0 #fff;
    text-align: center;
    color: #777 !important;
    text-shadow: 1px 1px 1px #fff;
    margin: 20px 12px 25px;
    padding: 5px 0;
}

    form#login-form p.form-login-register a:hover {
        color: #333 !important;
    }

#bod {
    position: absolute;
    top: 0;
    left: -5000px;
}

#search {
    float: right;
    position: relative;
    margin: 0;
}

    #search .inputbox {
        color: #999;
        background: #fff;
        padding: 5px 8px;
    }

        #search .inputbox:hover {
            border-color: #A6A6A6;
        }

        #search .inputbox:focus {
            color: #666;
        }

    #search select#category_id {
        padding: 4px 4px 4px 5px;
    }

    #search .button {
        padding: 1px 6px 3px;
    }

form#searchForm {
    padding-top: 32px;
}

    form#searchForm div.searchintro {
        margin-bottom: 1.5em;
        color: #fff;
        background: #0088cc;
        border: 1px solid #1199dd;
        padding: .4em 1em;
    }

        form#searchForm div.searchintro p {
            margin: 0;
            color: #fff;
            font-size: 15px;
        }

    form#searchForm .ordering-box {
        padding-top: 15px;
    }

    form#searchForm label {
        width: auto;
        padding-right: 10px;
    }

    form#searchForm .form-limit {
        float: left;
        padding-top: 20px;
    }

    form#searchForm .counter {
        float: right;
        padding-top: 25px;
    }

    form#searchForm .slider1tr {
        display: none;
    }

dl.search-results {
    clear: both;
}

.search-results {
    margin-top: 36px;
}

    .search-results hr {
        margin: 36px 0;
    }

dl.search-results .result-title {
    padding-top: 25px;
    font-size: 1.3em;
}

.result-image {
    float: left;
    padding-right: 16px;
}

dl.search-results dd {
    margin-left: 0;
}

.analistfooter {
    padding: 0 20px;
}

.breadcrumbs {
    border-bottom: 1px solid #DDDDDD;
    height: 32px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

    .breadcrumbs ol {
        list-style-type: none;
        float: left;
        font-size: 1em;
        width: 100%;
        margin: 0;
        padding: 2px 0;
    }

        .breadcrumbs ol li {
            float: left;
            font-size: 14px;
            text-shadow: 1px 1px 1px #fff;
            background: url(../images/breadcrumbs_arrow.png) no-repeat 96% 48%;
            padding: 0 18px 0 0;
            margin-right: 10px;
        }

            .breadcrumbs ol li a {
                display: block;
                margin: 0;
                padding-top: 3px;
            }

            .breadcrumbs ol li.lastitem {
                background: none;
                padding: 0;
            }

            .breadcrumbs ol li:first-child a {
                background: url(../images/breadcrumbs_home.png) no-repeat center right;
                height: 22px;
                width: 22px;
                margin-top: 3px;
                opacity: 0.6;
                margin-left: 3px;
                padding-top: 0;
                text-indent: -9999em;
                -webkit-transition: all .4s ease-out;
                -moz-transition: all .4s ease-out;
                -o-transition: all .4s ease-out;
                transition: all .4s ease-out;
            }

#language {
    float: right;
    padding: 5px 4px 0 14px;
}

    #language ul li {
        display: inline;
        margin: 0;
        padding: 0 0 0 4px;
    }

        #language ul li a {
            opacity: .4;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

            #language ul li a:hover {
                opacity: 1;
                -webkit-transform: translate(0,-1px) scale(1.2);
                -moz-transform: translate(0,-1px) scale(1.2);
                -o-transform: translate(0,-1px) scale(1.2);
                -ms-transform: translate(0,-1px) scale(1.2);
                transform: translate(0,-1px) scale(1.2);
            }

        #language ul li img {
            float: none;
            margin: 0;
        }

.tip-wrap {
    width: auto !important;
    z-index: 99;
}

.tip {
    border: 1px solid rgba(255,255,255,.7);
    margin-bottom: 2em;
    font-weight: normal;
    color: #555;
    border-radius: 5px;
    background: #E0E0E0 url(../images/bg.png) repeat;
    box-shadow: 0 0 12px rgba(0,0,0,.5);
    padding: .4em .8em .8em;
}

    .tip .tip-title {
        font-weight: normal;
        text-shadow: 1px 1px 1px rgba(255,255,255,1);
        padding-bottom: 6px;
        font-size: 1.4em;
    }

#system-message {
    margin: 0 auto;
}

#nav-wrapper {
    clear: both;
    margin: 0 auto 0;
    background: #fff;
}

#topmenu {
    float: right;
    text-align: right;
}

.areabg.botpadded {
    padding-bottom: 540px;
}

@media (max-width: 1068px) {
    .areabg.botpadded {
        padding-bottom: 373px;
    }

    #header {
        max-width: 100%;
    }
}

@media (max-width: 735px) {
    .areabg.botpadded {
        padding-bottom: 320px;
    }

    ul, ol {
        margin: 0 0 1.5em 0;
        padding-left: 1em;
    }
}

.header_right {
    float: right;
}

    .header_right .search {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #ccc;
        border-radius: 16px;
        box-shadow: none;
        font-size: 15px;
        height: 32px;
        line-height: 20px;
        padding: 5px;
        text-align: left;
        transition: all 250ms ease 0s;
        width: 200px;
        box-sizing: border-box;
        margin-right: 4px;
    }

        .header_right .search input {
            border: 0 none;
            float: left;
            display: inline-block;
            background: none;
            margin-left: 12px;
            margin-top: 0;
            width: 68%;
            padding: 0;
        }

    .header_right a {
        margin-top: 0;
        margin-right: 0;
    }

        .header_right a.btn {
            margin-left: 8px;
        }

#topmenu ul.menu {
    margin: 0;
    padding: 0;
}

    #topmenu ul.menu li {
        display: inline;
        float: left;
        border-right: 1px dotted #555;
        list-style-type: none;
        margin: 0 0 0 1.1em;
        padding: 0 1.1em 0 0;
    }

        #topmenu ul.menu li a {
            color: #ccc;
        }

            #topmenu ul.menu li.active a, #topmenu ul.menu li a:hover {
                text-decoration: none;
                color: #fff;
            }

#footer ul.menu {
    padding-left: 0;
    margin-bottom: .5em;
    list-style-type: none;
}

#footer h3 {
    font-size: 12px;
    font-weight: 600;
}

#footer ul.menu li {
    padding: 0;
}

#footer .moduletable_content {
    padding: 12px 26px;
}

#footer ul.menu li a {
    color: #666;
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}

    #footer ul.menu li a:hover, #footer ul.menu li.current a {
        color: #000;
    }

#footer ul#connect {
    padding-left: .5em;
    list-style-type: none;
}

    #footer ul#connect li {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #footer ul#connect li img {
            opacity: .3;
            -webkit-transition: opacity .4s ease-out;
            -moz-transition: opacity .4s ease-out;
            -o-transition: opacity .4s ease-out;
            transition: opacity .4s ease-out;
            margin: 0 9px -3px 0;
        }

.col-module-content ul.menu, .col-module-content ul.menu ul {
    margin: 0;
    padding: 0 0 1px;
}

    .col-module-content ul.menu li a {
        color: #666;
        border-bottom: 1px dotted #ccc;
        display: block;
        font-size: 1.1em;
        position: relative;
        background: url(../images/menu_point.png) no-repeat center left;
        padding: .35em 10px .35em 17px;
    }

        .col-module-content ul.menu li a:hover, .col-module-content ul.menu li.current a {
            text-decoration: none;
            background-image: url(../images/menu_point_hover.png);
            color: #222;
        }

    .col-module-content ul.menu li.current {
        background: url(../images/menu_current.png) no-repeat center right;
        margin-right: -24px;
        padding-right: 24px;
    }

    .col-module-content ul.menu li.deeper {
        background: none;
    }

        .col-module-content ul.menu li.deeper span.separator {
            font-size: 1.3em;
            color: #555;
            display: block;
            background: #eee;
            margin-top: 10px;
            text-shadow: 1px 1px 1px #fff;
            padding: .4em .5em;
        }

    .col-module-content ul.menu li li:last-child {
        border: none;
    }

#copyrightmenu {
    float: right;
    padding: 0;
}

    #copyrightmenu ul.menu {
        margin: 15px 40px 0 0;
        padding: 0;
    }

        #copyrightmenu ul.menu li {
            display: inline;
            float: left;
            list-style-type: none;
            margin: 0;
            padding: 0 2em 0 0;
        }

            #copyrightmenu ul.menu li a {
                color: #777;
            }

                #copyrightmenu ul.menu li a:hover {
                    color: #000;
                    text-decoration: none;
                }

.blog-featured img, .blog img, div.categories-list ul .category-desc img, div.newsfeed div.feed-items img {
    float: left;
    margin: 5px 10px 10px 0;
}

.category-list .cat-children, div.categories-list {
    overflow: hidden;
}

    .category-list .cat-children ul, div.feed ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .category-list .cat-children ul li span.item-title, div.categories-list ul span.item-title {
            font-size: 1.4em;
            display: block;
            margin-bottom: 3px;
        }

    div.archive ul#archive-items, div.categories-list ul {
        list-style-type: none;
        margin: 0 0 15px;
        padding: 0;
    }

    div.categories-list dl.article-count dt, ul.pagenav li, div.pagination ul li, form#login-form p#form-login-remember label {
        display: inline;
    }

dl.article-info dt.article-info-term, form#login-form fieldset label, #search label {
    display: none;
}

.pane-sliders div.panel h3.pane-toggler a:hover, .pane-sliders div.panel h3.pane-toggler-down a:hover, .pane-sliders div.panel h3.pane-toggler-down a, dl.tabs dt a:hover, dl.tabs dt.open a {
    color: #111;
}

div.registration dt label, div.login dt label, div.profile-edit dt label, div.edit dt label, form#login-form p#form-login-remember .inputbox {
    width: auto;
}

div.edit #editor-xtd-buttons, ul.category-module li {
    padding: 0;
}

ul.category-module, #language ul, .col-module-content ul.menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .breadcrumbs ol li:first-child a:hover, #language ul li.lang-active a, #footer ul#connect li a:hover img {
        opacity: 1;
    }

#topmenu ul.menu li a img, #copyrightmenu ul.menu li a img {
    float: none;
    margin: 0 8px -4px 0;
}

#topmenu ul.menu li:last-child, #copyrightmenu ul.menu li:last-child {
    border: none;
    padding-right: 0;
}

#accessibility {
    display: none;
}

.wrapper {
    padding: 0;
    margin: 0 auto;
}
/* TopBar ------------*/
#topbar {
    height: 36px;
    position: relative;
    overflow: hidden;
    padding-top: 0;
    background-color: #EDEDE8;
}

    #topbar .wrapper {
        border-bottom: 1px solid #DDDDDD;
        height: 34px;
    }

#header .wrapper {
    padding-top: 16px;
}

.site-logo img {
    padding-bottom: 8px;
}

.logop {
    float: left;
}

    .logop h3 {
        font-size: 28px;
        font-weight: 200;
        color: #333333;
    }

    .logop a:hover {
        text-decoration: none;
        color: #333333;
    }

.acquistatop {
    width: 160px;
    float: right;
    text-align: right;
}

    .acquistatop img {
        margin-top: 4px;
    }

    .acquistatop p {
        margin-bottom: 0;
    }
/* Logo ------------*/
#logo {
    padding: 8px 16px 6px !important;
    float: left
}

    #logo img {
        float: none;
        margin: 0;
        height: 34px !important;
    }
/* -- Content -- ------------*/
#content {
    margin-bottom: 4px;
    position: relative;
    transition: top 300ms ease-out 0s;
    padding: 0;
}

#content_inside {
    width: 100%;
    float: right;
    margin-bottom: 15px;
    position: relative;
    border: 0 #fff none;
}
/* Main Column Separator This code separate the "left" and "right" module position from the content. */
#left-column {
    position: relative;
    width: 240px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    float: left;
    margin-bottom: 15px;
}

#middle-column {
    width: 100%;
    float: left;
    height: auto !important;
}

    #middle-column .padding {
        padding: 0 !important;
    }

#toppage {
    width: 100%;
    background: #FFF;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    height: auto !important;
    margin-bottom: 0;
    z-index: 10;
    position: relative;
}

#topslideshow {
    background: #000000;
    width: 100%;
}

    #topslideshow .prev-button {
        float: left;
    }

    #topslideshow .next-button {
        float: right;
    }

    #topslideshow .navigation-container {
        width: 100%;
        left: 0;
        top: 49% !important;
    }

    #topslideshow .navigation-container-custom {
        display: none;
    }

#right-column {
    float: right;
    margin-left: 0;
}

    #right-column .col-module {
        background: none no-repeat scroll 0 0 #FCFCFC;
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        width: 100%;
    }

        #right-column .col-module:hover {
            background: #f0f0f0;
            background: -moz-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1)));
            background: -webkit-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -o-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -ms-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        }

#jshopping1-column {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    margin: 0;
}

.price_table .generic_content, .price_table_min .generic_content {
    background-color: #fff;
    margin-bottom: 36px;
}

    .price_table .generic_content .generic_head_price {
        background-color: #f6f6f6;
    }

        .price_table .generic_content .generic_head_price .generic_head_content .head_bg {
            border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
        }

        .price_table .generic_content .generic_head_price .generic_head_content .head span {
            color: #525252;
        }

        .price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
            color: #414141;
        }

        .price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
            color: #414141;
        }

        .price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
            color: #414141;
        }

        .price_table .generic_content .generic_head_price .generic_price_tag .month {
            color: #414141;
        }

    .price_table .generic_content .generic_feature_list ul li {
        color: #a7a7a7;
    }

        .price_table .generic_content .generic_feature_list ul li span {
            color: #414141;
        }

    .price_table .generic_content .generic_price_btn a {
        border: 1px solid #4285f4;
        color: #4285f4;
    }

    .price_table .generic_content.generic_green .generic_price_btn a {
        border: 1px solid #2ECC71;
        color: #2ECC71;
    }

    .price_table .generic_content.generic_orange .generic_price_btn a {
        border: 1px solid #ec5f43;
        color: #ec5f43;
    }

    .price_table .generic_content.active .generic_head_price .generic_head_content .head_bg, .price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
        border-color: #4285f4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #4285f4;
        color: #fff;
    }

    .price_table .generic_content.generic_green.active .generic_head_price .generic_head_content .head_bg, .price_table .generic_content.generic_green:hover .generic_head_price .generic_head_content .head_bg {
        border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
        color: #fff;
    }

    .price_table .generic_content.generic_orange.active .generic_head_price .generic_head_content .head_bg, .price_table .generic_content.generic_orange:hover .generic_head_price .generic_head_content .head_bg {
        border-color: #ec5f43 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ec5f43;
        color: #fff;
    }

    .price_table .generic_content:hover .generic_head_price .generic_head_content .head span, .price_table .generic_content.active .generic_head_price .generic_head_content .head span {
        color: #fff;
    }

    .price_table .generic_content:hover .generic_price_btn a, .price_table .generic_content.active .generic_price_btn a {
        background-color: #4285f4;
        color: #fff;
    }

    .price_table .generic_content.generic_green:hover .generic_price_btn a, .price_table .generic_content.generic_green.active .generic_price_btn a {
        background-color: #2ECC71;
        color: #fff;
    }

    .price_table .generic_content.generic_orange:hover .generic_price_btn a, .price_table .generic_content.generic_orange.active .generic_price_btn a {
        background-color: #ec5f43;
        color: #fff;
    }

.price_table {
    margin: 50px 0 50px 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, sans-serif;
}

    .price_table .row .table {
        padding: 28px 0;
    }
    /*PRICE BODY CODE START*/
    .price_table .generic_content {
        overflow: hidden;
        position: relative;
        text-align: center;
    }

        .price_table .generic_content .generic_head_price {
            margin: 0 0 20px 0;
        }

            .price_table .generic_content .generic_head_price .generic_head_content {
                margin: 0 0 28px 0;
            }

    .price_table. .generic_content .generic_head_price .generic_head_content {
        margin: 0 0 28px 0;
    }

    .price_table .generic_content .generic_head_price .generic_head_content .head_bg {
        border-style: solid;
        border-width: 90px 1411px 23px 399px;
        position: absolute;
    }

    .price_table.price_table_min .generic_content .generic_head_price .generic_head_content .head_bg {
        border-style: solid;
        border-width: 36px 1411px 23px 399px;
        position: absolute;
    }

    .price_table.price_table_min .col-md-4 {
        margin-bottom: 36px;
    }

    .price_table .generic_content .generic_head_price .generic_head_content .head {
        display: table;
        height: 106px;
        padding-top: 0;
        position: relative;
        text-align: center;
        z-index: 1;
        width: 100%;
    }

    .price_table.price_table_min .generic_content .generic_head_price .generic_head_content .head {
        display: table;
        height: 68px;
        padding-top: 0;
        position: relative;
        text-align: center;
        z-index: 1;
        width: 100%;
    }

    .price_table .generic_content .generic_head_price .generic_head_content .head span {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
        font-size: 26px;
        line-height: 1.3;
        font-weight: 400;
        letter-spacing: 2px;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    .price_table .generic_content .generic_head_price .generic_price_tag {
        padding: 0 0 20px;
    }

        .price_table .generic_content .generic_head_price .generic_price_tag .price {
            display: block;
        }

            .price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
                display: inline-block;
                font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
                font-size: 28px;
                font-weight: 400;
                vertical-align: middle;
            }

    .price_table.price_table_min .generic_content .generic_head_price .generic_price_tag .price .sign {
        font-size: 22px;
    }

    .price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
        font-size: 60px;
        font-weight: 300;
        letter-spacing: -2px;
        line-height: 60px;
        padding: 0;
        vertical-align: middle;
    }

    .price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
        display: inline-block;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
        font-size: 24px;
        font-weight: 400;
        vertical-align: bottom;
    }

    .price_table .generic_content .generic_head_price .generic_price_tag .month {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 3px;
        vertical-align: bottom;
    }

    .price_table .generic_content .generic_feature_list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .price_table .generic_content .generic_feature_list ul li {
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,sans-serif;
            font-size: 18px;
            padding: 12px 0;
            transition: all 0.3s ease-in-out 0s;
        }

            .price_table .generic_content .generic_feature_list ul li .fa {
                padding: 0 10px;
            }

    .price_table .generic_content .generic_price_btn {
        margin: 20px 0 24px;
    }

        .price_table .generic_content .generic_price_btn a {
            border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
            -webkit-border-radius: 50px;
            display: inline-block;
            font-family: "Lato",sans-serif;
            font-size: 18px;
            outline: medium none;
            padding: 12px 30px;
            text-decoration: none;
            text-transform: uppercase;
        }

        .price_table .generic_content, .price_table .generic_content:hover, .price_table .generic_content .generic_head_price .generic_head_content .head_bg, .price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg, .price_table .generic_content .generic_head_price .generic_head_content .head h2, .price_table .generic_content:hover .generic_head_price .generic_head_content .head h2, .price_table .generic_content .price, .price_table .generic_content:hover .price, .price_table .generic_content .generic_price_btn a, .price_table .generic_content:hover .generic_price_btn a {
            transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
        }

    .price_table .generic_detail_btn {
        background-color: #fafafc;
        padding: 12px 6px;
    }

        .price_table .generic_detail_btn a {
            font-size: 18px;
            color: #555;
        }

@media (max-width: 320px) {
}

@media (max-width: 767px) {
    #header {
        padding-left: 0;
        padding-right: 0;
    }

    .price_table .generic_content {
        margin-bottom: 60px;
    }

    .price_table .generic_content, .price_table_min .generic_content {
        margin-bottom: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .price_table .col-md-3 {
        float: left;
        width: 50%;
    }

    .price_table .col-md-4 {
        float: left;
        width: 50%;
    }

    .price_table .generic_content {
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}
/* Promo & Bottom Modules contain the CSS for the promo & bottom module positions ------------*/
#promo {
    background: #fff;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
}

#bottom {
    clear: both;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    padding: 10px
}

#upbottom {
    clear: both;
    position: relative;
}

.upbottom1 {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #ccc;
    width: 92%;
    padding: 10px
}

.upbottom2 {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #ccc;
    width: 92%;
    padding: 10px;
    margin: 0 auto;
}

.upbottom3 {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #ccc;
    float: right;
    width: 92%;
    padding: 10px;
}
/* -- Notice -- contain the CSS to wrap the notice module position. ------------*/
#notice-msg_wrapper {
    padding-top: 8px;
    margin: 0 0 15px;
    background: url(../images/notice_arrow_t.png) repeat-x top
}

#notice-msg_wrapper_2 {
    padding-bottom: 8px;
    background: url(../images/notice_arrow_b.png) repeat-x bottom
}

#notice-msg {
    padding: 11px 12px;
    position: relative;
    font-size: 1.3em;
    text-shadow: 1px 1px 1px rgba(255,255,255,.75);
    color: #514721;
    background: #FFF6BF;
    box-shadow: 0;
}

    #notice-msg:before {
        content: "";
        background: url(../images/notice_sale.png) no-repeat center right;
        width: 70px;
        height: 70px;
        position: absolute;
        right: -15px;
        top: -15px;
    }

    #notice-msg p {
        margin: 0
    }
/* -- Footer ----*/
#footer {
    clear: both;
    padding: 0 15px;
}

body.okayNav-loaded {
    overflow-x: hidden;
}

.okayNav:not(.loaded) {
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.okayNav {
    position: relative;
    height: 40px;
}

    .okayNav ul {
        /* We want two navigations - one hidden and one visible */
        list-style-type: none;
        padding-left: 0;
    }

    .okayNav:not(.loaded) li {
        display: inline-block;
    }

    .okayNav a {
        /* Links general styling */
        color: #2e2e33;
        font-size: 1.4rem;
        font-weight: bold;
        position: relative;
        z-index: 1;
    }

.okayNav__nav--visible {
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    padding-left: 0;
}

    .okayNav__nav--visible li {
        display: inline-block;
    }

    .okayNav__nav--visible a {
        /* Link styling for the visible part of the nav */
        display: block;
        transition: color 200ms cubic-bezier(0.55, 0, 0.1, 1);
        padding: 12px 15px;
        font-size: 16px;
        color: #333333;
        font-family: "SF Pro Display";
        font-weight: 400;
    }

        .okayNav__nav--visible a:hover {
            color: #546edb;
        }
/* Link styling for the off-screen part of the nav */
.okayNav__nav--invisible {
    position: absolute;
    top: 40px;
    overflow: none;
    background: #fff;
    z-index: 100;
    margin: 0;
    padding-left: 0;
}

    .okayNav__nav--invisible a {
        width: 240px;
        display: block;
        padding: 10px 15px;
        font-size: 15px;
        color: #333333;
        font-family: "SF Pro Display";
        font-weight: 400;
    }

    .okayNav__nav--invisible.nav-left {
        left: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .okayNav__nav--invisible.nav-right {
        right: 0;
        display: none;
    }

    .okayNav__nav--invisible.transition-enabled {
        transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
    }

    .okayNav__nav--invisible.nav-open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        border: 1px solid #ccc;
        box-shadow: 5px 5px 8px 2px rgba(10,10,10, 0.4);
    }
/* Kebab icon */
.okayNav__menu-toggle {
    position: relative;
    transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);
    cursor: pointer;
    width: 40px;
    height: 20px;
    float: right;
    z-index: 1;
    top: 10px;
}

    .okayNav__menu-toggle.okay-invisible {
        position: absolute;
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
    }

    .okayNav__menu-toggle span {
        display: block;
        position: absolute;
        margin: auto;
        height: 4px;
        width: 4px;
        background: #2e2e33;
        border-radius: 50%;
        left: 0;
        right: 0;
        pointer-events: none;
    }

        .okayNav__menu-toggle span:nth-child(1) {
            top: 0;
        }

        .okayNav__menu-toggle span:nth-child(2) {
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .okayNav__menu-toggle span:nth-child(3) {
            bottom: 0;
        }

    .okayNav__menu-toggle.icon--active {
        /* Kebab icon when off-screen nav is open */
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .okayNav__menu-toggle.icon--active span {
            background: #546edb;
        }
/* -- Copyright -- -----*/
#copyright {
    /*background:url(../images/copyright.png) no-repeat top center;
   */
    clear: both;
    margin: 0 auto;
    color: #666;
    width: 100%;
    max-width: 1200px;
    /*text-shadow:1px 1px 1px #fff;
   */
    padding: 10px 15px 22px;
}

    #copyright .wrapper {
        position: relative;
        overflow: hidden
    }

div#copytext {
    float: left;
    padding-top: 15px;
    width: 100%;
}

    div#copytext p {
        font-size: 16px;
        margin-bottom: 8px;
    }

    div#copytext .footer2 {
        display: none;
    }

div#icelogo {
    float: left;
    padding: 14px 20px 0 0;
}

    div#icelogo p {
        margin: 0;
    }

        div#icelogo p a {
            display: block;
            float: left;
            width: 120px;
            height: 20px;
            margin: 0 auto;
            opacity: .4;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

            div#icelogo p a:hover {
                opacity: 1;
            }

            div#icelogo p a span {
                display: none
            }
/* Go to Top */
a#go2top {
    background: url(../images/gototop.png) no-repeat;
    bottom: 70px;
    height: 60px;
    width: 60px;
    position: fixed;
    right: 10px;
    opacity: .4;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -0-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    display: none;
}

    a#go2top:hover {
        opacity: 1;
    }

    a#go2top span {
        display: none
    }
/* contact number */
#contact_nr {
    color: #777777;
    float: left;
    font-size: 1.1em;
    margin: 3px 0 0;
    padding-left: 16px;
}

    #contact_nr p {
        padding: 0;
        line-height: 1.7em;
        margin: 0;
    }
/* fix jquery pop up box */
#jquery-overlay {
    z-index: 999999 !important
}

#jquery-lightbox {
    z-index: 9999999 !important
}
/* Facebook like Button on the footer */
#fb-like {
    padding-top: 20px;
    clear: both;
}
/* JoomShopping Modules Overwrittes */
/* IceJoomShopping Search Module */
#search span {
    display: none
}

#search input#include_subcat {
    display: none
}

#search #jshopping_adv_search {
    display: block;
    padding: 3px 0 0 1px
}
/* JShopping Filter Module */
.jshop_filters {
}

    .jshop_filters .filter_price .inputbox {
        width: 45px
    }

    .jshop_filters .button {
        clear: both;
        margin-left: 0;
        margin-top: 12px;
    }

#site_wrapper {
    background-color: #fff;
    margin: 0 auto;
}

#system-message ul, .item-page .area, .moduletable .area, .slideshowdbottom, .title_blue h2, .title_blue h1, form.Chronoform {
    margin-right: auto;
    margin-left: auto;
}

.usertube .titlebelowthumb {
    font-size: 18px;
    line-height: 1.35296;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
}

@media (min-width: 768px) {
    #header .wrapper {
        position: relative;
    }

    #system-message ul, .item-page .area, .moduletable .area, .slideshowdbottom, .title_blue h2, .title_blue h1, form.Chronoform {
        width: 100%;
        box-sizing: border-box;
    }

    .videocenter {
        width: 100%;
        height: 400px;
    }
}

@media (min-width: 992px) {
    #system-message ul, .item-page .area, .moduletable .area, .slideshowdbottom, .title_blue h2, .title_blue h1, form.Chronoform {
        max-width: auto;
        width: 100%;
    }

    .videocenter {
        width: 100%;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    #system-message ul, .item-page .area, .moduletable .area, .slideshowdbottom, .title_blue h2, .title_blue h1, form.Chronoform {
        width: 1180px;
        max-width: 1180px;
    }

    .videocenter {
        width: 100%;
        height: 600px;
    }
}

@media (min-width: 1400px) {
    #system-message ul, .item-page .area, .moduletable .area, .slideshowdbottom, .title_blue h2, .title_blue h1, form.Chronoform {
        width: 1320px;
        max-width: 1320px;
    }

    .videocenter {
        width: 100%;
        height: 600px;
    }

    #copyright {
        max-width: 1320px;
    }
}

.meganav .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

.nocontainer {
    width: 100% !important;
}

body.homepage #site_wrapper {
    -webkit-animation: effect 2s ease-out 1;
}

body.homepage #logo {
    -webkit-animation: logo 4s ease-out 1;
}

@-webkit-keyframes effect {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes logo {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.col-modulehorizzontal li {
    margin-right: 1%;
    padding-right: 1%;
    width: 31%;
    float: left;
}

.col-modulehorizzontal img {
    height: 128px;
    padding: 10px 0 0 12px;
    width: 178px;
}

.col-modulehorizzontal ul {
    list-style-type: none !important;
    margin-right: 4px;
    padding-left: 0 !important;
}

.col-modulehorizzontal .btitle a {
    color: #0088CC;
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    width: 100%;
}

.loginp {
    box-sizing: border-box;
    padding-bottom: 24px;
}

    .loginp #left, .loginp #right {
        padding: 0 42px;
    }

    .loginp h2 {
        color: #333;
        font-size: 28px;
        letter-spacing: -1px;
        margin: 0 0 15px;
        padding: 0;
    }

    .loginp h3 {
        color: #555;
        line-height: 25px;
        font-size: 16px;
    }

    .loginp .label {
        color: #68727B;
        display: block;
        font-size: 11px;
        padding-bottom: 2px;
        text-transform: uppercase;
    }

    .loginp input {
        width: 95%;
    }

#loginbtn1 {
    background: url("http://www.geoform.org/web/images/stories/button/accedi.png") no-repeat scroll center center transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    margin: 8px 0 0 0;
    width: 91px;
}

.loginp a {
    color: #0088cc;
}

.loginp input, textarea, input[type="file"] {
    border: 1px solid #D3D3D3;
    margin-bottom: 2px;
    padding: 6px !important;
}

.col-modulehorizzontal .items .presentation {
    height: 160px;
    overflow: hidden;
    width: 205px;
    background: url("../images/box.png") no-repeat scroll center center transparent;
}

.col-modulehorizzontal .items .price {
    color: #5E5D5D;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 6px;
    text-align: left;
    text-decoration: none;
    float: left;
    width: 50%;
}

.col-modulehorizzontal .items .sku {
    color: #9a9a9a;
    font-size: 11px;
    margin-bottom: 10px;
    margin-right: 12px;
    float: right;
    text-align: right;
    text-decoration: none;
    width: 41%;
}

#right-column .items .price {
    color: #5E5D5D;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 6px;
    text-align: left;
    text-decoration: none;
    float: left;
    width: 40%;
}

#right-column .items .sku {
    color: #9a9a9a;
    font-size: 11px;
    margin-bottom: 10px;
    margin-right: 12px;
    float: right;
    text-align: right;
    text-decoration: none;
    width: 41%;
}

#right-column .items img {
    height: 128px;
    padding: 10px 0 0 12px;
    width: 178px;
}

#right-column .items li {
}
/* menu slider */
.megamenu-holder .left {
    padding-top: 0;
    width: 100%;
    margin-left: 24px;
}

    .megamenu-holder .left ul.mmitem {
        font-family: Arial,sans-serif;
        font-size: 13px;
        list-style: none outside none;
        margin: 0 30px 10px 0;
        width: 285px;
        padding-left: 0;
        display: inline-table;
    }

        .megamenu-holder .left ul.mmitem li {
            background: none repeat scroll 0 0 transparent;
            list-style: none outside none;
            margin: 0;
            padding: 0;
        }

            .megamenu-holder .left ul.mmitem li a {
                color: #777777;
                display: block;
                line-height: 19px;
                text-decoration: none;
            }

            .megamenu-holder .left ul.mmitem li:first-child {
                background-image: url("../images/megamenu-header-border.png");
                background-position: 0 100%;
                background-repeat: repeat-x;
            }

    .megamenu-holder .left ul li:first-child a {
        /*background-image: url("../images/apple-windows-logos.png");
   */
        background-position: 100% 0;
        background-repeat: no-repeat;
        color: #444444;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
    }

.megamenu-holder .right {
    background: -moz-linear-gradient(left center, #DCDCDC, #F1F1F1) repeat scroll 0 0 transparent;
    box-shadow: 5px 0 3px #D0D0D0 inset;
    float: left;
    padding-top: 20px;
    width: 280px;
}

.top-adds {
    font-family: Arial,sans-serif;
    font-size: 13px;
    width: 287px;
}

.site-logo {
    background: none;
    display: block;
    height: 38px;
    width: 180px;
    float: left;
    margin-bottom: 6px;
    background-size: contain;
}

    .site-logo img {
    }

.animatedarrow {
    position: absolute;
    margin-top: 36px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    /* Safari 4.0 - 8.0 */
    animation: bounce 2s infinite;
}

.megamenu-holder span a {
    background-image: url("../images/megamenu-header-border.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    color: #0088CC;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 20px;
    margin-left: 6px;
    margin-right: 60px;
    margin-top: 10px;
    padding: 6px 0;
    text-decoration: none;
}

.menu .anchor_title {
    display: block;
    font-size: 13px;
}

.meganav {
    display: none;
    position: absolute;
    font-size: 1.4rem;
    height: 100%;
    left: 0;
    z-index: 300;
    background-color: #fafafa;
    top: 0;
    transition: left 300ms ease-out 0s;
}

    .meganav .site-logo {
        background: rgba(0, 0, 0, 0) url("../../../images/analist_group_56.png") no-repeat scroll 0 0;
        height: 15px;
        margin: 19px 15px;
        position: static;
        width: 70px;
    }

    .meganav .right-icon {
        float: right;
        margin: 10px;
    }

        .meganav .right-icon .icon {
            display: inline-block;
            margin: 0 5px 0 0;
        }

    .meganav .col-lg-2, .meganav .col-lg-3 {
        padding: 0;
        position: static;
    }

    .meganav.no-transition, .meganav.no-transition .menu {
        transition: none 0s ease 0s;
    }

    .meganav .container-fluid, .meganav .menu, .meganav .menu-wrap, .meganav .row, .meganav .submenu, .meganav ul {
        height: 100%;
    }

    .meganav > .container-fluid > .row {
        position: relative;
    }

    .meganav.active .menu-scroll {
        height: 100%;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        position: absolute;
    }

    .meganav .menu {
        height: 100%;
        left: 0;
        list-style: outside none none;
        margin: 0;
        outline: 0 none;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .meganav ul {
        height: 100%;
        left: 0;
        list-style: outside none none;
        margin: 0;
        outline: 0 none;
        padding: 0;
        position: relative;
        top: 0;
        width: 100%;
    }

    .meganav .menu {
        transition: left 300ms ease-out 0s;
    }

        .meganav .menu > ul > li > a {
            font-weight: 400;
        }

    .meganav .submenu {
        display: none;
        left: 0;
        margin-left: 100%;
        outline: 0 none;
        position: absolute;
        top: 0;
        width: 100%;
    }

        .meganav .submenu.active {
            display: block;
        }

    .meganav li {
        border-bottom: 1px solid #cfd3d4;
    }

    .meganav a {
        background: #f6f6f6 none repeat scroll 0 0;
        color: #4a4f53;
        display: block;
        padding: 16px 15px;
        text-decoration: none;
        font-size: 16px;
        font-family: "SF Pro Display",arial,sans-serif;
    }

        .meganav a.active {
            background: #d0d3d4 none repeat scroll 0 0;
        }

    .meganav .alt-nav > a {
        background: #fff none repeat scroll 0 0;
    }

    .meganav li.menu-heading a {
        font-weight: 400 !important;
        padding: 16px 40px 16px 15px;
        position: relative;
    }

        .meganav li.menu-heading a span {
            display: block;
            font-family: "SF Pro Display",arial,sans-serif;
        }

            .meganav li.menu-heading a span.main-heading {
                color: #4b4f54;
                font-size: 1.4rem;
                font-weight: 700;
            }

            .meganav li.menu-heading a span.sub-heading {
                color: #4b4f54;
                font-size: 1.3rem;
            }

        .meganav li.menu-heading a::after {
            background: rgba(0, 0, 0, 0) url("../images/image-sprite.png") repeat scroll -39px -234px;
            content: "";
            display: block;
            height: 31px;
            margin-top: -16px;
            position: absolute;
            right: 15px;
            top: 50%;
            width: 31px;
        }

    .meganav .sub-submenu-parent > a, .meganav .submenu-parent > a {
        padding: 16px 36px 16px 15px;
        position: relative;
    }

        .meganav .sub-submenu-parent > a:hover, .meganav .submenu-parent > a:hover {
            color: #f78534;
        }

        .meganav .sub-submenu-parent > a::after, .meganav .submenu-parent > a::after {
            background: rgba(0, 0, 0, 0) url("../images/image-sprite.png") repeat scroll -232px -6px;
            content: "";
            display: block;
            height: 13px;
            margin-top: -7px;
            position: absolute;
            right: 27px;
            top: 50%;
            width: 8px;
        }

    .meganav .sub-submenu-parent.alt-nav > a::after, .meganav .submenu-parent.alt-nav > a::after {
        background-position: -264px -6px;
    }

    .meganav.no-transition, .meganav.no-transition .menu-parent {
        transition: none 0s ease 0s;
    }

    .meganav .tagline {
        display: none;
    }

    .meganav .btn-xclose {
        text-align: right;
    }

    .meganav .btn-back, .meganav .btn-xclose {
        background: #fff none repeat scroll 0 0;
    }

        .meganav .btn-back > a, .meganav .btn-xclose > a {
            padding: 11px 15px;
            background: #fff none repeat scroll 0 0;
        }

        .meganav .btn-xclose > a {
            background-color: transparent;
        }

.btn-xclose .icon {
    float: right;
}

.meganav .btn-back .icon, .meganav .btn-xclose .icon {
    background-color: transparent;
    background-image: url("../images/icon-sprite.png");
}

.icon.new {
    background: rgba(0, 0, 0, 0) url("../images/image-sprite.png") repeat scroll 0 0;
}

.icon.white-arrow-up {
    background-position: -106px -24px;
    height: 9px;
    width: 15px;
    display: inline-block;
    margin-top: 5px;
}

.icon.white-arrow-down {
    background-position: -106px -6px;
    height: 9px;
    width: 15px;
    display: inline-block;
    margin-top: 5px;
}

.hidegradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.hidebox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 250;
    background: rgba(255,255,255,0.8);
    /* FF3.6-15 */
}

.site-nav {
    font-size: 15px;
    text-align: left;
    width: 100%;
    display: block;
    clear: both;
    font-family: "SF Pro Display",arial,sans-serif;
}

.site-header .mobile-menu-toggle {
    background: #fff none repeat scroll 0 0;
    height: 50px;
    padding: 0;
    position: relative;
    top: 5px;
    width: 60px;
}

#header {
    box-sizing: border-box;
}

    #header .icon {
        background: rgba(0, 0, 0, 0) url("../images/icon-sprite.png") repeat scroll 0 0;
        display: inline-block;
        height: 30px;
        vertical-align: middle;
        width: 30px;
    }

    #header .mobile-menu-toggle:hover {
        background: #fff none repeat scroll 0 0 !important;
    }

    #header .mobile-menu-toggle .text {
        display: none;
    }

    #header .mobile-menu-toggle .icon {
        background-position: -318px -49px;
        height: 22px;
        left: 0;
        margin-top: -11px;
        position: absolute;
        top: 50%;
        width: 28px;
    }

    #header .mobile-menu-toggle > i {
        color: #888;
        line-height: 1.2;
        padding: 0;
        font-size: 24px;
    }

    #header .mobile-menu-toggle {
        padding: 0;
    }

.site-nav ul {
    margin: 0;
    padding: 0;
}

    .site-nav ul.nav-left {
        float: left;
        margin-left: -5px;
    }

@media (max-width: 989px) {
    .site-nav ul.nav-left {
        margin-left: 0;
    }
}

.site-nav ul.nav-left a:hover, .site-nav ul.nav-left:focus {
    background: #eee none repeat scroll 0 0;
    padding-bottom: 11px;
}

.site-nav ul.nav-left a.mobile-menu-toggle:hover {
    padding-bottom: 12px;
}

.site-nav ul.nav-right {
    float: right;
    padding-right: 0;
}

    .site-nav ul.nav-right li {
        padding-left: 0;
        padding-right: 0;
    }

        .site-nav ul.nav-right li a {
            padding-right: 2px;
        }

.site-nav a {
    color: #5c5a5b;
    display: inline-block;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px 12px 12px;
    text-decoration: none;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial, sans-serif;
    font-size: 15px;
}

    .site-nav a:active, .site-nav a:focus, .site-nav a:hover {
        color: #F78534;
    }

.site-nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

.lt-ie9 .site-nav li {
    float: left;
}

.site-nav li.active::after {
    background: #F78534 none repeat scroll 0 0;
    border-radius: 7px 7px 0 0;
    bottom: 0;
    content: "";
    height: 7px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 14px;
    z-index: 1;
}

.site-nav li.active:hover::after {
    bottom: -1px;
}

.site-nav li.active a:active, .site-nav li.active a:focus, .site-nav li.active a:hover {
    background: #eee none repeat scroll 0 0;
}

.site-nav li.meganav-active a, .site-nav li.meganav-active a:focus, .site-nav li.meganav-active a:hover {
    background: #4b4e53 none repeat scroll 0 0;
    color: #d0d4d7;
    padding-bottom: 13px;
}

.site-nav li.meganav-active::after {
    bottom: 0 !important;
}
/* .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
  display: none !important;
}
*/
.hidden {
    display: none !important;
}

@media (min-width: 990px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }

    .visible-lg {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }

    .meganav {
        background: #4b4f54 none repeat scroll 0 0;
        font-size: 1.5rem;
        height: 0;
        overflow: hidden !important;
        text-align: left;
        top: 94px;
        transition: height 300ms ease-out 0s;
        width: 100%;
        z-index: 5;
    }

        .meganav .menu, .meganav.no-transition .submenu .submenu > ul {
            transition: none 0s ease 0s;
        }

        .meganav.active .menu-scroll {
            left: auto;
            overflow: visible;
            position: static;
        }

        .meganav .col-lg-3 {
            padding: 0 15px;
            position: relative;
        }

        .meganav .container-fluid {
            height: 100%;
            width: 1200px;
        }

    @media (max-width: 989px) {
        .meganav .container-fluid {
            width: 990px;
        }
    }

    .meganav .row {
        height: 100%;
        overflow: hidden;
    }

    .meganav .menu {
        position: relative;
        width: 280px;
    }

    .meganav .menu, .meganav .sub-submenu, .meganav .submenu {
        height: 100%;
    }

        .meganav .menu .submenu-scroller, .meganav .sub-submenu .submenu-scroller, .meganav .submenu .submenu-scroller {
            background: #5d6065 none repeat scroll 0 0;
            border-bottom: 1px solid #6a6e72;
            border-right: 1px solid #6a6e72;
            display: block;
            height: 35px;
            padding: 5px;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 6;
        }

            .meganav .menu .submenu-scroller:hover, .meganav .sub-submenu .submenu-scroller:hover, .meganav .submenu .submenu-scroller:hover {
                background: #565b5f none repeat scroll 0 0;
            }

            .meganav .menu .submenu-scroller.scroll-down, .meganav .sub-submenu .submenu-scroller.scroll-down, .meganav .submenu .submenu-scroller.scroll-down {
                border-bottom: medium none;
                border-top: 1px solid #6a6e72;
                bottom: 0;
                box-shadow: 0 -3px 5px 0 rgba(35, 35, 35, 0.3);
                box-sizing: border-box;
            }

            .meganav .menu .submenu-scroller.scroll-up, .meganav .sub-submenu .submenu-scroller.scroll-up, .meganav .submenu .submenu-scroller.scroll-up {
                box-shadow: 0 3px 5px 0 rgba(35, 35, 35, 0.3);
                box-sizing: border-box;
                top: 0;
            }

    .meganav .submenu {
        height: 540px;
        top: 0;
    }

    .meganav ul {
        height: auto;
        min-height: 540px;
        padding-top: 15px;
        z-index: 5;
        box-sizing: border-box;
    }

    .meganav li {
        border-bottom: 1px solid #6c7074;
        padding: 0;
    }

        .meganav a, .meganav li.menu-heading a {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            color: #fff;
        }

            .meganav a:hover, .meganav li.menu-heading a:hover {
                color: #f78534 !important;
            }

            .meganav a::after, .meganav li.menu-heading a::after {
                background-position: -2px -237px;
                height: 22px;
                margin-top: -11px;
                width: 22px;
            }

            .meganav a:hover::after, .meganav li.menu-heading a:hover::after {
                background-position: -2px -261px;
            }

            .meganav a span.main-heading, .meganav li.menu-heading a span.main-heading {
                color: #fff;
                font-family: "SF Pro Display",arial,sans-serif;
                font-size: 22px;
            }

            .meganav a span.sub-heading, .meganav li.menu-heading a span.sub-heading {
                color: #d9dcdd;
                font-size: 16px;
                font-family: "SF Pro Display",arial,sans-serif;
            }

            .meganav a.active, .meganav a:focus, .meganav a:hover {
                background: #3d4145 none repeat scroll 0 0;
                color: #fff;
            }

    .meganav .submenu {
        background: #4b4f54 none repeat scroll 0 0;
    }

        .meganav .submenu .submenu {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            display: none;
            overflow: hidden;
        }

            .meganav .submenu .submenu > ul {
                background: rgba(61, 65, 69, 0.9) none repeat scroll 0 0;
                padding-left: 15px;
                transform: translate3d(-100%, 0px, 0px);
                transition: all 200ms ease-out 0s;
            }

    .second-level-submenu, .third-level-submenu {
        height: 540px;
        top: 0;
        width: 280px;
    }

    .no-csstransforms3d .meganav .submenu .submenu > ul {
        left: -100%;
    }

    .meganav .submenu .submenu .submenu > ul {
        background: rgba(61, 65, 69, 0.8) none repeat scroll 0 0;
    }

    .no-csstransforms3d .meganav .submenu .submenu.active > ul {
        left: 0;
    }

    .meganav .submenu-parent > a::after {
        background: rgba(0, 0, 0, 0) url("../images/icon-sprite.png") repeat scroll -275px 0;
        content: "";
        height: 8px;
        margin-top: -4px;
        right: 24px;
        top: 50%;
        width: 5px;
    }

    .meganav .nav-bg {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 524px;
        left: 280px;
        position: absolute;
        right: 0;
        top: 8px;
    }

    .meganav .btn-close {
        background-color: rgba(75, 79, 84, 0.5);
        border: medium none;
        border-radius: 16px;
        cursor: pointer;
        display: block;
        height: 32px;
        position: absolute;
        right: 17px;
        top: 15px;
        width: 32px;
        padding: 0;
    }

        .meganav .btn-close::after {
            background: rgba(0, 0, 0, 0) url("../images/icon-sprite.png") repeat scroll -217px -79px;
            content: "";
            display: block;
            height: 11px;
            left: 50%;
            margin-left: -5px;
            margin-top: -6px;
            position: absolute;
            top: 50%;
            width: 11px;
        }

    .second-level-submenu .submenu.active, .third-level-submenu .submenu.active {
        display: none;
    }

    .meganav .btn-close:hover {
        background-color: #4b4f54;
    }

        .meganav .btn-close:hover::after {
            background: rgba(0, 0, 0, 0) url("../images/icon-sprite.png") repeat scroll -217px -79px;
        }

    .meganav .tagline {
        background: rgba(0, 0, 0, 0);
        display: none;
        height: 212px;
        position: absolute;
        right: 0;
        top: 300px;
        width: 259px;
    }

    .second-level-submenu {
        background-color: rgba(61, 65, 69, 0.9);
        left: 280px;
        opacity: 0;
        position: absolute;
        transition: left 300ms ease-out 0s;
        z-index: 3;
    }

        .second-level-submenu.open {
            left: 560px;
            opacity: 1;
        }

    .third-level-submenu {
        background-color: rgba(61, 65, 69, 0.8);
        left: 560px;
        opacity: 0;
        position: absolute;
        transition: left 300ms ease-out 0s;
        z-index: 2;
    }

        .third-level-submenu.open {
            left: 840px;
            opacity: 1;
        }
}

.top-adds img {
    display: block;
    float: left;
}

.top-adds .holder {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    width: 120px;
}

.megamenu-holder .right span.adtext {
    color: #333333;
    display: block;
    font-size: 13px;
    line-height: 1.6em;
    margin: 1.07em 0 0.535em;
}

.footerborder {
    border: 1px solid #dddddd;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 16px;
}

    .footerborder .moduletable {
        margin: 0 !important;
    }

form.Chronoform {
    padding: 10px 48px;
}

#search {
    margin-top: 6px;
    margin-right: 15px;
}

div.topline {
    background: url(../images/bottombox.jpg) no-repeat center top;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

div.bottomline {
    background: url("../images/topbox.jpg") no-repeat scroll center bottom transparent;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}

div.mod-languages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.mod-languages li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2px;
    padding-right: 2px;
}

div.mod-languages ul.lang-inline li {
    display: inline;
}

div.mod-languages ul.lang-block li {
    display: block;
}

div.mod-languages img {
    border: none;
}

div.mod-languages a, div.mod-languages a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #876;
    font-size: 14px;
    line-height: 1.3;
}

#middle-column .custom div.divider {
    left: -39px;
}

div.divider table {
    width: 100%;
}

    div.divider table h4 {
        font-size: 16px;
        font-weight: bold;
    }

    div.divider table h5 {
        font-size: 13px;
        color: #666;
    }

        div.divider table h5.reduced {
            font-size: 14px;
            color: #333;
        }

    div.divider table h6.reduced {
        color: #707070;
        font-size: 14px;
        font-weight: normal;
        font-family: 'Segoe UI Symbol',arial,sans-serif;
    }

    div.divider table h2 {
        font-size: 13px;
        color: #444;
    }

div.divider td {
    vertical-align: top;
    color: #666;
}

    div.divider td.dleft {
        width: 32%;
        padding: 20px 28px 10px 0;
        vertical-align: top;
        border-right: 2px solid #f4f4f4;
    }

    div.divider td.dcenter {
        width: 36%;
        padding: 10px;
        vertical-align: top;
        padding: 20px 28px 10px 28px;
    }

    div.divider td.dright {
        width: 32%;
        padding: 20px 0 10px 28px;
        vertical-align: top;
        border-left: 2px solid #f4f4f4;
    }

        div.divider td.dleft h4, div.divider td.dright h4, div.divider td.dcenter h4 {
            vertical-align: middle;
            color: #6B6F7E;
            font-weight: normal;
        }

        div.divider td.dleft img, div.divider td.dright img, div.divider td.dcenter img {
            vertical-align: middle;
            margin-right: 12px;
            padding-bottom: 6px;
        }

.absoluteright {
    position: fixed;
    right: 0;
    top: 0;
    width: 40px;
}

#social-box-top {
    background: url("../images/bg-social-shadow.png") no-repeat scroll 0 0 transparent;
    height: 70px;
    width: 90px;
}

#social-box-middle {
    background: url("../images/bg-social-shadow.png") repeat-y scroll -200px 0 transparent;
    height: 346px;
    padding-bottom: 22px;
    position: relative;
}

#social-box-bottom {
    background: url("../images/bg-social-shadow.png") no-repeat scroll -100px 0 transparent;
    height: 70px;
    width: 90px;
}

.joomla_sharethis {
    padding-left: 10px;
}

.promos ul {
    clear: both;
    width: 1200px;
    margin: 0;
    padding-bottom: 35px;
    _position: relative;
    _z-index: 1;
    zoom: 1;
    padding-left: 2px;
}

    .promos ul:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .promos ul li {
        display: inline;
        float: left;
        position: relative;
        z-index: 1;
        width: 230px;
        height: 185px;
        margin-left: 11px;
        _margin-left: 9px;
        border-top: 1px solid #f2f2f2;
        -webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
        -moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
        box-shadow: rgba(0,0,0,.15) 0 1px 3px;
        box-shadow: rgba(0,0,0,.15) 0 1px 6px \0/IE9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-top: 0;
        padding-bottom: 0;
    }

        .promos ul li.first-child {
            margin-left: 0;
        }

        .promos ul li.last-child {
            margin-left: 10px;
            _margin-left: 8px;
        }

        .promos ul li a {
            display: block;
            cursor: pointer;
            background: #f6f6f6;
            background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
            background: -webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
            background: -moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
            background: -o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
            background: -ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
            background: linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
            -moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
            box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
        }

            .promos ul li a:nth-child(1n) {
                border-color: #fff;
            }

            .promos ul li a:hover {
                background: #f0f0f0;
                background: -moz-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
                background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1)));
                background: -webkit-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
                background: -o-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
                background: -ms-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
                background: linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            }

        .promos ul li .curve-down {
            display: inline-block;
            height: 185px;
            width: 100%;
            _display: inline;
            _zoom: 1;
            border: 1px solid #e0e0e0;
            border-top-color: #efefef;
            border-bottom-color: #ccc;
        }

            .promos ul li .curve-down:nth-child(1n) {
                border: none;
                border-radius: 5px;
                border-radius: 100% / 8px;
                -webkit-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
                -moz-box-shadow: rgba(0,0,0,.30) 0 2px 3px;
                box-shadow: rgba(0,0,0,.30) 0 2px 3px;
            }

        .promos ul li a img {
            display: block;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .promos ul li a:hover .play {
            background-position: 0 100%;
            opacity: 1;
        }

        .promos ul li a.promo-rotate {
            position: absolute;
            z-index: 1;
            top: 0;
        }

.subresponsive {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    box-sizing: border-box;
}

    .subresponsive:after {
        content: '';
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0
    }
/* subresponsive */
.subresponsive-module p {
    margin-bottom: 0;
}

.subresponsive-module img {
    vertical-align: top;
}

.subresponsive-module h3 {
    vertical-align: top;
    font-size: 16px;
}

.subresponsive-module h4 {
    vertical-align: top;
    font-size: 14px;
}

.subresponsive-module {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 14px;
    display: inline-block;
    background: none no-repeat scroll 0 0 #FCFCFC;
}

.subresponsive-modulewidth50ld .subresponsive-module-content:hover, .subresponsive-modulewidth50rd .subresponsive-module-content:hover, .subresponsive-modulewidth100 .subresponsive-module-content:hover, .subresponsive-modulewidth100d .subresponsive-module-content:hover, .subresponsive-modulewidth50l .subresponsive-module-content:hover, .subresponsive-modulewidth50r .subresponsive-module-content:hover {
    background: #f6f6f6;
    background: -moz-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
    background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
    background: -o-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
    background: -ms-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
    background: linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
}
/* 100% */
.subresponsive-modulewidth100 {
    width: 100%;
}

.subresponsive-modulewidth100d {
    width: 100%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: left;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}
/* 50% */
.subresponsive-modulewidth50l {
    width: 49%;
    float: left;
}

.subresponsive-modulewidth50r {
    width: 49%;
    float: right;
}

.subresponsive-modulewidth50ld {
    width: 49%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: left;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.subresponsive-modulewidth50rd {
    width: 49%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: right;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

    .subresponsive-modulewidth50ld .subresponsive-module-content, .subresponsive-modulewidth50rd .subresponsive-module-content, .subresponsive-modulewidth100f .subresponsive-module-content {
        background: #f6f6f6;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
        background: -webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
        -moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
        box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
    }
/* 33% */
.subresponsive-modulewidth33l {
    width: 32%;
    float: left;
}

.subresponsive-modulewidth33c {
    width: 32%;
    float: left;
    margin-left: 15px;
}

.subresponsive-modulewidth33r {
    width: 32%;
    float: right;
}

    .subresponsive-modulewidth33l a, .subresponsive-modulewidth33l a, .subresponsive-modulewidth33c p, .subresponsive-modulewidth33c a, .subresponsive-modulewidth33r p, .subresponsive-modulewidth33r a {
        margin-bottom: 0;
    }

    .subresponsive-modulewidth33l .subresponsive-module-content:hover, .subresponsive-modulewidth33c .subresponsive-module-content:hover, .subresponsive-modulewidth33r .subresponsive-module-content:hover {
        background: #f6f6f6;
        background: -moz-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1)));
        background: -webkit-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        background: -o-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        background: -ms-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        background: linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
    }

.subresponsive-modulewidth33ld {
    width: 32%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: left;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.subresponsive-modulewidth33rd {
    width: 32%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    float: right;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

.subresponsive-modulewidth33cd {
    width: 32%;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #F2F2F2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: inline;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 1;
}

    .subresponsive-modulewidth33rd .subresponsive-module-content, .subresponsive-modulewidth33ld .subresponsive-module-content, .subresponsive-modulewidth33cd .subresponsive-module-content {
        background: #f6f6f6;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
        background: -webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: -ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        background: linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
        -moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
        box-shadow: inset 0 2px 1px rgba(255,255,255,.97);
    }

        .subresponsive-modulewidth33rd .subresponsive-module-content:hover, .subresponsive-modulewidth33ld .subresponsive-module-content:hover, .subresponsive-modulewidth33cd .subresponsive-module-content:hover {
            background: #f6f6f6;
            background: -moz-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -webkit-gradient(linear,lefttop,leftbottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(224,224,224,1)));
            background: -webkit-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -o-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: -ms-linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
            background: linear-gradient(top,rgba(249,249,249,1)50%,rgba(224,224,224,1)100%);
        }

.subresponsive-moduleblue {
    /*background:#0099ff;
   */
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
}

    .subresponsive-moduleblue:hover {
        /*background:#0099ff;
   */
        background: #f0f0f0;
        background: -webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
        background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    }

    .subresponsive-moduleblue.w168 {
        background: #336699;
    }

    .subresponsive-moduleblue h4 {
        font-family: Arial;
        font-size: 15px;
        text-align: center;
        color: #777;
        font-weight: bold;
    }

    .subresponsive-moduleblue .customblue {
        padding: 2px;
        width: 200px;
    }

    .subresponsive-moduleblue p {
        text-align: center;
        padding-top: 10px;
    }

    .subresponsive-moduleblue a {
        text-decoration: none;
        padding: 18px;
        display: block;
    }

    .subresponsive-moduleblue .customblue.w168 {
        width: 250px;
    }

        .subresponsive-moduleblue .customblue.w168 h4 {
            color: #fff;
        }

.subresponsive-moduleorange {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
    background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
}

    .subresponsive-moduleorange:hover {
        background: #f0810c;
        background: -webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
        background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
        background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
    }

    .subresponsive-moduleorange.w168 {
        background: #f0810c;
    }

    .subresponsive-moduleorange h4 {
        font-family: Arial;
        font-size: 15px;
        text-align: center;
        color: #777;
        font-weight: bold;
    }

    .subresponsive-moduleorange .customorange {
        padding: 2px;
        width: 176px;
    }

    .subresponsive-moduleorange p {
        text-align: center;
        padding-top: 10px;
    }

    .subresponsive-moduleorange a {
        text-decoration: none;
        padding: 18px;
        display: block;
    }

    .subresponsive-moduleorange .customorange.w168 {
        width: 250px;
    }

        .subresponsive-moduleorange .customorange.w168 h4 {
            color: #fff;
        }

.djtabs {
    margin: 0px 20px;
    position: relative;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
    overflow: hidden;
}

    .djtabs nav {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        background: transparent;
        width: 300px;
        position: relative;
        border-right: 1px solid rgba(200, 200, 200, 0.5);
        z-index: 10;
        text-align: left;
        padding: 56px 0;
        justify-content: center;
        flex-direction: column;
    }

        .djtabs nav a {
            padding: 20px 0px 20px 90px;
            text-align: center;
            width: 100%;
            cursor: pointer;
            color: #707473;
            text-align: left;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
            font-style: normal;
            font-weight: 300;
            font-size: 26px;
        }

            .djtabs nav a:hover, .djtabs nav a.selected {
                background: url("../images/djarrow.svg");
                background-repeat: no-repeat;
                background-position: 36px center;
                background-size: 32px 32px;
                color: #fff;
            }

    .djtabs .content {
        padding: 20px 0 20px 300px;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        color: #fff;
        background-color: #000;
        background-size: cover !important;
        width: 0px;
        min-height: 100%;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.1s linear 0s;
        text-align: left;
    }

        .djtabs .content.visible {
            width: 100%;
            overflow: hidden;
            opacity: 1;
        }

        .djtabs .content h2, .djtabs .content h3, .djtabs .content p {
            text-align: left;
            padding-left: 36px;
        }
/*/
buckets table 2 column */
.buckets {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    min-height: 295px;
}

    .buckets .col2left {
        min-height: 270px;
        padding: 25px 8px 0;
        text-align: center;
        width: 438px;
        display: block;
        float: left;
        border-top: 1px solid #E5E5E5;
    }

    .buckets .col2right {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #fff;
        border-top: 1px solid #E5E5E5;
        min-height: 270px;
        padding: 25px 8px 0;
        text-align: center;
        width: 438px;
        display: block;
        float: left;
    }

        .buckets .col2left:hover, .buckets .col2right:hover {
            background: #fbfbfb;
            border-top: 1px solid #e5e5e5;
            padding-top: 24px;
            text-decoration: none;
        }

    .buckets h3 {
        color: #252525;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-size: 26px;
        font-weight: 600;
        line-height: 42px;
    }

    .buckets h4 {
        color: #252525;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        padding-bottom: 6px;
    }

    .buckets h5 h5 {
        color: #666666;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.55em;
    }

#eventag {
    width: 400px;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
}

.menulargelist a {
    font-size: 15px;
}

ul.menulargelist {
    list-style-type: none;
    padding-left: 0;
}
/* icemegamenu */
div.icemegamenu ul#icemegamenu li span.icemega_desc {
    background-color: #823003;
    background-image: -moz-linear-gradient(#B44205, #823003);
    background-image: -webkit-linear-gradient(#B44205, #823003);
    background-image: -o-linear-gradient(#B44205, #823003);
    background-image: linear-gradient(#B44205, #823003);
}

    div.icemegamenu ul#icemegamenu li span.icemega_desc:after {
        border-top-color: #823003;
    }

.megamenu .moduletable {
    padding: 16px 10px 16px !important;
}

    .megamenu .moduletable ul.menu > li > a {
        color: #555;
    }

    .megamenu .moduletable ul.menu {
        padding-left: 0;
    }

        .megamenu .moduletable ul.menu > li > ul {
            padding-left: 0;
            padding-top: 8px;
        }

            .megamenu .moduletable ul.menu > li > ul a {
                color: #555;
                font-weight: normal;
                line-height: 1.4;
            }

                .megamenu .moduletable ul.menu > li > ul a:hover {
                    color: #0088cc;
                    font-weight: normal;
                    line-height: 1.4;
                }
/* forms.css */
a.cart, button.cart {
    background: #A44322;
    background: -moz-linear-gradient(top, #CE552A, #A44322);
    background: -webkit-linear-gradient(top, #CE552A, #A44322);
    background: -ms-linear-gradient(top, #CE552A, #A44322);
    background: -o-linear-gradient(top, #CE552A, #A44322);
    background: linear-gradient(top, #CE552A, #A44322);
    border-color: #A44322
}

    a.cart:focus, button.cart:focus {
        background: #A44322;
    }

.header_right .mod-languages {
    float: right;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 6px;
}

.op_rounded label {
    width: 100%;
}

.op_rounded #shipto_virtuemart_country_id, .op_rounded #virtuemart_country_id {
    width: 90%;
}

#ajaxshipping label {
    width: 90%;
}

.ajax-clear {
    clear: right !important;
}

#contact_nr a {
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

    #contact_nr a:hover {
        color: #333;
    }

.submenu ul.menu li.blue {
    background-color: #0088cc;
}

    .submenu ul.menu li.blue a {
        color: #fff;
    }

.submenu ul.menu li.red {
    background-color: #cc0000;
}

    .submenu ul.menu li.red a {
        color: #fff;
    }

.submenu ul.menu li.green {
}

.submenu ul.menu li.orange {
}

.submenu ul.menu li.yellow {
}

.submenu ul.menu li.grey {
}

.submenu ul.menu li.magenta {
}
/*Timer*/
#timer .timer_months, #timer .timer_days, #timer .timer_months, #timer .timer_hours, #timer .timer_mins, #timer .timer_seconds {
    color: #0088cc;
    font-size: 22px;
    padding-right: 0;
    font-weight: 600;
    display: inline-block;
}

#timer .timer_months_label, #timer .timer_days_label, #timer .timer_months_label, #timer .timer_hours_label, #timer .timer_mins_label, #timer .timer_seconds_label {
    color: #777777;
    font-size: 11px;
    margin-right: 0;
    font-weight: normal;
    display: inline-block;
}

.scadenza {
    color: #ff0000;
    font-size: 17px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    line-height: 30px;
}

.backbottomlabel {
    color: #fff;
    font-size: 13px;
    padding-right: 6px;
    display: inline-block;
}

.backbottomvalue {
    color: #fff;
    font-size: 15px;
    padding-right: 22px;
    font-weight: bold;
}

.minivideo {
    height: 100px;
    padding-bottom: 15px;
    padding-top: 10px;
    position: relative;
    width: 160px;
    display: block;
}

    .minivideo .play-button {
        background: url("../images/video/miniplay.png") no-repeat scroll center center transparent;
        width: 160px;
        height: 97px;
        position: absolute;
        display: block;
        top: 15px;
        left: 2px;
    }

        .minivideo .play-button:hover {
            background: url("../images/video/miniplay_hover.png") no-repeat scroll center center transparent;
            width: 160px;
            height: 97px;
            position: absolute;
            display: block;
            top: 15px;
            left: 2px;
        }

.minivideo214 {
    height: 130px;
    padding-bottom: 15px;
    padding-top: 10px;
    position: relative;
    width: 214px;
    display: block;
}

    .minivideo214 .play-button {
        background: url("../images/video/miniplay.png") no-repeat scroll center center transparent;
        width: 160px;
        height: 97px;
        left: 29px;
        position: absolute;
        top: 32px;
        display: block;
    }

        .minivideo214 .play-button:hover {
            background: url("../images/video/miniplay_hover.png") no-repeat scroll center center transparent;
            width: 160px;
            height: 97px;
            left: 29px;
            position: absolute;
            top: 32px;
            display: block;
        }

.browse-view .PricepriceWithoutTax {
    color: #ff0000 !important;
    font-size: 28px !important;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    padding-top: 10px !important;
}

.browse-view .product-grid .card .vm-display.PricepriceWithoutTax {
    display: inline-block;
}

.mnumber {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
}

.mtxt {
    font-size: 13px;
    font-weight: 600;
}

.mbg {
    width: 48px;
    height: 48px;
    background-color: #F0800E;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 6px;
    position: relative;
}
/* BUTTON STYLES ============ */
.btn {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    line-height: 1.1;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: 18px;
}

.addtocart-button .addtocart-button {
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(79, 71, 60, 0.2) !important;
    box-shadow: 2px 2px 3px 0px rgba(79, 71, 60, 0.2) !important;
    overflow: hidden !important;
    font-size: 14px !important;
    padding: 11px 28px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    border: 0 none !important;
    color: #fff !important;
    background: #4c94db !important;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY3Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c94db), color-stop(100%, #0167cc)) !important;
    background: -webkit-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -o-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -ms-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: linear-gradient(to bottom, #4c94db 0%, #0167cc 100%) !important;
    background: #4c94db\9 !important;
    text-decoration: none !important;
}

.tmplbox .addtocart {
    float: none;
    width: 100%;
    margin-bottom: 6px;
}

.tmplbox .addtocart-button {
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(79, 71, 60, 0.2) !important;
    box-shadow: 2px 2px 3px 0px rgba(79, 71, 60, 0.2) !important;
    overflow: hidden !important;
    font-size: 14px !important;
    padding: 11px 28px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    border: 0 none !important;
    color: #fff !important;
    background: #4c94db !important;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY3Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c94db), color-stop(100%, #0167cc)) !important;
    background: -webkit-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -o-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: -ms-linear-gradient(top, #4c94db 0%, #0167cc 100%) !important;
    background: linear-gradient(to bottom, #4c94db 0%, #0167cc 100%) !important;
    background: #4c94db\9 !important;
    text-decoration: none !important;
    width: 100%;
}

.btn_ultrasmall {
    font-size: 11px;
    padding: 6px 8px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: normal;
}

.btn_small {
    font-size: 14px;
    padding: 8px 12px !important;
    padding-left: 12px;
    padding-right: 12px;
    white-space: normal;
}

.btn_medium {
    font-size: 16px;
    padding: 11px 28px;
    padding-left: 28px;
    padding-right: 28px;
    white-space: normal;
}

.btn_large {
    font-size: 19px;
    padding: 16px 30px;
    white-space: normal;
    border-radius: 32px;
}

.btn_xlarge {
    font-size: 26px;
    padding: 22px 40px;
    white-space: normal;
}

.btn_ularge {
    font-size: 23px;
    padding: 26px 30px;
    white-space: normal;
}

.btn_blue {
    border: 0 none;
    color: #fff !important;
    border-radius: 18px;
    background: #0071e3;
}

    .btn_blue:hover, .btn_blue:focus {
        color: #fff !important;
        background: #0058c5;
    }

.btn_black {
    border: 0 none;
    color: #fff !important;
    border-radius: 18px;
    background: #000000;
}

    .btn_black:hover, .btn_black:focus {
        color: #fff !important;
        background: #333333;
    }

    .btn.btn_black.disabled, .btn_black:disabled {
        background: #555555;
        color: #dedede !important;
    }


.btn_mp {
    border: 2px solid #222;
    color: #fff !important;
    border-radius: 18px;
    background: #222;
}

    .btn_mp:hover, .btn_mp:focus {
        color: #fff !important;
        background: #F78534 !important;
        border: 2px solid #F78534;
        text-decoration: none;
    }

.btn_mps {
    border: 2px solid #222;
    color: #222 !important;
    border-radius: 18px;
    background: rgba(0,0,0,0);
}

    .btn_mps:hover, .btn_mps:focus {
        color: #F78534 !important;
        background: rgba(0,0,0,0) !important;
        border: 2px solid #F78534;
        text-decoration: none;
    }

.btn_google {
    border: 1px solid #4285f4;
    border-radius: 2px;
    box-shadow: none;
    margin: 10px 7px 0;
    color: #fff !important;
    background: #4387fd;
    /* Old browsers */
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzODdmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjgzZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4387fd 0%, #4683ea 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4387fd), color-stop(100%,#4683ea));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4387fd 0%,#4683ea 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4387fd 0%,#4683ea 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4387fd 0%,#4683ea 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4387fd 0%,#4683ea 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4387fd', endColorstr='#4683ea',GradientType=0 );
    /* IE6-8 */
    text-decoration: none;
}

    .btn_google:hover {
        border: 1px solid #4285f4;
        border-radius: 2px;
        box-shadow: none;
        color: #fff !important;
        background: #4387fd;
        /* Old browsers */
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzODdmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjgzZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #4387fd 0%, #4683ea 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4387fd), color-stop(100%,#4683ea));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4387fd 0%,#4683ea 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4387fd 0%,#4683ea 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4387fd 0%,#4683ea 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #4387fd 0%,#4683ea 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4387fd', endColorstr='#4683ea',GradientType=0 );
        /* IE6-8 */
        text-decoration: none;
    }

.btn_flat {
    border: 1px solid #10c2ff;
    border-radius: 1px;
    box-shadow: none;
    margin: 10px 7px 0;
    color: #fff !important;
    background: #00b2ff;
    /* Old browsers */
    text-decoration: none;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-style: normal;
    font-weight: 500;
    white-space: normal;
}

    .btn_flat:hover {
        border: 1px solid #06b7f0;
        border-radius: 1px;
        box-shadow: none;
        color: #fff !important;
        background: #00a2ef;
        /* Old browsers */
    }

.btn_orange {
    border: 1px solid #F28029;
    border-radius: 2px;
    box-shadow: none;
    margin: 10px 7px 0;
    color: #fff !important;
    background: #F78534;
    /* Old browsers */
    background: -moz-linear-gradient(top, #F78534 0%, #F28029 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F78534), color-stop(100%,#F28029));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F78534 0%,#F28029 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F78534 0%,#F28029 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F78534 0%,#F28029 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #F78534 0%,#F28029 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F78534', endColorstr='#F28029',GradientType=0 );
    /* IE6-8 */
    text-decoration: none;
}

.btn_flatgreen {
    border: 1px solid #34C759;
    border-radius: 2px;
    box-shadow: none;
    margin: 10px 7px 0;
    color: #fff !important;
    background: #34C759;
    /* Old browsers */
    background: -moz-linear-gradient(top, #34C759 0%, #34C759 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34C759), color-stop(100%,#34C759));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #34C759 0%,#34C759 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #34C759 0%,#34C759 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #34C759 0%,#34C759 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #34C759 0%,#34C759 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34C759', endColorstr='#34C759',GradientType=0 );
    /* IE6-8 */
    text-decoration: none;
}

.btn_darkorange {
    border: 1px solid #fe9c3f;
    border-radius: 2px;
    box-shadow: none;
    margin: 10px 7px 0;
    color: rgb(18, 18, 18) !important;
    background: #fe9c3f;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-weight: bold;
}

.btn_cyan {
    border: 0 none;
    color: #fff !important;
    background: #46b1e6;
    /* Old browsers */
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YjFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTk1ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #46b1e6 0%, #1a95d3 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46b1e6), color-stop(100%,#1a95d3));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #46b1e6 0%,#1a95d3 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #46b1e6 0%,#1a95d3 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #46b1e6 0%,#1a95d3 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #46b1e6 0%,#1a95d3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b1e6', endColorstr='#1a95d3',GradientType=0 );
    /* IE6-8 */
    text-decoration: none;
}

    .btn_cyan:hover {
        color: #fff !important;
        background: #1a95d3;
        /* Old browsers */
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhOTVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #1a95d3 0%, #0080d1 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a95d3), color-stop(100%,#0080d1));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1a95d3 0%,#0080d1 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1a95d3 0%,#0080d1 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1a95d3 0%,#0080d1 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #1a95d3 0%,#0080d1 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a95d3', endColorstr='#0080d1',GradientType=0 );
        /* IE6-8 */
        text-decoration: none;
    }

.btn_grayscale {
    border: 0 none;
    color: #555 !important;
    background: rgb(238,238,238);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(204,204,204) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    /* IE6-9 */
}

    .btn_grayscale:hover {
        color: #555 !important;
        background: rgb(238,238,238);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(204,204,204) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(204,204,204) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
        /* IE6-9 */
        text-decoration: none;
    }

.btn_green {
    border: 0 none;
    color: #fff !important;
    background: #90D050;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjOTRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY3Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #90D050 0%, #65A020 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90D050), color-stop(100%, #65A020));
    background: -webkit-linear-gradient(top, #90D050 0%, #65A020 100%);
    background: -o-linear-gradient(top, #90D050 0%, #65A020 100%);
    background: -ms-linear-gradient(top, #90D050 0%, #65A020 100%);
    background: linear-gradient(to bottom, #90D050 0%, #65A020 100%);
    background: #90D050\9;
    text-decoration: none;
}

    .btn_green:hover {
        color: #fff !important;
        background: #75B030;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2OGFkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY3Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #75B030 0%, #659030 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #368ad8), color-stop(100%, #659030));
        background: -webkit-linear-gradient(top, #75B030 0%, #659030 100%);
        background: -o-linear-gradient(top, #75B030 0%, #659030 100%);
        background: -ms-linear-gradient(top, #75B030 0%, #659030 100%);
        background: linear-gradient(to bottom, #75B030 0%, #659030 100%);
        background: #75B030\9;
        text-decoration: none;
    }

.btn_gray {
    color: #4f473f !important;
    border: 1px solid #fff;
    background-color: #e1dfdb;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZGZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQyY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e1dfdb 0%, #d5d2cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1dfdb), color-stop(100%, #d5d2cc));
    background: -webkit-linear-gradient(top, #e1dfdb 0%, #d5d2cc 100%);
    background: -o-linear-gradient(top, #e1dfdb 0%, #d5d2cc 100%);
    background: -ms-linear-gradient(top, #e1dfdb 0%, #d5d2cc 100%);
    background: linear-gradient(to bottom, #e1dfdb 0%, #d5d2cc 100%);
    background-color: #e1dfdb\9;
    text-decoration: none;
}

    .btn_gray:hover {
        color: #4f473f !important;
        background: #d3d2d1;
        background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDJkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QyZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #d3d2d1 0%, #d3d2d1 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d2d1), color-stop(100%, #d3d2d1));
        background: -webkit-linear-gradient(top, #d3d2d1 0%, #d3d2d1 100%);
        background: -o-linear-gradient(top, #d3d2d1 0%, #d3d2d1 100%);
        background: -ms-linear-gradient(top, #d3d2d1 0%, #d3d2d1 100%);
        background: linear-gradient(to bottom, #d3d2d1 0%, #d3d2d1 100%);
        background: #d3d2d1\9;
        text-decoration: none;
    }

.tdcenter td {
    padding: 4px;
    text-align: left;
}

    .tdcenter td img {
        padding-top: 0 !important;
    }

.socialshare {
    float: right;
}

a.facebook {
    background: url("../images/social/facebook.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

a.google {
    background: url("../images/social/google_plus.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

a.youtube {
    background: url("../images/social/YouTube.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

a.instagram {
    background: url("../images/social/instagram.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

a.linkedin {
    background: url("../images/social/LinkedIN.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

a.twitter {
    background: url("../images/social/Twitter.png") no-repeat scroll center top transparent;
    display: block;
    height: 36px;
    overflow: hidden;
    text-indent: 100px;
    width: 36px;
    float: right;
}

    a.facebook:hover, a.youtube:hover, a.google:hover, a.linkedin:hover, a.twitter:hover, a.instagram:hover {
        background-position: center -40px;
    }

.offlajn-ajax-search-container input {
    border-radius: 12px 12px 12px 12px;
    padding: 0 30px 0 8px !important;
}

#ajax-search-button106 {
    left: 136px !important;
}

#mod_improved_ajax_login-171 {
    width: 400px;
    display: inline;
}

#search-form106 #search-area-close106 {
    margin-top: 0 !important;
}

#search-results-moovable106 {
    top: 30px !important;
}

#search-area-close106 {
    top: 6px !important;
}

#search-results-moovable106 {
    opacity: 1 !important;
}

#ajax-search-button222 {
    left: 136px !important;
}

#search-form106 #search-area-close222 {
    margin-top: 0 !important;
}

#search-results-moovable222 {
    top: 30px !important;
}

#search-area-close222 {
    top: 6px !important;
}

#search-results-moovable222 {
    opacity: 1 !important;
}

.loginBtn, .selectBtn:active .rightBtn {
    box-shadow: none !important;
}

.vmproduct .related_product {
    width: 25%;
    float: left;
}

.vmproduct .related_image {
    width: 150px;
    float: left;
}

.vmproduct .related_title a {
    font-family: arial,sans-serif;
    color: #4F473F;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
}

.vmproduct .related_description a {
}

.linear_box {
    background-color: #fafafa;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: justify;
    margin: 0 auto;
    width: 1158px;
}

    .linear_box:after {
        content: "";
        display: inline-block;
        font-size: 0;
        line-height: 0;
        width: 1158px;
    }

    .linear_box .left25 {
        display: inline-block;
        padding: 0 16px 0 26px;
        float: left;
    }

    .linear_box .center25 {
        display: inline-block;
        border-left: 1px solid #ccc;
        padding: 0 16px 0 26px;
        float: left;
    }

        .linear_box .center25 .boxtitle {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding-bottom: 14px;
        }

        .linear_box .center25 .boxdescription {
            font-size: 13px;
            text-align: center;
            padding: 0 20px 16px;
            ;
        }

        .linear_box .center25 .boxbutton {
            text-align: center;
        }

    .linear_box .center_content {
        height: 200px;
    }

    .linear_box .center25 .boximage {
        text-align: center;
    }

.product-field .r_image {
    width: 180px;
    overflow: hidden;
    height: 200px;
}

.product-field .r_title a {
    color: #777777;
    font-size: 13px;
}

.product-field .r_title {
    text-align: center;
}

.black_box .black_title a {
    text-decoration: none;
    color: #CCCCCC;
}

.black_box .black_title {
    color: #CCCCCC;
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 8px;
}

.black_box {
    color: #cccccc;
    font-size: 13px;
    text-align: center;
    width: 200px;
    display: inline-block;
    height: 88px;
    border-right: 1px solid #ccc;
}

.category-view h4 {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
}

.category-view .row .category .spacer h2 a {
    display: block;
    font-size: 14px;
    text-align: center;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.title_blue {
    background-color: #3A82FF;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px 48px 10px;
    clear: both;
}

    .title_blue > * {
        padding-right: 15px;
        padding-left: 15px;
    }

    .title_blue h1 {
        color: #fff;
    }

    .title_blue h2 {
        color: #fff;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif !important;
        font-weight: 200;
    }

.function_left {
    float: left;
    padding: 10px 130px 30px;
    text-align: left;
}

    .function_left.light {
        float: left;
        padding: 10px 50px 30px;
        text-align: left;
    }

.function_two .function_center {
    float: left;
    padding: 10px 20px 30px;
    text-align: left;
    width: 50%;
    position: relative;
}

.function_tree .function_center {
    float: left;
    padding: 10px 20px 30px;
    text-align: left;
    width: 33%;
    position: relative;
}

.function_four .function_center {
    float: left;
    padding: 10px 14px 30px;
    text-align: left;
    width: 25%;
    position: relative;
}

.function_five .function_center {
    float: left;
    padding: 10px 8px 30px;
    text-align: left;
    width: 18%;
    position: relative;
}

.function_six .function_center {
    padding: 10px 8px 16px;
    text-align: left;
    position: relative;
}

.function_tree.tabled.bggreen .function_center {
    border: 1px solid #7DBA00;
    border-radius: 8px;
    padding: 16px;
    overflow: hidden;
    margin: 0;
    position: relative;
}

.function_tree.tabled.bgblue .function_center {
    border: 1px solid #4585F3;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    margin: 0 0 16px;
}

.function_tree.tabled.bggreen .function_center .function_title {
    background-color: #7DBA00;
    margin: 0;
    padding: 6px 0;
    color: #fff;
}

.function_tree.tabled.bgblue .function_center .function_title {
    background-color: #4585F3;
    margin: 0;
    padding: 6px 0;
    color: #fff;
}

.function_tree.tabled.bggreen .function_center .function_text, .function_tree.tabled.bgblue .function_center .function_text {
    padding: 24px 32px;
    box-sizing: border-box;
}

    .function_tree.tabled.bggreen .function_center .function_text img, .function_tree.tabled.bgblue .function_center .function_text img {
        padding-top: 0;
    }

.shelf .function_center .function_title {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3em;
    text-align: center;
    width: 100%;
}

.function_tree.tabled.bggreen .function_center .function_text.bggray .btn, .function_tree.tabled.bgblue .function_center .function_text.bggray .btn {
    width: 100%;
    margin-top: 14px;
    box-sizing: border-box;
}

.function_six.shelf {
    background: url("../images/shelf.jpg") no-repeat scroll 0 bottom transparent;
    height: 238px;
    padding: 0 100px;
    position: relative;
}

.function_two, .function_tree, .function_four, .function_five, .function_six {
    margin: 0 auto;
    width: auto;
    clear: both;
}

.function_left .function_image {
    float: left;
    width: 80px;
}

.function_center .function_image {
    text-align: center;
    margin: 0 auto 6px;
}

    .function_center .function_image .fa {
        font-size: 65px;
        margin-bottom: 12px;
    }

.function_six .function_center .function_image .fa {
    font-size: 90px;
    margin-bottom: 12px;
}

.function_center.blogpost .function_image {
    overflow: hidden;
}

.function_center.blogpost .function_title {
    font-size: 22px;
}

.function_center.blogpost .function_text h3 {
    font-size: 14px;
}

.function_center h3 {
    padding: 0 0 10px !important;
    font-size: 20px;
    color: #555;
}

.function_center .function_image img {
    padding-top: 0;
}

.function_left .function_image img {
    padding-top: 0;
}

.function_left .function_title {
    font-size: 24px;
    line-height: 1.3em;
    display: inline;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 600;
    color: #333333;
}

.function_left.light .function_title {
    float: right;
    width: 920px;
    font-size: 34px;
    line-height: 1.4;
    font-family: "SF Pro Display",arial;
    font-weight: 200;
    color: #333333;
}

.function_center .function_title {
    width: 100%;
    font-size: 24px;
    line-height: 1.3em;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 600;
    color: #333333;
    text-align: center;
}

.function_left .function_text {
    display: table;
}

.function_left.light .function_text {
    width: 920px;
    float: right;
}

    .function_left.light .function_text h3 {
        color: #676767;
        font-size: 18px;
    }

        .function_left.light .function_text h3 a {
            font-size: 18px;
        }

.function_center .function_text {
    width: 100%;
    text-align: center;
}

.area .largearea .function_left h3 {
    padding: 0 0 10px;
}

#tt_order_discount_after_div_basket {
}

#tt_order_discount_after_txt_basket_code {
    display: inline-block;
    margin-left: 4px;
}

#tt_order_discount_after_div_basket .op_col1_4, #tt_order_discount_after_div_basket #tt_order_discount_after_basket {
    color: #cc0000 !important;
    display: inline-block !important;
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#tt_order_discount_after_div_basket .op_col1_4 {
    width: 350px !important;
    display: inline !important;
}

#search-searchword {
    font-size: 20px;
    width: 97%;
    height: 38px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-weight: 400;
    color: #444;
    border: 1px solid #ddd;
    margin-top: 2px;
}

#subheader {
    background: #F6F6F6;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6) inset;
    padding: 6px 48px;
    clear: both;
}

    #subheader .search label {
        display: none;
    }

    #subheader .search #mod-search-searchword {
        display: block;
        width: 80%;
        background: transparent;
        border: 0 none !important;
        box-shadow: none;
        padding: 24px 16px;
        font-size: 23px;
        color: #aaa;
    }

.subheader {
    margin: 0;
    padding: 10px 0 0;
    background-color: #fff;
    z-index: 10;
    border-top: 1px solid #eee;
    width: 100%;
}

    .subheader.affix {
        top: 0;
    }

    .subheader.fixed {
        position: relative;
    }

    .subheader.fixed-top {
        border-bottom: 1px solid #ccc;
    }

    .subheader .btn {
        box-shadow: none;
        font-family: "SF Pro Display";
        font-size: 13px;
        font-weight: 400;
        overflow: visible;
    }

[data-rokboxicon]:before {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    content: attr(data-rokboxicon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

[class^="rokbox-icon-"]:before, [class*=" rokbox-icon-"]:before {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
    font-style: normal;
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.rokbox-icon-next:before {
    content: "\6e";
}

.rokbox-icon-previous:before {
    content: "\70";
}

.rokbox-icon-fullscreen:before {
    content: "\66";
}

.rokbox-icon-exit-fullscreen:before {
    content: "\73";
}

.rokbox-icon-close:before {
    content: "\78";
}

.rokbox-icon-unfit-screen:before {
    content: "\77";
}

.rokbox-icon-fit-screen:before {
    content: "\64";
}

body.rokbox-opened {
    overflow: hidden;
}

.rokbox-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAYAAACI7Fo9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA09pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoMTMuMCAyMDEyMDMwNS5tLjQxNSAyMDEyLzAzLzA1OjIxOjAwOjAwKSAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRDMkMyRjk3ODkxMTFFMkFCMUVCOThBOEM0MEFCQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRDMkMyRkE3ODkxMTFFMkFCMUVCOThBOEM0MEFCQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNEMyQzJGNzc4OTExMUUyQUIxRUI5OEE4QzQwQUJBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNEMyQzJGODc4OTExMUUyQUIxRUI5OEE4QzQwQUJBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrFZyHMAAAItSURBVHja7NMBDQAACMOwg383GMQACkgrYckqyQR4rSUAowNGB4wOGB0wOmB0wOiA0cHogNEBowNGB4wOGB0wOmB0MDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDpgdDA6YHTA6IDRAaMDRgeMDhgdjA4YHTA6YHTA6IDRAaMDRgejA0YHjA4YHTA6YHTA6IDRAaOD0QGjA0YHjA4YHTA6YHTA6GB0wOiA0QGjA0YHjA4YHTA6GB0wOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0cHogNEBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdDA6YHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkYHjA4YHTA6YHTA6IDRAaOD0QGjA0YHjA4YHTA6YHTA6IDRweiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHjA5GB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB04LICDABTNgKn7mrGuAAAAABJRU5ErkJggg==) \9;
    background-color: rgba(0,0,0,0.7);
    z-index: 25000;
    overflow: auto;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .rokbox-wrapper.error .rokbox-header h3 {
        color: #b94a48;
    }

    .rokbox-wrapper .rokbox-outer {
        display: table;
        height: 100%;
        width: 100%;
    }

        .rokbox-wrapper .rokbox-outer .rokbox-row {
            display: table-row;
            width: 100%;
            height: 100%;
        }

            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

                .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container {
                    margin: 20px 40px;
                    display: inline-block;
                    outline: medium none;
                    text-align: left;
                    position: relative;
                    background: black;
                    min-width: 100px;
                    min-height: 100px;
                    max-width: 1200px;
                    border-radius: 6px;
                    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
                    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
                    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding-box;
                    background-clip: padding-box;
                    vertical-align: middle;
                }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container img, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container iframe, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container object, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container embed {
                        border-radius: 4px;
                        image-rendering: optimizequality;
                        border: 0;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container img {
                        width: 100%;
                        height: auto;
                        max-width: 100%;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container:hover .rokbox-controls {
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-loading .rokbox-loader {
                        display: block;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-loading .rokbox-loader .rokbox-loader-image {
                            -webkit-animation: rotate .7s linear infinite;
                            -moz-animation: rotate .7s linear infinite;
                            -ms-animation: rotate .7s linear infinite;
                            -o-animation: rotate .7s linear infinite;
                            animation: rotate .7s linear infinite;
                        }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content {
                        border-radius: 6px;
                        height: 100%;
                        -webkit-transform: translateZ(0);
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content .rokbox-contentborder {
                            border: 1px solid #555;
                            border: 1px solid rgba(255,255,255,0.1);
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            border-radius: 6px;
                        }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-content #rokbox-error {
                            background: #fff;
                            color: #333;
                            padding: 5px 20px;
                            max-width: 330px;
                            word-wrap: break-word;
                            border-radius: 6px;
                        }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-loader {
                        width: 60px;
                        height: 60px;
                        border-radius: 60px;
                        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4) inset,1px 1px 1px rgba(255,255,255,0.1);
                        -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4) inset,1px 1px 1px rgba(255,255,255,0.1);
                        box-shadow: 0 0 5px rgba(0,0,0,0.4) inset,1px 1px 1px rgba(255,255,255,0.1);
                        background-color: #000;
                        background-color: rgba(0,0,0,0.7);
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        z-index: 5;
                        margin-left: -30px;
                        margin-top: -30px;
                        display: none;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-loader .rokbox-loader-image {
                            background-repeat: no-repeat;
                            background-position: 50% 50%;
                            background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAY5SURBVGiB7Zo7rBVFGMd/314eAopBMEJIQBQSkRjRgkpDY9TYGG2wIVpATCw0sdGCQm19xM7KWFuZYEEsJBhiAUrEECVIggEElYTwRu69556/xexy5s6Zmd09ewLxyj+ZzD7Ozny/881+81qTxP9Jxe024FbrDvBc1x3gua55qRtm1rlwSQuAZ4DngPXAQ8AGYAI4AxwCPjGz7zpXNlx3+kYsdahomaRtkr6UdF7SlKRpSTNK692RK0zbEecaF7CkRZLelvSnpOuS/pF0Q9KkpF4GVuX9rf8JYEkTkrZLOi7piqSrkq4FwP0aYEnafyuAk+9ww0LXAZ8DTwIGqMwpjynPmwSEx7rY0lQjR2lJzwP7gM04uArQPyY47qR+v2+Sin6/P3JEHQlY0nbgC2AxA0A/QXvoI7mbPqSZFZJGsr31Q5JeBj4sn43BxqB7NcXOALvq6jbXV1ZpYhToVg9I2gx8RD1g7P5Mpuhdub643+9bAFt5e17b5m2piBwOPCStBL4GVpUVFl7lhZeHx/75hPfMX8BBagYeCdjKOCttmyqKYhZIiqtRlJY0AXwGPMDAi30GLSQWsHzv/gLsBr4FbgCHzSzn8ZuqgbXyJwvLcmvVtFvaiYvGfQbeggF0lSs4/gr4wMyON6xnlrzmWgddSJpvZtN1ZdY2aUn3A3uBJZFKi0heAGeBHWZ2sC1kpaAp+69PClqSrldNO8XVJGjtAO7Cec5PipwL+B7Y2gUWwHsnU7DhHzFRNu2ssh6WdC9ucLGkuhypyPfuAWBbk6bVVJLmk4cOA9jloig0qodfYuBdPwiF3u4DJ4Gd44QFkNRjOOr70X/Wn17n5TrgFxgGm0mcv2Vm50eiyhnomvYU6SYdxpEscDJKS1oFbGQQmf2mU00Sqkr2mNkPo0LVycz6kvrAfDLNubKpjO7RNp3rlqpuKCzQTxX4xyORtNMkzns5WKjpl3PAm0gD+8c/mtnvba1vq4iXQ3t8OxcwAvAaBsBh4X4+1ol7jXrM9nKl0K4kVw54NcPAsQoON7F0TOrhxuMpeyrNTxWQA74PF4HDwsKKTuRtHKt6DAKlr7rzm8oBLyTtYV9XM2WMVZJkZhPB5SRcTDngSTJN4zYqBG6lHPA1YGl5nFqiEW7YebGLEU1lZtWcum7JKDn1zAFfYjCGrhRbp1rDLQLGdTf+6DAGHi4izlJuaHma2cPHmeB4BhdENrYyuZsW4zw8wWAFJbaykvRwDvgUw2PnmUh6vCNEGy1lGDaELoDkBCYHfIzhSUIsbZK0uiNIrSQtZAAcg/RTcrknB3yE4Wbsw/fKNAO80ommmVYzgPVTDPhaqpAksJmdA34j7WUffIukDV2JUpJ0D7CCtEd98MncAmHdfHgf6YAVBq/XS8PGqnLFo9pTbtKcL+XKqwPeC1wnH7yq8xXAG5I6bdD5KncWHsV1j2GgioEDXMiVmQU2s8vAN8RXOGL5euBNSYtb0wUqPfsEsJw0YHWt6o7Om1l2W6fJquVuBl6OLfeEnn4YeEfSg20AfUlaBjxF/L1NNWkB5+rKbrTVIulFXCT2l2fDxbzwPe/hpo57mq51Sbobt/CwkuE/Mlwe9nMBp8zsrFdWJ+B5wHvA2gRwrHn3vPw0cBQ3lZwuewAkVc11Ja7bWcpwQPTr8Ov07bgi6Yi/v9QJuCxgGfB+aZRfYWhU6OUwT6XwmdgfGfPwJPCTmU0F9ka5Gm+XmtkF4FPcKCa1A5HajYhtrd4sOkixpdfYeLnyyK8hbE6t9ofN7ARu5z8G1hYUz+jcNkpqAb4AjpnZlTYMrftMMzsg98FZNZysCyapbz/qYOXlsXtHzezvtvaPNEgws/2SLgGv4lZFYpAx6KGiGqSwFU4DP1eBr7XtTYNWTOVW6mu4rwJiWzGxfjqVUpMU/1W5CBwys+TkwLMtztUFuCy4ALYAz+KGgDHg3CJC7F4IfB04Kulk+GlDxq44V1dgr4IFuNHR07hXJdU/5yBDj07i+u/jdUPGiD1xrnEBexUtAh4p0zrce1g3BvfzadyXtqeAP9p0OYEd0etjBw4qnYf7ZHgtsAy317yc2YDncE32Ag70TNMPXmrqjl5PAs9VtRp4zAXdAZ7rugM81/UvFqRNaj0E8YoAAAAASUVORK5CYII=);
                            width: 100%;
                            height: 100%;
                        }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls {
                        opacity: 0;
                        filter: alpha(opacity=0);
                        -webkit-transition: opacity .3s ease-in-out;
                        -moz-transition: opacity .3s ease-in-out;
                        -ms-transition: opacity .3s ease-in-out;
                        -o-transition: opacity .3s ease-in-out;
                        transition: opacity .3s ease-in-out;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div {
                            position: absolute;
                            cursor: pointer;
                            display: block;
                            font-size: 12px;
                            color: #fff;
                            text-align: center;
                            text-shadow: 0 0 10px rgba(0,0,0,0.7);
                        }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next {
                                -webkit-transition: all .2s ease-in-out;
                                -moz-transition: all .2s ease-in-out;
                                -ms-transition: all .2s ease-in-out;
                                -o-transition: all .2s ease-in-out;
                                transition: all .2s ease-in-out;
                            }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-close {
                                position: absolute;
                                top: 2px;
                                right: 2px;
                                width: 20px;
                                height: 20px;
                                padding: 2px;
                                z-index: 2;
                            }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fitscreen {
                                position: absolute;
                                top: 2px;
                                left: 2px;
                                width: 20px;
                                height: 20px;
                                padding: 2px;
                                z-index: 2;
                            }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-unfitscreen {
                                display: none;
                            }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-fullscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-exit-fullscreen {
                                position: absolute;
                                top: 2px;
                                left: 2px;
                                width: 20px;
                                height: 20px;
                                padding: 2px;
                                display: none;
                            }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next {
                                opacity: 0;
                                filter: alpha(opacity=0);
                                -webkit-transition: opacity .2s ease-in-out;
                                -moz-transition: opacity .2s ease-in-out;
                                -ms-transition: opacity .2s ease-in-out;
                                -o-transition: opacity .2s ease-in-out;
                                transition: opacity .2s ease-in-out;
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                z-index: 1;
                                display: block;
                                background: rgba(0,0,0,0.001);
                                background-image: url(data:image/gif; base64,R0lGODlh+gD6AIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2ICgxMy4wIDIwMTIwMzA1Lm0uNDE1IDIwMTIvMDMvMDU6MjE6MDA6MDApICAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0Y0OTlGOTkzRTExMUUyQjBERkY1NTUxNTc3RTExMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0Y0OTlGQTkzRTExMUUyQjBERkY1NTUxNTc3RTExMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzRjQ5OUY3OTNFMTExRTJCMERGRjU1NTE1NzdFMTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzRjQ5OUY4OTNFMTExRTJCMERGRjU1NTE1NzdFMTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAAAsAAAAAPoA+gAAAv+Ej6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4Lx/JM1/aN5/rO9/4PDAqHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9Lr9js/r9/y+/w8YKDhIWGh4iJiouMjY6PgIGSk5SVlpeYmZqbnJ2en5CRoqOkpaanqKmqq6ytrq+gobKztLW2t7i5uru8vb6/sLHCw8TFxsfIycrLzM3Oz8DB0tPU1dbX2Nna29zd3t/Q0eLj5OXm5+jp6uvs7e7v4OHy8/T19vf4+fr7/P3+//DzCgwIEECxo8iDChwoUMGzp8CDGixIkUK1q8iDGjxo1WHDt6/AgypMiRJEuaPIkypcqVLFu6fAkzpsyZNGvavIkzp86dPHv6/Ak0qNChRIsaPYo0qdKlTJs6fQo1qtSpVKtavYo1q9atXLt6/Qo2rNixZMteKAAAOw==) \9;
                            }

                                .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous:hover, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next:hover {
                                    opacity: 1;
                                    filter: alpha(opacity=100);
                                }

                                .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next div {
                                    font-size: 36px;
                                    top: 50%;
                                    margin-top: -18px;
                                }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous {
                                left: 0;
                                width: 20%;
                            }

                                .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-previous div {
                                    left: 10px;
                                }

                            .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next {
                                right: 0;
                                width: 80%;
                            }

                                .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-controls div.rokbox-next div {
                                    right: 10px;
                                }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content .rokbox-content-element {
                        padding: 15px;
                        background: white;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content .rokbox-content-element, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-content > div {
                        border-radius: 6px;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-close {
                        top: -22px;
                        right: -22px;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-fitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-unfitscreen, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-fitscreen {
                        top: -22px;
                        left: -22px;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next {
                        width: 40px;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous {
                        left: -40px;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-previous div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-previous div {
                            left: 0;
                        }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next {
                        right: -40px;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-controls div.rokbox-next div, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-controls div.rokbox-next div {
                            right: 0;
                        }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-iframe .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-element .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-swf .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-audio .rokbox-caption, .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container.rokbox-type-video .rokbox-caption {
                        position: relative;
                    }

                    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption {
                        position: absolute;
                        -webkit-transition: background-color .2s ease-in-out;
                        -moz-transition: background-color .2s ease-in-out;
                        -ms-transition: background-color .2s ease-in-out;
                        -o-transition: background-color .2s ease-in-out;
                        transition: background-color .2s ease-in-out;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        z-index: 5;
                        padding: 5px 10px;
                        font-size: 15px;
                        border-radius: 0 0 3px 3px;
                        background: #000;
                        background: rgba(0,0,0,0.3);
                        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1);
                        -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1);
                        box-shadow: 0 -1px 0 rgba(255,255,255,0.1);
                        color: #fff;
                    }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption:hover {
                            -webkit-transition: background-color .2s ease-in-out;
                            -moz-transition: background-color .2s ease-in-out;
                            -ms-transition: background-color .2s ease-in-out;
                            -o-transition: background-color .2s ease-in-out;
                            transition: background-color .2s ease-in-out;
                            background: #000;
                            background: rgba(0,0,0,0.7);
                        }

                        .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container .rokbox-caption.rokbox-hidden {
                            display: none;
                        }

        .rokbox-wrapper .rokbox-outer .rokbox-header, .rokbox-wrapper .rokbox-outer .rokbox-footer {
            display: none;
            background: rgba(0,0,0,0.6);
            border: 1px solid #000;
            -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);
            box-shadow: 0 0 4px rgba(0,0,0,0.5);
        }

            .rokbox-wrapper .rokbox-outer .rokbox-header > div, .rokbox-wrapper .rokbox-outer .rokbox-footer > div {
                color: #fff;
                font-size: 20px;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 50%;
            }

                .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-previous, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-previous {
                    float: left;
                }

                .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-next, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-next {
                    float: right;
                    text-align: right;
                }

                .rokbox-wrapper .rokbox-outer .rokbox-header > div.rokbox-close, .rokbox-wrapper .rokbox-outer .rokbox-footer > div.rokbox-close {
                    font-size: 15px;
                    width: 50px;
                }

            .rokbox-wrapper .rokbox-outer .rokbox-header:before, .rokbox-wrapper .rokbox-outer .rokbox-header:after, .rokbox-wrapper .rokbox-outer .rokbox-footer:before, .rokbox-wrapper .rokbox-outer .rokbox-footer:after {
                content: " ";
                display: table;
            }

            .rokbox-wrapper .rokbox-outer .rokbox-header:after, .rokbox-wrapper .rokbox-outer .rokbox-footer:after {
                clear: both;
            }

    .rokbox-wrapper.touch-device .rokbox-header, .rokbox-wrapper.touch-device .rokbox-footer {
        display: block;
    }

    .rokbox-wrapper.touch-device .rokbox-controls {
        display: none;
    }

@media(max-width:767px) {

    .site-logo {
        display: block;
        height: 25px;
        margin: 3px 0 12px 40px;
        background-size: contain;
        width: 130px;
        float: none;
    }

    .site-logo-ext {
        display: none;
    }

    .rokbox-wrapper .rokbox-outer .rokbox-row .rokbox-inner .rokbox-container {
        margin: 5px 10px;
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

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

    ul.droplist > li {
        width: auto;
        padding: 16px;
        padding: 0;
        margin: 0;
    }

        ul.droplist > li > .drdata {
            margin: 0;
            padding: 16px 24px 20px;
            border: 1px solid #eaeaea;
            color: #555;
            height: 24px;
            background: rgb(255,255,255);
            /* Old browsers */
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            /* IE10+ */
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
            /* IE6-9 */
        }

            ul.droplist > li > .drdata > .drtitle {
                font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
                font-weight: 400;
                font-size: 24px;
                line-height: 1.1;
                float: left;
            }

            ul.droplist > li > .drdata > .drtable {
                font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
                font-weight: 400;
                font-size: 15px;
                line-height: 1.3;
                float: right;
            }

            ul.droplist > li > .drdata > .drtoggle {
                height: 20px;
                background: url('../images/arrow_t3.png') no-repeat scroll center center transparent;
                float: right;
                width: 35px;
                margin-top: 10px;
                margin-left: 48px;
                cursor: pointer;
            }

        ul.droplist > li:nth-child(2n+1) > .drdata {
        }

table.tableblue {
    border: 1px solid #3A82FF;
}

    table.tableblue thead th {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial;
        font-size: 18px;
        font-weight: 400;
        background-color: #3A82FF;
        color: #fff;
        padding: 8px 15px;
    }

    table.tableblue tbody tr td {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial;
        font-size: 15px;
        font-weight: 400;
        color: #777777;
        padding: 8px 12px;
        text-align: left;
        vertical-align: middle;
    }

    table.tableblue tbody tr a {
        color: #444444;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial;
    }

    table.tableblue tbody tr:nth-child(odd) td {
        background-color: #f5f6f7;
    }

    table.tableblue tbody tr:nth-child(even) td {
        background-color: #fafafa;
    }

    table.tableblue tbody tr:nth-child(odd) td:not(:last-child) {
        border-right: 2px solid #fff;
    }

    table.tableblue tbody tr:nth-child(even) td:not(:last-child) {
        border-right: 2px solid #fff;
    }

#js-mainnav.megamenu .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#js-mainnav.megamenu {
    line-height: 1;
    z-index: 999999;
}

    #js-mainnav.megamenu ul {
        list-style: none outside none;
    }

    #js-mainnav.megamenu div.megaMenuToggle {
        display: none;
    }

    #js-mainnav.megamenu .js-megamenu {
        margin: 0;
        padding: 0;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-size: 12px;
    }

    #js-mainnav.megamenu ul.megamenu {
        margin: 10px;
        /* menu's gutter */
    }

        #js-mainnav.megamenu ul.megamenu.level1 {
            padding: 0;
        }
    /* Styling ---*/
    #js-mainnav.megamenu ul.level0 {
        margin: 0;
        padding: 0;
    }

        #js-mainnav.megamenu ul.level0 li.mega {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            position: relative;
            /*z-index: 9991;*/
            background-color: #fff;
        }

            #js-mainnav.megamenu ul.level0 li.mega.right {
                float: right;
            }

            #js-mainnav.megamenu ul.level0 li.mega span.mega, #js-mainnav.megamenu ul.level0 li.mega a.mega {
                display: block;
                line-height: normal;
                margin: 0;
                padding: 8px 15px;
                text-decoration: none;
                cursor: pointer;
            }

            #js-mainnav.megamenu ul.level0 li.mega .has-image {
                padding-left: 25px;
                display: block;
                background-repeat: no-repeat;
                background-position: left top;
                cursor: pointer;
            }

    #js-mainnav.megamenu span.menu-image {
        background-position: left 1px;
        background-repeat: no-repeat;
        display: block;
        overflow: hidden;
        padding-left: 21px;
    }

    #js-mainnav.megamenu ul.level1 li.mega.group:hover {
        background: none !important;
    }

    #js-mainnav.megamenu ul.level0 li.mega span.menu-title {
        display: block;
    }

    #js-mainnav.megamenu ul.level0 li.mega span.menu-desc {
        display: block;
        font-weight: normal;
        font-size: 92%;
    }

    #js-mainnav.megamenu ul.level0 li.mega a img {
        /*float: left;
   */
        /*padding-right: 5px;
   */
    }

    #js-mainnav.megamenu ul.level0 li.mega span.image-title {
        padding-left: 5px;
    }

    #js-mainnav.megamenu ul.level0 li.haschild a.mega span.menu-desc, #js-mainnav.megamenu ul.level0 li.haschild-over a.mega span.menu-desc {
        padding-left: 12px;
    }

    #js-mainnav.megamenu ul.level0 li #current.active {
        background: none;
    }

    #js-mainnav.megamenu.vertical {
        background-image: none;
    }

#mobile-menu-header {
    width: 100%;
    background-color: #fff;
    z-index: 9990;
    max-width: 85%;
    padding: 4px 0;
    border-bottom: 1px solid #d1d2d3;
}

    #mobile-menu-header .site-logo {
        margin-left: 4px;
        margin-top: 8px;
        float: left;
    }

#js-mainnav.megamenu.horizontal.left ul.level0 {
    float: left;
    width: 100%;
    background-color: #fff;
    z-index: 9991;
}

#js-mainnav.megamenu.horizontal.center ul.level0 {
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}
/* Fix bug: site width is over when Menu is align Center */
body {
    overflow-x: hidden !important;
}

#js-mainnav.megamenu.horizontal.right ul.level0 {
    float: right;
}

#js-mainnav.megamenu.vertical ul.level0 {
    float: left;
    max-width: 100%;
    width: 100%;
}

#js-mainnav.megamenu.horizontal.center ul.megamenu.level1 {
    left: 0;
    position: relative;
}

#js-mainnav.megamenu.vertical ul.level0 li.mega {
    float: none;
}

#js-mainnav.megamenu.vertical li.mega {
    float: none;
}

#js-mainnav.megamenu.horizontal.center ul.level0 li.mega {
    position: relative;
}

#js-mainnav.megamenu.vertical.right ul.level0 li.mega span.mega, #js-mainnav.megamenu.vertical.right ul.level0 li.mega a.mega {
    text-align: right;
}

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title {
    background: url(../images/arrow3.png) no-repeat right center;
    padding-right: 22px;
}

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.over.mega span.menu-title {
    background: url(../images/arrow3sel.png) no-repeat right center;
    padding-right: 22px;
}

#js-mainnav.megamenu.vertical.left li a.haschild.mega span.menu-title, #js-mainnav.megamenu.vertical.left li a.haschild-over.mega span.menu-title {
    background: url(../images/arrow.png) no-repeat right center;
    padding-left: 0px;
}

#js-mainnav.megamenu.vertical.right li a.haschild.mega span.menu-title, #js-mainnav.megamenu.vertical.right li a.haschild-over.mega span.menu-title {
    background: url(../images/arrow_right.png) no-repeat left center;
    padding-left: 0px;
}

#js-mainnav.megamenu.vertical ul.level0 li a.haschild.mega span.menu-desc, #js-mainnav.megamenu.vertical ul.level0 li a.haschild-over.mega span.menu-desc {
    padding-left: 0px;
}

#js-mainnav.megamenu.horizontal.center ul.level1 li.mega {
    position: relative;
    right: 0;
}

#js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #js-mainnav.megamenu.vertical.left ul.level1 li.haschild-over {
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0;
}

#js-mainnav.megamenu.vertical.right ul.level1 li.haschild, #js-mainnav.megamenu.vertical.right ul.level1 li.haschild-over {
    background-image: url('../images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0;
}

#js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.mega .childcontent {
    margin-left: 100% !important;
    margin-top: -32px;
}

#js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.mega .childcontent {
    margin-left: -99% !important;
    margin-top: -32px;
    right: 95%;
}

#js-mainnav.megamenu.vertical.left .js-megamenu ul.level1 li.mega .childcontent {
    margin-top: 0px !important;
    top: 0px;
}

#js-mainnav.megamenu.vertical.right .js-megamenu ul.level1 li.mega .childcontent {
    margin-left: -100% !important;
    margin-top: -32px;
}

#js-mainnav.megamenu.vertical.left ul.level1 li.haschild, ul.level1 li.haschild-over {
    position: relative;
}
/* lv - 1 and below -----------------------------------*/
/* Layout ---*/
#js-mainnav.megamenu .js-megamenu li.mega .childcontent {
    display: block;
    height: auto;
    position: absolute;
}

#js-mainnav.megamenu .js-megamenu li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
    left: -999em;
    /*hide the menu*/
}

#js-mainnav.megamenu .js-megamenu li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
    left: auto;
    /*show on parent:hover*/
}

#js-mainnav.megamenu .js-megamenu li.mega .right, #js-mainnav.megamenu .js-megamenu li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right {
    right: auto;
    /*hide the menu*/
}

#js-mainnav.megamenu .js-megamenu li.haschild-over .right {
    right: 0;
    /*show on parent:hover*/
}

#js-mainnav.megamenu .js-megamenu li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right, #js-mainnav.megamenu .js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right {
    right: 12em;
    /*show on parent:hover*/
}

#js-mainnav.megamenu ul.level1 li.mega {
    float: none;
}

#js-mainnav.megamenu ul.level1 .childcontent {
    margin: -20px 0 0 0;
}
/* Columns ---*/
#js-mainnav.megamenu .megacol {
    float: left;
}
/* Styling ---*/
#js-mainnav.megamenu ul.level1 li.mega {
    background: none;
}

#js-mainnav.megamenu ul.level1 li.first {
    border-top: 0;
}

#js-mainnav.megamenu ul.level1 li.mega span.mega, #js-mainnav.megamenu ul.level1 li.mega a.mega {
    background: none;
    border: 0;
    font-weight: normal;
    padding: 8px 5px;
}

#js-mainnav.megamenu ul.level1 li.mega a.haschild.mega span.menu-title, #js-mainnav.megamenu ul.level1 li.mega a.haschild-over.mega span.menu-title {
    background: none;
    padding: 0;
}

#js-mainnav.megamenu ul.level1 li.group {
    background: none;
}
/* CHILD CONTENT -----------------------------------*/
#js-mainnav.megamenu .childcontent {
    z-index: 999;
}

    #js-mainnav.megamenu .childcontent .js-moduletable {
        border-bottom: 0;
        line-height: 1.5;
        margin: 10px 0;
        padding: 0;
    }

#js-mainnav.megamenu .childcontent-inner a {
    text-decoration: none;
    width: auto;
}

#js-mainnav.megamenu .childcontent-inner .group ul li.active {
}

#js-mainnav.megamenu .childcontent .group h3 {
    background: none;
    padding: 0 5px 8px;
    text-transform: none;
}

#js-mainnav.megamenu .childcontent .group .moduletable {
    background: none;
    padding-top: 12px;
}

#js-mainnav.megamenu .childcontent .js-moduletable .js-box-ct {
    padding: 0 5px;
}

#js-mainnav.megamenu .childcontent .js-moduletable a {
    text-decoration: none;
}

    #js-mainnav.megamenu .childcontent .js-moduletable a:hover, #js-mainnav.megamenu .childcontent .js-moduletable a:focus, #js-mainnav.megamenu .childcontent .js-moduletable a:active {
        text-decoration: none;
    }

#js-mainnav.megamenu .childcontent .js-moduletable ul:first-child {
    margin-top: 0 !important;
}

#js-mainnav.megamenu .childcontent .js-moduletable li {
    margin-bottom: 5px;
}
/* Grouped --- */
#js-mainnav.megamenu .group {
}

#js-mainnav.megamenu .group-title {
    overflow: hidden;
}

    #js-mainnav.megamenu .group-title .menu-title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 115%;
    }

    #js-mainnav.megamenu .group-title .menu-desc {
        padding-left: 0 !important;
    }

#js-mainnav.megamenu .group-content .js-moduletable, #js-mainnav.megamenu .group-content ul.megamenu {
    margin: 10px;
    /* Group-content's gutter*/
    padding: 0;
}
/* reset --- */
#js-mainnav.megamenu .childcontent .moduletable {
    padding: 10px;
}

#js-mainnav.megamenu ul.level0 .childcontent .moduletable li:hover, #js-mainnav.megamenu ul.level0 .childcontent .moduletable a:hover {
    background: none;
}

#js-mainnav.megamenu .childcontent-inner {
    overflow: visible;
}

#js-mainnav.megamenu .childcontent .moduletable h3 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

#js-mainnav.megamenu .childcontent .moduletable {
    padding: 10px;
}
/* show img with no title */
#js-mainnav.megamenu span.no-title {
    padding: 0px;
}

    #js-mainnav.megamenu span.no-title img {
        padding: 0px !important;
    }
/* Image style */
#js-mainnav.megamenu ul.megamenu.level0 li.big-img-left, #js-mainnav.megamenu ul.megamenu.level0 .big-img-right {
    padding: 5px 0;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-left img {
    float: left;
    margin: 0 10px 10px 0;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-right img {
    float: right;
    margin: 0 10px 0 10px;
}

#js-mainnav.megamenu ul.megamenu.level0 .big-img-left span.image-title, #js-mainnav.megamenu ul.megamenu.level0 .big-img-right span.image-title {
    padding: 0;
}
/* override reset style */
#js-mainnav.megamenu ul.megamenu.level0 input#mod-search-searchword {
    max-width: 100px;
}

#js-mainnav.megamenu ul.megamenu.level0 form {
    margin: 6px 10px;
}

#js-mainnav.megamenu ul.megamenu.level0 .contact-form form {
    margin: 0;
}

    #js-mainnav.megamenu ul.megamenu.level0 .contact-form form p {
        padding: 0;
        margin: 0;
        font-size: 10px;
    }

.tip-wrap {
    z-index: 9999;
}
/* Disable Mootools libraries, use CSS3 animation */
#js-mainnav.noJS ul.megamenu li.haschild > div.childcontent {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

#js-mainnav.noJS ul.megamenu li.haschild:hover > div.childcontent {
    opacity: 1;
    left: auto;
    visibility: visible;
}
/************************************************************************/
/* Submenu alignment */
/************************************************************************/
/* Center alignment */
#js-mainnav.horizontal ul.level0 li.mega.submenu-align-center > .childcontent {
    left: 50% !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    margin-left: 0 !important;
}
/* Full-width alignment */
#js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth {
    position: static !important;
}

    #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent {
        left: 0 !important;
        margin-left: 0 !important;
    }

        #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent, #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap, #js-mainnav.horizontal ul.level0 li.mega.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap > .childcontent-inner {
            width: 100% !important;
        }
/* Right alignment */
#js-mainnav.horizontal ul.level0 li.mega.submenu-align-right > .childcontent {
    left: auto !important;
    right: 0 !important;
    margin-left: 0 !important;
}

#js-mainnav.horizontal ul.level1 li.mega.submenu-align-right > .childcontent {
    left: auto !important;
    right: 100% !important;
}
/* Left alignment */
#js-mainnav.horizontal ul.level0 li.mega.submenu-align-left > .childcontent {
    left: 0 !important;
    margin-left: 0 !important;
}

#js-mainnav.horizontal ul.level1 li.mega.submenu-align-left > .childcontent {
    left: 100% !important;
}
/* Style for none-mobile */
@media screen and (min-width: 768px) {
    /* Sticky Mega Menu */
    #js-mainnav.megamenu-sticky {
        left: 0;
        right: auto;
        width: 100%;
        border-radius: 0;
        margin: 0 !important;
        z-index: 1000;
        position: fixed !important;
        top: 0px;
        bottom: auto !important;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
}
/* Style for mobile */
@media screen and (max-width: 768px) {
    /* Tooltip */
    .tip-wrap {
        display: none !important;
    }

    .loginp #left, .loginp #right {
        padding: 0 4px;
    }

    #login-form input {
        width: 100% !important;
    }

    #header .wrapper {
        height: 42px;
        padding-top: 5px;
    }

    .supportarea .area {
        padding: 16px 4px 16px;
    }

        .supportarea .area a {
            line-height: 2.2;
            font-size: 15px;
        }

        .supportarea .area .largearea h3 {
            padding: 0;
        }

            .supportarea .area .largearea h3.subtitle {
                font-size: 15px;
                font-weight: 400;
                line-height: 1.3;
                color: #999999;
            }

    .supportarea h2 {
        color: #F78534;
        font-size: 28px;
        margin-bottom: 16px;
    }

        .supportarea h2.supporttitle {
            color: #5a5a5a;
            font-size: 24px;
            margin-bottom: 8px;
            font-weight: 400;
        }

    #login-form button {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .videocenter {
        width: 100%;
        height: 450px;
    }

    #footer .ac-gf-directory.with-5-columns .ac-gf-directory-column-section {
        width: 100% !important;
        position: relative;
        cursor: pointer;
        padding: 8px 6px;
        border-bottom: 1px solid #e3e3e3;
    }

        #footer .ac-gf-directory.with-5-columns .ac-gf-directory-column-section label {
            width: 100% !important;
            cursor: pointer;
        }

        #footer .ac-gf-directory.with-5-columns .ac-gf-directory-column-section::before {
            content: "+";
            right: 0;
            top: 9px;
            position: absolute;
            font-weight: normal;
            margin-right: 8px;
            transition: transform 0.3s ease 0s;
        }

        #footer .ac-gf-directory.with-5-columns .ac-gf-directory-column-section ul {
            display: none;
        }

    h3.subtitle26 {
        font-size: 18px;
    }

    h3.micon {
        color: #f78534;
        font-size: 100px;
        margin: 12px 0;
    }

    h2.boxtitle50 {
        font-size: 30px;
        line-height: 1.3;
        font-weight: bold;
        margin-bottom: 8px
    }

    .slideshowdbottom .titl {
        font-size: 24px;
        line-height: 24px;
    }

    #footer nav label {
        color: #555;
        font-family: "SF Pro Display",arial,sans-serif;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1.66667;
    }

    #js-mainnav.megamenu #logo {
        display: none;
    }
}
/* Styling ---*/
#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    font-size: 16px;
    color: #555;
    padding: 10px 15px;
    font-weight: normal;
    position: relative;
}

#js-mainnav.megamenu.blackwhite ul.level0 li:hover, #js-mainnav.megamenu.blackwhite ul.level0 li.active, #js-mainnav.megamenu.blackwhite ul.level0 li.over, #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over {
    background-color: #eee;
    color: #F78534;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > a.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega.over, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.active, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.over {
    color: #F78534 !important;
    border-bottom-color: transparent !important;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.haschild a.mega span.menu-desc, #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over a.mega span.menu-desc {
    padding-left: 0;
}

#js-mainnav.megamenu .cardmen {
    border: 0 none;
    background: transparent;
}

    #js-mainnav.megamenu .cardmen .card-header {
        border: 0 none;
        border-bottom: 2px solid #e1e2e3;
        padding: 0.1rem .1rem .75rem;
        background: transparent;
    }

    #js-mainnav.megamenu .cardmen .card-body {
        padding: .75rem .1rem .75rem;
        background: transparent;
    }

#js-mainnav.megamenu.blackwhite ul.men-contacts {
    margin-bottom: 16px;
}

    #js-mainnav.megamenu.blackwhite ul.men-contacts li {
        background-color: transparent;
        border: 0 none;
        padding: .45rem 0;
    }

    #js-mainnav.megamenu.blackwhite ul.men-contacts a {
        color: #454545;
    }

#js-mainnav .men-item-title {
    font-size: 14px;
    color: #454545;
    font-weight: 700;
    text-transform: uppercase;
}

#js-mainnav ul.men-item-list {
    padding-left: 0;
}

    #js-mainnav ul.men-item-list > li {
        padding-top: 1.2em;
        padding-bottom: 1.2em;
        line-height: 1.3;
    }

        #js-mainnav ul.men-item-list > li:hover a b {
            text-decoration: underline;
            color: #F78534;
        }

        #js-mainnav ul.men-item-list > li a b {
            display: block;
            color: #656769;
            font-size: 18px;
        }

        #js-mainnav ul.men-item-list > li a span {
            color: #757677;
            font-size: 16px;
        }

#js-mainnav .card .btn.btn-link {
    min-width: 80%;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #888;
    color: #fff;
    font-weight: bold;
    background-color: #888;
    text-shadow: none;
    line-height: 1.3;
    font-size: 13px;
    position: relative;
    padding: .375rem 1.75rem .375rem .75rem;
}

    #js-mainnav .card .btn.btn-link:hover {
        background-color: #F78534 !important;
        border: 1px solid #F78534 !important;
        text-shadow: none;
        color: #ffffff;
    }

    #js-mainnav .card .btn.btn-link::after {
        font-family: "SF Pro Icons";
        position: absolute;
        right: 6px;
        top: 30%;
        color: inherit;
        display: inline-block;
        float: right;
        font-style: normal;
        font-weight: inherit;
        font-size: inherit;
        line-height: 1;
        z-index: 1;
        content: "";
    }

#js-mainnav.megamenu.blackwhite ul.level0 li.haschild span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over span.mega {
    padding-right: 20px;
}

    #js-mainnav.megamenu.blackwhite ul.level0 li.haschild span.mega::after {
        display: inline-block;
        position: absolute;
        right: 6px;
        top: 50%;
        width: 0;
        height: 0;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over span.mega::after {
        display: inline-block;
        position: absolute;
        right: 6px;
        top: 50%;
        width: 0;
        height: 0;
        vertical-align: .255em;
        content: "";
        border-top: 0;
        border-right: .3em solid transparent;
        border-bottom: .3em solid;
        border-left: .3em solid transparent;
    }



/* Childcontent */
#js-mainnav.megamenu.blackwhite .childcontent {
}

#js-mainnav.megamenu.blackwhite ul.level0 ul.megamenu {
    margin: 0;
}
/* Layout ---*/
#js-mainnav.megamenu.blackwhite ul.level1 li.mega {
    border: 0 none;
}

#js-mainnav.megamenu.blackwhite ul.level1 li.first {
}

#js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega {
    margin: 0px;
    padding: 6px 20px 6px 15px;
    border: 0;
    color: #656565;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 0px 1px 1px #fff;
    background-color: transparent;
}

    #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega span.menu-title {
        background: none;
        padding: 0;
    }

#js-mainnav.megamenu.blackwhite ul.level1 li:hover, #js-mainnav.megamenu.blackwhite ul.level1 li.active, #js-mainnav.megamenu.blackwhite ul.level1 li.over, #js-mainnav.megamenu.blackwhite ul.level1 li.haschild-over {
    background: none;
}

#js-mainnav.megamenu.blackwhite ul.level1 li.mega:hover > a.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega:hover > span.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega.active, #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega.over {
    color: #F78534 !important;
}

#js-mainnav.megamenu.blackwhite ul.level1 li.haschild, #js-mainnav.megamenu.blackwhite ul.level1 li.haschild-over {
    background-image: url(../../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0;
}
/* CHILD CONTENT -----------------------------------*/
#js-mainnav.megamenu.blackwhite ul.level0 > .childcontent-inner {
    -webkit-box-shadow: 1px 1px 1px #dddddd;
    -moz-box-shadow: 1px 1px 1px #dddddd;
    box-shadow: 1px 1px 1px #dddddd;
}

#js-mainnav.megamenu.blackwhite .childcontent-inner {
    border: 1px solid transparent;
    padding-top: 6px;
    padding-bottom: 6px;
    border-color: #e0e0e0;
    color: #888888;
    text-shadow: 0px 1px 1px #fff;
    background-color: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
    background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
    background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
    background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
    background: -o-linear-gradient(top, #f9f9f9, #fefefe);
}

    #js-mainnav.megamenu.blackwhite .childcontent-inner .group ul li.active {
    }

#js-mainnav.megamenu.blackwhite .childcontent .group h3 {
    background: none;
    color: #777777;
}

#js-mainnav.megamenu.blackwhite .childcontent .moduletable {
    padding: 0 10px;
}

#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:hover, #js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:focus, #js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:active {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
/* Grouped --- */
#js-mainnav.megamenu.blackwhite .group-title {
}

    #js-mainnav.megamenu.blackwhite .group-title .menu-title {
        color: #777777;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 0px 1px 1px #fff;
    }

    #js-mainnav.megamenu.blackwhite .group-content .menu-desc, #js-mainnav.megamenu.blackwhite .group-title .menu-desc {
        font-size: 9px;
        color: #bbbbbb;
        text-transform: uppercase;
    }

#js-mainnav.megamenu.blackwhite span.menu-desc {
    padding: 0;
}

#js-mainnav.megamenu.blackwhite li.mega.group-divison {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 1px dotted #e9e9e9 !important;
}

.addtocart-area form .product-fields {
    display: table !important;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial;
}

    .addtocart-area form .product-fields .product-field {
        display: table-row !important;
        float: none;
        width: auto;
    }

        .addtocart-area form .product-fields .product-field > span {
            display: table-cell !important;
            vertical-align: middle;
            padding: 6px;
        }

.product-fields-title {
    font-weight: 600;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, arial;
    font-size: 16px;
    text-align: left;
}

.pricebox, .addtocart {
    display: inline-block;
    vertical-align: middle;
}

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

    .meganav .btn-back .icon {
        background-color: transparent;
        background-image: url("../images/icon-sprite.png");
    }

    .icon.arrow-left.red {
        background-position: -158px 0;
        height: 31px;
        width: 31px;
        display: block;
    }

    .icon.xclose.red {
        background-position: -240px -32px;
        height: 31px;
        width: 31px;
        display: block;
    }

    .meganav .site-logo {
        display: block;
        height: 24px;
        background-size: contain;
        width: 120px;
        overflow: hidden;
        margin: 14px 8px 8px;
    }

    #site_wrapper.mobileMenuActive {
        cursor: pointer;
        position: fixed;
        background-color: #fafafa;
    }

        #site_wrapper.mobileMenuActive::after {
            background: #000 none repeat scroll 0 0;
            height: 100%;
            left: 0;
            opacity: 0.3;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 300;
        }

    .site-nav {
        bottom: 0;
        left: 0;
        position: absolute;
        text-align: left;
        clear: none;
        top: 10px;
    }

    .function_left {
        float: left;
        padding: 10px;
        text-align: left;
    }

        .function_left .function_title, .function_left .function_text {
            float: right;
            width: 100%;
            font-size: 24px;
            line-height: 1.3em;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
            font-weight: 400;
        }

    .tab_anchor_container .tab_anchor {
        width: 24%;
        display: inline-block;
    }

    #site_wrapper {
        width: 100%;
    }


    #topmenu {
        width: 470px;
    }

    .iceMenuTitle {
        padding: 4px 10px 0 !important;
        font-size: 10px;
    }

    #middle-column.withright {
        width: 710px !important;
    }

    #cws-tabs {
        display: none;
    }

    .backbottomvalue {
        padding-right: 2px;
        font-size: 13px;
    }

    .backbottomlabel {
        padding-right: 2px;
        padding-left: 2px;
        font-size: 12px;
    }

        .backbottomlabel img {
            width: 18px;
            height: 18px;
            vertical-align: top;
        }

    h2, .h2 {
        font-size: 32px;
    }

    h3, .h3, h6, .h6 {
        font-size: 14px;
    }

        h2.boxtitle, h2.boxtitle a, h3.subtitle, .h3.subtitle {
            font-size: 32px;
        }

    .area img {
        max-width: 100%;
        height: auto;
    }

    .dj-main li a.dj-up_a span {
        font-size: 12px !important;
        padding: 0 8px 0 0 !important;
    }

    .dj-main li a.dj-up_a {
        padding: 0 0 0 8px !important;
    }

    #promo_left {
        width: 675px;
    }

    #promo_right img {
        width: 131px;
    }

    .productdetails .width25 {
        padding-right: 10px;
    }

    .vmproductH.productdetails .spacer img {
        width: 100px;
    }

    .atitle {
        font-size: 19px;
    }

    #topmenu form#login-form {
        width: 300px;
    }

    #copyright, #footer {
        width: 970px;
    }

    .function_left {
        padding: 10px 10px 30px;
    }

    .area .largearea h3 {
        padding: 0 30px 10px;
    }

    .title_blue h1 {
        font-size: 30px !important;
        font-weight: 700;
    }

    .title_blue h2 {
        font-size: 20px !important;
        font-weight: 500;
    }

    h2.title, .h2.title {
        font-size: 36px;
    }

    h2.boxtitle, h2.boxtitle a, h3.subtitle, .h3.subtitle {
        font-size: 28px;
    }

    .subresponsive-moduleblue .customblue {
        padding: 2px;
        width: 100%;
    }

    #copyright, #footer {
        width: auto;
        padding: 6px 0;
    }

        #footer .moduletable_content {
            padding: 0;
        }

    .breadcrumbs {
        display: none;
    }

    div#copytext {
        padding-top: 0;
        padding-left: 8px;
        padding-right: 8px;
    }

        div#copytext p {
            margin-bottom: 0;
        }

    #footer nav a {
        font-size: 13px;
    }

    .function_tree .function_center {
        padding: 10px 10px 20px;
        width: 29%;
    }

    .function_four .function_center {
        padding: 10px 6px 20px;
    }

    .area .centerarea_50 {
        padding-left: 4px;
    }

    .productpriceblock .productprice {
        clear: both;
        border-left: 0 none;
    }

    .productpriceblock .timerblock {
        float: none;
        border-bottom: 1px solid #ccc;
        padding: 5px;
        margin: 5px;
    }

    .productpriceblock .scadenza {
        float: left;
        padding-right: 15px;
        line-height: 1.3;
    }

    #contact_nr, #contact_nr a {
        font-size: 11px;
    }

    #topmenu {
        width: auto;
    }

    .subbox_title {
        color: #333;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        padding: 14px 4px 12px;
        text-align: center;
    }
}

#js-meganav {
    display: block;
}

.function_center .loading {
    background-color: rgba(250, 250, 250, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .function_center .loading img {
        position: absolute;
        top: 30%;
        left: 30%;
    }

@media screen and (max-width: 767px) {
    #js-mainnav.megamenu.noJS #css3-megaMenuToggle, #js-mainnav.megamenu #js-megaMenuToggle {
        display: block;
        padding: 12px 8px 12px;
        cursor: pointer;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
        background-color: transparent;
        color: #888;
        z-index: 9999;
    }

    #js-mainnav.megamenu #js-megaMenuToggle {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
    }

        #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon {
            display: inline-block;
            background: #888;
            height: 3px;
            width: 20px;
            position: relative;
            float: right;
            margin-top: 14px;
            text-align: left;
        }

            #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before {
                content: '';
                position: absolute;
                background: #888;
                height: 3px;
                width: 20px;
                top: -7px;
            }

            #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after {
                content: '';
                position: absolute;
                background: #888;
                height: 3px;
                width: 20px;
                top: -14px;
            }

    #js-mobMegaMenuToggle {
        display: block !important;
        float: left;
        cursor: pointer;
    }

        #js-mobMegaMenuToggle .megaMenuToggle-icon {
            display: inline-block;
            background: transparent;
            height: 20px;
            width: 20px;
            position: relative;
            float: right;
            margin-top: 0;
            text-align: left;
        }

            #js-mobMegaMenuToggle .megaMenuToggle-icon:before {
                content: '';
                position: absolute;
                background: #888;
                height: 3px;
                width: 23px;
                top: 10px;
                transform: rotate(45deg) translate(0, 0);
            }

            #js-mobMegaMenuToggle .megaMenuToggle-icon:after {
                content: '';
                position: absolute;
                background: #888;
                height: 3px;
                width: 23px;
                top: 10px;
                transform: rotate(-45deg) translate(0, 0);
            }


    #js-mainnav.megamenu {
        width: 100% !important;
        overflow: hidden;
    }

        #js-mainnav.megamenu ul.level0 {
            float: none !important;
            font-size: 12px;
        }

            #js-mainnav.megamenu ul.level0 li.mega {
                float: none !important;
                position: relative;
                clear: both;
                background-image: none !important;
            }

        #js-mainnav.megamenu ul.megamenu li.mega a.mega span.menu-desc {
            display: none;
        }

        #js-mainnav.megamenu ul.level1 li.mega span.mega, #js-mainnav.megamenu ul.level1 li.mega a.mega {
            padding-left: 20px !important;
        }

        #js-mainnav.megamenu ul.level2 li.mega span.mega, #js-mainnav.megamenu ul.level2 li.mega a.mega {
            padding-left: 30px !important;
        }

        #js-mainnav.megamenu ul.level3 li.mega span.mega, #js-mainnav.megamenu ul.level3 li.mega a.mega {
            padding-left: 40px !important;
        }

        #js-mainnav.megamenu ul.level4 li.mega span.mega, #js-mainnav.megamenu ul.level4 li.mega a.mega {
            padding-left: 50px !important;
        }

        #js-mainnav.megamenu ul.level0 li.mega span.mega, #js-mainnav.megamenu ul.level0 li.mega a.mega {
            padding: 15px 10px;
        }

        #js-mainnav.megamenu .js-megamenu {
            font-size: 12px;
        }

        #js-mainnav.megamenu .cardmen {
            padding-bottom: 24px;
        }

            #js-mainnav.megamenu .cardmen .card-header h2 {
                font-size: 16px;
            }

        #js-mainnav.megamenu .js-megamenu.active {
            background: rgba(42, 42, 42, 0.8);
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            overflow-y: scroll;
        }

        #js-mainnav.megamenu.megamenu.vertical.right ul.level0 li.mega a.mega {
            text-align: left !important;
            z-index: 99999;
            background-color: #fff;
        }

        #js-mainnav.megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.mega .childcontent {
            right: 0px !important;
        }

        #js-mainnav.megamenu .js-megamenu li.mega .childcontent {
            height: 100% !important;
            margin: 0 !important;
            position: relative;
            width: 100% !important;
            overflow: visible !important;
        }

        #js-mainnav.megamenu ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu ul.level0 li a.haschild-over.mega span.menu-title {
            background: none !important;
            padding-left: 0px !important;
        }

        #js-mainnav.megamenu ul.level1 li.haschild, #js-mainnav.megamenu ul.level1 li.haschild-over {
            background: none !important;
        }

        #js-mainnav.megamenu .childcontent-inner-wrap {
            margin: 0px !important;
        }

        #js-mainnav.megamenu .childcontent-inner-wrap, #js-mainnav.megamenu .childcontent-inner, #js-mainnav.megamenu .megacol {
            width: 100% !important;
        }

        #js-mainnav.megamenu ul.megamenu {
            margin: 0px !important;
        }

        #js-mainnav.megamenu .megacol, .childcontent-inner {
            border: none !important;
            float: none !important;
        }

        #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon, #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {
            display: block;
            float: right;
            position: absolute;
            right: 2px;
            top: 2px;
            z-index: 99;
        }

        #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon, #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon {
            display: block;
            cursor: pointer;
        }

        #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon {
            background: url("../images/arrow_down.png") no-repeat scroll 100% 0px transparent !important;
            display: block !important;
            text-indent: 9999px;
            width: 40px;
            height: 31px;
            border: 0 none !important;
            padding: 0 !important;
            margin: 0 !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
        }

    .function_left .function_title, .function_left .function_text {
        float: right;
        width: 100%;
        font-size: 18px;
        line-height: 1.3;
    }

    .function_left .function_image {
        float: none;
        margin: 0 auto;
    }

    #js-mainnav.megamenu ul.level1 li.mega span.arrow-icon {
        display: none;
    }

    #js-mainnav.megamenu ul.level1 li.haschild span.arrow-icon, #js-mainnav.megamenu ul.level1 li.haschild-over span.arrow-icon {
        display: block;
        float: right;
        position: absolute;
        right: 2px;
        top: 2px;
        z-index: 99;
    }

    #js-mainnav.megamenu ul.level0 li.haschild-over {
    }
    /* CSS3 RESPONSIVE */
    #js-mainnav.megamenu.noJS ul.megamenu li {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

        #js-mainnav.megamenu.noJS ul.megamenu li a {
            position: relative;
        }

    #js-mainnav.megamenu.noJS #css3-megaMenuToggle {
        display: block;
        border-radius: 5px;
        padding: 15px;
    }

    #js-mainnav.megamenu.noJS:hover #css3-megaMenuToggle {
        /*display: none;
     */
    }

    #js-mainnav.megamenu.noJS:hover ul.megamenu li {
        display: block;
    }

    #js-mainnav.megamenu.noJS ul.megamenu li.haschild a.haschild {
    }

    #js-mainnav.megamenu.noJS ul.megamenu li.haschild > div.childcontent {
        display: none;
    }

    #js-mainnav.megamenu.noJS ul.megamenu li.haschild:hover > div.childcontent {
        display: block;
    }
    /* CSS 3 arrow down*/
    #js-mainnav.megamenu.noJS ul.level0 li.mega > a.haschild:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 12px;
        width: 0;
        height: 0;
        border-top: 4px solid #a6a6a6;
        border-right: 3px solid transparent;
        border-left: 3px solid transparent;
    }

    #js-mainnav.megamenu.noJS ul.level0 li.mega.haschild:hover > a.haschild:after {
        border-top-color: #fff;
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    #js-mainnav.megamenu.horizontal.left ul.level0 {
        max-width: 85%;
        position: relative;
    }

    .mobile_hide {
        display: none;
    }

    .btn_ularge {
        font-size: 18px;
        padding: 22px 24px;
    }

    #topmenu {
        margin-top: 35px;
    }

    #language {
        right: 10px;
        top: 40px;
    }

    form.Chronoform {
        padding: 8px 12px;
    }

    .header_right {
        width: 45% !important;
    }

    .site-nav {
        width: 36px;
    }

    .header_right .search input {
        margin-left: 4px;
    }

    #search-form106 input {
        font-size: 15px !important;
        height: 38px !important;
    }

    #notice-msg h4 {
        font-size: 20px;
    }

    .productdetails .width25 {
        width: 48%;
        padding-right: 0;
    }

    .grid-box li {
        width: 31.5%;
    }

    .largebox .subbox, .largeboxb .subbox {
        text-align: center;
        width: 100%;
        display: block;
    }

    .largebox.fixed, .largeboxb.fixed {
        position: initial;
    }

    .area .leftarea_60, .area .rightarea_40, .area .leftarea_40, .area .rightarea_60, .area .rightarea_25, .area .leftarea_25, .area .centerarea_50 {
        width: 100%;
    }

    .area {
        padding: 50px 24px 30px;
    }

    .areabg.maxpadded, .areabg.padded {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .slideshowdtitle {
        font-size: 25px;
        padding: 8px 6px 0;
    }

    .slideshowdtitleg {
        font-size: 32px;
        padding: 0 6px 0;
    }

    .slideshowdsubtitle {
        font-size: 20;
        padding: 0 10px;
    }

    .slideshowdbottom {
        display: none;
    }

    .ccms_form_element label {
        width: auto;
        clear: both;
        float: none
    }

    .ccms_form_element input, .ccms_form_element select, .ccms_form_element textarea {
        display: block;
        box-sizing: border-box;
        width: 100% !important;
        margin-left: 0 !important;
        padding: 8px 12px;
    }

    form.Chronoform {
        background: none !important;
    }

        form.Chronoform input[type="button"] {
            padding: 24px 12px !important;
        }

    .djslider-loader-msn li {
        width: 100%;
    }

    .feedbox .function_image img {
        width: 100%;
    }

    .feedsubbox .function_title {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    #offlajn-ajax-search106, #djslider250 #navigation250 {
        display: none;
    }

    .subresponsive-moduleblue {
        width: 48%;
    }

    #djslider250, #djslider-loader250 {
        height: 300px !important;
        padding-top: 0 !important;
    }

    /*#content_inside h1 {
        font-size: 23px !important;
    } */

    .function_two .function_center, .function_tree .function_center, .function_four .function_center, .function_five .function_center {
        width: 100%;
    }

    #djslider250 .slideshowdtitle {
        font-size: 25px !important;
    }

    #djslider250 .slide-text .textbox {
        top: 5% !important;
    }
}

@media screen and (max-width: 480px) {
    .logop h3 {
        font-size: 26px;
        font-weight: 200;
        color: #333333;
    }

    .djtabs .content {
        padding: 0;
    }

    .djtabs nav {
        display: none;
    }

    .djtabs .content {
        width: 100%;
        overflow: hidden;
        opacity: 1;
        position: relative;
    }

    #promo_left {
        width: 95%;
    }

    #promo_right {
        display: none;
    }

    .subresponsive {
        min-width: 0;
    }

    .grid-box li {
        height: auto;
    }

        .grid-box li img {
            clear: both;
            float: none !important;
        }

    a[name="ancHome"] {
        display: block;
        height: 0;
    }

    #logo {
        width: 60%;
    }

    #language img {
        width: 60% !important;
        height: auto !important;
        float: right;
    }

    #topmenu {
        margin-top: 0;
    }

    .videocenter {
        width: 100%;
        height: 300px;
    }

    .subresponsive-moduleblue {
        width: 98%;
    }

    #contact_nr {
        display: none;
    }

    #topbar {
        height: 0;
    }

    #language {
        right: 2px;
        top: 2px;
    }

    .productdetails .width25, .productdetails .leftarea_40, .productdetails .rightarea_60, .area .rightarea_25, .area .leftarea_25, .area .centerarea_50 {
        padding-right: 0;
        width: 98% !important;
    }

    #middle-column.withright {
        width: 100% !important;
    }

    #middle-column .padding {
        /* padding: 6px !important;
    */
        padding: 0 !important;
    }

    .area .largearea h3 {
        padding: 0 10px 10px;
    }

    h3, .h3 {
        font-size: 16px;
    }

    .wrapper #chronoform_richiestainfo {
        background: none !important;
    }

    #right-column {
        width: 100% !important;
        text-align: center !important;
    }

    #header .wrapper {
        padding-top: 5px;
    }

    .title_blue {
        padding: 10px 12px 10px;
    }

    .area {
        padding: 16px 12px 10px;
    }

    .header_right {
        width: 75% !important;
    }

        .header_right > div {
            width: 100%;
            float: left;
        }

        .header_right .search {
            width: 95%;
        }

    table.show_design_border h3 {
        padding: 4px 0 !important;
        font-size: 13px !important;
    }

    select.dj-select, select.dj-select:focus, select.dj-select:hover {
        width: 99%;
        height: 34px;
        overflow: hidden;
        background: url(../images/down_arrow_select.jpg) no-repeat right #005da8;
        border: 1px solid #ccc;
        font-size: 15px;
        color: #fff;
    }

    #invia {
        margin-left: 0 !important;
    }

    .paypallogo, .partnerlogos, .textcopyright {
        width: 100%;
    }

        .partnerlogos img {
            width: 46px !important;
            height: auto !important;
        }

    .grid-box li {
        width: 47%;
    }
}

@media screen and (max-width: 320px) {
    #logo {
        width: 50%;
    }
}

.chartBarsWrap {
    padding-left: 40px;
    margin: 0 30px 0 20px;
}

.chartBars {
    position: relative;
    max-width: 600px;
    height: 300px;
    margin: 50px auto 100px;
}

    .chartBars .bars {
        display: flex;
        justify-content: space-around;
        border-left: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: 100%;
        height: 100%;
        padding: 0;
        padding: 0 1%;
        margin: 0;
    }

        .chartBars .bars li {
            display: inline-block;
            flex: 0 1 24%;
            height: 100%;
            margin: 0;
            text-align: center;
            position: relative;
            font-size: 16px;
        }

            .chartBars .bars li .bar {
                width: 100%;
                background: #49E;
                position: absolute;
                font-size: 1.5em;
                color: #fff;
                padding-top: 18px;
                bottom: 0;
                height: 0;
                overflow: hidden;
                font-weight: bold;
                outline: 2px solid transparent;
                -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
                transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
            }

                .chartBars .bars li .bar:after {
                    content: '%';
                    font-size: 22px !important;
                    vertical-align: top;
                    color: rgba(255, 255, 255, 0.8);
                    margin-right: -8px;
                }

            .chartBars .bars li b {
                color: #eee;
                width: 100%;
                position: absolute;
                bottom: -2em;
                left: 0;
                text-align: center;
            }

    .chartBars .numbers {
        width: 50px;
        height: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: absolute;
        left: -50px;
    }

        .chartBars .numbers li {
            text-align: right;
            padding-right: 1em;
            list-style: none;
            height: 59px;
            position: relative;
            font-size: 13px;
            bottom: 11px;
            right: -9px;
            color: #eee;
        }

            .chartBars .numbers li:after {
                content: "\00af";
                position: relative;
                right: -5px;
                font-size: 20px;
                top: 7px;
                color: rgba(255, 255, 255, 0.34);
            }

            .chartBars .numbers li:first-of-type {
                height: 63px;
                margin-top: -1px;
            }

.chartBars1 .bar {
    border-top-right-radius: 30px;
}

.chartBars2 {
    max-width: 350px;
}

    .chartBars2 .bars {
        padding: 0;
    }

        .chartBars2 .bars li {
            flex: 0 1 25%;
        }

            .chartBars2 .bars li .bar {
                box-shadow: 0 0 20px #222;
            }

.chartBars3 {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}

    .chartBars3 .bars {
        border-color: #666;
        padding: 0;
    }

        .chartBars3 .bars li .bar {
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            font-size: 22px !important;
        }

            .chartBars3 .bars li .bar:after {
                font-size: .6em !important;
            }

.chartBarsWrap.chartBarsHorizontal {
    flex-direction: column;
    padding-left: 70px;
}

    .chartBarsWrap.chartBarsHorizontal .bars b {
        color: #eee;
        width: 100%;
        position: absolute;
        bottom: initial;
        top: 1em;
        left: -102%;
        text-align: right;
    }

    .chartBarsWrap.chartBarsHorizontal .chartBars {
        height: 200px;
    }

        .chartBarsWrap.chartBarsHorizontal .chartBars .bars {
            border: 0;
        }

            .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
                width: 0;
                padding-top: 10px;
                height: 100% !important;
                text-align: right;
                font-size: 1.5em;
                -webkit-transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
                transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
            }

                .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
                    font-size: .6em !important;
                    margin-right: 20px;
                }

.bars li .bar.greenBar {
    background-color: #6B8E23;
    background: radial-gradient(#99cb32, #6B8E23);
}

.bars li .bar.greenBarFlat {
    background-color: #6B8E23;
}

.bars li .bar.blueBar {
    background-color: #49E;
    background: radial-gradient(#8abff4, #49E);
}

.bars li .bar.blueBarFlat {
    background-color: #49E;
}

.bars li .bar.orangeBar {
    background-color: orange;
    background: radial-gradient(#ffc04d, #FFA500);
}

.bars li .bar.orangeBarFlat {
    background-color: orange;
}

.bars li .bar.purpleBar {
    background-color: #6e46af;
    background: radial-gradient(#9778c9, #6e46af);
}

.bars li .bar.purpleBarFlat {
    background-color: #6e46af;
}

.box-piesite {
    text-align: center;
    font-size: 22px;
}

.piesite {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 10em;
    cursor: default;
}

    .piesite.piemin {
        position: relative;
        width: 100px;
        height: 100px;
        font-size: 100px;
        cursor: default;
    }

        .piesite.piemin .percent {
            font-size: 20px;
        }

        .piesite.piemin > #slice > .pie {
            position: absolute;
            border: 20px solid #444;
        }

    .piesite .percent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 26px;
        text-align: center;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .piesite .percent span {
            display: inline-block;
        }

        .piesite .percent .symbol {
            font-size: .5em;
            vertical-align: top;
            opacity: .5;
        }

    .piesite > #slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0px, 1em, 1em, 0.5em);
    }

        .piesite > #slice.gt50 {
            clip: rect(auto, auto, auto, auto);
        }

        .piesite > #slice > .pie {
            position: absolute;
            border: .1em solid #444;
            width: 1em;
            height: 1em;
            clip: rect(0em, 0.5em, 1em, 0em);
            border-radius: 0.5em;
        }

    .piesite.piesite_red > #slice > .pie {
        border-color: #cc0000;
    }

    .piesite.piesite_green > #slice > .pie {
        border-color: #00cc00;
    }

    .piesite.piesite_blue > #slice > .pie {
        border-color: #0000cc;
    }

    .piesite.piesite_magenta > #slice > .pie {
        border-color: #D70B7A;
    }

    .piesite > #slice > .pie.fill {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .piesite.fill > .percent {
        display: none;
    }

    .piesite:after {
        content: '';
        display: block;
        position: absolute;
        top: .1em;
        left: .1em;
        width: .8em;
        height: .8em;
        background: #f7f7f7;
        border-radius: 100%;
        z-index: 1;
    }

    .piesite:before {
        content: '';
        display: block;
        position: absolute;
        width: 1em;
        height: 1em;
        border-radius: .5em;
        opacity: .5;
        z-index: 0;
    }

    .piesite:before {
        background: rgba(255, 255, 255, 0.1);
    }

    .piesite .int.cstext {
    }

.box-piesite ul {
    padding: 0;
    margin-right: 0;
}

    .box-piesite ul li {
        display: inline-block;
        margin: 10px 20px;
    }

.chartBarsHorizontal .chartBars .bars {
    flex-direction: column;
}

@media screen and (min-width: 600px) {
    .bar:before {
        font-size: 2em !important;
    }

    .chartBars3 .bar:before {
        font-size: 1.5em !important;
    }
}

.vm-order-done .vm-button-correct {
    display: none;
}

#slider-left .djslider-loader-msn {
    padding: 4px;
    border: 1px solid #dfdfdd;
    background-color: #fff;
}

.djslider-loader-msn .slide-desc-in {
    color: #fff;
    text-decoration: none;
    top: initial !important;
    position: absolute;
    cursor: pointer;
}

.djslider-loader-msn li > a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1px;
    left: 0;
    cursor: pointer;
}

.djslider-loader-msn .slide-desc-text .slide-title, .djslider-loader-msn .slide-desc-text .slide-title a {
    color: #fff !important;
    cursor: pointer !important;
}

    .djslider-loader-msn .slide-desc-text .slide-title a:hover {
        text-decoration: underline !important;
    }

.djslider-loader-msn .djslider {
    background: #000;
}

.feedbox {
    width: 100%;
    padding: 4px;
    border: 1px solid #dfdfdd;
    background-color: #fff;
    position: relative;
}

    .feedbox .function_title {
        position: absolute;
        bottom: 4px;
        left: 4px;
        right: 4px;
        color: #fff;
        font-size: 17px;
        padding: 54px 16px 10px;
        line-height: 1.5;
        overflow: hidden;
        background: linear-gradient(0deg,rgba(0,0,0,.95) 0,transparent 100%);
    }

    .feedbox:hover .function_title {
        padding-top: 160px;
        text-decoration: underline;
    }

    .feedbox:hover {
        text-decoration: underline !important;
        cursor: pointer;
    }

        .feedbox:hover a {
            text-decoration: underline;
            cursor: pointer;
        }

.djslider-loader-msn {
    margin-left: -7px !important;
    margin-right: -7px !important;
}

#slider-left li > a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+48,0.9+82,1+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.9) 82%, rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.9) 82%,rgba(0,0,0,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    cursor: pointer;
}

#slider-left li, #djslider522 ul#slider522 li {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+74,000000+100 */
    background: rgb(255,255,255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(0,0,0,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(0,0,0,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(0,0,0,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
}

    #slider-left li img {
        padding-right: 1px;
    }

    #slider-left li:hover .slide-desc-text .slide-title {
        text-decoration: underline;
        color: #fff;
    }

#slider-left .navigation-container-custom {
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 8px;
    background-color: transparent;
}

#slider-left .slide-desc-text {
    padding-top: 16px;
    padding-bottom: 24px !important;
    line-height: 1.5;
}

#slider-left .slide-title {
    margin-bottom: 0;
}

#slider-left .slide-title {
    margin-bottom: 0;
}

.sourcename {
    color: #a0a0a0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, Arial !important;
    font-weight: 700;
    text-decoration: none !important;
    margin-top: 5px;
}

.feedsubbox .function_title, .feedsubbox a {
    color: #333;
}

.feedsubbox .sourcename {
    color: #666;
    position: absolute;
    bottom: 6px;
    left: 0;
    padding-left: 15px;
}

.sourcename i, .sourcename img {
    font-size: 17px;
    display: table-cell;
}

.sourcename span {
    display: inline-block;
    padding-left: 7px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    font-size: 12px;
}

.feedbox:hover .sourcename {
    color: #a0a0a0;
    text-decoration: none !important;
}

.djslider-loader-msn .slide-desc-text .slide-title a:hover .sourcename, #slider-left li:hover .sourcename {
    color: #a0a0a0 !important;
    text-decoration: none !important;
}

.djslider-loader-msn .slide-desc-text p {
    margin-bottom: 0;
}

.feedsubbox {
    width: 100%;
    padding: 4px;
    margin-top: 17px;
    border: 1px solid #dfdfdd;
    background-color: #fff;
}

#slider-bottom .feedsubbox {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding: 6px 4px
}

    #slider-bottom .feedsubbox:last-child {
        border-bottom: 1px solid #dfdfdd;
    }

#slider-bottom .function_title {
}

#slider-bottom .feedbox a {
    color: #555;
}

#slider-bottom .feedbox .function_title {
    position: relative;
    padding: 12px 16px;
    background: transparent;
    left: unset;
    right: unset;
    bottom: unset;
    color: #333;
    min-height: 100px;
}

.feedsubbox .function_image {
    float: left;
    margin-left: 6px;
}

.feedsubbox .col-5 {
    padding-right: 2px;
}

.feedsubbox .function_title {
    padding-top: 4px;
    line-height: 1.45;
}

    .feedsubbox .function_title a {
        color: #333;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif, Arial !important;
        font-size: 14px;
    }

.srfrContainer-msn {
    width: 100%;
}

body.ishome #site_wrapper {
    background-color: #ffffff;
}

#slider-right .col-md-6, #slider-right .col-xl-6 {
    padding-left: 8px;
    padding-right: 8px;
}

#slider-left .col-md-6, #slider-left .col-xl-6 {
    padding-left: 8px;
    padding-right: 8px;
}

/*NEW DJIIMAGESLIDER FIXES*/
/*GENERALI*/
.row {
    width: 100%;
    margin: 0;
}

.djslider .banner-container {
    width: 1320px;
    max-width: 100%;
}

.djslider .slide-desc, .djslider .slide-desc-text, .djslider .slide-text, .djslider .slide-desc-in, .djslider .slider-container ul {
    height: 100%;
}

.djslider .slider-container li {
    height: 100% !important;
}

.djslider .slide-desc-text, .djslider-loader {
    padding: 0 !important;
}

.djslider .slide-text .row > [class*='col-'], .djslider .slide-text .row > .col {
    max-height: 100%;
}

.h-fit {
    height: fit-content;
}

.djslider .navigation-container {
    display: none;
    pointer-events: none;
}

.djslider .slide-desc-text {
    position: relative;
    z-index: 3;
}

/*SLIDE*/
.djslider .logo {
    object-fit: contain;
    width: unset;
    max-width: 260px !important;
    max-height: 60px !important;
    padding-left: 0;
}

.djslider .btn-banner {
    border: 0px;
    border-radius: 5px;
    padding: .6rem 1.3rem;
    color: #222222 !important;
    background: #ffffff !important;
    cursor: pointer;
    font-size: 1.65vw;
    font-weight: 700;
    display: block;
    width: fit-content;
    text-decoration: none !important;
    cursor: pointer;
}

    .djslider .btn-banner:hover {
        box-shadow: inset 0px 0px 70px #0000005c;
    }

.djslider .banner-image {
    max-height: 100%;
    object-fit: contain;
}

.djslider .h1-banner {
    font-weight: 600;
    font-size: 3vw;
    line-height: 1.15;
}

.djslider .h2-banner {
    color: inherit !important;
    font-size: 2vw;
    line-height: 1.15;
    font-weight: 400;
}

.djslider .h3-banner {
    color: inherit !important;
    font-size: 1.8vw;
    line-height: 1.15;
}

.djslider .h4-banner {
    color: inherit !important;
    font-size: 1.65vw;
    line-height: 1.15;
}

@media (min-width: 1400px) {
    .djslider .h1-banner {
        font-size: 1.75vw;
    }

    .djslider .h2-banner {
        font-size: 1.4vw;
    }

    .djslider .h3-banner, .djslider .btn-banner {
        font-size: 1.2vw;
    }

    .djslider .h4-banner {
        font-size: 1vw;
    }
}

@media (max-width: 991px) {
    .djslider .slide-text .row > [class*='col-'], .djslider .slide-text .row > .col {
        max-height: unset;
    }

    .djslider .banner-image {
        max-height: 200px;
    }

    .djslider .h1-banner {
        font-size: 7vw;
    }

    .djslider .h2-banner {
        font-size: 5vw;
    }

    .djslider .h3-banner, .djslider .btn-banner {
        font-size: 4.75vw;
    }

    .djslider .h4-banner {
        font-size: 4.3vw;
    }

    .djslider {
        height: 400px !important;
    }

        .djslider .logo {
            max-width: 50% !important;
        }
}




.firsttitle .anchor_title {
    display: none;
}

.videolistbox {
    margin: 0 0 32px;
}

    .videolistbox h2.title {
        color: #6c757d;
        font-size: 25px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 16px;
    }

    .videolistbox .titlebelowthumb {
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif; 
        margin-top: 16px;
        text-align: left;
    }

        .videolistbox .titlebelowthumb a.magpopif {
            font-size: 18px;
            color: #6c757d;
            font-weight: 700;
            line-height: 1.45;
            margin-bottom: 8px;
            display: inline-block;
        }

        .videolistbox .titlebelowthumb p {
            font-size: 16px;
            line-height: 1.3;
        }

.videomenu {
    overflow: hidden;
}

    .videomenu h2.title {
        background: #515365;
        color: #fff;
        padding: 8px 16px;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 20px;
    }

    .videomenu ul {
        padding: 8px;
        list-style-type: none;
        margin: 8px 16px;
    }

    .videomenu li {
        padding: 6px 0;
    }

        .videomenu li a {
            color: #454545;
            font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial, sans-serif;
            font-size: 17px;
        }

.faq-accordion .card-header {
    cursor: pointer;
}

.faq-accordion .faq_image {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .faq-accordion .faq_image {
        display: none !important;
    }
}

.faq-accordion .faq_image img {
    width: 36px;
    padding-top: 0;
    margin-right: 8px;
}

.faq-accordion .faq_title {
    text-align: left;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial,sans-serif;
    font-size: 20px;
    line-height: 1.35296;
    font-weight: 700;
}

.faq-accordion .faq_text, .faq-accordion .faq_text p {
    text-align: left;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,arial,sans-serif;
    font-size: 19px;
    line-height: 1.35296;
    margin-bottom: 0;
}

.faq-accordion .card {
    margin-bottom: 6px;
}

.faq-accordion .card-header {
    background-color: rgba(0,0,0,.01);
}

.product-grid .card-header {
    height: 100%;
}

.product-grid .card h2 a {
    text-transform: uppercase;
    font-size: 22px;
    color: #323232;
    line-height: 1.3;
    font-weight: 600;
}

.product-grid .card p.product_s_desc {
    height: auto;
    margin-top: 8px;
}

.product-grid .card .card-header {
    border-bottom: 0 none;
}

.product-grid .card .card-actions {
    padding: 0 1.25rem .95rem;
    background-color: rgba(0,0,0,.03);
}

    .product-grid .card .card-actions .btn-link {
        clear: both;
        padding-left: 0;
        color: #000000 !important;
        text-decoration: underline;
    }

    .product-grid .card .card-actions .btn_black {
        margin-top: 12px;
        min-width: 80%;
        text-align: left;
        text-transform: uppercase;
        border-radius: 3px;
    }

.product-grid .btn_black::after {
    font-family: "SF Pro Icons";
    color: inherit;
    display: inline-block;
    float: right;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    text-align: right;
    line-height: 1;
    position: relative;
    z-index: 1;
    margin-left: 8px;
    content: "";
}

.browse-view .product-grid .card .vm-price-value .PricepriceWithoutTax {
    font-size: 21px !important;
    color: #333333 !important;
    font-weight: 600 !important;
}

.browse-view .product-grid .card .pnotel {
    display: inline-block;
    padding-right: 6px;
    font-size: 15px;
}

.browse-view .product-grid .card .pnoter {
    display: inline-block;
    padding-left: 6px;
    font-size: 15px;
}

#mod-finder-searchform .bar {
    width: 100%;
    max-width: 300px;
    margin-top: 0;
    border-radius: 30px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

    #mod-finder-searchform .bar .button.btn.btn-link {
        color: #000;
    }

    #mod-finder-searchform .bar:hover {
        box-shadow: 1px 1px 8px 1px #dcdcdc;
    }

    #mod-finder-searchform .bar:focus-within {
        box-shadow: 1px 1px 8px 1px #dcdcdc;
        outline: none;
    }

#mod-finder-searchform .searchbar {
    height: 32px;
    border: none;
    width: 100%;
    font-size: 15px;
    outline: none;
    padding-left: 14px;
}

ul.autocompleter-choices.mod-finder-choices li {
    font-size: 15px;
    padding: 8px 16px 8px 16px;
    color: #333333;
}

    ul.autocompleter-choices.mod-finder-choices li.autocompleter-selected {
        background-color: #f8f9fa;
        color: #333333;
    }

        ul.autocompleter-choices.mod-finder-choices li.autocompleter-selected .autocompleter-queried {
            color: #333333;
        }

.modal-body form.Chronoform {
    width: auto !important;
    max-width: 100% !important;
}

.blockloader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffffff !important;
    z-index: 90;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .blockloader.fadeOut {
        opacity: 0;
        visibility: hidden;
    }


/* Background colors */
.bgc-apl-blue, ul.apl-blue li:before {
    background-color: rgb(0,122,255);
}

.bgc-apl-brown, ul.apl-brown li:before {
    background-color: rgb(162,132,94);
}

.bgc-apl-cyan, ul.apl-cyan li:before {
    background-color: rgb(50,173,230);
}

.bgc-apl-gray, ul.apl-gray li:before {
    background-color: rgb(142,142,147);
}

.bgc-apl-gray2, ul.apl-gray2 li:before {
    background-color: rgb(174,174,178);
}

.bgc-apl-gray3, ul.apl-gray3 li:before {
    background-color: rgb(199,199,204);
}

.bgc-apl-gray4, ul.apl-gray4 li:before {
    background-color: rgb(209,209,214);
}

.bgc-apl-gray5, ul.apl-gray5 li:before {
    background-color: rgb(229,229,234);
}

.bgc-apl-gray6, ul.apl-gray6 li:before {
    background-color: rgb(242,242,247);
}

.bgc-apl-green, ul.apl-green li:before {
    background-color: rgb(52,199,89);
}

.bgc-apl-indigo, ul.apl-indigo li:before {
    background-color: rgb(88,86,214);
}

.bgc-apl-mint, ul.apl-mint li:before {
    background-color: rgb(0,199,190);
}

.bgc-apl-orange, ul.apl-orange li:before {
    background-color: rgb(255,149,0);
}

.bgc-apl-pink, ul.apl-pink li:before {
    background-color: rgb(255,45,85);
}

.bgc-apl-purple, ul.apl-purple li:before {
    background-color: rgb(175,82,222);
}

.bgc-apl-red, ul.apl-red li:before {
    background-color: rgb(255,59,48);
}

.bgc-apl-teal, ul.apl-teal li:before {
    background-color: rgb(48,176,199);
}

.bgc-apl-yellow, ul.apl-yellow li:before {
    background-color: rgb(255,204,0);
}

.bgc-apl-dark-blue, ul.apl-dark-blue li:before {
    background-color: rgb(10,132,255);
}

.bgc-apl-dark-brown, ul.apl-dark-brown li:before {
    background-color: rgb(172,142,104);
}

.bgc-apl-dark-cyan, ul.apl-dark-cyan li:before {
    background-color: rgb(100,210,255);
}

.bgc-apl-dark-gray, ul.apl-dark-gray li:before {
    background-color: rgb(142,142,147);
}

.bgc-apl-dark-gray2, ul.apl-dark-gray2 li:before {
    background-color: rgb(99,99,102);
}

.bgc-apl-dark-gray3, ul.apl-dark-gray3 li:before {
    background-color: rgb(72,72,74);
}

.bgc-apl-dark-gray4, ul.apl-dark-gray4 li:before {
    background-color: rgb(58,58,60);
}

.bgc-apl-dark-gray5, ul.apl-dark-gray5 li:before {
    background-color: rgb(44,44,46);
}

.bgc-apl-dark-gray6, ul.apl-dark-gray6 li:before {
    background-color: rgb(28,28,30);
}

.bgc-apl-dark-green, ul.apl-dark-green li:before {
    background-color: rgb(48,209,88);
}

.bgc-apl-dark-indigo, ul.apl-dark-indigo li:before {
    background-color: rgb(94,92,230);
}

.bgc-apl-dark-mint, ul.apl-dark-mint li:before {
    background-color: rgb(102,212,207);
}

.bgc-apl-dark-orange, ul.apl-dark-orange li:before {
    background-color: rgb(255,159,10);
}

.bgc-apl-dark-pink, ul.apl-dark-pink li:before {
    background-color: rgb(255,55,95);
}

.bgc-apl-dark-purple, ul.apl-dark-purple li:before {
    background-color: rgb(191,90,242);
}

.bgc-apl-dark-red, ul.apl-dark-red li:before {
    background-color: rgb(255,69,58);
}

.bgc-apl-dark-teal, ul.apl-dark-teal li:before {
    background-color: rgb(64,200,224);
}

.bgc-apl-dark-yellow, ul.apl-dark-yellow li:before {
    background-color: rgb(255,214,10);
}

body.mobile_menu_active {
    position: fixed;
}

/* Com finder */
#advanced-search{text-align:left;width:100%;padding:5px 0 15px}#advanced-search-toggle{cursor:pointer}#search-query-explained{padding:10px 0}#search-query-explained span.term,#search-query-explained span.date,#search-query-explained span.when,#search-query-explained span.branch,#search-query-explained span.node,#search-query-explained span.op{font-weight:700}#search-query-explained span.op{text-transform:uppercase}#search-results li.search-result .mime-pdf{padding-left:20px;background:url(../images/mime/pdf.png) no-repeat}#search-results .search-pagination,#search-results .pagination,#search-results .search-pages-counter{clear:both;margin:0 auto}#highlighter-start,#highlighter-end{display:none;height:0;opacity:0}span.highlight{background-color:#ffc;font-weight:700;padding:1px 4px}ul.autocompleter-choices{position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50}ul.autocompleter-choices li{background:0;position:relative;padding:.1em 1.5em .1em 1em;cursor:pointer;font-weight:400;font-size:1em}ul.autocompleter-choices li.autocompleter-selected{background-color:#444;color:#fff}ul.autocompleter-choices span.autocompleter-queried{font-weight:700}ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9fcfff}ul#finder-filter-select-list{top:4em!important}

/* Cookie consent */
:root{--cc-bg:#fff;--cc-text:#2d4156;--cc-btn-primary-bg:#2d4156;--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#1d2e38;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#919ea6;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0}.c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0}.cc_div *,.cc_div :after,.cc_div :before{-webkit-box-sizing:border-box;box-sizing:border-box;float:none;font-style:inherit;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1.2;font-size:1em;transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;color:inherit;background:0 0;border:none;box-shadow:none;text-decoration:none;text-align:left;visibility:unset}.cc_div{font-size:16px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#2d4156;color:var(--cc-text)}#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:600}#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em}#s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0}.cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cc_div a{border-bottom:1px solid}.cc_div a:hover{text-decoration:none;border-color:transparent}#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility .25s linear,opacity .25s ease,transform .25s ease!important}.c--anim .c-bn{transition:background-color .25s ease!important}.c--anim #cm.bar.slide,.c--anim .bar.slide #s-inr{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide+#cs-ov{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important}#cm.bar.slide,.cc_div .bar.slide #s-inr{transform:translateX(100%);opacity:1}#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{transform:translateX(-100%);opacity:1}#cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)}#cm.top.slide{transform:translateY(-1.6em)}#cm.bar.slide{transform:translateY(100%)}#cm.bar.top.slide{transform:translateY(-100%)}.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important}.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)}.show--settings .c--anim #s-cnt{visibility:visible!important}.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{visibility:visible!important;opacity:1!important}#cm{font-family:inherit;padding:1.1em 1.8em 1.4em 1.8em;position:fixed;z-index:1;background:#fff;background:var(--cc-bg);max-width:24.2em;width:100%;bottom:1.25em;right:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);opacity:0;visibility:hidden;transform:scale(.95);line-height:initial}#cc_div #cm{display:block!important}#c-ttl{margin-bottom:.7em;font-size:1.05em}.cloud #c-ttl{margin-top:-.15em}#c-txt{font-size:.9em;line-height:1.5em}.cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em}.cc_div .c-bn{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg);padding:1em 1.7em;display:inline-block;cursor:pointer;font-size:.82em;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;text-align:center;border-radius:4px;flex:1}#c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em}#s-cnt #s-rall-bn{float:none}#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-cnt{position:fixed;top:0;left:0;width:100%;z-index:101;display:table;height:100%;visibility:hidden}#s-bl{outline:0}#s-bl .title{margin-top:1.4em}#s-bl .title:first-child{margin-top:0}#s-bl .b-bn{margin-top:0}#s-bl .b-acc .p{margin-top:0;padding:1em}#s-cnt .b-bn .b-tl{display:block;font-family:inherit;font-size:.95em;width:100%;position:relative;padding:1.3em 6.4em 1.3em 2.7em;background:0 0;transition:background-color .25s ease}#s-cnt .b-bn .b-tl.exp{cursor:pointer}#s-cnt .act .b-bn .b-tl{border-bottom-right-radius:0;border-bottom-left-radius:0}#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl .b-bn{position:relative}#s-bl .c-bl{padding:1em;margin-bottom:.5em;border:1px solid #f1f3f5;border-color:var(--cc-section-border);transition:background-color .25s ease}#s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)}#s-bl .c-bl:last-child{margin-bottom:.5em}#s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em}#s-bl .c-bl:not(.b-ex):first-child:hover{background:0 0;background:unset}#s-bl .c-bl.b-ex{padding:0;border:none;background:#f0f4f7;background:var(--cc-cookie-category-block-bg);transition:none}#s-bl .c-bl.b-ex+.c-bl{margin-top:2em}#s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0}#s-bl .c-bl.b-ex:first-child{margin-bottom:1em}#s-bl .c-bl.b-ex:first-child{margin-bottom:.5em}#s-bl .b-acc{max-height:0;overflow:hidden;padding-top:0;margin-bottom:0;display:none}#s-bl .act .b-acc{max-height:100%;display:block;overflow:hidden}#s-cnt .p{font-size:.9em;line-height:1.5em;margin-top:.85em;color:#2d4156;color:var(--cc-block-text)}.cc_div .b-tg .c-tgl:disabled{cursor:not-allowed}#c-vln{display:table-cell;vertical-align:middle;position:relative}#cs{padding:0 1.7em;width:100%;position:fixed;left:0;right:0;top:0;bottom:0;height:100%}#s-inr{height:100%;position:relative;max-width:45em;margin:0 auto;transform:scale(.96);opacity:0;padding-top:4.75em;padding-bottom:4.75em;position:relative;height:100%;overflow:hidden;visibility:hidden;box-shadow:rgba(3,6,9,.26) 0 13px 27px -5px}#s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)}#s-bl{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;height:100%;padding:1.3em 2.1em;display:block;width:100%}#s-bns{position:absolute;bottom:0;left:0;right:0;padding:1em 2.1em;border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);height:4.75em}.cc_div .cc-link{color:#253b48;color:var(--cc-btn-primary-bg);border-bottom:1px solid #253b48;border-color:var(--cc-btn-primary-bg);display:inline;padding-bottom:0;text-decoration:none;cursor:pointer;font-weight:600}.cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent}#c-bns button:first-child,#s-bns button:first-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}#c-bns.swap button:first-child{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg)}#c-bns.swap button:last-child{color:#fff;color:var(--cc-btn-primary-text);background:#253b48;background:var(--cc-btn-primary-bg)}.cc_div .b-tg .c-tgl:checked~.c-tg{background:#253b48;background:var(--cc-toggle-bg-on)}#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#1d2e38;background:var(--cc-btn-primary-hover-bg)}#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)}#s-hdr{position:absolute;top:0;width:100%;display:table;padding:0 2.1em;height:4.75em;vertical-align:middle;z-index:2;border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border)}#s-ttl{display:table-cell;vertical-align:middle;font-size:1em}#s-c-bn{padding:0;width:1.7em;height:1.7em;font-size:1.45em;margin:0;font-weight:initial;position:relative}#s-c-bnc{display:table-cell;vertical-align:middle}.cc_div span.t-lb{position:absolute;top:0;z-index:-1;opacity:0;pointer-events:none;overflow:hidden}#c_policy__text{height:31.25em;overflow-y:auto;margin-top:1.25em}#c-s-in{position:relative;transform:translateY(-50%);top:50%;height:100%;height:calc(100% - 2.5em);max-height:37.5em}@media screen and (min-width:688px){#s-bl::-webkit-scrollbar{width:.9em;height:100%;background:0 0;border-radius:0 .25em .25em 0}#s-bl::-webkit-scrollbar-thumb{border:.25em solid var(--cc-bg);background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border-radius:100em}#s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)}#s-bl::-webkit-scrollbar-button{width:10px;height:5px}}.cc_div .b-tg{position:absolute;right:0;top:0;bottom:0;display:inline-block;margin:auto;right:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.cc_div .b-tg .c-tgl{position:absolute;cursor:pointer;display:block;top:0;left:0;margin:0;border:0}.cc_div .b-tg .c-tg{position:absolute;background:#919ea6;background:var(--cc-toggle-bg-off);transition:background-color .25s ease,box-shadow .25s ease;pointer-events:none}.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{width:3.4em;height:1.5em;border-radius:4em}.cc_div .b-tg .c-tg.c-ro{cursor:not-allowed}.cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)}.cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none}.cc_div .b-tg .c-tg:after{content:"";position:relative;display:block;left:.125em;top:.125em;width:1.25em;height:1.25em;border:none;box-sizing:content-box;background:#fff;background:var(--cc-toggle-knob-bg);box-shadow:0 1px 2px rgba(24,32,35,.36);transition:transform .25s ease;border-radius:100%}.cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)}#s-bl table,#s-bl td,#s-bl th{border:none}#s-bl tbody tr{transition:background-color .25s ease}#s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)}#s-bl table{text-align:left;border-collapse:collapse;width:100%;padding:0;margin:0;overflow:hidden}#s-bl td,#s-bl th{padding:.8em .625em;text-align:left;vertical-align:top;font-size:.8em;padding-left:1.2em}#s-bl th{font-family:inherit;padding:1.2em 1.2em}#s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)}.force--consent #cs,.force--consent #s-cnt{width:100vw}#cm-ov,#cs-ov{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);display:none;transition:none}.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block}#cs-ov{z-index:2}.force--consent .cc_div{position:fixed;top:0;left:0;bottom:0;width:100%;width:100vw;visibility:hidden;transition:visibility .25s linear}.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible}.force--consent #cm{position:absolute}.force--consent #cm.bar{width:100vw;max-width:100vw}html.force--consent.show--consent{overflow-y:hidden!important}html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important}.cc_div .act .b-bn .exp::before,.cc_div .b-bn .exp::before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;padding:.2em;display:inline-block;position:absolute;content:'';margin-right:15px;position:absolute;transform:translateY(-50%) rotate(45deg);left:1.2em;top:50%}.cc_div .act .b-bn .b-tl::before{transform:translateY(-20%) rotate(225deg)}.cc_div .on-i::before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;padding:.1em;display:inline-block;padding-bottom:.45em;content:'';margin:0 auto;transform:rotate(45deg);top:.37em;left:.75em;position:absolute}#s-c-bn::after,#s-c-bn::before{content:'';position:absolute;left:.82em;top:.58em;height:.6em;width:1.5px;background:#444d53;background:var(--cc-btn-secondary-text);transform:rotate(45deg);border-radius:1em;margin:0 auto}#s-c-bn::after{transform:rotate(-45deg)}.cc_div .off-i,.cc_div .on-i{height:100%;width:50%;position:absolute;right:0;display:block;text-align:center;transition:opacity .15s ease}.cc_div .on-i{left:0;opacity:0}.cc_div .off-i::after,.cc_div .off-i::before{right:.8em;top:.42em;content:' ';height:.7em;width:.09375em;display:block;background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);margin:0 auto;position:absolute;transform-origin:center}.cc_div .off-i::before{transform:rotate(45deg)}.cc_div .off-i::after{transform:rotate(-45deg)}.cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1}.cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0}#cm.box.middle,#cm.cloud.middle{top:50%;transform:translateY(-37%);bottom:auto}#cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)}#cm.box.center{left:1em;right:1em;margin:0 auto}#cm.cloud{max-width:50em;margin:0 auto;text-align:center;left:1em;right:1em;overflow:hidden;padding:1.3em 2em;width:unset}.cc_div .cloud #c-inr{display:table;width:100%}.cc_div .cloud #c-inr-i{width:70%;display:table-cell;vertical-align:top;padding-right:2.4em}.cc_div .cloud #c-txt{font-size:.85em}.cc_div .cloud #c-bns{min-width:170px;display:table-cell;vertical-align:middle}#cm.cloud .c-bn{margin:.625em 0 0 0;width:100%}#cm.cloud .c-bn:first-child{margin:0}#cm.cloud.left{margin-right:1.25em}#cm.cloud.right{margin-left:1.25em}#cm.bar{width:100%;max-width:100%;left:0;right:0;bottom:0;border-radius:0;position:fixed;padding:2em}#cm.bar #c-inr{max-width:32em;margin:0 auto}#cm.bar #c-bns{max-width:33.75em}#cm.bar #cs{padding:0}.cc_div .bar #c-s-in{top:0;transform:none;height:100%;max-height:100%}.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em}.cc_div .bar #cs{padding:0}.cc_div .bar #s-inr{margin:0;margin-left:auto;margin-right:0;border-radius:0;max-width:32em}.cc_div .bar.left #s-inr{margin-left:0;margin-right:auto}.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block}.cc_div .bar #s-bl thead tr{position:absolute;top:-9999px;left:-9999px}.cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}.cc_div .bar #s-bl td{border:none;position:relative;padding-left:35%}.cc_div .bar #s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm.top{bottom:auto;top:1.25em}#cm.left{right:auto;left:1.25em}#cm.right{left:auto;right:1.25em}#cm.bar.left,#cm.bar.right{left:0;right:0}#cm.bar.top{top:0}@media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{width:auto;max-width:100%;margin:0;padding:1.4em!important;right:1em;left:1em;bottom:1em;display:block}.force--consent #cm,.force--consent #cm.cloud{width:auto;max-width:100vw}#cm.top{top:1em;bottom:auto}#cm.bottom{bottom:1em;top:auto}#cm.bar.bottom{bottom:0}#cm.cloud .c-bn{font-size:.85em}#s-bns,.cc_div .bar #s-bns{padding:1em 1.3em}.cc_div .bar #s-inr{max-width:100%;width:100%}.cc_div .cloud #c-inr-i{padding-right:0}#cs{border-radius:0;padding:0}#c-s-in{max-height:100%;height:100%;top:0;transform:none}.cc_div .b-tg{transform:scale(1.1);right:1.1em}#s-inr{margin:0;padding-bottom:7.9em;border-radius:0}#s-bns{height:7.9em}#s-bl,.cc_div .bar #s-bl{padding:1.3em}#s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em}#s-bl table{width:100%}#s-inr.bns-t{padding-bottom:10.5em}.bns-t #s-bns{height:10.5em}.cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em}#s-cnt .b-bn .b-tl{padding-top:1.2em;padding-bottom:1.2em}#s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block}#s-bl thead tr{position:absolute;top:-9999px;left:-9999px}#s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)}#s-bl td{border:none;position:relative;padding-left:35%}#s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}#cm .c-bn,.cc_div .c-bn{width:100%;margin-right:0}#s-cnt #s-rall-bn{margin-left:0}.cc_div #c-bns{flex-direction:column}#c-bns button+button,#s-cnt button+button{margin-top:.625em;margin-left:0;float:unset}#cm.box,#cm.cloud{left:1em;right:1em;width:auto}#cm.cloud.left,#cm.cloud.right{margin:0}.cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;width:auto;min-width:unset}.cc_div .cloud #c-txt{font-size:.9em}.cc_div .cloud #c-bns{margin-top:1.625em}}.cc_div.ie #c-vln{height:100%;padding-top:5.62em}.cc_div.ie .bar #c-vln{padding-top:0}.cc_div.ie #cs{max-height:37.5em;position:relative;top:0;margin-top:-5.625em}.cc_div.ie .bar #cs{margin-top:0;max-height:100%}.cc_div.ie #cm{border:1px solid #dee6e9}.cc_div.ie #c-s-in{top:0}.cc_div.ie .b-tg{padding-left:1em;margin-bottom:.7em}.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em}.cc_div.ie #s-bl table{overflow:auto}.cc_div.ie .b-tg .c-tg{display:none}.cc_div.ie .b-tg .c-tgl{position:relative;display:inline-block;vertical-align:middle;margin-bottom:.2em;height:auto}.cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em}.cc_div.ie .bar #s-bl td:before{display:none}.cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em}.cc_div.ie .bar #s-bl thead tr{position:relative}.cc_div.ie .b-tg .t-lb{filter: alpha(opacity=0);}.cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter: alpha(opacity=80);}

/* Cart */
.mod-minicart .jewel-group {
  display: inline-block;
  position: relative;
}

.mod-minicart .btn-icon {
  background-color: transparent;
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  color: inherit;
  padding: 0 .5rem 0;
  margin: 0;
  font-weight: 600;
}

.mod-minicart .btn-icon {
  color: #222222;
  font-weight: 600;
  cursor:pointer;
}

.mod-minicart .mod-minicart__remove {
  background-color: transparent;
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  color: inherit;
  padding: 0 .5rem 0;
  margin: 0;
  font-weight: 600;
  color: #44a8f2;
  font-weight: 600;
  cursor:pointer;
}
.mod-minicart .jewel-group i {
font-size: 1.5rem;
}

.mod-minicart .jewel {
  position: absolute;
  top: -.4rem;
  right: -.8rem;
  background-color: #f58838;
  color: #ffffff;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  font-size: .7rem;
  line-height: 1.1rem;
  text-align: center;
}
.mod-minicart{
	display: inline-block;
	padding-top: 6px;
	margin-left: 10px;
	margin-right: 8px;
}


.mod-minicart .offcanvas-title {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  color: #222222;
}
.mod-minicart .offcanvas-header {
  border-bottom: 1px solid #e3e4e5;
}