@import url(http://fonts.googleapis.com/css?family=Raleway);

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
    font-size: 75%;
    font-size: 87.5%;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5em;
}

button, input, select, textarea {
    font-family: Verdana,Tahoma,"DejaVu Sans",sans-serif;
}

body {
    margin: 0;
    padding: 0;
}

a:link {
}

a:visited {
}

a:hover, a:focus {
}

a:active {
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

p, pre {
    margin: 1.5em 0;
}

blockquote {
    margin: 1.5em 30px;
}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

h2 {
    font-size: 1.5em;
    line-height: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

h3 {
    font-size: 1.17em;
    line-height: 1.28205em;
    margin-top: 1.28205em;
    margin-bottom: 1.28205em;
}

h4 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

h5 {
    font-size: 0.83em;
    line-height: 1.80723em;
    margin-top: 1.80723em;
    margin-bottom: 1.80723em;
}

h6 {
    font-size: 0.67em;
    line-height: 2.23881em;
    margin-top: 2.23881em;
    margin-bottom: 2.23881em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    border: 1px solid #666;
    padding-bottom: -1px;
    margin: 1.5em 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp, tt, var {
    font-family: "Courier New","DejaVu Sans Mono",monospace,sans-serif;
    _font-family: 'courier new',monospace;
    font-size: 1em;
    line-height: 1.5em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl, menu, ol, ul {
    margin: 1.5em 0;
}

    ol ol, ol ul, ul ol, ul ul {
        margin: 0;
    }

dd {
    margin: 0 0 0 30px;
}

menu, ol, ul {
    padding: 0 0 0 30px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
    width: auto;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.5em 0.625em 1em;
}

legend {
    border: 0;
    padding: 0;
    *margin-left: -7px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

label {
    display: block;
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom {
    outline: 1px solid #ccc;
}

.lt-ie8 .with-wireframes #header, .lt-ie8 .with-wireframes #main, .lt-ie8 .with-wireframes #content, .lt-ie8 .with-wireframes #navigation, .lt-ie8 .with-wireframes .region-sidebar-first, .lt-ie8 .with-wireframes .region-sidebar-second, .lt-ie8 .with-wireframes #footer, .lt-ie8 .with-wireframes .region-bottom {
    border: 1px solid #ccc;
}

.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.grey {
    color: #858585 !important;
}

.element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

    .element-focusable:active, .element-focusable:focus {
        position: static !important;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;
    }

#skip-link {
    margin: 0;
}

    #skip-link a, #skip-link a:visited {
        display: block;
        width: 100%;
        padding: 2px 0 3px 0;
        text-align: center;
        background-color: #666;
        color: #fff;
    }

.header__logo {
    float: left;
    margin: 0;
    padding: 0;
}

.header__logo-image {
    vertical-align: bottom;
}

.header__name-and-slogan {
    float: left;
}

.header__site-name {
    margin: 0;
    font-size: 2em;
    line-height: 1.5em;
}

.header__site-link:link, .header__site-link:visited {
    color: #000;
    text-decoration: none;
}

.header__site-link:hover, .header__site-link:focus {
    text-decoration: underline;
}

.header__site-slogan {
    margin: 0;
}

.header__secondary-menu {
    float: right;
}

.header__region {
    clear: both;
}

#navigation {
}

    #navigation .block {
        margin-bottom: 0;
    }

    #navigation .links, #navigation .menu {
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #navigation .links li, #navigation .menu li {
            float: left;
            padding: 0 10px 0 0;
            list-style-type: none;
            list-style-image: none;
        }

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title {
    margin: 0;
}

.messages__list {
    margin: 0;
}

.messages__item {
    list-style-image: none;
}

.messages--error p.error {
    color: #333;
}

.ok, .messages--status {
    background-color: #f8fff0;
    color: #234600;
}

.warning, .messages--warning {
    background-color: #fffce5;
    color: #840;
}

.error, .messages--error {
    background-color: #fef5f1;
    color: #8c2e0b;
}

