/* RAYK */
/* INIT CSS */
#header2 { background: none; }
/*Remove default top line*/
#header2 ul.menu > li::before { content: none; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
/* Remove default hover */
#header2 ul.menu li:hover { color: inherit; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip { display: none; }
/*Remove open/close menu text*/
#header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
#SiteFooter { padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
/* Gridboxes fixes*/
.grid-boxes .grid-box-title h3 a { color: inherit; /* font-family: 'UniSansLight', sans-serif; */ }
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
#DynamicFormObject:after { content: none; }
/* Footer fixes */
footer { padding: 0; }
#SiteFooter { float: none; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
/*fix items layout*/
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before { content: none; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove top line from menu items*/
#header2 ul.menu > li:before { content: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*remove after dynamicform*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu { margin: 0; }
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
.section-title { margin: 0; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text { margin: 0; padding: 0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.grid-rows .grid-row-text a { margin: 0; }
.section { padding: 0; margin: 0 auto; }
#GridPage { padding: 40px 0; }
.grid-boxes .grid-box .grid-box-title h3 { margin: 0; }
.grid-boxes .section-animation-item { margin: 0; }
.box-image-animation img { width: 100%; }
/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 54%; pointer-events: none; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; }

@media(max-width: 767px) {
    /*#GridPage { padding-top: 25px; padding-bottom: 25px; }*/
    #GridPage { padding: 20px 0; }
    #DynamicFormObject { margin: auto; }
}

/* General */
body { font-size: 16px; line-height: 1; color: #fff; background-color: #282829; font-family:; }
h1, h2 { font-weight: 600; }
#whatAppButton { bottom: 3%; border-radius: 0; box-shadow: none; }
strong, b { font-weight: normal; }
a:hover, a:focus { color: inherit; }
label { font-family: '', sans-serif; font-weight: normal; font-size: 80%; margin: 0; }
iframe { display: block; max-width: 100%; width: 100%; }
label.error, span.error { font-size: 12px; left: 5px; top: 5px; }
#lobbyview { display: none; }
.donateBtn { display: none; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 95px; }
::selection { background: #000; color: #fff; }

/*owl gallery*/
.owl-carousel .owl-nav div { width: 110px; height: 60px; }
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 55px; height: 100%; }
.owl-carousel .owl-prev:after { animation: move-left 1.5s cubic-bezier(0.39, 0.58, 0.57, 1); animation-iteration-count: infinite; transform: translate(0%, -50%); background: url(/warehouse/temp/rayk/slider-arrow-left.svg) no-repeat; background-size: 100%; margin-left: auto; }
.owl-carousel .owl-next:after { animation: move-right 1.5s cubic-bezier(0.39, 0.58, 0.57, 1); animation-iteration-count: infinite; transform: translate(0%, -50%); background: url(/warehouse/temp/rayk/slider-arrow-right.svg) no-repeat; background-size: 100%; margin-right: auto; }
.owl-carousel .owl-item .item .plus-sign { display: none; }
.owl-carousel .owl-next { left: auto; }
.owl-carousel .owl-prev { right: auto; }

.owl-carousel .owl-nav div.owl-prev { left: 0; }
.owl-carousel .owl-nav div.owl-next { right: 0; }
.owl-carousel .owl-item .item > .gallery-image-title { margin-top: 10px; }
.owl-carousel .owl-item .item .gallery-image-title h3 { margin: 0; font-size: 130%; letter-spacing: .68px; line-height: 1; }
.owl-carousel .photoTextWrapper { top: auto; bottom: 0; left: 0; transform: none; padding: 0; width: 100%; background: none; }

.home-page .owl-carousel .owl-item .item .topImg > .gallery-image-title { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 100%; background: #333 url(/warehouse/temp/rayk/rayk-pattern.svg); border: 0px; background-size: 120% auto; margin: 0; visibility: hidden; transform: translateY(100%); transition: .35s ease; opacity: 0; }
.home-page .owl-carousel .topImg { position: relative; overflow: hidden; }
.home-page .owl-carousel .owl-item .item:hover .topImg > .gallery-image-title { visibility: visible; transform: translateY(0%); opacity: 1; padding: 10px }
.home-page .owl-carousel .item > .gallery-image-title *:not(h3) { display: none; }
.home-page .owl-carousel .topImg > .gallery-image-title > h3 { display: none; }

@media(max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { padding-top: 40px; padding-bottom: 40px; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 24px; }
    .owl-carousel .owl-nav div { width: 48px; }
    .home-page .owl-carousel .owl-item .item .topImg > .gallery-image-title { padding: 10px; }
    .owl-carousel .owl-item .item .gallery-image-title h3 { font-size: 100%; }
}

:root { --header-height: 146px; }

@media(max-width: 767px) {
    :root { --header-height: 65px; }
}
/*header*/
header { padding-top: 0; }
#header2::before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; width: 100%; height: 100%; background: url(/warehouse/temp/rayk/rayk-pattern.svg); background-size: cover; filter: blur(8px); -webkit-filter: blur(3px); pointer-events: none; }
#header2 { padding: 0; backdrop-filter: blur(4.5px); background-color: rgb(40 40 41 / 55%); padding: 0 15px; }
#header2.fixedMenu { top: 0; }
#header2 .max-width { width: 100%; max-width: 100% !important; }
#header2 .header-right-section { width: auto; background: none; position: absolute; display: flex; align-items: center; justify-content: center; direction: inherit !important; flex: auto; width: 100%; }
#header2 .mobile-middle-kdm { width: auto; margin: 0; display: none; }
#header2 .menu-nav { margin: 0; max-width: none; float: none !important; }
#header2 #header-left { margin: 0; display: block; width: auto; position: relative; align-self: center; height: auto; transition: .35s ease-in-out; }
#header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; height: var(--header-height); max-width: 1440px; margin: 0 auto; position: relative; }
#header2 .header-top-right { float: none; }
#header2 .nav-menu-anim { width: 26px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { background: #fff; width: 100%; }
#header2 .header-top-left { margin-right: 0; direction: inherit; }
#header2 .header-top-left svg { fill: #000; width: 15px; height: 15px; transition: .35s ease; }
#header2 .header-top-left a:hover svg { fill: #4e592b; }
#header2 .header-top-left a { margin: 0; }
#header2 ul.menu { /* display: flex; */ }
#header2 ul.menu li { margin: 0; }
#header2 ul.menu li > a { font-size: 150%; }
#header2 .nav-menu-anim { margin: 0; }
#header2 .header-top { padding: 0; }
#header2 .header-top-left { display: flex; font-size: 0; }
#header2 .header-top-left > a + a { margin-right: 15px; }
#header-left .logoHeader { max-width: 220px; display: block; }
#header2 .has-sub i.opensub, .has-sub .menu-sub { display: none !important; }
#header2 ul.menu li > a { position: relative; }

#header2 ul.menu li > a::after { content: ''; width: 0; height: 2px; background: linear-gradient(90deg, #25717a, #ffe93d); display: block; position: absolute; bottom: -2px; opacity: 0; transition: .35s ease all; left: 50%; transform: translateX(-50%); }
#header2 ul.menu li > a:hover::after, #header2 ul.menu li.active > a::after { width: 100%; opacity: 1; }

@media(min-width: 1025px) and (max-width: 1350px) {
    #header2 ul.menu > li + li:not(.last-item) { margin-right: 40px; }

    #header2 ul.menu li > a { font-size: 100%; }

    #header-left .logoHeader { max-width: 200px; }
}

@media(min-width: 1025px) {
    /*#header2 ul.menu > li.last-item { position: absolute; left: 0; }
    #header2 ul.menu > li.last-item > a { border: 1px solid; padding: 10px 26px; }*/
    #header2 ul.menu > li + li { margin-right: 50px; }
}

@media(max-width: 1024px) {
    #header-left .logoHeader { max-width: 130px; }
    #header2 .header-right-section { width: auto; position: static; flex: 0; }
    #header2 ul.menu { background: #282829; }
    #header2 .header-top { display: none; }
    #header2 #header-container { flex-direction: row; justify-content: space-between; position: static; }
}

@media(max-width: 767px) {
    #header2 ul.menu { width: 100vw; height: 100vh; }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 ul.menu { font-size: 120%; padding-top: 43%; z-index: 0; }
    #header2 ul.menu > li { float: none; display: block; width: auto; }
    #header2 ul.menu li + li { margin-top: 30px; }
    #header2 ul.menu .social-links a { line-height: 1; display: block; }
    #header2 .social-links { font-size: 0; display: flex; justify-content: center; }
    #header2 ul.menu li.social-mobile { position: absolute; bottom: 19%; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu .social-links a svg { fill: #000; }
}


#home-gallery .gallery-caption { mix-blend-mode: difference; top: 50%; transform: translate(-50%, -50%); width: 480px; max-width: 60%; }
#home-gallery .scroll-down { display: none; }
#home-gallery .gallery-logo { width: 80%; }
#home-gallery .TopVideo iframe { background: inherit; }
#home-gallery.video-slider .opacity-layer { background-color: rgba(0, 0, 0, 0.57); }
#home-gallery { max-height: calc( var(--vh) * 1 ) !important; min-height: calc( var(--vh) * 1 ) !important; height: calc( var(--vh) * 1 ) !important; }
#home-gallery #TopVideo { height: 100% !important; }
#home-gallery .TopVideo iframe { height: 150%; width: 150%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#home-gallery .scroll-down { display: block; animation: none !important; font-size: 0; }
#home-gallery .scroll-down button { background: none; border: none; }
#home-gallery .scroll-down svg path { animation: moveDown 1.5s ease-in-out; animation-iteration-count: infinite; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { overflow: visible; }
#home-gallery #player-controls { display: none; }

.home_wedoitSec .section-title { width: auto; display: inline-block; }
.home_wedoitSec .grid-boxes { margin: 100px 5% 0 0; display: flex; flex-direction: column; width: 726px; max-width: 57%; text-align: start; }
.home_wedoitSec .grid-boxes::before, .home_wedoitSec .grid-boxes::after { cotnent: none; }
.home_wedoitSec .grid-box { width: 100%; display: flex; align-items: stretch; padding-top: 35px; padding-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.home_wedoitSec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.home_wedoitSec .grid-boxes .grid-box:not(.bgBox) .grid-box-image { height: 85px; }
.home_wedoitSec .grid-boxes .grid-box-image-container { position: static; height: 100%; }
.home_wedoitSec.grid-content-section { padding: 200px 0 200px; max-width: 100%; }
.home_wedoitSec .grid-boxes .box-image-animation { pointer-events: none; height: inherit; }
.home_wedoitSec .grid-boxes .box-image-animation img { height: inherit; }
.home_wedoitSec .grid-box .grid-box-title { border-top: 1px solid; border-bottom: 1px solid; display: flex; align-items: center; flex: 1; margin-right: 33px; }
.home_wedoitSec .grid-box .grid-box-title a { pointer-events: none; }
.home_wedoitSec .grid-box.bgBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; padding: 0; }
.home_wedoitSec .grid-box.bgBox .grid-box-title { display: none; }
.home_wedoitSec .grid-box.bgBox .grid-box-image { width: 100%; }
.home_wedoitSec .section-title h1 { font-size: 375%; letter-spacing: 1.95px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; text-transform: uppercase; }
.home_wedoitSec .section-title h1::after { content: ""; display: block; background: url(/warehouse/temp/rayk/rayk-logo-white.svg) no-repeat; background-size: auto; background-position: center; width: 100%; max-width: 100%; margin: 0 auto; height: 55px; }
.home_wedoitSec .grid-box.bgBox::after { content: ''; background: #282829; z-index: 1; position: absolute; top: 0; right: 0; width: 1024px; max-width: 70%; height: 101%; clip-path: polygon(34% 0, 100% 0%, 112% 100%, 0 100%, 0 70%); }
.home_wedoitSec .grid-box.bgBox .grid-box-image::after { content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .29; }

.home_wedoitSec .recommend { overflow: hidden; }
.home_wedoitSec .grid-box:not(.bgBox) { transform: translate(300%) scaleX(300%); transition-property: all; transition-duration: 1s; -webkit-transition: 1s all; animation: none; filter: blur(100px); }
.home_wedoitSec.shown .recommend .grid-box:not(.bgBox) { transform: translate(0) scaleX(1); opacity: 1; filter: blur(0px); }
.home_wedoitSec.shown .grid-box:nth-child(1):not(.bgBox) { transition-delay: 1.2s; }
.home_wedoitSec.shown .grid-box:nth-child(2):not(.bgBox) { transition-delay: 1.4s; }
.home_wedoitSec.shown .grid-box:nth-child(3):not(.bgBox) { transition-delay: 1.6s; }


@media(max-width: 767px) {
    .home_wedoitSec .grid-box.bgBox { position: static; /*max-width: 70%;*/ margin-right: auto; }
    .home_wedoitSec .grid-boxes { flex-direction: column-reverse; margin: 0; width: 100%; max-width: 100%; }
    /*.home_wedoitSec .section-title { position: absolute;*/ /*top: 24%; right: 5%;*/ /*width: fit-content; }*/
    .home_wedoitSec .grid-box.bgBox { max-width: 100%; }
    /*.home_wedoitSec .section-title { top: 25%; right: 50%; transform: translateX(50%); }*/
    .home_wedoitSec.grid-content-section { padding-top: 50px; padding-bottom: 0; }
    .home_wedoitSec .section-title h1 { font-size: 200%; }
    .home_wedoitSec .section-title h1::after { background-size: 100%; height: 30px; max-width: 70%; }
    .home_wedoitSec .grid-box .grid-box-title h3 { font-size: 100%; }
    .home_wedoitSec .grid-box { padding-top: 15px; padding-bottom: 15px; }
    .home_wedoitSec .grid-boxes .grid-box:not(.bgBox) .grid-box-image { height: 50px; }
    .home_wedoitSec .grid-box .grid-box-title { margin-right: 25px; }
    .home_wedoitSec .grid-box.bgBox::after { content: none; }
    .home_wedoitSec .grid-box.bgBox .grid-box-image { padding-bottom: 70%; }
    .home_wedoitSec .grid-boxes .grid-box.bgBox .grid-box-image-container { position: absolute; }
    .home_wedoitSec .grid-boxes .grid-box.bgBox .box-image-animation img { width: 100%; object-fit: cover; object-position: left center; }
    .home_wedoitSec .recommend { padding: 30px 0; }
    .home_wedoitSec .grid-boxes .grid-box:not(.bgBox) .grid-box-image { flex: 0 0 auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

    .home_wedoitSec .recommend.shown .grid-box:not(.bgBox) { transform: translate(0) scaleX(1); opacity: 1; filter: blur(0px); }
    #home-gallery { min-height: 0 !important; height: auto !important; }
    .TopVideo, #home-gallery video { height: auto !important; width: 100vw !important; position: unset; -webkit-transform: none; min-height: auto !important; }
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    @media(max-width: 767px) {
        .home_wedoitSec .grid-boxes .box-image-animation img { width: auto; }
        .home_wedoitSec .grid-boxes .grid-box:not(.bgBox) .grid-box-image { flex: 0 1 auto; }
        .home_wedoitSec .grid-box .grid-box-title { flex: 1 0; }
    }
}

.home__rebuildSec.grid-gallery-section { padding-top: 155px; padding-bottom: 117px; background: url(/warehouse/temp/rayk/r-shape-bg.svg); background-position: left; background-repeat: no-repeat; }
.home__rebuildSec .owl-carousel { max-width: 1200px; margin: 0 auto; position: static; }
.home__rebuildSec .section-title h2 { font-size: 320%; font-weight: normal; letter-spacing: 1.66px; }
.home__rebuildSec .text1 { max-width: 665px; margin: 0 auto; font-size: 130%; margin-top: 38px; padding: 0 15px; letter-spacing: .68px; }
.home__rebuildSec .gallery-container { position: relative; max-width: 80%; margin: 60px auto 0; }


@media(max-width: 767px) {
    .home__rebuildSec.grid-gallery-section { padding-top: 75px; padding-bottom: 50px; }
    .home__rebuildSec .section-title h2 { font-size: 160%; }
    .home__rebuildSec .text1 { font-size: 80%; margin-top: 20px; line-height: 1.3; }
    .home__rebuildSec .gallery-container { max-width: 95%; }
    .home__rebuildSec .owl-carousel { max-width: 75%; }
}


.home__renewSec .section-title h2 { font-size: 320%; font-weight: normal; }
.home__renewSec.grid-gallery-section { padding-top: 198px; padding-bottom: 213px; }
.home__renewSec::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 68.8%; height: 100%; background: #323233; clip-path: polygon(34.5% 0, 100% 0%, 100% 100%, 0% 100%); z-index: -1; }
.home__renewSec .gallery-container { position: relative; max-width: 90%; margin: 80px auto 0; }
.home__renewSec .owl-carousel { width: 1200px; max-width: 80%; margin: 0 auto; position: static; }
.home__renewSec .text1 { max-width: 850px; margin: 0 auto; font-size: 130%; margin-top: 38px; line-height: 1; letter-spacing: 0.68px; padding: 0 15px; }
.home__renewSec .owl-carousel .owl-item .item .topImg { margin: 0; overflow: hidden; position: relative; }
.home__renewSec .owl-carousel .owl-item .item .topImg::before, .home__renewSec .owl-carousel .owl-item .item .topImg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .4s ease-in-out opacity; z-index: -1; }
.home__renewSec .owl-carousel .owl-item .item .topImg::before { background: #fff; }
/*.home__renewSec .owl-carousel .owl-item .item .topImg::after { background: linear-gradient(7deg, #db6027, #232323, #00eaec); background-size: 500% 500%; -webkit-animation: AnimationName 8s ease infinite; -moz-animation: AnimationName 8s ease infinite; animation: AnimationName 8s ease infinite alternate; opacity: 0; }
.home__renewSec .owl-carousel .owl-item .item:hover .topImg::after { opacity: 1; }*/

@media(max-width: 767px) {
    .home__renewSec .owl-carousel { max-width: 75%; }
    .home__renewSec .gallery-container { max-width: 95%; }
    .home__renewSec.grid-gallery-section { padding-top: 75px; padding-bottom: 50px; }
    .home__renewSec .section-title h2 { font-size: 160%; }
    .home__renewSec .text1 { font-size: 80%; margin-top: 20px; line-height: 1.3; }
    .home__renewSec::after { width: 100%; clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%); }
}


.home__marquee-text { direction: ltr; overflow: hidden; padding-top: 6px; }
.home__marquee-text .js-marquee { background: url(/warehouse/temp/rayk/rayk-strip.svg); background-size: contain; height: 24px; width: 50%; }
.home__marquee-text .js-marquee-wrapper::after { content: ''; display: table; clear: both; }
.home__marquee-text .grid-text .grid-text-content { margin: 0; width: 100%; padding: 0; }
.home__marquee-text .grid-text .grid-text-content p { visibility: hidden; }

.home__logosSec.grid-content-section { padding-top: 75px; padding-bottom: 35px; max-width: 1243px; }
.home__logosSec .grid-boxes { display: flex; flex-wrap: wrap; justify-content: space-between; }
.home__logosSec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.home__logosSec .grid-boxes .grid-box-image .grid-box-image-container { position: static; }
.home__logosSec .grid-boxes .box-image-animation:hover img { transform: none; }
.home__logosSec .grid-boxes .box-image-animation { pointer-events: none; }
.home__logosSec .grid-boxes .grid-box { width: 156px; }

@media(max-width: 767px) {
    .home__logosSec.grid-content-section { padding-top: 50px; padding-bottom: 30px; max-width: 90%; margin: 0 auto; }
    .home__logosSec .grid-boxes .grid-box { width: 50%; padding: 15px; display: flex; justify-content: center; align-items: center; }
    .home__logosSec .grid-boxes .grid-box-image { margin: 15px auto; }
    .home__logosSec .grid-boxes { justify-content: center; }
}


.aboutPage #pageview { background-color: #212122; padding-top: 97px; }
.aboutPage #pageview #text2 { padding-top: 60px; background-color: #282829; }
.aboutPage #pageview > div:not(#text2) { width: 1040px; max-width: 100%; margin: 0 auto 60px; padding-right: 15px; padding-left: 15px; }
.aboutPage #pageview #text2 h2 { font-size: 375%; letter-spacing: 1.95px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: normal; text-align: center; }
.aboutPage #pageview #text1 { text-align: center; line-height: 1.3; letter-spacing: 0.52px; padding-right: 5% !important; padding-left: 5% !important; }
.aboutPage #pageview :is(#text1, #text2) img { width: 100%; }
.aboutPage #GridPage { padding-top: 0; }
.aboutPage #grid-view { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; }
.aboutPage #ContentGridShortModule .gridshort-view-item { width: 25%; margin: 0; padding: 28px 15px; }
.aboutPage .grid-short-box { margin: 0; }
.aboutPage .grid-short-box-image img { position: static; transform: none; width: auto; max-width: 100%; height: auto; }
.aboutPage #grid-view .grid-short-box-text { font-size: 100%; margin: 0; /* bottom: 0; */ left: 50%; width: 100%; }
.aboutPage #grid-view .grid-short-box-text a { pointer-events: none; }
.aboutPage .grid-short-box-image { padding-bottom: 0; display: flex; flex-direction: column; }
.aboutPage #ContentGridShortModule .grid-short-box-image a { position: static; pointer-events: none; }
.aboutPage #GridTop h1 { letter-spacing: 1.95px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1; }
.aboutPage #pageview > div#subheadline { margin-bottom: 30px; }
.aboutPage #pageview #subheadline h2 { margin-bottom: 0px; font-size: 220%; }

.GridBottomGallery .owl-carousel { opacity: 1; }

@media(max-width: 767px) {
    .aboutPage #pageview { padding-top: 50px; }
    .aboutPage #pageview #text2 h2 { font-size: 200%; }
    .aboutPage #pageview > div:not(#text2) { font-size: 80%; }
    .aboutPage #ContentGridShortModule .gridshort-view-item { width: 50%; }
}


.mediaPage #GridPage { padding-top: 50px; }
.mediaPage #gridshort-view { max-width: 1110px; margin: 0 auto; }
.mediaPage #gridshort-view > .row > div { padding: 0 20px; }
.mediaPage .grid-short-box-image { padding-bottom: 0; flex: 0 0 auto; margin-bottom: auto; }
.mediaPage .grid-short-box .grid-short-box-label { display: none; }
.mediaPage #ContentGridShortModule .grid-short-box-image a { position: static; display: block; }
.mediaPage .grid-short-box-image img { position: inherit; transform: none; height: 50px; width: auto; max-width: 100%; display: block; margin: 0 auto; }
.mediaPage .grid-short-box { margin: 0; background-color: #fff; color: #000; padding: 62px 54px 72px; }
.mediaPage .grid-short-box-link { margin-top: 48px; margin-top: auto; }
.mediaPage .grid-short-box-link a { display: inline-block; border: 1px solid #000; padding: 11px 38px; margin: 0 auto; min-width: 177px; }
.mediaPage .grid-short-box-link a::after { content: ''; display: inline-block; width: 17px; height: 14px; background: url(/warehouse/temp/rayk/arrow.svg); background-size: 100%; vertical-align: middle; transform: translateX(-10px); transition: .35s ease transform; }
.mediaPage .grid-short-box-link a:hover::after { transform: translateX(-20px); }
.mediaPage .grid-short-box-fulltext { margin-top: 24px; height: 100%; display: flex; flex-direction: column; }
.mediaPage .grid-short-box-subtitle { font-size: 120%; line-height: 1; letter-spacing: .62px; margin-bottom: 48px; }
.mediaPage #gridshort-view > .row { display: flex; flex-wrap: wrap; min-height: 510px; }
.mediaPage #gridshort-view > .row > div { margin-bottom: 28px; display: flex; flex-wrap: wrap; }
.mediaPage .grid-short-box { --angle: 0deg; transition: 1s ease; border: 8px solid #282828; border-image: linear-gradient(0deg, #282829, #282829) 1; width: 100%; display: flex; flex-direction: column; min-height: 460px; }
.mediaPage .grid-short-box:hover { border-image: linear-gradient(var(--angle), #26727B, #FFE93D) 1; animation: 5s rotate linear infinite; }



@media(max-width: 767px) {
    .mediaPage #gridshort-view .row > div { width: 100%; }
    .mediaPage .grid-short-box { padding: 40px 30px; min-height: 370px; }
    .mediaPage .grid-short-box-subtitle { font-size: 100%; }
    .mediaPage .grid-short-box-link { margin-top: 24px; }
    .mediaPage .grid-short-box-link a { min-width: 130px; padding: 10px 30px; }
    .mediaPage .grid-short-box-image img { max-width: 160px; }
}


.projectsPage #gridshort-view > div { animation: fadeElements .5s forwards; }
.projectsPage .newclass .grid-short-box { margin: 0; height: 100%; }
.projectsPage .newclass { display: grid; grid-template-columns: 40% 30% 30%; grid-template-rows: repeat(2, 1fr); padding: 0 25px; }
.projectsPage .newclass > div:first-child { grid-column: 1 / 2; grid-row: 1 / 3; }
.projectsPage .newclass > div { float: none !important; width: 100%; }
.projectsPage #ContentGridShortModule .newclass .grid-short-box-image a { display: block; color: inherit; }
.projectsPage .newclass .grid-short-box:hover .grid-short-box-image img { transform: scale(1.2); }
.projectsPage .newclass .grid-short-box-image img { position: static; transform: scale(1); width: 100%; height: 100%; transition: .35s ease transform; object-fit: cover; }
.projectsPage .newclass .grid-short-box-image .grid-short-box-fulltext { position: absolute; top: auto; bottom: 0; left: 0; right: 0; transform: none; padding: 20px; width: 100%; text-align: start; z-index: 1; }
.projectsPage .newclass .grid-short-box .grid-short-box-label { font-size: 130%; padding: 0; line-height: 1; letter-spacing: 0.68px; text-align: right; }
.projectsPage .newclass .grid-short-box .grid-short-box-text { display: none; }

.projectsPage .newclass .grid-short-box-image::before { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 30%; background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); pointer-events: none; z-index: 1; }
.projectsPage .newclass > div:first-child .grid-short-box-image { padding-bottom: 105%; }
.projectsPage .newclass > div:not(:first-child) .grid-short-box-image { padding-bottom: 0; height: 100%; }
.projectsPage .newclass > div { padding: 9px; }
.projectsPage .newclass:nth-child(even) { direction: ltr; }

.projectsPage #GridTop h1 { letter-spacing: 1.95px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1; }

@media(max-width: 767px) {
    .projectsPage .newclass { grid-template-columns: 1fr; grid-template-rows: 1fr; padding: 0 6px; }
    .projectsPage .newclass > div:not(:first-child) .grid-short-box-image { padding-bottom: 100%; }
    .projectsPage .newclass .grid-short-box-image .grid-short-box-fulltext { padding: 15px; }
    .projectsPage .newclass .grid-short-box .grid-short-box-label { font-size: 110%; }
    .projectsPage .mobile-strip span { font-size: 100%; }
    .projectsPage .mobile-strip::after { content: ""; top: 25px; width: 17px; height: 10px; transform: translateY(-50%); background: url(/warehouse/temp/rayk/arrow-dropdown.svg); background-size: 100%; background-repeat: no-repeat; transition: .35s ease transform; }
    .projectsPage .mobile-strip .select-wrapper li.strip-item { font-size: 100%; }
    .projectsPage .mobile-strip.active::after { transform: translateY(-50%) rotate(180deg); }
}


.categories-strip { background: #212122; }
.categories-strip ul li { padding-top: 30px; padding-bottom: 30px; }
.categories-strip ul.hidden-xs li:first-child { display: none; }
.categories-strip ul li.active { background: transparent; }
.categories-strip ul li.active a { border-bottom: 2px solid currentColor; }
.categories-strip ul li.active a { color: #ffe93d; }
.contactPage .FooterForm.form-container-wide { display: none; }



#GridTop::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.57); }
#GridTop .top-caption { text-align: center; font-size: 100%; }
#GridTop .top-caption h1 { font-size: 375%; }
#GridTop .top-caption .top-caption-subtitle { font-size: 150%; letter-spacing: .78px; }

@media(min-width: 1025px) {
    #GridTop { height: 664px; }
}

@media(max-width: 767px) {
    #GridTop .top-caption h1 { font-size: 200%; }
    #GridTop .top-caption .top-caption-subtitle { font-size: 100%; }
}


#SiteFooter { background: #212122; }
#SiteFooter .footerFormContainer { background: transparent; }
/*Footer Form*/
#DynamicFormObject { color: #fff; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #fff; }
.normal-form input, .normal-form textarea { margin: 0; box-shadow: none; font-size: 120%; color: #fff; border: solid 1px #707070; background-color: #454545; border-radius: 0; height: auto; padding: 10px 30px; line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; font-size: 12px; top: 15px; }
.form-container-wide #DynamicFormObject form { margin-top: 21px; }
.FooterForm.form-container-wide #DynamicFormObject { padding: 70px 90px; max-width: 1304px !important; margin: 0 auto; display: block; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; font-size: 100%; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; padding: 7px 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { letter-spacing: 1.66px; text-align: center; font-size: 320%; line-height: 1; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; margin: 0; text-align: center; letter-spacing: 0.68px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; display: flex; justify-content: center; margin-top: 15px; padding: 0 5px; }
.form-container-wide #DynamicFormObject input[type=submit] { width: auto; font-size: 100% !important; background: #fff; color: #000; border-radius: 0; min-width: 290px; border: 2px solid transparent; height: auto; padding: 8px; letter-spacing: 0.78px; font-size: 150% !important; }
.form-container-wide #DynamicFormObject input[type=submit]:hover, .form-container-wide #DynamicFormObject input[type=submit]:focus { border-width: 2px !important; border-color: currentColor; }
.FooterForm.form-container-wide { float: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must { position: relative; }

.footer-text-divided { display: block; padding: 0; }
.footer-text-divided > div { width: 100%; display: block; }
.footer-text-divided > .footer-text-middle > ul { display: flex; flex-wrap: wrap; align-items: center; padding: 0; list-style: none; margin: 0; justify-content: space-between; direction: ltr; gap: 12px; }
.footer-text-divided > .footer-text-middle > ul li { display: flex; align-items: center; gap: 12px; }
.footer-text-divided > .footer-text-middle > ul > li a { margin-left: 20px; display: inline-block; vertical-align: -3px; }
.footer-text-divided > .footer-text-middle > ul li img { width: 24px; height: auto; aspect-ratio: 1; }
.footer-text-divided > div.footer-text-left { background: #282829; text-align: center; padding: 25px 15px; }
.footer-text-divided > div.footer-text-middle { max-width: 1314px; margin: 0 auto; padding: 24px 15px; }

.contactPage #GridPage { padding-top: 95px; }
.contactPage #text1 { line-height: 1; padding: 0 15px; }
.contactPage #text1 > p { font-size: 120%; letter-spacing: .62px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 5px; }
.contactPage .form-container-wide #DynamicFormObject { max-width: 1304px !important; margin: 0 auto; width: 100%; display: block; padding: 40px 0; border-top: 1px solid #707070; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-top: 20px; padding: 5px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; }
.contactPage #text1 > ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; margin-bottom: 0; padding: 0; }
.contactPage #text1 > ul > li { padding: 0 25px; }
.contactPage #text1 > ul > li img { margin-left: 6px; height: 20px; width: auto; }

@media(min-width: 768px) {
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
}

@media(max-width: 767px) {
    .normal-form input, .normal-form textarea { font-size: 70% !important; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 50px 15px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .FooterForm.form-container-wide .normal-form input { margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 220%; text-align: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; text-align: center; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; }
    .form-container-wide #DynamicFormObject input[type=submit] { width: 100%; font-size: 100% !important; }

    .footer-text-divided > div.footer-text-middle { padding-top: 10px; padding-bottom: 10px; }
    .footer-text-divided > .footer-text-middle > ul { text-align: left; font-size: 75%; }
    .footer-text-divided > .footer-text-middle > ul > li { flex: 1 100%; padding: 15px; }
    .footer-text-divided > .footer-text-middle > ul > li > * { display: inline-block; vertical-align: middle; }
    .footer-text-divided > .footer-text-middle > ul > li a { margin-left: 20px; }
    #SiteFooter .footer-text-divided > .footer-text-middle > ul img { height: 16px; width: 16px; }

    .contactPage #GridPage { padding-top: 50px; }
    .contactPage #GridWrapInner { flex-direction: column-reverse; }
    .contactPage #text1 > p { font-size: 100%; }
    .contactPage #text1 > ul { font-size: 75%; flex-direction: column; }
    .contactPage #text1 > ul > li { margin-bottom: 15px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 80%; }
}


.accessabilityMainPage #GridTop { padding-top: var(--header-height); background: transparent !important; }
.accessabilityMainPage #GridTop::after { content: none; }
.accessabilityMainPage .container-fluid { max-width: 840px; }

@media(max-width: 767px) {
    .accessabilityMainPage #accessability #text1 p, #accessability #text1 li { font-size: 80%; }
    .accessabilityMainPage #accessability #text1 h2 { font-size: 100%; }
}


.FormResultPage #GridTop { display: none; }
.FormResultPage #GridPage { padding-top: var(--header-height); }
.FormResultPage #pageview { margin-top: 9%; }
.FormResultPage .FormResultPageButton { border-bottom: 2px solid #ffe93d; }


@-webkit-keyframes AnimationName {
    0% { background-position: 35% 0% }
    50% { background-position: 66% 100% }
    100% { background-position: 35% 0% }
}

@-moz-keyframes AnimationName {
    0% { background-position: 35% 0% }
    50% { background-position: 66% 100% }
    100% { background-position: 35% 0% }
}

@keyframes AnimationName {
    0% { background-position: 35% 0% }
    50% { background-position: 66% 100% }
    100% { background-position: 35% 0% }
}


@keyframes moveDown {
    100% { transform: translateY(20px); opacity: 0; }
}


@keyframes move-left {
    from { opacity: 1; transform: translate(0%, 0); ) }
    to { opacity: 0; transform: translate(-100%, 0); }
}

@keyframes move-right {
    from { opacity: 1; transform: translate(0%, 0); ) }
    to { opacity: 0; transform: translate(100%, 0); }
}

@keyframes rotate {
    to { --angle: 360deg; }
}

@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }