/* Quicksand - 300;400;500;600;700 */
/* font-family: 'Quicksand', sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');*/

/* Lato - 0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900 */
/* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* Roboto - 0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900 */
/* font-family: 'Roboto', sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/

/* Roboto - 0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800 */
/* font-family: 'EB Garamond', serif; */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');


:root{
    --main-font-family: 'Lato', sans-serif;
    --titles-font-family: 'Lato', sans-serif;
    --titles-font-family-alt: 'Lato', sans-serif;
    --button-font-family: 'Lato', serif;

    --main-color: #000;
    --text-main-color: #000;

    --titles-color: #000;
    --title-h1-color: #000;
    --title-h2-color: #000;

    --menu-link-color: #fff;
    --menu-link-hover-color: #ff6969;/*c4a4a4*/
    --menu-popup-link-color: #222;
    --menu-popup-link-hover-color: #832e2e;
    --menu-toggle-hover-color: #ff6969;/*c4a4a4*/

    --submenu-link-color: #fff;
    --submenu-link-hover-color: #ff6969;/*c4a4a4*/
    --submenu-popup-link-color: #222;
    --submenu-popup-link-hover-color: #832e2e;

    --link-color: #000;
    --link-underline: underline;
    --link-hover-color: #832e2e;
    --link-alt-hover-color: #a0a0a0;

    --button-color: #fff;
    --button-bg-color: #832e2e;
    --button-hover-color: #832e2e;/*5c5c5c*/
    --button-hover-bg-color: #fff;

    --button-white-color: #832e2e;
    --button-white-bg-color: #fff;
    --button-white-hover-color: #fff;/*5c5c5c*/
    --button-white-hover-bg-color: #832e2e;

    --max-width: 1440px;
    --max-width-header: 1440px;
    --max-width-contact-form: 920px;
    --max-width-footer-copyright: 1440px;
    --max-narrow-width: 1240px;
}

*{
    font-family: var(--main-font-family);
    font-size: 18px;
    background-repeat: no-repeat;
    text-align: left;
    box-sizing: border-box;
    font-weight: 300;
    color: var(--text-main-color);
}
@media only screen and (max-width: 992px){
    *{
        font-size: 18px;
    }
}

strong, b, strong *, b *{
    font-weight: bold;
}
body {
    text-align:center;
    background-color: #fff;
}
body.no-scroll,
body.form-popup-shown,
body.magnific-popup-opened {
    overflow: hidden;
}

body,h1,h2,h3,h4,h5,h6,form,input{
    padding:0px;
    margin:0px;
}
img{
    border:0px;
}
.cb{
    clear:both;
}
center {
    display:block;
    text-align:center;
}

.alignCenter {
    text-align: center;
}
.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}

span {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    color: inherit;
    font-weight: inherit;
}

a, a * {
    outline:none;
    color: var(--link-color);

    -webkit-transition: color 0.3s ease 0s, background 0.3s ease 0s, border 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s, border 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s, background 0.3s ease 0s, border 0.3s ease 0s;
    transition: color 0.3s ease 0s, background 0.3s ease 0s, border 0.3s ease 0s;
}
a:hover, a:hover * {
    text-decoration: none;
    color: var(--link-hover-color);
}
main a {
    text-decoration: var(--link-underline);
}
main a:hover {
    text-decoration: none;
}
/*a:focus {
    outline: 1px solid var(--link-hover-color) !important;
}*/

blockquote {
    padding: 7px 0px;
    padding-left: 13px;
    margin-left: 23px;
}
blockquote * {
    padding: 0px;
    margin: 0px;
}