.tabs-primary, .tabs-secondary {
    overflow: hidden;
    *zoom: 1;
    background-image: -webkit-gradient(linear,50% 100%,50% 0%,color-stop(100%,#bbbbbb),color-stop(100%,transparent));
    background-image: -webkit-linear-gradient(bottom,#bbbbbb 1px,transparent 1px);
    background-image: -moz-linear-gradient(bottom,#bbbbbb 1px,transparent 1px);
    background-image: -o-linear-gradient(bottom,#bbbbbb 1px,transparent 1px);
    background-image: linear-gradient(#bbbbbb 1px,transparent 1px);
    list-style: none;
    /*border-bottom: 1px solid #bbbbbb \0/ie;*/
    margin: 1.5em 0;
    padding: 0 2px;
    white-space: nowrap;
}

.tabs-primary__tab, .tabs-secondary__tab, .tabs-secondary__tab.is-active {
    float: left;
    margin: 0 3px;
}

a.tabs-primary__tab-link, a.tabs-secondary__tab-link {
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: 0;
    display: block;
    line-height: 1.5em;
    text-decoration: none;
}

.tabs-primary__tab, .tabs-primary__tab.is-active {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    text-shadow: 1px 1px 0 white;
    border: 1px solid #bbbbbb;
    border-bottom-color: transparent;
    /*border-bottom: 0 \0/ie;*/
}

.is-active.tabs-primary__tab {
    border-bottom-color: white;
}

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #333;
    background-color: #dedede;
    letter-spacing: 1px;
    padding: 0 1em;
    text-align: center;
}

    a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus {
        background-color: #e9e9e9;
        border-color: #f2f2f2;
    }

    a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active {
        background-color: transparent;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFE9E9E9',endColorstr='#00E9E9E9');
        background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e9e9e9),color-stop(100%,rgba(233,233,233,0)));
        background-image: -webkit-linear-gradient(#e9e9e9,rgba(233,233,233,0));
        background-image: -moz-linear-gradient(#e9e9e9,rgba(233,233,233,0));
        background-image: -o-linear-gradient(#e9e9e9,rgba(233,233,233,0));
        background-image: linear-gradient(#e9e9e9,rgba(233,233,233,0));
        border-color: #fff;
    }

.tabs-secondary {
    font-size: .9em;
    margin-top: -1.5em;
}

.tabs-secondary__tab, .tabs-secondary__tab.is-active {
    margin: 0.75em 3px;
}

a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    -ms-border-radius: 0.75em;
    -o-border-radius: 0.75em;
    border-radius: 0.75em;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-shadow: 1px 1px 0 white;
    background-color: #f2f2f2;
    color: #666;
    padding: 0 .5em;
}

    a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus {
        background-color: #dedede;
        border-color: #999;
        color: #333;
    }

    a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active {
        text-shadow: 1px 1px 0 #333333;
        background-color: #666;
        border-color: #000;
        color: #fff;
    }

.inline {
    display: inline;
    padding: 0;
}

    .inline li {
        display: inline;
        list-style-type: none;
        padding: 0 1em 0 0;
    }

span.field-label {
    padding: 0 1em 0 0;
}

.more-link {
    text-align: right;
}

.more-help-link {
    text-align: right;
}

    .more-help-link a {
        /*background-image: url(components/'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');*/
        *background-image: url(/sites/all/themes/ecodesign/images/help.png);
        background-position: 0 50%;
        background-repeat: no-repeat;
        padding: 1px 0 1px 20px;
    }

.pager {
    clear: both;
    padding: 0;
    text-align: center;
}

.pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis, .pager-current {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
    background-image: none;
}

.pager-current {
    font-weight: bold;
}

.block {
}

.menu a.active {
    color: #000;
}

.new, .update {
    color: #c00;
    background-color: transparent;
}

.unpublished {
    height: 0;
    overflow: visible;
    background-color: transparent;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
}

.lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * {
    position: relative;
}

.comments {
    margin: 1.5em 0;
}

.comment-preview {
    background-color: #ffffea;
}

.comment {
}

    .comment .permalink {
        text-transform: uppercase;
        font-size: 75%;
    }

.indented {
    margin-left: 30px;
}

.form-item {
    margin: 1.5em 0;
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin: 0;
}

tr.odd .form-item, tr.even .form-item {
    margin: 0;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 1px solid #c00;
}

.form-item .description {
    font-size: 0.85em;
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2.4em;
}

.form-item-captcha-response .field-prefix {
    display: block;
    padding: 0px 0px 6px 6px;
}

.form-required {
    color: #c00;
}

label.option {
    display: inline;
    font-weight: normal;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    /*appearance: button;*/
}

.password-parent, .confirm-parent {
    margin: 0;
}

#user-login-form {
    text-align: left;
}

.openid-links {
    margin-bottom: 0;
}

.openid-link, .user-link {
    margin-top: 1.5em;
}

html.js #user-login-form li.openid-link, #user-login-form li.openid-link {
    margin-left: -20px;
}

#user-login ul {
    margin: 1.5em 0;
}

form th {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
}

form tbody {
    border-top: 1px solid #ccc;
}

form table ul {
    margin: 0;
}

tr.even, tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

tr.even {
    background-color: #fff;
}

.lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td {
    border-bottom: 1px solid #ccc;
}

td.active {
    background-color: #ddd;
}

td.checkbox, th.checkbox {
    text-align: center;
}

td.menu-disabled {
    background: #ccc;
}

#autocomplete .selected {
    background: #0072b9;
    color: #fff;
}

html.js .collapsible .fieldset-legend {
    /*background-image: url(components/'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');*/
    *background-image: url(/sites/all/themes/ecodesign/images/menu-expanded.png);
    background-position: 5px 65%;
    background-repeat: no-repeat;
    padding-left: 15px;
}

html.js .collapsed .fieldset-legend {
    /*background-image: url(components/'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');*/
    *background-image: url(/sites/all/themes/ecodesign/images/menu-collapsed.png);
    background-position: 5px 50%;
}

.fieldset-legend .summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

.tabledrag-toggle-weight {
    font-size: 0.9em;
}

tr.selected td {
    background: #ffc;
}

.progress {
    font-weight: bold;
}

    .progress .bar {
        background: #ccc;
        border-color: #666;
        margin: 0 0.2em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .progress .filled {
        background-color: #0072b9;
        background-image: url(/sites/all/themes/ecodesign/images/progress.gif);
    }

@media print {
    a:link, a:visited {
        text-decoration: underline !important;
    }

        a:link.header__site-link, a:visited.header__site-link {
            text-decoration: none !important;
        }

    #content a[href]:after {
        content: " (" attr(href) ")";
        font-weight: normal;
        font-size: 16px;
    }

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

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

    #content {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body, #page, #main, #content {
        color: #000;
        background-color: transparent !important;
        background-image: none !important;
    }

    #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons {
        visibility: hidden;
        display: none;
    }
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

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

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold !important;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p, pre {
    margin: 1em 0;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    _font-family: 'courier new',monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

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

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl, menu, ol, ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: top !important;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

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

html, button, input, select, textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

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

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

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

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

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

textarea {
    resize: vertical;
}

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

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

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

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

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

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

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media only screen and (min-width:35em) {
}

@media print,(-o-min-device-pixel-ratio:5 / 4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

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

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

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

    thead {
        display: table-header-group;
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main {
    position: relative;
    min-height: 200px;
    color: white;
    font-family: "Raleway",sans-serif;
}

.grid-container {
}

    .grid-container:after {
        content: "";
        display: table;
        clear: both;
    }

    .grid-container [class*='col-'] {
        float: left;
    }

    .grid-container .col-1-3 {
        width: 33.33%;
    }

    .grid-container .col-2-3 {
        width: 66.66%;
    }

    .grid-container .col-1-2 {
        width: 50%;
    }

    .grid-container .col-1-4 {
        width: 25%;
    }

    .grid-container .col-1-8 {
        width: 12.5%;
    }

    .grid-container .col-7-10 {
        width: 70%;
    }

    .grid-container .col-3-10 {
        width: 30%;
    }

    .grid-container .col-6-10 {
        width: 60%;
    }

    .grid-container .col-4-10 {
        width: 40%;
    }

    .grid-container .col-10-10 {
        width: 100%;
    }

    .grid-container .pull-right {
        float: right;
    }

body {
}

.ratio-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.top-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
}

    .top-menu .top-bar {
        height: 28px;
        padding-left: 15px;
    }

    .top-menu .mobile-menu-icon {
        float: left;
        height: 100%;
        margin-right: 10px;
        background-size: 70%;
        background-position: 5px 7px;
        text-indent: -99999px;
        display: none;
        cursor: pointer;
    }

    .top-menu .block {
        margin-bottom: 0;
    }

    .top-menu .header-top {
        padding-left: 15px;
        height: 28px;
    }

    .top-menu .top-nav {
        float: left;
        display: block;
        height: 15px;
        width: 90px;
        vertical-align: bottom;
        margin-top: 7px;
        text-indent: -999999px;
    }

        .top-menu .top-nav a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .top-menu .top-bar {
        height: 28px;
        padding-left: 15px;
    }

    .top-menu #block-search-form {
        float: right;
    }

        .top-menu #block-search-form form {
            height: 28px;
        }

            .top-menu #block-search-form form div {
                height: 100%;
            }

        .top-menu #block-search-form input {
            padding: 0;
            height: 100%;
            margin: 0;
            border: 0;
            width: 150px;
            padding-left: 35px;
        }

            .top-menu #block-search-form input[type="submit"] {
                display: none;
            }

            .top-menu #block-search-form input:focus {
                outline: none;
            }

    .top-menu #block-locale-language {
        float: right;
        height: 28px;
        line-height: 28px;
        margin-right: 10px;
    }

    .top-menu nav {
        height: 39px;
    }

        .top-menu nav ul {
            margin: 0;
            padding-left: 15px;
        }

            .top-menu nav ul li {
                float: left;
                margin-right: 3.5%;
            }

        .top-menu nav a {
            display: block;
            line-height: 39px;
            height: 39px;
        } 

        .top-menu nav.private {
            position: absolute;
            right: 0;
            top: 28px;
            padding: 0 5px 0 12px;
        }

.side-menu {
    width: 20%;
    float: left;
}

.division-logo {
     min-height: 180px;
}

