body {
    font-family: Segoe UI;
}
.sign-up-form-div .field-type-string,
.sign-up-form-div .field-type-password,
.log-in-form-div .field-type-string,
.log-in-form-div .field-type-password {
    padding: 16px 20px;
    border: 1px solid #E9EDF5;
    border-radius: 8px;
    color: #262930;
    font-size: 16px;
}
/* Modal windows */
.modal-window-main {
    padding: 40px;
}
.modal-window {
    border-radius: 8px;
}
.modal-alert {
    padding: 40px 40px 30px 40px;
    border-radius: 8px;
}
.modal-alert-title,
.modal-window-title ,
.modal-window-title-no-close {
    margin-bottom: 32px;
}
.modal-window-title-no-close {
    margin-right: 0px;
}
.modal-alert-message,
.modal-window-message {
    line-height: 32px;
}
.modal-alert-close,
.modal-window-close,
.close-sub-work {
    color: #1b1b25;
    background-color: transparent;
    font-size: 12px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #E9EDF5;
    border-radius: 4px;
    padding: 0px;
}
.modal-alert-close a,
.modal-window-close a,
.close-sub-work a {
    color: #1b1b25;
    padding: 10px;
}
.gallery-open-img {
    max-width: calc(95vw - 140px);
    max-height: calc(95vh - 120px);
    margin: 40px 60px 0px 0px;
}
/* Cookies */
.cookies-form-div {
    box-shadow: none;
    border-radius: 8px;
}

/* Breadbrumbs */
.breadcrumbs ul li {
    font-size: 42px;
}
.breadcrumbs ul li:after {
    padding-left:25px;
    padding-right:18px;
}
.breadcrumbs ul a {
    font-size: 42px;
    color: #0060F1;
    text-decoration: none;
}
.breadcrumbs ul a:hover {
    text-decoration: underline;
}
.breadcrumbs ul .title {
    color: #000000;
    font-size: 50px;
}
.main {
    min-height: calc(100vh - 198px);
}
.main-work {
    min-height: 600px;
    width: calc(100% - 120px);
    padding: 20px 60px;
}

.header .menu .selected a,
.mobile-menu .menu .selected,
.main .menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.header {
    background-image: url("/images/arbometa2.jpg");
    background-repeat: no-repeat;
    background-position: left 40px top 45px;
    position: relative;
    z-index: 90;
    padding: 10px 40px;
    margin: 0px 20px;
    border-bottom: 3px solid #F3F3F3;
    height: 115px;
}
.footer {
    background-color: #000000;
    color: #ffffff;
    padding: 20px 60px;
    text-align: left;
    font-size: 15px;
    width: auto;
}
.header .menu {
    padding: 41px 10px 43px 0px;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #ff3779, #0d0551);
    border-radius: 15px;
}
.header-logo {
    width: 255px;
    height: 37px;
    margin-top: 45px;
    display: block;
}
.header-title {
    display: none;
}
.header .menu a {
    color: #fff;
    font-size: 23px;
    padding: 15px 20px 18px 20px;
    background-color: transparent;
}

.menu-item-start-now a {
    color: #ffffff !important;
    border: 1px solid #fff;
}

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

/* Jobs */
.preview-List2-Preview .field-PreviewText {
    line-height: 25px;
    height: auto;
}
.preview-List2-Preview {
    width: calc(100% + 20px);
}

.preview-List2-Preview .blocks-item {
    width: calc(25% - 22px);
    background-color: #ffffff;
    min-height: 180px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
}

.preview-List2-Preview .field-Title {
    text-align: left;
    padding: 7px 15px 7px 15px;
    color: #111;
    border-bottom: 1px solid #ffffff;
    font-size: 32px;
    font-weight: normal;
    background-color: #e1e1e1;
}
.form-List2 {
    font-size: 17px;
    line-height: 28px;
}
.form-List2 p1 {
    font-size: 32px;
}
/* Selector */
.preview-Customers-Preview .field-ShortDescription,
.preview-Customers-Preview .field-LongDescription {
    line-height: 25px;
    height: auto;
}
.preview-Customers-Preview {
    width: calc(100% + 20px);
}

.preview-Customers-Preview .blocks-item {
    width: calc(25% - 22px);
    background-color: #ffffff;
    min-height: 180px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
}

.preview-Customers-Preview .field-Name {
    text-align: left;
    padding: 7px 15px 7px 15px;
    color: #111;
    border-bottom: 1px solid #ffffff;
    font-size: 32px;
    font-weight: normal;
    background-color: #e1e1e1;
}
.div-read-further {
    width: calc(100% - 30px);
    text-align: right;
    padding: 10px 15px 0px 15px;
}
.preview-Customers-Preview .button-link {
    color: #0060f1 !important;
    margin: 0px 0px 5px 15px;
    display: inline-block;
}