h1, h2, h3, h4 {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 15px;
    font-weight: 300;
    line-height: normal !important;
    letter-spacing: 3px;

    font-family: var(--titles-font-family);
}
h1 *, h2 *, h3 *, h4 *{
    line-height: inherit !important;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
h1 span, h2 span, h3 span, h4 span{
    font-size: inherit !important;
    font-weight: inherit;
    color: inherit;
}
h1 i, h2 i, h3 i, h4 i,
h1 em, h2 em, h3 em, h4 em {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
h3, h3 b, h3 strong {
    font-size: inherit;
    color: inherit;
}
h3 b, h3 strong {
    font-weight: 500 !important;
    font-size: inherit !important;
}


h1 {
    font-family: 'EB Garamond', serif;
    font-size: 47px;
    color: var(--title-h1-color);
}
h2 {
    font-family: 'EB Garamond', serif;
    font-size: 47px;
    color: var(--title-h2-color);
}
h3 {
    font-size: 33px;
    color: var(--titles-color);
}
h4, h5, h6 {
    font-size: 26px;
    color: var(--titles-color);
    font-weight: 400;
}

@media only screen and (max-width: 992px){
    h1 {
        font-size: 37px;
    }
    h2 {
        font-size: 37px;
    }
    h3, h4, h5, h6 {
        font-size: 29px;
    }
}
@media only screen and (max-width: 767px){
    h1 {
        font-size: 33px;
    }
    h2 {
        font-size: 33px;
    }
    h3, h4, h5, h6 {
        font-size: 27px;
    }
}
@media only screen and (max-width: 576px){
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 28px;
    }
    h3, h4, h5, h6 {
        font-size: 25px;
    }
}


h1,
h1 * {
    text-transform: uppercase;
}

h1 span,
h2 span {
    display: block;
    margin: auto;
    max-width: 750px;
    padding: 25px 50px;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 48px !important;
}

@media only screen and (max-width: 992px){
    h1 span,
    h2 span {
        line-height: 40px !important;
    }
}
@media only screen and (max-width: 767px){
    h1 span,
    h2 span {
        line-height: 35px !important;
        padding: 25px 0px;
    }
}
@media only screen and (max-width: 576px){
    h1 span,
    h2 span {
        line-height: 30px !important;
    }
}


/*
h1 span,
h2 span,
h3 span,
h1 i,
h2 i,
h3 i {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-style: normal;
}
h1 span:before,
h1 span:after,
h2 span:before,
h2 span:after,
h3 span:before,
h3 span:after,
h1 i:before,
h1 i:after,
h2 i:before,
h2 i:after,
h3 i:before,
h3 i:after{
    content: '';
    border-top: 1px solid;
    margin: 0px 20px 0px 0px;
    flex: 1 0 30px;
    color: #bcbec0;
}
h1 span:after,
h2 span:after,
h3 span:after,
h1 i:after,
h2 i:after,
h3 i:after{
    margin: 0px 0px 0px 20px;
}
*/


span.asterisk {
    color: #c00 !important;
}

[align=center],
[align=center] * {
    text-align: center;
}

table tr td,
table tr th {
    border-bottom: 1px solid #d4d4d4;
    padding: 4px 0px;
}
table tr:first-child td {
    border-top: 1px solid #d4d4d4;
}
table tr th {
    border-bottom: 1px solid #333;
}

blockquote {
    display: table;
    padding: 2px 0px 2px 15px;
    margin: 0px 0px 15px 25px;
    border-left: 3px solid #b3d8e6;
}
blockquote * {
    font-size: inherit;
    color: inherit;
}



.internal-page-content {
    min-height: 300px;
}

/*------------------ header start ------------------*/

main {
    min-height: 100vh;
}


.max-width-container,
.max-width-container-header,
.max-width-container-footer,
.max-width-container-footer-copyright,
.max-width-container-contact-form {
    position: relative;
    max-width: var(--max-width);
    padding: 0px 20px;
    margin: auto;
    z-index: 10;
}

.contentBlockContainer.block-wide-0 .block-container {
    max-width: var(--max-width);
    margin: auto;
}
.contentBlockContainer.block-wide-2 .block-container {
    max-width: var(--max-narrow-width);
    margin: auto;
}


.max-width-container-header,
.max-width-container-footer {
    max-width: var(--max-width-header);
}
.max-width-container-footer-copyright {
    max-width: var(--max-width-footer-copyright);
}
.max-width-container-contact-form {
    max-width: var(--max-width-contact-form);
}
.swiper-slide-text-sizer {
    max-width: var(--max-width);
}



.position-relative {
    position: relative;
}


/*.headerSizer {
    min-height: 160px;
}*/
.hasAltHeader1 .headerSizer {
    min-height: 97px;
}

.popupHeaderSizer {
    min-height: 60px;
}

header,
.logo,
.menuToggle,
.headerSocialIcons {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
header.active,
header.active .logo,
header.active .menuToggle,
header.active .headerSocialIcons,

header.altHeader1,
header.altHeader1 .logo,
header.altHeader1 .menuToggle,
header.altHeader1 .headerSocialIcons {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}






.contentBlockContainer.block-instagram-widget-padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
}
.contentBlockContainer.block-instagram-widget-padding iframe {
    margin: 0px !important;
    display: block;
}
.contentBlockContainer.block-instagram-widget-padding .block-container {
    padding-left: 7px;
    padding-right: 7px;
}



header {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 106px;
    z-index: 300;
    padding: 0px 0px;
}

header.active,
header.altHeader1 {
    position: fixed;
    height: 60px;

    background-color: rgba(25, 25, 25, 0.85);
    box-shadow: 0 0 10px rgba(0,0,0,.9);
}

header.active .menuToggle,
.showMainMenu header .menuToggle,
.showMainMenu header.active .menuToggle,

header.altHeader1 .menuToggle,
.showMainMenu header.altHeader1 .menuToggle {
    top: 9px;
}

/* --------- LOGO start --------- */

.logo {
    display: block;
    position: absolute;
    z-index: 100;
    width: 200px;/*238*/
    height: 200px;/*60*/
    top: 40px;
    left: 0px;
    background-image: url(../img/logo2.png); /* logo2.png */

    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#preloadedImages {
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(../img/logo_small.png);
}

header.active .logo,
header.altHeader1 .logo {
    width: 50px;
    height: 50px;
    top: 5px;
    background-image: url(../img/logo_small.png);
}
@media only screen and (max-width: 1200px){
    .showMainMenu header .logo {
        width: 50px;
        height: 50px;
        top: 5px;
        background-image: url(../img/logo_small.png);
    }
}

/* --------- LOGO end --------- */

@media only screen and (max-width: 992px){
    header {
        height: 97px;
    }
    /*.headerSizer {
        min-height: 57px;
    }*/

    header .menuToggle {
        top: 50px;
    }
    header .headerLoginCartContainer {
        right: 60px;
        top: 15px;
    }
    header .headerLoginCartContainer #c7-login {
        display: none;
    }
}
@media only screen and (max-width: 460px){
    header .headerLoginCartContainer {
        display: none;
    }
}