.division-logo figure {
        margin: auto;
        margin-top: 30px;
}

    .side-menu {
        min-height: 120px;
    }

        .side-menu .division-logo .figure {
            height: 100%;
        }

        .side-menu .division-logo img {
            display: block;
            position: relative;
            margin: 0 8px;
            top: 5px;
        }

    .side-menu nav ul {
        padding-left: 0;
    }

        .side-menu nav ul li {
            line-height: 36px;
        }

            .side-menu nav ul li a {
                -webkit-transition: all 1s ease-out;
                -moz-transition: all 1s ease-out;
                -o-transition: all 1s ease-out;
                transition: all 1s ease-out;
                padding-left: 18px;
                background-color: #171717;
            }

            .side-menu nav ul li ul li a {
                text-transform: capitalize;
                background-color: #010101;
            }

            .side-menu nav ul li.long-menu {
                min-height: 36px;
                line-height: 1em;
                vertical-align: bottom;
                padding-top: 8px;
            }

    .side-menu > nav > ul > li > nav {
        display: none;
    }

    .side-menu nav ul li ul.open {
        display: block;
    }

    .side-menu nav ul li ul li a {
        padding-left: 36px;
    }

    .side-menu nav a {
        display: block;
        width: 100%;
        height: 100%;
        text-transform: uppercase;
    }

#page {
    padding: 67px 0 0 0;
}

#content.with-sidemenu {
    margin-left: 204px;
}

#content .grid-block {
    width: 100%;
}

    #content .grid-block > article {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

        #content .grid-block > article:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        #content .grid-block > article:nth-child(1):before {
            padding-top: 75%;
        }

        #content .grid-block > article:nth-child(2):before {
            padding-top: 80%;
        }

        #content .grid-block > article:nth-child(3):before {
            padding-top: 65%;
        }

        #content .grid-block > article:nth-child(4):before {
            padding-top: 130%;
        }

    #content .grid-block article a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #content .grid-block > article:nth-child(1) img {
        width: 100%;
        margin-top: -10%;
    }

    #content .grid-block > article:nth-child(3) img {
        width: 100%;
        margin-top: -15%;
    }

    #content .grid-block > article:nth-child(2) img {
        width: 100%;
        margin-top: -7%;
    }

    #content .grid-block > article:nth-child(4) img {
        height: 100%;
        width: 137%;
        max-width: none;
        margin-left: -14%;
    }

    #content .grid-block article img {
    }

    #content .grid-block article .ratio-wrapper .category-name, #content .grid-block .ratio-wrapper .category-name {
        font-family: "Montserrat",sans-serif;
        text-transform: uppercase;
        color: #a7a69d;
        font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -40%;
    }

#content .catalog-product {
    position: relative;
    display: inline-block;
}

    #content .catalog-product:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #content .catalog-product a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #content .catalog-product img {
        width: 100%;
        max-width: 100%;
    }

    #content .catalog-product .article-name {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 50px;
    }

        #content .catalog-product .article-name a {
            line-height: 50px;
            padding-left: 25px;
        }

#content .product {
    color: white;
}

    #content .product header {
        height: 120px;
        background-color: #272528;
        color: #fff;
    }

        #content .product header .name {
            padding-left: 40px;
            padding-top: 60px;
            font-size: 1.5em;
            font-weight: bold;
        }

    #content .product .product-image {
        position: relative;
        display: inline-block;
        overflow: hidden;
        background: #f5f6f8;
    }

        #content .product .product-image img {
            width: 100%;
        }

    #content .product .product-description {
        position: relative;
        display: inline-block;
    }

        #content .product .product-description p {
            margin: 1em 0;
            line-height: 21px;
        }

        #content .product .product-description .field .field-label {
            font-weight: normal;
        }

        #content .product .product-description .field-name-field-description {
            padding: 40px 40px 10px;
        }

        #content .product .product-description .field-name-field-dimensions {
            padding: 10px 40px 10px;
        }

        #content .product .product-description .field-name-field-product-cards {
            padding: 10px 40px 10px;
        }

        #content .product .product-description .share {
            width: 100%;
            bottom: 0;
            left: 0;
            padding: 40px;
        }

            #content .product .product-description .share > a {
                display: inline-block;
                width: 35px;
                height: 25px;
                margin-right: 2.4%;
            }

    #content .product .product-options {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

        #content .product .product-options:before {
            content: "";
            display: block;
            padding-top: 25%;
        }

    #content .product .more-container {
        position: relative;
        display: inline-block;
        background-color: #272528;
    }

    #content .product .product-download {
        background-color: #272528;
        color: white;
        padding-bottom: 30px;
    }

        #content .product .more-container:before, #content .product .product-download:before {
            content: "";
            display: block;
            padding-top: 37px;
        }

        #content .product .product-download .download-card {
            display: block;
            padding: 0 0 20px 40px;
            top: 20%;
        }

            #content .product .product-download .download-card > p {
                margin-top: 0;
                margin-bottom: 1em;
                font-weight: bold;
            }

            #content .product .product-download .download-card > a {
                padding: 0 20px 15px 0;
                float: left;
                clear: left;
            }

#content .page-block img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}

body {
    background-color: #171717;
    -webkit-font-smoothing: antialiased;
}

.top-menu {
}

    .top-menu .top-bar {
        background-color: #eaeaea;
    }


    .top-menu #block-locale-language {
        font-family: "Montserrat",sans-serif;
        text-transform: uppercase;
        font-size: 10px;
    }

        .top-menu #block-locale-language li {
            float: left;
            padding-left: 20px;
        }

            .top-menu #block-locale-language li.active a {
                float: left;
                padding-left: 20px;
                text-decoration: underline;
            }

        .top-menu #block-locale-language a {
            color: black;
            text-decoration: none;
        }

    .top-menu #block-search-form {
        font-size: 10px;
    }

        .top-menu #block-search-form input[type="text"] {
            background: url(../../../all/themes/ecodesign/images/search-icon.png) no-repeat 9px 7px white;
            font-family: "Montserrat",sans-serif;
            text-transform: uppercase;
            color: #858585;
        }

    .top-menu nav {
        background-color: black;
    }

        .top-menu nav ul li {
            display: inline-block;
        }

    .top-menu .region-header-bottom nav a {
        color: white;
        text-decoration: none;
        font-family: "Montserrat",sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    .top-menu .region-header-bottom a:hover, .top-menu .region-header-bottom a.active {
        color: gray;
        border-bottom: 4px solid gray;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .top-menu nav.private {
        background-color: #232323;
    }

        .top-menu nav.private a {
            font-family: "Raleway",sans-serif;
            text-transform: capitalize;
            font-size: 13px;
            color: #a7a69d;
        }

.side-menu {
    background-color: #171717;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    width: 250px;
    font-size: 10px;
    padding-bottom: 200px;
}

    .side-menu nav ul li {
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .side-menu > nav > ul > li > a:hover, .side-menu > nav > ul > li > a.active-trail, .side-menu > nav > ul > li > a.active {
        -webkit-transition: background-color 0.3s ease-in;
        -moz-transition: background-color 0.3s ease-in;
        -o-transition: background-color 0.3s ease-in;
        transition: background-color 0.3s ease-in;
        background-color: #3A3A3A;
    }

    .side-menu > nav > ul.selected > li > a.active {
        background: #3A3A3A url(../../../all/themes/ecodesign/images/store-caret-down.png) no-repeat 95% center;
        background-size: 5%;
    }

    .side-menu nav ul li ul li {
        border-top: none;
    }

        .side-menu nav ul li ul li.current a {
            color: white;
        }

        .side-menu nav ul li ul li a {
            color: #a7a69d;
            text-decoration: none;
        }

            .side-menu nav ul li ul li a:hover {
                color: white;
            }

    .side-menu nav a {
        color: white;
        text-decoration: none;
    }

        .side-menu nav a:hover, .side-menu nav a.active {
            -webkit-transition: color 0.3s ease-in;
            -moz-transition: color 0.3s ease-in;
            -o-transition: color 0.3s ease-in;
            transition: color 0.3s ease-in;
            color: white;
        }

.sidebar-first #content {
    float: none;
    width: auto;
    margin-left: 250px;
    margin-right: 0;
}

#content .grey {
    color: #a7a59c;
}

#content.armani-casa h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 400;
}