/* FAQ */
.preview-Faq-Preview .field-Title {
    font-size: 32px;
    font-weight: normal;
}
.split-left {
    float: left;
    width: calc(54% - 120px);
    font-size: 17px;
    line-height: 28px;
}
.main p1 {
    font-size: 32px;
}
.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;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}
.split-right-screen img {
    width: 100%;
}
.split-right-screen2 {
    width: calc(100% - 32px);
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}
.split-right-screen3,
.split-right-screen4 {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin-bottom: 20px;
    float: right;
    width: calc(23vw - 12px);
    height: calc(14vw - 10px);
    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;
}
.preview-ExampleCategories-Preview .field-Title {
    font-size: 50px;
    font-weight: normal;
    padding: 65px 10px 25px 10px;
    text-align: right;
}
.examples-category-title {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 5px 15px 10px 5px;
}
.preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
    float: left;
    height: calc(15vw - 20px);
    width: calc(25% - 22px);
    margin: 10px;
    padding: 0px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    overflow: hidden;
    background-color: #e1e1e1;
}
.preview-example-article {
    width: 100%;
    position: relative;
}
.preview-example-article .field-PreviewImage {
    height: calc(15vw - 70px);
    width: 100%;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: #ffffff;
}

.preview-ExampleCategories-Preview-ExampleArticles .subblocks-item img {
    width: 100%;
}

.preview-example-article .field-Title {
    text-align: left;
    padding: 7px 15px 7px 15px;
    color: #000000;
    font-size: 32px;
    font-weight: normal;
    background-color: #e1e1e1;
}
.preview-example-article .field-ShortDescription {
    position: absolute;
    left: 0px;
    top: 47px;
    width: 100%;
    background: #e1e1e1;
    color: #444444;
    text-align: left;
    padding: 0px 0px 8px 15px;
    overflow: hidden;
    font-size: 15px;
    line-height: 15px;
    height: auto;
}
.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 5px;
    background-color: #e1e1e1;
    color: #000000;
}
.preview-TechLocations-Preview .blocks-item-field:hover {
    background-color: #000000;
    color: #ffffff;
}
.preview-TechLocations-Preview .map-item {
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
}
.movie-locations-view {
    max-width: 500px;
    font-size: 17px;
    line-height: 28px;
}
.movie-locations-title {
    font-size: 40px;
    line-height: 48px;
    padding-right: 45px;
}
.movie-locations-imdb {
    font-size: 12px;
    font-weight: bold;
}

.form-ExampleArticles ol,
.form-List2 ol {
    list-style: none;
    counter-reset: example-counter;
    margin: 0px;
}
.form-ExampleArticles ol li,
.form-List2 ol li {
    counter-increment: example-counter;
    margin-bottom: 8px;
    position: relative;
}
.form-ExampleArticles ol li::before,
.form-List2 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: 445px;
    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;
    line-height: 20px;
    height: auto;
}
.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;
    line-height: 17px;
    height: auto;
}
.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;
    line-height: 12px;
    font-weight: bold;
    border-radius: 3px;
    color: #741425;
    height: auto;
}

/* Links */

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

.selector-read-further:hover,
.jobs-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 {
    font-family: 'Roboto', sans-serif;
}

/* Contact */
.div-contact {
    width: calc(90vw - 40px);
    max-width: 900px;
    position: relative;
    font-size: 18px;
}
.div-contact-title {
    font-size: 42px;
    margin-bottom: 30px;
}
.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% - 25px);
}

.important {
    color: #c40000;
    font-weight: bold;
}
/* Mobile menu */
.mobile-menu-button {
    z-index: 95;
    color: #000000;
    background-color: #ffffff;
    font-size: 95px;
}
.mobile-menu {
    background-image: linear-gradient(to right, #ff3779, #0d0551);
}
.mobile-menu .menu {
    background-color: transparent;
}
.mobile-menu .menu .menu-item {
    border-radius: 8px;
    padding: 0px 17px 6px 17px;
}
.mobile-menu .menu .menu-item-start-now {
    padding: 0px;
    background-color: transparent;
}
.mobile-menu .menu .menu-item-start-now  a{
    padding: 0px 17px 6px 17px;
}
/* Media */
@media (max-width: 1300px) {    
    .header .menu {
        display:none;
    }
    .mobile-menu-button {
        display:inline;
    }
    .preview-Customers-Preview .blocks-item,
    .preview-List2-Preview .blocks-item {
        width: calc(50% - 22px);
    }
    .preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
        width: calc(50% - 22px);
        height: calc(30vw);
    }
    .preview-example-article .field-PreviewImage {
        height: calc(30vw - 50px);
    }
    .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;
    }
    .preview-Customers-Preview .field-Name {
        font-size: 36px;
        padding: 17px;
    }
}
@media (max-width: 1000px) {
    .preview-Customers-Preview .blocks-item,
    .preview-List2-Preview .blocks-item {
        width: calc(100% - 22px);
        margin-bottom: 50px;
    }
    .preview-ExampleCategories-Preview-ExampleArticles .subblocks-item {
        width: calc(100% - 22px);
        height: calc(60vw);
    }
    .preview-example-article .field-PreviewImage {
        height: calc(60vw - 50px);
    }
    .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;
    }
    .preview-Customers-Preview .field-Name {
        font-size: 45px;
        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(45vw);
    }
    .div-contact-left,
    .div-contact-right {
        width: calc(100%);
        float: left;
    }
}