/* FOOTER START */

footer#footer {
    padding: 50px 0px 0px 0px;/*bottom 50*/
    background-color: #2e2e2e;
}
footer#footer * {
    color: #fff;
}
footer#footer a:hover,
footer#footer a:hover * {
    color: var(--link-alt-hover-color);
}




.footerMenu {
    padding: 0px;
}
.footerMenu ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.footerMenu ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.footerMenu ul li a {
    display: inline-block;
    padding: 1px 10px 1px 10px;
    font-size: 18px;
    font-weight: 300;
    word-spacing: 4px !important;
    text-transform: uppercase;
}
.footerMenu ul li:after {
    content: "|";
}
.footerMenu ul li:last-child:after {
    content: none;
}


@media only screen and (max-width: 992px){
    .footerMenu ul li {
        text-align: center;
    }
    .footerAddress,
    .footerAddress * {
        text-align: center;
    }
}

.footerMessage {
    margin-top: 35px;
}
.footerMessage,
.footerMessage * {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
}


.footerCopyrightGrid {
    display: grid;
    grid-template-columns: 1fr 300px 1fr;
    grid-template-areas: "siteCopyright siteSocialMedias siteDesigned";
    grid-gap: 20px;
    padding: 30px 12px 12px 12px;
}
.siteCopyright {
    grid-area: siteCopyright;
    text-align: left;
    padding-top: 14px;
}
.siteDesigned {
    grid-area: siteDesigned;
    text-align: right;
    padding-top: 14px;
}
.siteSocialMedias {
    grid-area: siteSocialMedias;
    text-align: center;
}

.siteCopyright,
.siteCopyright *,
.siteDesigned,
.siteDesigned * {
    font-size: 16px;
    font-weight: 300;
}
.siteSocialMedias,
.siteSocialMedias * {
    font-size: 34px;
}






@media only screen and (max-width: 767px){
    .footerCopyrightGrid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "siteSocialMedias siteSocialMedias"
            "siteCopyright siteDesigned";
    }
    .siteSocialMedias,
    .siteSocialMedias *,
    .siteSocialMedias .social-medias-list,
    .siteSocialMedias .social-medias-list * {
        text-align: center;
    }
    footer .siteDesigned {
        text-align: right;
    }
}