#content.armani-casa h3 {
    margin-top: 0;
    font-size: 23px;
    font-weight: 400;
}

#content.armani-casa .top-section {
    padding: 40px;
    background-image: url(../../../all/themes/ecodesign/img/bg-armani-top.html);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#content.armani-casa .column3 {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
}

#content.armani-casa .city {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 400px;
}

    #content.armani-casa .city.instanbul {
        background-image: url(../../../all/themes/ecodesign/img/img01.html);
    }

    #content.armani-casa .city.mumbay {
        background-image: url(../../../all/themes/ecodesign/img/img02.html);
    }

    #content.armani-casa .city.milano {
        background-image: url(../../../all/themes/ecodesign/img/img03.html);
    }

    #content.armani-casa .city.roma {
        background-image: url(../../../all/themes/ecodesign/img/img04.html);
    }

    #content.armani-casa .city.abc {
        background-image: url(../../../all/themes/ecodesign/img/img05.html);
    }

    #content.armani-casa .city .caption {
        position: absolute;
        bottom: 40px;
        left: 40px;
    }

        #content.armani-casa .city .caption p {
            color: #a7a59c;
            font-size: 39px;
            margin: 0;
        }

    #content.armani-casa .city .cta {
        position: absolute;
        bottom: 40px;
        text-align: center;
        width: 100%;
    }

        #content.armani-casa .city .cta span {
            color: #a7a59c;
            font-size: 39px;
        }

        #content.armani-casa .city .cta p {
            margin: 0;
            font-size: 23px;
        }

#content.mtm article, #content.catalogo-due article {
    max-height: 680px;
}

#content.mtm .catalog-unit, #content.catalogo-due .catalog-unit {
    border-left: 1px solid rgba(255,255,255,0.3);
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 680px;
}

    #content.mtm .catalog-unit > a, #content.catalogo-due .catalog-unit > a {
        text-transform: uppercase;
        text-decoration: none;
    }

        #content.mtm .catalog-unit > a span, #content.catalogo-due .catalog-unit > a span {
            font-family: "Montserrat",sans-serif;
            color: #a7a69d;
            font-size: 22px;
        }

            #content.mtm .catalog-unit > a span.white, #content.catalogo-due .catalog-unit > a span.white {
                color: white;
            }

    #content.mtm .catalog-unit img, #content.catalogo-due .catalog-unit img {
        width: 100%;
        height: auto;
    }

    #content.mtm .catalog-unit.text, #content.catalogo-due .catalog-unit.text {
        padding: 70px;
    }

    #content.mtm .catalog-unit p, #content.catalogo-due .catalog-unit p {
        font-size: 17px;
        color: #fff;
        font-family: "Raleway",sans-serif;
        line-height: 1.3;
    }

        #content.mtm .catalog-unit p.big20, #content.catalogo-due .catalog-unit p.big20 {
            font-size: 23px;
        }

        #content.mtm .catalog-unit p.big28, #content.catalogo-due .catalog-unit p.big28 {
            font-size: 32px;
        }

        #content.mtm .catalog-unit p.grey, #content.catalogo-due .catalog-unit p.grey {
            color: #a7a59c;
        }

#content .catalog-product {
    background-color: white;
    padding-bottom: 50px;
}

    #content .catalog-product .article-name {
        background-color: #e3e3e3;
        font-family: "Montserrat",sans-serif;
    }

        #content .catalog-product .article-name a {
            line-height: 50px;
            text-transform: uppercase;
            text-decoration: none;
            color: black;
            font-size: 12px;
        }

#content .product header .name {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}

#content .product .product-description {
    color: black;
    background-color: #e9e9ea;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
}

    #content .product .product-description .share > a {
        text-indent: -999999px;
        background: url(../../../all/themes/ecodesign/images/social-sprite.png) no-repeat top center;
    }

        #content .product .product-description .share > a.email {
            background-position: 0 4px;
        }

        #content .product .product-description .share > a.facebook {
            background-position: 7px -25px;
        }

        #content .product .product-description .share > a.twitter {
            background-position: 0 -52px;
        }

        #content .product .product-description .share > a.pinterest {
            background-position: 1px -81px;
        }

        #content .product .product-description .share > a.youtube {
            background-position: 0 -112px;
        }

        #content .product .product-description .share > a.googleplus {
            background-position: 0 -145px;
        }

#content .product .product-download, #content .product .more-container {
    font-family: "Raleway",sans-serif;
}

    #content .product .product-download .download-card > a {
        color: #858585;
        text-decoration: none;
        background: url(../../../all/themes/ecodesign/images/download-icon.png) no-repeat top right;
    }

    #content .product .more-container .more {
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        line-height: 36px;
        border-top: 1px solid rgba(255,255,255,0.3);
        background-color: #232323;
        background: url(../../../all/themes/ecodesign/images/caret.png) no-repeat 90% center;
    }

        #content .product .more-container .more a {
            padding-left: 40px;
            display: block;
            width: 100%;
            height: 100%;
            color: white;
            font-family: "Montserrat",sans-serif;
            font-size: 11px;
            font-weight: normal;
            text-decoration: none;
        }

#content .interior-design {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-family: 'Raleway',serif;
    overflow: hidden;
}

    #content .experience:after, #content .interior-design:after, #content .interior-design-unit:after, #content .interior-design-unit-large:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        background: -moz-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.65)),color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);
    }

#content .interior-design-unit.open:after, #content .interior-design-unit-large.open:after {
    content: "";
    opacity: 0;
}

#content .interior-design-unit.open h4, #content .interior-design-unit-large.open h4 {
    color: white;
}

#content .interior-design .ratio-wrapper {
    padding: 135px 30px 30px 60px;
    z-index: 1;
}

#content .interior-design:before {
    content: "";
    display: block;
    padding-top: 54%;
}

#content .interior-design .field-name-field-logo {
    display: block;
    padding-bottom: 30px;
}

#content .stores .title, #content .interior-design .title {
    display: block;
    color: #858585;
    font-size: 40px;
}

    #content .interior-design .title small {
        display: block;
        color: #fff;
        font-size: 20px;
        padding: 15px 0 20px;
    }

#content .interior-design .field-name-body {
    font-size: 15px;
    line-height: 1.3em;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

