.main-work {
    background-image: linear-gradient(to right bottom, #ffffff, #cccccc);
    min-height: 600px;
}

.header .menu .selected a,
.mobile-menu .menu .selected,
.main .menu a:hover {
    color: #FFFFFF;
    background-color: #ff6f00;
}

.menu-item a {
    border-radius: 1px;
}

.menu-first-selected {
    border-left: 4px solid #ff6f00;
}

.header {
    background-image: url("/images/arbometa2.jpg");
    background-repeat: no-repeat;
    background-position: left 20px top 21px;
    position: relative;
    z-index: 90;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.footer {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1), none, none, none;
    color: #666666;
}
.header .menu {
    padding: 10px 10px 12px 0px;
}
.header-logo {
    width: 225px;
    height: 37px;
}
.mobile-menu-button {
    z-index: 95;
    color: #000000;
    background-color: #ffffff;
}

.menu-item-start-now {
    background-color: #000000 !important;
}

.menu-item-start-now a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.starter-text {
    font-size: 25px;
    width: 100%;
    text-align: center;
}

/* Selector */

.preview-Customers-Preview {
    width: calc(100% + 20px);
}

.preview-Customers-Preview .blocks-item {
    width: calc(25% - 20px);
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    min-height: 180px;
}

.preview-Customers-Preview .field-Name {
    text-align: center;
    padding: 7px 15px 7px 15px;
    background-image: linear-gradient(to bottom, #009600, #44aa00);
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
}

.preview-Customers-Preview .item-count-1 .field-Name {
    background-image: linear-gradient(to right, #ffde59, #e45d0b);
}

.preview-Customers-Preview .item-count-2 .field-Name {
    background-image: linear-gradient(to right, #e45d0b, #ff3779);
}

.preview-Customers-Preview .item-count-3 .field-Name {
    background-image: linear-gradient(to right, #ff3779, #0d0551);
}

.preview-Customers-Preview .item-count-4 .field-Name {
    background-image: linear-gradient(to right, #0d0551, #30e9ff);
}

.div-read-further {
    width: calc(100% - 30px);
    text-align: right;
    padding: 10px 15px 0px 15px;
}
.preview-Customers-Preview .button-link {
    color: #FFFFFF !important;
    margin: 0px 0px 5px 15px;
    display: inline-block;
}

/*
.selector-item-selected {
    width: 100% !important;
}*/

/* FAQ */

.split-left {
    float: left;
    width: calc(54% - 60px);
}
.split-right {
    float: right;
    width: calc(46vw);
    margin-left: 20px;
}
.preview-Faq-Preview .blocks-item {
    width: 100%;
    background: transparent;
}

.preview-Faq-Faq2 .blocks-item {
    width: calc(100% - 40px);
    padding: 0px;
    margin: 0px;
    background: transparent;
}
.preview-Faq-Preview .blocks-item-field,
.preview-Faq-Faq2 .blocks-item-field {
    padding: 15px 0px 0px 0px;
}

.split-right-screen {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}
.split-right-screen img {
    width: 100%;
}
.split-right-screen2 {
    width: calc(100%-30px);
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    padding: 15px;
    margin-bottom: 20px;
}
.split-right-screen3,
.split-right-screen4 {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    float: right;
    width: calc(23vw - 10px);
    height: calc(14vw);
    background-color: #ffffff;
    overflow: hidden;
}
.split-right-screen3 img,
.split-right-screen4 img {
    width: 100%;
    border: 0px;
}
.split-right-screen4 {
    float: left;
}
.split-right-screen-bottom {
    padding: 15px;
}
/* Examples */

.form-Examples .preview-ExampleCategories-Preview {
    width: 100%;
}
.form-Examples .preview-ExampleCategories-Preview .blocks-item {
    background: transparent;
    width: calc(100% + 20px);
    left: -10px;
    margin-left: 0px;
}

.split-right-screen2 .preview-ExampleCategories-Preview {
    padding-top:10px;
    justify-content: center;
    display: grid;
}
.split-right-screen2 .preview-ExampleCategories-Preview .blocks-item,
.split-right-screen2 .preview-ExampleCategories-Preview .subblocks-item {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.preview-ExampleCategories-Preview .field-ShortDescription {
    padding-top: 5px;
    color: #777777;
    font-size: 15px;
}
.preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
    float: left;
    height: calc(15vw);
    width: calc(25% - 20px);
    background-color: #ffffff;
    margin: 10px;
    padding: 0px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.preview-example-article {
    height: 100%;
    width: 100%;
    position: relative;
}
.preview-example-article .field-PreviewImage {
    height: calc(100% - 35px);
    width: 100%;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.preview-example-article .field-PreviewImage img {
    width: 100%;
}

.preview-example-article .field-Title {
    text-align: center;
    padding: 7px 15px 7px 15px;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 21px;
}
.preview-example-article .field-ShortDescription {
    position: absolute;
    left: 0px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    text-align: left;
    padding: 8px 11px;
    overflow: hidden;
    font-size: 16px;
}
.preview-TechPictures-Preview {
    text-align: center;
}
.preview-TechPictures-Preview .gallery-item {
    display: inline-block;
    float: none;
    margin: 10px;
}

.example-grid {
    width: 100%;
    display: table;
}
.example-grid-left,
.example-grid-right {
    width: 10%;
    display: table-cell;
}
.example-grid-center {
    width: 80%;
    display: table-cell;
}
.example-grid-center .button-node-action-add-empty {
    float: right;
}
.preview-TechLocations-Preview {
    width: 100%;
    margin: 0px;
}
.preview-TechLocations-Preview .blocks-item-field {
    font-size: 12px;
    padding: 0px 2px;
    background-color: #000000;
    color: #ffffff;
}
.preview-TechLocations-Preview .blocks-item-field:hover {
    background-image: linear-gradient(to right, #992238, #b94a25)
}
.preview-TechLocations-Preview .map-item {
    padding: 0px;
}
.movie-locations-view {
    width: 250px;
}
.movie-locations-title {
    font-size: 18px;
    font-weight: bold;
}
.movie-locations-imdb {
    font-size: 11px;
    font-weight: bold;
}

.form-ExampleArticles ol {
    list-style: none;
    counter-reset: example-counter;
    margin: 0px;
}
    .form-ExampleArticles ol li {
    counter-increment: example-counter;
    margin-bottom: 8px;
    position: relative;
}
    .form-ExampleArticles ol li::before {
    content: counter(example-counter) ". ";
    position: absolute;
    left: -25px;
    top: 0;
    font-weight: bold;
}
.preview-TechArticles-Preview {
    text-align: center;
}
.preview-TechArticles-Preview .blocks-item {
    text-align: left;
    width: 230px;
    height: 405px;
    display: inline-block;
    float: none;
    margin: 7px;
}
.preview-TechArticles-Preview .field-Title {
    padding-top: 10px;
}
.preview-TechArticles-Preview .field-Location {
    padding-top: 0px;
}
.preview-TechArticles-Preview .field-ShortDescription {
    font-size: 14px;
}
.preview-MusicGenres-Preview {
    justify-content: center;
    display: grid;
}
.preview-MusicGenres-Preview .blocks-item.structure-depth-1 {
    margin-right: 0px;
}
.preview-MusicGenres-Preview .field-Name {
    float: left;
    padding: 10px 15px 0px 15px;
    font-weight: normal;
    font-size: 17px;
}
.preview-MusicGenres-Preview .blocks-item {
    padding-bottom: 5px;
}
.preview-MusicGenres-Preview-MusicArtists {
    float: right;
}
.preview-MusicGenres-Preview-MusicArtists .subblocks-item {
    padding: 0px;
    background-color: transparent;
    float: right;
    margin: 10px 10px 0px 0px;
}
.preview-MusicGenres-Preview-MusicArtists .field-Name {
    float: right;
    padding: 1px 5px 3px 5px;
    background-color: #ffffff;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    color: #741425;
}

/* Links */

.selector-read-further,
.preview-Customers-Preview .field-LongDescription a,
.preview-Faq-Preview .field-Answer a {
    color: #0077d9 !important;
}

.selector-read-further:hover,
.preview-Customers-Preview .field-LongDescription a:hover,
.preview-Faq-Preview .field-Answer a:hover {
    text-decoration: underline !important;
}

.button-common,
.button-link,
.button-submit,
.button-filter,
.button-filter:hover,
.button-link:hover,
.button-submit:hover {
    color: #FFFFFF !important;
    background-color: #ff6f00;
    /*background-image: linear-gradient(to bottom, #dc9b00, #f17d00);*/
    border-radius: 3px;
    font-size: inherit;
}

/* Contact */
.div-contact {
    width: 500px;
    position: relative;
}
.div-contact-send {
    width: 100%;
    text-align: right;
}
.div-contact-send .button-submit {
    margin-right: 0px;
}
.div-contact-left {
    width: calc(50% - 10px);
    position: relative;
    float: left;
}
.div-contact-right {
    width: calc(50% - 10px);
    position: relative;
    float: right;
}
.div-contact-left .field-type-string,
.div-contact-right .field-type-string, 
.div-contact .field-name-Messages-Content {
    width: calc(100% - 10px);
}

.important {
    color: #c40000;
    font-weight: bold;
}
/* Media */

@media (max-width: 1300px) {
    .preview-Customers-Preview .blocks-item {
        width: calc(50% - 20px);
    }
    .preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
        width: calc(50% - 20px);
        height: calc(30vw);
    }
    .button-common,
    .button-link,
    .button-submit,
    .button-filter,
    .button-filter:hover,
    .button-link:hover,
    .button-submit:hover,
    .preview-type-blocks,
    .form {
        font-size: 20px !important;
    }
    .blocks-field-title {
        font-size: 21px !important;
    }
    .breadcrumbs ul a,
    .breadcrumbs ul .title {
        font-size: 24px;
    }
    .preview-Customers-Preview .field-Name {
        font-size: 25px;
        padding: 17px;
    }
}
@media (max-width: 1000px) {
    .preview-Customers-Preview .blocks-item {
        width: calc(100% - 20px);
        margin-bottom: 50px;
    }
    .preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
        width: calc(100% - 20px);
        height: calc(60vw);
    }
    .preview-Customers-Preview .field-ShortDescription,
    .preview-Customers-Preview .field-LongDescription {
        width: calc(100% - 60px);
        margin-bottom: 20px;
        padding: 10px 30px 0px 30px
    }
    .div-read-further {
        margin-bottom: 10px;
        padding: 10px 30px 0px 30px;
        width: calc(100% - 60px);
    }
    .button-common,
    .button-link,
    .button-submit,
    .button-filter,
    .button-filter:hover,
    .button-link:hover,
    .button-submit:hover,
    .preview-type-blocks,
    .form {
        font-size: 24px !important;
    }
    .blocks-field-title {
        font-size: 25px !important;
    }
    .breadcrumbs ul a,
    .breadcrumbs ul .title {
        font-size: 28px;
    }
    .preview-Customers-Preview .field-Name {
        font-size: 30px;
        padding: 20px;
    }
    .split-right {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .split-left {
        float: none;
        width: 100%;
    }
    
    .split-right-screen3,
    .split-right-screen4 {
        width: 100%;
        height: calc(60vw);
    }
    .div-contact-left,
    .div-contact-right {
        width: calc(100%);
        float: left;
    }
}