@media only screen and (max-width: 576px){
    .footerCopyrightGrid {
        grid-template-columns: 1fr;
        grid-template-areas:
                "siteSocialMedias"
                "siteDesigned"
                "siteCopyright";
    }
    footer .siteDesigned,
    footer .siteCopyright {
        text-align: center;
    }
}

/* FOOTER END */






.home-page .custom-block-banner {
    margin-bottom: 15px;
}
@media only screen and (max-width: 992px){
    .home-page .custom-block-banner {
        height: auto;
        aspect-ratio: 1/1;
    }
}

img.sandra_signature {
    width: auto !important;
    height: auto !important;
}


.contact_info_container .block1 storong,
.contact_info_container .block2 storong,
.contact_info_container .block1 b,
.contact_info_container .block2 b,
.contact_info_container .block1 a,
.contact_info_container .block2 a{
    font-weight: 400 !important;
}

/* --------------- PROCESS ITEMS start --------------- */

.siteProcessItems {
    padding-bottom: 10px;
}
.processItem {
    padding: 10px 0px 10px 0px;
}
.processItem:last-child {
    border-bottom: 0px;
}
.processItem .processItemContent {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    padding: 0px;
    margin: 0px;
    position: relative;
    min-height: 300px;
    background-color: #f7f7f7;
}
.processItem .processItemContent.processHasImage {
    grid-template-columns: 600px 1fr;
}


.processItemImage {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.processItemImage img  {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    opacity: 0;
}
.processItemText {
    padding: 60px;
    align-self: center;
}
.processItemText h1,
.processItemText h2,
.processItemText h3 {
    font-size: 28px;
    letter-spacing: normal;
    line-height: normal;
    color: #222;
    font-weight: 500;
    margin-bottom: 20px;
}


.processLocation {
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
}


@media only screen and (max-width: 1200px){
    .processItem .processItemContent {
        min-height: 500px;
    }
    .processItem .processItemContent.processHasImage {
        grid-template-columns: 500px 1fr;
    }
    .processItemText h1,
    .processItemText h2,
    .processItemText h3 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 1100px){
    .processItem .processItemContent {
        min-height: 400px;
    }
    .processItem .processItemContent.processHasImage {
        grid-template-columns: 400px 1fr;
    }
}
@media only screen and (max-width: 992px){
    .processItem .processItemContent,
    .processItem .processItemContent.processHasImage {
        display: block;
        grid-template-columns: none;
        grid-gap: unset;
        max-width: 600px;
        margin: auto;
    }
    .processItemImage {
        padding-top: 0px;
        padding-bottom: 30px;
        max-width: 600px;
        margin: auto;
        display: block;
    }
    .processItemText {
        padding: 10px 60px 60px 60px;
    }
    .processItemText,
    .processItemText * {
        text-align: center !important;
    }
    .processItemText h1,
    .processItemText h2,
    .processItemText h3 {
        text-align: center !important;
        font-size: 24px;
    }
    .processLocation {
        position: static;
        bottom: auto;
        font-size: 14px;
        font-weight: 400;
        padding-right: 0px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 576px) {
    .processItemText {
        padding: 10px 20px 20px 20px;
    }
}
/* --------------- PROCESS ITEMS end --------------- */

/* --------------- PRESS ITEMS START --------------- */

.sitePressItemsContainer {
    padding: 60px 0px 30px 0px;
}

.press-items-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
    /*padding: 7px;*/
}
@media only screen and (max-width: 1300px){
    .press-items-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 767px){
    .press-items-grid {
        grid-template-columns: 1fr;
    }
}

.press-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #888;
}

.press-thubnail {
    position: relative;
    overflow: hidden;
    padding: 0px;
    aspect-ratio: 455 / 600;
    display: flex;
    align-content: center;
}
.press-thubnail img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;

    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;

    transform: scale(1.005);

    /*box-shadow: 4px 4px 8px rgba(0,0,0,0.4);*/
}
.press-item:hover .press-thubnail img {
    transform: scale(1.05);
}