#content .interior-design-unit, #content .interior-design-unit-large {
    position: relative;
    cursor: pointer;
}

    #content .interior-design-unit img, #content .interior-design-unit-large img {
        width: 100%;
        height: 100%;
    }

    #content .interior-design-unit h4, #content .interior-design-unit-large h4 {
        position: absolute;
        bottom: 20%;
        left: 40px;
        font-family: "Raleway",serif;
        z-index: 2;
        font-size: 50px;
        color: #A7A69D;
        -o-transition: color 1s ease;
        -ms-transition: color 1s ease;
        -moz-transition: color 1s ease;
        -webkit-transition: color 1s ease;
        transition: color 1s ease;
    }

    #content .interior-design-unit h5, #content .interior-design-unit-large h5 {
        position: absolute;
        bottom: 10%;
        left: 40px;
        font-family: "Raleway",serif;
        z-index: 2;
        font-size: 20px;
        color: #fff;
    }

    #content .interior-design-unit:before {
        content: "";
        display: block;
        padding-top: 100%;
    }


.no-gradient:after {
    display: none;
}

#content .interior-design-unit-large:before {
    content: "";
    display: block;
    padding-top: 50%;
}

#content .interior-design-gallery {
    position: relative;
    display: none;
    background-color: #232323;
    font-family: "Raleway",serif;
}

    #content .interior-design-gallery:before {
        content: "";
        display: block;
        padding-top: 55%;
    }

    #content .interior-design-gallery .photos {
        width: 65%;
        position: relative;
        top: 50px;
        left: 100px;
        background-color: black;
    }

        #content .interior-design-gallery .photos:before {
            content: "";
            display: block;
            padding-top: 65%;
        }

        #content .interior-design-gallery .photos img {
            width: 100%;
        }

    #content .interior-design-gallery .description {
        position: absolute;
        top: 0;
        right: 0;
        height: 50%;
        width: 25%;
        color: white;
        padding: 50px 20px 0 10px;
    }

        #content .interior-design-gallery .description h3 {
            font-size: 50px;
            color: #A7A69D;
            margin-bottom: 10px;
        }

        #content .interior-design-gallery .description h4 {
            font-size: 20px;
        }

    #content .interior-design-gallery .story {
        position: absolute;
        bottom: 20%;
        right: 0;
        width: 25%;
        color: white;
        padding: 0 40px 0 10px;
        font-size: 15px;
        line-height: 1.3em;
    }

    #content .interior-design-gallery .share {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 50px 100px;
    }

        #content .interior-design-gallery .share > a {
            display: inline-block;
            width: 35px;
            height: 25px;
            margin-right: 1%;
        }

        #content .interior-design-gallery .share > a {
            text-indent: -999999px;
            background: url(../../../all/themes/ecodesign/images/social-sprite.png) no-repeat top center;
        }

            #content .interior-design-gallery .share > a.email {
                background-position: 0 4px;
            }

            #content .interior-design-gallery .share > a.facebook {
                background-position: 7px -25px;
            }

            #content .interior-design-gallery .share > a.twitter {
                background-position: 0 -52px;
            }

            #content .interior-design-gallery .share > a.pinterest {
                background-position: 1px -81px;
            }

            #content .interior-design-gallery .share > a.googleplus {
                background-position: 0 -145px;
            }

.teaser-background {
    background-repeat: no-repeat;
    background-size: cover;
}

.background-filler {
    position: relative;
    top: 0;
    display: block;
    width: 120%;
}

    .background-filler img {
        width: 100%;
        height: 100%;
    }

.teaser-ratio-wrapper:before {
    content: "";
    display: block;
    padding-top: 150%;
}

#content .experience {
    position: relative;
}

    #content .experience .play-button {
        background: url(../../../all/themes/ecodesign/images/play-button.png) no-repeat center center;
        position: absolute;
        width: 67px;
        height: 67px;
        margin: auto;
        top: 45%;
        left: 45%;
        opacity: 0.75;
    }

        #content .experience .play-button:hover {
            cursor: pointer;
            opacity: 1;
        }

    #content .experience .video-container {
        position: absolute;
        padding-bottom: 57.25%;
        overflow: hidden;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
    }

        #content .experience .video-container iframe, #content .experience .video-container object, #content .experience .video-container embed, #content .experience .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #content .experience .block {
        position: relative;
    }

    #content .experience .top-left {
        background: #fff;
        background: url(../../../all/themes/ecodesign/images/experience/tweettalks-acasa-num4_news.jpg) no-repeat top left;
        background-size: cover;
    }

        #content .experience .top-left:before {
            content: "";
            display: block;
            padding-top: 50%;
        }

    #content .experience .top-right {
        background: url(../../../all/themes/ecodesign/images/experience/experience-top-right.jpg) no-repeat top left;
        background-size: cover;
    }

        #content .experience .top-right:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

.experience .top-right a {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    display: block;
}

.experience .download-card, .bottom-left .download-card {
    position: absolute;
    text-align: center;
}

.experience .top-right .download-card {
    top: 30%;
}

    .experience .top-right .download-card .bottom {
        color: #fff;
    }

#content .experience .bottom-right {
    background: url(../../../all/themes/ecodesign/images/experience/experience-bottom-right.jpg) no-repeat top left;
    background-size: cover;
}

    #content .experience .bottom-right:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    #content .experience .top-left a, #content .experience .bottom-right a {
        width: 100%;
        height: 100%;
        display: block;
    }

#content .experience .experience-gallery {
    color: #fff;
    padding: 5% 20%;
}

#content .experience-gallery:before {
    padding-top: 0;
}

#content .experience-gallery .ratio-wrapper {
    position: relative;
}

#content .experience-gallery p {
    line-height: 1.5;
    padding-bottom: 1em;
}

#content .experience-gallery .title {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding-bottom: 20px;
}

#content .catalog-download {
    font-family: "Raleway",sans-serif;
    background: #000 url(../../../all/themes/ecodesign/images/download-icon-big.png) no-repeat center 80%;
    position: relative;
    text-align: center;
}

    #content .catalog-download:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #content .catalog-download .ratio-wrapper a {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 10;
        display: block;
        text-decoration: none;
    }

.download-card {
    font-family: "Raleway",sans-serif;
    top: 30%;
    left: 0;
    width: 100%;
}

    .download-card .top {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 30px;
        line-height: 2em;
    }

    .download-card .bottom {
        color: #858585;
        font-size: 50px;
    }

body.front .panels-flexible-region-2-bottom_right {
    overflow: hidden;
}

    body.front .panels-flexible-region-2-bottom_right .background-filler {
        width: auto;
    }

.view-catalogue {
    background: #fff;
}

.view-partnerships .views-row {
    position: relative;
}

.view-partnerships .partner-logo {
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: -27px;
}

.view-partnerships .visit-site {
    color: white;
    font-family: Raleway,serif;
    font-size: 1.5em;
    position: absolute;
    top: 65%;
    left: 40px;
    font-weight: bold;
}

.view-made-to-measure .body {
    background: #232323;
    padding: 50px;
    min-height: 460px;
    font-family: Raleway,serif;
    font-size: 2em;
    color: rgb(133,133,133);
    line-height: 1.2;
}

    .view-made-to-measure .body .top {
        font-size: 0.9em;
    }

    .view-made-to-measure .body .middle {
        font-size: .7em;
        color: white;
    }

    .view-made-to-measure .body .bottom {
        padding-top: 10%;
    }

.view-stores {
    color: white;
    padding: 30px;
    background: url(../../../all/themes/ecodesign/images/stores-head-background.jpg) no-repeat center top;
    background-size: 80%;
    padding-top: 35%;
}

    .view-stores .view-header {
        position: absolute;
        top: 135px;
        padding-left: 30px;
    }

        .view-stores .view-header h4 {
            font-size: 40px;
            font-family: "Raleway",serif;
            color: #858585;
            padding-top: 30px;
        }

    .view-stores .view-content {
        padding: 0 30px;
    }

    .view-stores h3 {
        display: block;
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid white;
        font-weight: bold;
        font-family: "Montserrat",sans-serif;
        cursor: pointer;
        background: url(../../../all/themes/ecodesign/images/store-caret-down.png) no-repeat right 15px;
    }

        .view-stores h3.open {
            background: url(../../../all/themes/ecodesign/images/store-caret-up.png) no-repeat right 15px;
        }

    .view-stores table {
        width: 100%;
    }

    .view-stores tbody {
        display: block;
    }

    .view-stores table tbody td {
        font-family: 'Raleway',serif;
        padding: 20px 10px;
        width: 33.33%;
        text-transform: uppercase;
    }

        .view-stores table tbody td .views-field {
            line-height: 1.8em;
        }

        .view-stores table tbody td .views-field-title {
            font-weight: bold;
        }

.page-choose-country {
    background-color: #fff;
}

.view-choose-country {
    width: 900px;
    margin: 0 auto;
    background: #fff;
    color: #393939;
    padding: 30px;
}

.choose-country {
}

    .choose-country .title {
        font-family: "Montserrat",sans-serif;
        font-size: 18px;
        padding-bottom: 30px;
    }

    .choose-country h3.title {
        font-size: 20px;
        text-transform: uppercase;
        padding: 20px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #eaeaea;
    }

    .choose-country .country h4 a {
        color: #393939;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 24px;
    }

.contacts-header {
    background: url(/img/contatti/Contatti-Le-Posteghe.jpg) no-repeat center top;
    height: 375px;
    background-size: cover;
}

    .contacts-header img {
        margin-top: 135px;
        margin-left: 60px;
    }

    .contacts-header h4 {
        margin-top: 30px;
        margin-left: 100px;
        font-size: 40px;
        color: #858585;
    }

.webform-client-form {
    font-family: "Raleway",serif;
    background-color: black;
}

    .webform-client-form .col-left {
        padding: 40px 140px 100px 50px;
    }

    .webform-client-form .col-right {
        background-color: red;
        min-height: 1600px;
        background: url(../../../all/themes/ecodesign/images/contact-bg.jpg) no-repeat center top;
        background-size: cover;
    }

    .webform-client-form label {
        padding-left: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        color: #9B9B9B;
    }

    .webform-client-form .form-required {
        color: #9B9B9B;
        padding-left: 0;
    }

    .webform-client-form input {
        padding: 8px 5px;
        border: 0;
        width: 100%;
    }

    .webform-client-form .form-item {
        margin-top: 50px;
    }

    .webform-client-form .form-type-radio {
        margin-top: 10px;
    }

    .webform-client-form .form-textarea-wrapper textarea {
        height: 100px;
    }

    .webform-client-form #edit-field-receive-email-copy {
        color: #9B9B9B;
    }

    .webform-client-form .form-radio {
        width: 30px;
        float: left;
    }

    .webform-client-form #edit-preview {
        display: none;
    }

    .webform-client-form #edit-submit {
        width: 100px;
        background-color: transparent;
        border: 1px solid #9B9B9B;
        padding: 5px 10px;
        color: #9B9B9B;
        font-weight: normal;
        float: right;
    }

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.swiper-slide {
}

.swiper-slide-active {
}

.swiper-slide-visible {
}

.photos .arrow-left {
    display: block;
    background: url(../../../all/themes/ecodesign/images/arrow-left.png) no-repeat left top;
    position: absolute;
    left: -40px;
    top: 50%;
    width: 17px;
    height: 35px;
    z-index: 99;
}

.photos .arrow-right {
    display: block;
    background: url(../../../all/themes/ecodesign/images/arrow-right.png) no-repeat left bottom;
    position: absolute;
    right: -40px;
    top: 50%;
    width: 20px;
    height: 35px;
    z-index: 99;
}

.swiper-pagination-switch {
}

.swiper-active-switch {
}

.swiper-visible-switch {
}

.node-type-home-page [class*='col-'], .front [class*='col-'] {
    background: #666;
    position: relative;
}

    .node-type-home-page [class*='col-']:before, .front [class*='col-']:before {
        content: "";
        display: block;
    }

.node-type-home-page .ratio-1-1:before, .front .ratio-1-1:before {
    padding-top: 100%;
}

.node-type-home-page .ratio-1-2:before, .front .ratio-1-2:before {
    padding-top: 50%;
}

.node-type-home-page .ratio-2-3:before, .front .ratio-2-3:before {
    padding-top: 66.666%;
}

.node-type-home-page .ratio-3-2:before, .front .ratio-3-2:before {
    padding-top: 150%;
}

.node-type-home-page .ratio-4-3:before, .front .ratio-4-3:before {
    padding-top: 133.333%;
}

.node-type-home-page [class*='field_'], .front [class*='field_'] {
    left: 5%;
}

.node-type-home-page .field_image img, .front .field_image img {
    max-width: 100%;
    width: 100%;
}

.node-type-home-page .field_logo, .front .field_logo {
    position: absolute;
    top: 45%;
    padding-right: 5%;
    font-family: "Raleway",sans-serif;
}

    .node-type-home-page .field_logo:before, .front .field_logo:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .node-type-home-page .field_logo img, .front .field_logo img {
        width: 100% !important;
        max-width: 100%;
        vertical-align: middle !important;
    }

.node-type-home-page .field_title, .front .field_title {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: inherit;
    font-size: 30px;
    position: absolute;
    top: calc(50% + 30px);
    z-index: 16;
}

.node-type-home-page .field_subtitle, .front .field_subtitle {
    font-family: "Raleway",sans-serif;
    color: white;
    position: absolute;
    top: calc(50% + 60px);
    font-size: 30px;
    color: inherit;
}

.front .col {
    background-color: #000;
}