.press-content {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.press-info {
    display: block;
    width: 100%;
    padding: 10px;
}
.press-item * {
    text-align: center;
    font-size: 19px;
    font-weight: 300 !important;
    letter-spacing: 1px;
    margin: 0px;
    color: #191919;
}
.press-info h2,
a:hover .press-info h2 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
@media only screen and (max-width: 400px){
    .press-item * {
        font-size: 16px;
    }
    .press-info h2,
    a:hover .press-info h2 {
        font-size: 18px;
    }
}


#parentPageId_1036 .podcastIframe {
    aspect-ratio: unset;
}
#parentPageId_1036 .block_has_image.block_has_no_text img {
    display: block;
    max-height: 140vh;/*95*/
    max-width: 100%;
    width: auto;
    margin: auto;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
}


/* --------------- PRESS ITEMS END --------------- */

/* --------------- FAQ ITEMS START --------------- */

.siteFaqContainer {

}
.siteFaqItems {

}


.siteFaqItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -18px;
    margin-right: -18px;
}

.faqItem {
    flex: 0 0 calc(33.333% - 40px);
    margin: 20px;
    position: relative;
}
.faqItem.faqItemDouble {
    flex: 0 0 calc(66.66% - 40px);
    margin: 20px;
    position: relative;
}

.faqItemImage .faqItemImage1,
.faqItemImage .faqItemImage2 {
    aspect-ratio: 4 / 3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.faqItemDouble .faqItemImage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
.faqItemText {
    padding: 30px 15px;
}
.faqItemText * {
    text-align: center !important;
}

@media only screen and (max-width: 1200px){
    .faqItem {
        flex: 0 0 calc(50% - 40px);
    }
    .faqItem.faqItemDouble {
        flex: 0 0 calc(100% - 40px);
    }
}

@media only screen and (max-width: 767px){
    .faqItem {
        flex: 0 0 calc(100% - 40px);
    }
}

@media only screen and (max-width: 576px){
    .faqItemDouble .faqItemImage {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}

/* --------------- FAQ ITEMS END --------------- */

/* --------------- SKETCHBOOK START --------------- */

.siteSketchbookItemsContainer {
    padding: 30px 0px 0px 0px;
}
.sketchbook-items-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 1300px){
    .sketchbook-items-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 767px){
    .sketchbook-items-grid {
        grid-template-columns: 1fr;
    }
}
.sketch-item {
    position: relative;
    overflow: hidden;
}
.sketch-thubnail {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}
.sketch-thubnail-bg {
    width: 100%;
    min-height: 150px;
    aspect-ratio: 4 / 3;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.sketch-item:hover .sketch-thubnail-bg {
    transform: scale(1.1);
}
.sketch-content {

}
.sketch-item:hover .sketch-content {
    opacity: 1;
}
@media only screen and (max-width: 992px){
    .sketch-content {
        top: auto;
        opacity: 1;
    }
}
.sketch-info {
    display: block;
    width: 100%;
    padding: 10px;
}
.sketch-item * {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0px;
}
.sketch-item a {
    text-decoration: none;
}
.sketch-info h3,
a:hover .sketch-info h3 {
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    font-weight: 300;
    text-transform: uppercase;
}

/* --------------- SKETCHBOOK END --------------- */

/* --------------- INSTALLATIONS START --------------- */

.siteInstallationsItemsContainer {
    padding: 30px 0px 0px 0px;
}

.installations-items-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -18px;
    margin-right: -18px;
}

.installation-item {
    flex: 0 0 calc(50% - 40px);
    margin: 20px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 992px){
    .installations-items-grid {
        display: block;
        margin: auto;
        max-width: 600px;
    }
    .installation-item {
        flex: none;
        margin: 20px 0px 40px 0px;
    }
}

/*.installations-items-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 992px){
    .installations-items-grid {
        grid-template-columns: 1fr;
    }
}
.installation-item {
    position: relative;
    overflow: hidden;
}*/
.installation-thubnail {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}
.installation-thubnail-bg {
    width: 100%;
    min-height: 150px;
    aspect-ratio: 10 / 6;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.installation-item:hover .installation-thubnail-bg {
    transform: scale(1.1);
}
.installation-content {

}
.installation-item:hover .installation-content {
    opacity: 1;
}
@media only screen and (max-width: 992px){
    .installation-content {
        top: auto;
        opacity: 1;
    }
}
.installation-info {
    display: block;
    width: 100%;
    padding: 10px;
}
.installation-item * {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0px;
}
.installation-item a {
    text-decoration: none;
}
.installation-info h3,
a:hover .installation-info h3 {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    font-weight: 300;
    text-transform: uppercase;
}
@media only screen and (max-width: 992px){
    .installation-item * {
        font-size: 20px;
    }
    .installation-info h3,
    a:hover .installation-info h3 {
        font-size: 20px;
    }
}

#parentPageId_1126 .block_has_image.block_has_no_text img {
    width: auto;
    max-width: 100%;
}
#parentPageId_1126 .block_has_image.block_has_no_text .contentBlockImage {
    text-align: center;
}