.front .block .field_image {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.front .block:hover .field_image {
    opacity: .4;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

body.front .field-name-field-image {
    position: relative;
    overflow: hidden;
}

    body.front .field-name-field-image img {
        width: 101%;
        max-width: 101%;
        vertical-align: top;
    }

body.front .panel-bottom-right .field-name-field-image img {
    width: 115%;
    max-width: none;
}

body.front .panel-front-page-bottom-right .field-name-field-image img {
    width: 115%;
    max-width: none;
}

body.front .panels-flexible-region-inside, body.front .panels-flexible-region-inside > div {
    position: relative;
}

body.front .category-name {
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
    color: #a7a69d;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -40%;
    z-index: 16;
}

body.front .field-name-field-title, body.front .field-name-field-subtitle, body.front .field-name-field-logo {
    position: absolute;
    top: 50%;
    left: 50px;
    font-family: "Raleway",sans-serif;
}

body.front .field-name-field-logo {
    margin-top: -50px;
}

body.front .field-name-field-title {
    font-size: 30px;
    color: #a7a69d;
}

body.front .field-name-field-subtitle {
    font-size: 20px;
    color: #fff;
    top: 60%;
}

body.front .panels-flexible-region-2-top_left {
    width: 66.666%;
}

body.front .panels-flexible-region-2-center {
    width: 33.333%;
}

body.front .panels-flexible-row-2-1-inside > div {
    width: 33.333%;
    color: inherit;
}

body.front .panels-flexible-region-2-bottom_left {
    width: 33.333%;
}

body.front .panels-flexible-region-2-bottom_right {
    width: 66.666%;
}

body.front .panels-flexible-region-2-middle_center-inside {
    overflow: hidden;
}

    body.front .panels-flexible-region-2-middle_center-top, body.front .panels-flexible-region-2-middle_center-inside .view-product-category:nth-child(1) {
        position: absolute;
        top: -50%;
        left: 0;
        right: 0;
        z-index: 16;
    }

    body.front .panels-flexible-region-2-middle_center-bottom, body.front .panels-flexible-region-2-middle_center-inside div:nth-child(2) {
    }

    body.front .panels-flexible-region-2-middle_center-inside .view-product-category .category-name {
        top: 75%;
    }

body.front .panels-flexible-2 .panels-flexible-row {
    padding: 0;
}

body.front .panels-flexible-row-2-1 {
    margin-top: -5px;
}

body.front .panels-flexible-2 .panels-flexible-region-inside {
    padding: 0;
}

body.front .panels-flexible-row-2-2-inside {
    background: #2a292c;
}

@media only screen and (min-width:769px) and (max-width:1140px) {
    #content .product .product-image, #content .product .product-description, #content .product .product-options, #content .product .product-download {
        float: none;
        width: 100%;
        padding-bottom: 45px;
    }

        #content .product .product-description:before {
            padding-top: 0;
        }

        #content .product .product-description > .ratio-wrapper {
            position: relative;
            padding-bottom: 90px;
        }

        #content .product .product-download:before {
        }

    #am-footer {
        display: none !important;
    }

    #content .interior-design .field-name-field-logo {
        padding-bottom: 20px;
    }

    #content .stores .title, #content .interior-design .title {
        font-size: 30px;
    }

        #content .interior-design .title small {
            font-size: 15px;
            padding-top: 5px;
        }

    .download-card .top {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 20px;
        line-height: 2em;
    }

    .download-card .bottom {
        color: #858585;
        font-size: 40px;
    }

    #content .experience .experience-gallery {
        font-size: 1em;
        padding: 5% 10%;
    }

    #content .interior-design-unit h4, #content .interior-design-unit-large h4 {
        left: 20px;
        font-size: 40px;
    }

    #content .interior-design-unit h5, #content .interior-design-unit-large h5 {
        left: 20px;
        font-size: 15px;
    }

    #content .interior-design-gallery .story {
        display: block;
    }

    #content .interior-design-gallery .description {
        right: 0;
    }

        #content .interior-design-gallery .description h3 {
            font-size: 20px;
        }

        #content .interior-design-gallery .description h4 {
            display: block;
        }

    #content .interior-design-gallery .story {
        display: block;
        padding: 0px 5px 0 10px;
    }

    #content .interior-design-gallery .photos {
        left: 40px;
    }

    .photos .arrow-right {
        right: -30px;
    }

    .photos .arrow-left {
        left: -30px;
    }

    #content .interior-design-gallery .share {
        padding: 20px 35px;
    }

    .view-partnerships .partner-logo {
        width: auto;
    }

    .view-partnerships .visit-site {
    }
}

@media only screen and (min-width:640px) and (max-width:768px) {
    #main .side-menu {
        position: absolute;
        left: -100%;
        top: 0;
        z-index: 2;
        width: 100%;
    }

    .sidebar-first #content {
        margin-left: 0;
    }

    .top-menu nav:before {
        content: "menu";
        display: block;
        text-align: center;
        color: white;
        line-height: 39px;
        text-transform: uppercase;
        font-family: "Montserrat",serif;
        cursor: pointer;
    }

    .top-menu nav ul {
        display: none;
        background-color: black;
        padding-left: 0;
        z-index: 3;
    }

        .top-menu nav ul li {
            display: block;
            float: none;
            text-align: center;
            margin-right: 0;
        }

    .section-catalogue .top-menu .mobile-menu-icon {
        display: block;
        width: 34px;
        height: 27px;
    }

    #content .grid-block article .ratio-wrapper .category-name, #content .grid-block .ratio-wrapper .category-name {
        font-size: 18px;
    }

    .node-type-home-page .field_title, .front .field_title, .node-type-home-page .field_subtitle, .front .field_subtitle {
        font-size: 20px;
    }

    body.front .panels-flexible-row-2-1-inside > div {
        width: 50%;
    }

    body.front .field-name-field-subtitle {
        font-size: 20px;
        top: 65%;
    }

    body.front .field-name-field-title, body.front .field-name-field-subtitle, body.front .field-name-field-logo {
        left: 30px;
    }

    .view-choose-country {
        width: 100%;
    }

    .view-stores {
        padding-top: 40%;
    }

    #content .catalog-product .article-name {
        height: 40px;
    }

        #content .catalog-product .article-name a {
            line-height: 40px;
        }

    #content .product .product-image, #content .product .product-description, #content .product .product-options, #content .product .product-download {
        float: none;
        width: 100%;
        padding-bottom: 45px;
    }

        #content .product .product-description:before {
            padding-top: 0;
        }

        #content .product .product-description > .ratio-wrapper {
            position: relative;
            padding-bottom: 90px;
        }

        #content .product .product-download:before {
        }

    #am-footer {
        display: none !important;
    }

    .download-card .top {
        font-size: 15px;
    }

    .download-card .bottom {
        font-size: 30px;
    }

    #content .interior-design .field-name-field-logo {
        padding-bottom: 20px;
    }

    #content .stores .title, #content .interior-design .title {
        font-size: 30px;
    }

        #content .interior-design .title small {
            font-size: 15px;
            padding-top: 5px;
        }

    .top-menu nav.private {
        display: none;
    }

    #content .experience .play-button {
        top: 55%;
    }

    #content .interior-design.experience .ratio-wrapper {
        position: absolute;
    }

    #content .interior-design.experience:before {
        display: block;
    }

    #content .experience .experience-gallery {
        font-size: 0.9em;
        padding: 5% 5%;
    }

    #content .interior-design .ratio-wrapper {
        position: relative;
    }

    #content .interior-design:before {
        display: none;
    }

    #content .interior-design-unit h4, #content .interior-design-unit-large h4 {
        left: 20px;
        font-size: 40px;
    }

    #content .interior-design-unit h5, #content .interior-design-unit-large h5 {
        left: 20px;
        font-size: 15px;
    }

    #content .interior-design-gallery .description {
        right: 0;
    }

        #content .interior-design-gallery .description h3 {
            font-size: 20px;
        }

        #content .interior-design-gallery .description h4 {
            display: block;
        }

    #content .interior-design-gallery .story {
        display: block;
        padding: 0px 5px 0 10px;
    }

    #content .interior-design-gallery .photos {
        left: 40px;
    }

    .photos .arrow-right {
        right: -30px;
    }

    .photos .arrow-left {
        left: -30px;
    }

    .view-partnerships .partner-logo {
        width: 40%;
    }

    .view-partnerships .visit-site {
        font-size: 1.2em;
    }
}

@media only screen and (min-width:320px) and (max-width:639px) {
    #main .side-menu {
        position: absolute;
        left: -100%;
        top: 0;
        z-index: 2;
        width: 100%;
    }

    .sidebar-first #content {
        margin-left: 0;
    }

    .top-menu nav:before {
        content: "menu";
        display: block;
        text-align: center;
        color: white;
        line-height: 39px;
        text-transform: uppercase;
        font-family: "Montserrat",serif;
        cursor: pointer;
    }

    .top-menu nav ul {
        display: none;
        background-color: black;
        padding-left: 0;
        z-index: 3;
    }

        .top-menu nav ul li {
            display: block;
            float: none;
            text-align: center;
            margin-right: 0;
        }

    .section-catalogue .top-menu .mobile-menu-icon {
        display: block;
        width: 34px;
        height: 27px;
    }

    #content .grid-block article .ratio-wrapper .category-name, #content .grid-block .ratio-wrapper .category-name {
        font-size: 12px;
    }

    .node-type-home-page .field_title, .front .field_title {
        font-size: 16px;
        top: calc(50% + 20px);
    }

    .node-type-home-page .field_subtitle, .front .field_subtitle {
        font-size: 14px;
        top: calc(50% + 40px);
    }

    .node-type-home-page .field-logo, .front .field_logo {
        width: 80%;
    }

    body.front .panels-flexible-row-2-1-inside > div {
        width: 50%;
    }

    body.front .panels-flexible-region-2-bottom_left {
        width: 50%;
    }

    body.front .panels-flexible-region-2-bottom_right {
        width: 100%;
    }

        body.front .panels-flexible-region-2-bottom_right .field-name-field-logo img, body.front .panels-flexible-2 .panels-flexible-region-2-top_left-inside .field-name-field-logo img {
            width: 80%;
        }

    body.front .panels-flexible-2 .panels-flexible-region-2-top_left-inside .field-name-field-title {
        top: 40%;
    }

    body.front .field-name-field-title {
        font-size: 20px;
    }

    body.front .field-name-field-subtitle {
        font-size: 20px;
        top: 68%;
    }

    body.front .field-name-field-title, body.front .field-name-field-subtitle, body.front .field-name-field-logo {
        left: 18px;
    }

    body.front .category-name {
        font-size: 16px;
    }

    .view-choose-country {
        width: 100%;
    }

        .view-choose-country [class*='col-'] {
            float: none;
        }

    .view-stores {
        padding: 75% 0 0 0;
        background-size: 90%;
    }

        .view-stores .stores .logo img {
            width: 80%;
        }

        .view-stores table {
            font-size: 10px;
        }

            .view-stores table tbody td {
                padding: 20px 0;
            }

        .view-stores .field-content {
            padding: 0 10px 0 0;
        }

    #content .catalog-product .article-name {
        height: 40px;
    }

        #content .catalog-product .article-name a {
            line-height: 40px;
        }

    #content .product .product-image, #content .product .product-description, #content .product .product-options, #content .product .product-download {
        float: none;
        width: 100%;
        padding-bottom: 45px;
    }

        #content .product .product-description:before {
            padding-top: 0;
        }

        #content .product .product-description > .ratio-wrapper {
            position: relative;
            padding-bottom: 90px;
        }

        #content .product .product-download:before {
        }

    #am-footer {
        display: none !important;
    }

    .download-card .top {
        font-size: 10px;
    }

    .download-card .bottom {
        font-size: 20px;
    }

    #content .interior-design .ratio-wrapper {
        padding: 15px;
    }

    #content .interior-design .field-name-field-logo {
        padding-bottom: 10px;
    }

    #content .stores .title, #content .interior-design .title {
        font-size: 20px;
    }

        #content .interior-design .title small {
            font-size: 15px;
            padding-top: 5px;
        }

    #content .experience .play-button {
        width: 47px;
        height: 47px;
        top: 55%;
        background-size: contain;
    }

    #content .experience .experience-gallery {
        font-size: 0.8em;
        padding: 5% 3%;
    }

    .top-menu nav.private {
        display: none;
    }

    #content .interior-design.experience .ratio-wrapper {
        position: absolute;
    }

    #content .interior-design.experience:before {
        display: block;
    }

    #content .interior-design .ratio-wrapper {
        position: relative;
    }

    #content .interior-design:before {
        display: none;
    }

    #content .interior-design .field-name-body {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    #content .interior-design-unit h4, #content .interior-design-unit-large h4 {
        bottom: 30%;
        left: 10px;
        font-size: 25px;
    }

    #content .interior-design-unit h5, #content .interior-design-unit-large h5 {
        left: 10px;
        font-size: 15px;
    }

    #content .interior-design-gallery .description {
        left: 0;
        padding: 10px 20px 0 10px;
        width: 100%;
    }

        #content .interior-design-gallery .description h3 {
            font-size: 20px;
        }

        #content .interior-design-gallery .description h4 {
            display: none;
        }

    #content .interior-design-gallery .story {
        display: none;
    }

    #content .interior-design-gallery .photos {
        left: 60px;
    }

    .view-partnerships .partner-logo {
        width: 40%;
    }

    .view-partnerships .visit-site {
        font-size: 1em;
        top: 55%;
    }

    .webform-client-form .col-left {
        width: 100%;
        padding: 40px;
    }

    .webform-client-form .col-right {
        display: none;
    }

    .webform-client-form header {
        display: none;
    }

    #webform-node-form {
        width: 100%;
        padding: 50px;
        font-family: "Raleway",serif;
        background-color: black;
    }
}




.view-catalogue {
    background-color: #000 !important;
}

    .view-catalogue .catalog-unit {
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
    }

        .view-catalogue .catalog-unit:hover {
            opacity: .4 !important;
            -webkit-transition: opacity 0.3s ease-out;
            -moz-transition: opacity 0.3s ease-out;
            -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
        }

.view-catalogue-products {
    background-color: #000 !important;
}

    .view-catalogue-products .catalog-product {
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
    }

        .view-catalogue-products .catalog-product:hover {
            opacity: .8 !important;
            -webkit-transition: opacity 0.3s ease-out;
            -moz-transition: opacity 0.3s ease-out;
            -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
        }

.grid-container.experience .block {
    background-color: #000 !important;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

    .grid-container.experience .block:hover {
        opacity: .4 !important;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

.pace .pace-progress {
    background: #a9a9a9;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}

.mediagallery {
    display: none;
}

.field-item > p {
    text-align: justify;
}

#contatti, #contatti p, #contatti a, #contatti a:link, #contatti a:visited, #contatti a:hover {
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color: white;
}

    #contatti ul {
        list-style-type: none;
        padding: 0px;
    }

    #content > div > section > figure > img {
        width:100%;
}

#main > div.side-menu > nav > h2 {

    padding-left:18px;

}

.huge {
    font-size: 50px !important;
}