/* --------------- INSTALLATIONS END --------------- */

/* --------------- WORKS CATEGORIES START --------------- */

.siteWorksCategoriesItemsContainer {
    padding: 30px 0px 0px 0px;
}

.works-categories-items-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -18px;
    margin-right: -18px;
}

.works-category-item {
    flex: 0 0 calc(50% - 40px);
    margin: 20px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 992px){
    .works-categories-items-grid {
        display: block;
        margin: auto;
        max-width: 600px;
    }
    .works-category-item {
        flex: none;
        margin: 20px 0px 40px 0px;
    }
}


/*.works-categories-items-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}
@media only screen and (max-width: 992px){
    .works-categories-items-grid {
        grid-template-columns: 1fr;
    }
}
.works-category-item {
    position: relative;
    overflow: hidden;
}*/
.works-category-thubnail {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}
.works-category-thubnail-bg {
    width: 100%;
    min-height: 150px;
    aspect-ratio: 10 / 6;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.works-category-item:hover .works-category-thubnail-bg {
    transform: scale(1.1);
}
.works-category-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.4);
}
.works-category-item:hover .works-category-content {
    background-color: rgba(0, 0, 0, 0.2);
}
.works-category-info {
    display: block;
    width: 100%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.works-category-item * {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0px;
    color: #fff;
}
.works-category-item a:hover,
.works-category-item a:hover *{
    color: #fff;
}
.works-category-item a {
    text-decoration: none;
}
.works-category-info h3,
a:hover .works-category-info h3 {
    font-size: 32px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    font-weight: 400;
}
@media only screen and (max-width: 992px){
    .works-category-item * {
        font-size: 18px;
    }
    .works-category-info h3,
    a:hover .works-category-info h3 {
        font-size: 30px;
    }
}
@media only screen and (max-width: 767px){
    .works-category-item * {
        font-size: 17px;
    }
    .works-category-info h3,
    a:hover .works-category-info h3 {
        font-size: 28px;
    }
}

/* --------------- WORKS CATEGORIES END --------------- */


/* --------------- WORKS START --------------- */

.siteWorksItemsContainer {
    padding: 0px;/* 30px 0px 0px 0px; */
}

.works-items-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -18px;
    margin-right: -18px;
}

.works-item {
    flex: 0 0 calc(33.333% - 40px);
    margin: 20px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 1200px){
    .works-item {
        flex: 0 0 calc(50% - 40px);
    }
}
@media only screen and (max-width: 767px){
    .works-items-grid {
        display: block;
        margin: auto;
        max-width: 400px;
    }
    .works-item {
        flex: none;
        margin: 20px 0px 40px 0px;
    }
}

.works-thubnail {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}
.works-thubnail-bg {
    width: 100%;
    min-height: 150px;
    aspect-ratio: 1 / 1; /* 10 / 6 */

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.works-item:hover .works-thubnail-bg {
    transform: scale(1.1);
}
.works-content {

}
.works-item:hover .works-content {
    opacity: 1;
}
@media only screen and (max-width: 992px){
    .works-content {
        top: auto;
        opacity: 1;
    }
}
.works-info {
    display: block;
    width: 100%;
    padding: 10px;
}
.works-item * {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0px;
}
.works-item a {
    text-decoration: none;
}
.works-info h3,
a:hover .works-info h3 {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    font-weight: 300;
    text-transform: uppercase;
}
@media only screen and (max-width: 992px){
    .works-item * {
        font-size: 20px;
    }
    .works-info h3,
    a:hover .works-info h3 {
        font-size: 20px;
    }
}

.contentBlock .block_has_image.block_has_no_text img {
    width: auto;
    max-width: 100%;
}
.contentBlock .block_has_image.block_has_no_text .contentBlockImage {
    text-align: center;
}

/* --------------- WORKS END --------------- */


/*.contentBlockContainer.block-wide-0.block-works-description .block-container {
    max-width: var(--max-narrow-width);
}*/

.block-works-description {
    margin-bottom: 40px !important;
}
.block-works-description .contentBlock .block2 {
    grid-gap: 0px;
}
.block-works-description .contentBlock .block2 .blockLeft {
    padding-right: 60px;
    border-right: 1px solid #832e2e;
}
.block-works-description .contentBlock .block2 .blockRight {
    padding-left: 60px;
}
.block-works-description .block2 * {
    font-size: 18px;
}
.block-works-description .block2,
.block-works-description .block2 *{
    font-size: 18px;
    line-height: 1.8em;
}
.block-works-description .block2 h3 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.block-works-description .block2 h3,
.block-works-description .block2 h3 *{
    line-height: normal;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: normal;
}


.block-works-description .site-btn,
.block-works-description .editorButton {
    font-size: 17px !important;
    padding: 8px 8px !important;
    min-width: 200px !important;
}

@media only screen and (max-width: 750px){
    .block-works-description .contentBlock .block2 .blockLeft {
        padding-right: 0px;
        border-right: none;
        border-bottom: 1px solid #832e2e;
        padding-bottom: 15px;
    }
    .block-works-description .contentBlock .block2 .blockRight {
        padding-left: 0px;
        padding-top: 10px;
    }
    .block-works-description .block2 *{
        text-align: center;
    }
}



/* --------------- NEWSLETTER FORM START --------------- */

.newsletterFormContainer {
    padding: 30px 20px 0px 20px;
}

.newsletterFormContainer h3 {
    text-align: center;
    font-size: 20px !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.newsletterForm {
    display: flex;
    max-width: 450px;
    width: 100%;
    margin: auto;
}

.newsletterForm .mc-field-group {
    padding-right: 20px;
    flex: 1;
}

.newsletterForm .mc-field-group input {
    display: block;
    width: 100%;
    color: #222 !important;
}

#mc_embed_signup div.mce_inline_error {
    margin: 0 0 0 0 !important;
    background-color: transparent !important;
    font-weight: 300 !important;
    color: #d70000 !important;
}

.newsletterForm input[type=submit] {
    background-color: #832e2e;
    color: #fff;
    outline: 0;
    border: none;
    padding: 5px 20px 6px 20px;
    font-size: 18px !important;
    font-weight: 400;
    text-transform: uppercase;
}
.newsletterForm input[type=submit]:hover {
    opacity: 0.8;
}

.newsletterFormContainer .response {
    text-align: center;
    padding: 10px 20px;
}
.newsletterFormContainer .response#mce-error-response {
    color: #d70000;
}
.newsletterFormContainer .response#mce-success-response {
    color: #00af00;
}

@media only screen and (max-width: 576px){
    .newsletterForm {
        display: block;
    }
    .newsletterForm .optionalParent {
        padding-top: 20px;
    }
    .newsletterForm .optionalParent * {
        text-align: center;
    }
    .newsletterForm .mc-field-group {
        padding-right: 0px;
    }
    .newsletterForm input[type=submit] {
        padding: 5px 10px 6px 10px;
    }
}

/* --------------- NEWSLETTER FORM END --------------- */



/* --------------- homepage-news-band START --------------- */

.contentBlockContainer.block-homepage-news-line {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #222;
    
    background-image: url(../img/pattern_horses2.png);

    background-size: contain;
    background-position: bottom center;
    background-repeat: repeat-x;
}
.contentBlockContainer.block-homepage-news-line * {
    color: #fff !important;
    padding: 0px !important;
    margin: 0px !important;
}
.contentBlockContainer.block-homepage-news-line .block1 {
    min-height: 50px;
    padding: 10px 20px !important;
    line-height: normal;
    text-align: center;
}
.contentBlockContainer.block-homepage-news-line .block1 p {
    display: inline-block;
}
.contentBlockContainer.block-homepage-news-line .block-container {
    max-width: 100% !important;
}

@media only screen and (max-width: 992px){
    .contentBlockContainer.block-homepage-news-line .block1 p {
        display: auto;
    }
}

@media only screen and (min-width: 992px){
    main:has(.block-homepage-news-line) .slider-height-p .bannerContainer,
    main:has(.block-homepage-news-line) .slider-height-p100 .bannerContainer {
        height: calc(100vh - 50px);
    }
}

/* --------------- homepage-news-band END --------------- */