@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/fonts/slick.eot);
src: url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/fonts/slick.woff) format('woff'), url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/fonts/slick.ttf) format('truetype'), url(https://rockdim.com/wp-content/themes/rockdim/assets/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'assistant';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Assistant-VariableFont_wght.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Assistant-VariableFont_wght.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'couture';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/couture-bold.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/couture-bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'fbagol';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-boldwebfont.eot);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-boldwebfont.eot?#iefix) format('embedded-opentype'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-boldwebfont.woff) format('woff'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-boldwebfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'fbagol';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-mediumwebfont.eot);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-mediumwebfont.eot?#iefix) format('embedded-opentype'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-mediumwebfont.woff) format('woff'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-mediumwebfont.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'fbagol';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-regularwebfont.eot);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-regularwebfont.eot?#iefix) format('embedded-opentype'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-regularwebfont.woff) format('woff'),
url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/fbagol-regularwebfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Regular.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Medium.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-SemiBold.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Bold.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-LightItalic.ttf);
src: url(//rockdim.com/wp-content/themes/rockdim/assets/fonts/Montserrat-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}* {margin-top: 0;box-sizing: border-box;}
:focus {outline:none}
body {direction: rtl;margin: 0;font-family: fbagol, montserrat;font-size: 16px;background: #000;color: #fff;}
#wrapper {position: relative;}
img {max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}
.clr {clear: both;}
.row {width: calc(100% - 260px);margin: 0 auto;}
.btn {background: #fff;color: #000;text-decoration: none;font-weight: 700;display: inline-block;width: 200px;padding: 15px 10px;border: 0;font-size: 16px;font-family: fbagol;cursor: pointer;}
.btn.dark {background: #000;color: #fff;}
.btn::after {content: "";background: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_button_black.svg) center / 13px;width: 7px;height: 12px;display: inline-block;margin-right: 10px;}
.btn.dark::after {background-image: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_button_white.svg);}
.btn:hover::after, .elementor-button:hover .elementor-align-icon-left {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.open-popup.text-btn {color: #fff;text-decoration: none;display: inline-block;margin-bottom: 15px;}
.open-popup.text-btn:after {content:" >"}
@keyframes scroll-indicator {
0% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
.main-title {font-family: couture, fbagol;font-weight: 700;font-size: 30px;margin-bottom: 15px;letter-spacing: 0.1em;}
.embed-container {position: relative;padding-top: 56.25%;height: 0;width: 100%;}
.embed-container iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.mobile {display: none !important;}
.anchor {position: absolute;top: -30px;}   header {padding: 25px 0;position: sticky;top: 0;right: 0;z-index: 100;border-top: 10px solid #fff;background: #000;transition: 0.2s all linear;}
.home header {background: transparent;}
.home.scroll header {background: #000;}
.page-template-page-about header {position: fixed;top: 0;right: 0;width: 100%;background: transparent;}
.page-template-page-about.scroll header {background: #000;}
.page-template-page-contact header {position: fixed;width: 100%;background:transparent;}
.page-template-page-contact.scroll header {background: #000;}
.scroll header {box-shadow: 0 6px 59px rgba(52,52,52,0.56);z-index: 101;padding: 20px 0;}
.scroll header::before {height: 100%;background: linear-gradient(to bottom, rgb(0, 0, 0) 0%,rgba(0,0,0,1) 88%,rgba(0,0,0,1) 100%) !important;}
.scroll header::after {display: none;}
header .row {display: flex;justify-content: space-between;}
.main-menu {position: relative;margin-left: 190px;}
.menu-toggle {width: 40px;display: block;}
.menu-toggle img {display: block;}
.main-menu > div {width: 290px;background: rgba(0,0,0,0.7);position: absolute;right: 50%;transform: translateX(50%);max-height: 0;overflow: hidden;transition: 0.3s max-height ease-in-out;top: calc(100% + 20px);}
.page-template-page-about .main-menu > div,
.page-template-page-contact .main-menu > div {background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%,rgba(0,0,0,0.5) 42%,rgba(0,0,0,0) 100%);}
.scroll .main-menu > div {background: rgba(0,0,0,0.7);}
.main-menu.open > div {max-height: 400px;border: 2px solid transparent;border-top: 0;}
.scroll .main-menu.open > div {border-color: #656565;}
ul.menu {list-style: none;padding: 25px 30px;text-align: center;color: #fff;margin: 0;letter-spacing: 0.1em;font-weight: 500;}
ul.menu > li {margin-bottom: 20px;}
ul.menu>li.en-item {font-family: couture;}
ul.menu > li:last-child {margin-bottom: 0;}
ul.menu > li > a {color: inherit;text-decoration: none;position: relative;}
ul.menu > li > a::after {content: "";position: absolute;right: -1px;bottom: -3px;width: 0;height: 2px;background: #fff;transition: 0.6s all ease;}
ul.menu > li > a:hover::after, ul.menu > li.current-menu-item > a::after {width: 100%;}
.logo {width: 155px;}
.logo a, .logo img {display: block;}
.social-nws ul {list-style: none;padding: 0;margin: 0;display: flex;width: 230px;justify-content: flex-end;}
.social-nws ul li {margin-left: 20px;height: 28px;position: relative;}
header .social-nws ul li {width: 40px;margin-left: 15px;}
.social-nws ul li:last-child {margin-left: 0;}
.social-nws ul img {height: 28px;display: block;}
header .social-nws ul img {height: 100%;width: auto;transition: 0.3s opacity ease;position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);}
.social-nws ul img.grey {opacity: 1;}
.social-nws ul img.white {opacity: 0;}
.page-template-page-contact header img.grey {opacity: 0;}
.page-template-page-contact header img.white {opacity: 1;}
.page-template-page-contact.scroll header img.grey {opacity: 1;}
.page-template-page-contact.scroll header img.white {opacity: 0;} .open-vid-running {overflow: hidden;}
.open-vid {position: fixed;top: 0;right: 0;width: 100vw;height: 100vh;background: #000;z-index: 10000000;overflow: hidden;}
.close-vid {position: absolute;bottom: 20px;right: 50%;transform: translate(50%);z-index: 10;color: #fff;text-decoration: none;padding: 10px 20px 9px 25px;font-size: 20px;font-family: couture;
border: 2px solid;letter-spacing: 0.2em;}    .home-hero {overflow: hidden;position: relative;height: 56vw;min-height: 866px;border-bottom: 6px solid #fff;}
.home-hero > video {display: block;position: relative;min-width: 1500px;right: 50%;transform: translate(50%);min-height: 866px;width: 100%;}
.home-hero::before, .home-hero::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 700px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
.hero-element {position: absolute;bottom: 70px;right: 50%;transform: translate(50%);height: 90px;width: 2px;background: #fff;animation: hero-elem 5s infinite linear;}  .page-banner-container {position: relative;height: 42vw;min-width: 1500px;right: 50%;transform: translate(50%);min-height: 630px;overflow: hidden;border-bottom: 6px solid #fff;} .parallax-mirror {direction: ltr; }
.page-banner-container::before, .page-banner-container::after {content: "";position: absolute;bottom: 0;right: 0;width: 100%;height: 450px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 14%, rgba(0,0,0,0.13) 35%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.13) 35%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 14%,rgba(0,0,0,0.13) 35%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
.page-banner-container img, .page-banner-container video {display: block;}
.page-banner-container video {width: 100%;} .main-title.page-banner-title p {margin: 0;}
.page-banner-content {position: absolute;bottom: 85px;right: 50%;width: 100%;z-index: 1;color: #fff;text-align: center;max-width: 90vw;transform: translate(50%);direction: rtl;}
.page-banner-text {margin-bottom: 20px;line-height: 2;}
.page-banner-content .btn {min-width: 200px;width: auto;padding: 15px 25px;} .clients {padding: 110px 0;position: relative;}
.border-top {content: "";width: 0;height: 2px;background: #656565;position: absolute;top: 0;right: 0;transition: all 2s ease-out !important;}
.border-bottom {content: "";width: 0;height: 2px;background: #656565;position: absolute;bottom: 0;left: 0;transition: all 2s ease-out !important;}
.border-top.in-view, .border-bottom.in-view {width: 100%;}
.clients-title {text-align: center;margin-bottom: 80px;}
.clients-slider {direction: ltr;}
.clients-slider .slick-next::before, .clients-slider .slick-prev::before {display: none;}
.clients-slider .slick-next {background: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_slider_white.svg) center;right: 0;}
.clients-slider .slick-prev {background: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_slider_white.svg) center;transform: rotateY(180deg) translate(0, -50%);left: 0;}
.clients .slick-list {margin: 0 50px;}
.clients .slick-list::before {content: "";position: absolute;top: 0;right: 0;height: 100%;width: 250px;z-index: 10;
background: -moz-linear-gradient(right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to left, rgb(0, 0, 0) 0,rgba(0, 0, 0, 0.7) 50%,rgba(0, 0, 0, 0) 100%);
}
.clients .slick-list::after {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 250px;z-index: 10;
background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgb(0, 0, 0) 0,rgba(0, 0, 0, 0.7) 50%,rgba(0, 0, 0, 0) 100%);
}
.client-slide-container {height: 110px;width: auto;margin: 0 20px;}
.client-slide-container img {height: 100%;width: auto;}    .page-hero {position: relative;min-width: 1500px;right: 50%;transform: translate(50%);min-height: 630px;}
.page-hero::before, .page-hero::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 700px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
.page-hero picture, .page-hero img, .page-hero video {width: 100% !important;}
.hero-content {position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);text-align: center;font-family: couture;z-index: 100;direction: ltr;}
.hero-title-1 {font-size: 21px;letter-spacing: 0.4em;}
.hero-title-2 {font-size: 54px;letter-spacing: 0.05em;}
.hero-title-1, .hero-title-2 {transform: scale(0.94);animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);}
.hero-content span {display: inline-block;opacity: 0;filter: blur(4px);}
.hero-content.loaded span.title-word-1 {animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-2 {animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-3 {animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-4 {animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-5 {animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-6 {animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-7 {animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-8 {animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-9 {animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-10 {animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-11 {animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-12 {animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-13 {animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-14 {animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.hero-content.loaded span.title-word-15 {animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);} .page-content {text-align: center;padding: 50px 0;}
.page-title {font-size: 27px;font-weight: 400;letter-spacing: 0.3em;margin-bottom: 20px;}
.page-text {max-width: 980px;margin: 0 auto;line-height: 2;}
.page-text p:last-child {margin-bottom: 0;} .page-items {position: relative;}
.page-items .row {width: 90%;max-width: 1500px;}
.items-title {margin-bottom: 70px;z-index: 11;background: #000;padding: 20px 0;transition: 0.5s all ease;position: relative;}
.items-title.stuck {padding: 10px 0;}
.page-items.w-filter .items-title {position: sticky;top: 80px;}
.items-title .row {display: flex;justify-content: center;align-items: center;position: relative;max-width: 1530px;}
.items-title h2 {margin: 0;font-size: 25px;font-family: couture;letter-spacing: 0.2em;transition: 0.5s all linear;}
.page-items.w-filter .items-title h2 {top: 50%; transform: translateY(-50%);}
.page-items.w-filter .items-title.stuck h2 {font-size: 16px;}
.items-filter-wrap {top: 50%; transform: translateY(-50%);display: flex;align-items: center;transition: 0.2s all linear;}
.items-filter-toggle {width: 40px;display: inline-block;}
.items-filter-toggle > img {display: block;}
.active-filter {display: flex;align-items: center;position: absolute;right: 0;}
.active-filter.active {margin-right: 10px;}
.active-filter .reset-filter {display: none;background: url(//rockdim.com/wp-content/themes/rockdim/images/X.png);width: 13px;height: 13px;margin-left: 7px;position: relative;top: -1px;}
.active-filter.active .reset-filter {display: block;}
.filter-categories {position: absolute;top: calc(100% + 22px);right: 50%;transform: translate(50%);border: 2px solid #656565;border-top: 0;width: 350px;background: rgba(0,0,0,0.9);z-index: 10;display: none;}
.stuck .filter-categories {top: calc(100% + 10px);}
.filter-open .filter-categories {display: block;}
.filter-category-container {border-bottom: 2px solid #656565;}
.filter-category-container:last-child {border-bottom: 0;}
.item-filter-category {text-align: center;display: block;color: inherit;text-decoration: none;padding: 17px 25px;font-weight: 500;letter-spacing: 0.1em;}
.active .item-filter-category, .item-filter-category:hover {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 8px;}
.items-wrap {max-width: 1530px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.item-container {width: calc(33.33% - 55px);position: relative;padding-bottom: 90px;margin-bottom: 82px;}
.gutter {width: 82px;}
.page-items.wo-filter .item-container {margin-left: 82px;}
.page-items.wo-filter .item-container:nth-child(3n) {margin-left: 0;}
.item-container .item-image::before, .item-container .item-image::after {content: "";position: absolute;bottom: 0;right: 0;height: calc(100%);width: 100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
background: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 31%, rgba(0,0,0,0.85) 80%,rgb(0, 0, 0) 100%);
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 31%, rgba(0,0,0,0.85) 80%,rgb(0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 31%, rgba(0,0,0,0.85) 80%,rgb(0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
.item-container .item-image {overflow: hidden;}
.item-container .item-image > img {display: block;transform: scale(1);transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1) 0s;}
.item-container .item-image > video {display: block;}
.item-container:hover .item-image > img {transform: scale(1.1);}
.item-content {text-align: center;position: absolute;right: 0;bottom: 0;width: 100%;z-index: 10;padding: 0 5px;}
.item-content h3 {font-size: 28px;margin-bottom: 25px;font-weight: 500;letter-spacing: 0.1em;}
.item-content h3 span {display: block;font-size: 21px;letter-spacing: 0.1em;margin-bottom: 10px;}
.item-text {font-size: 14px;line-height: 2;height: 100px;}
.item-text br {display: none;}  .page-items.TV-page {padding-bottom: 120px;}
.page-items.TV-page .items-title {background: url(//rockdim.com/wp-content/themes/rockdim/images/Title_streap.jpg) center;text-align: center;font-family: couture;font-weight: 700;font-size: 30px;color: #000;letter-spacing: 0.1em;margin-bottom: 93px;}
.page-items.TV-page .items-title h1 {margin: 0;font-size: inherit;}
.page-items.TV-page .items-wrap {gap: 82px 110px;}
.page-items.TV-page .item-container {width: calc(50% - 55px);margin-left: 0 !important;margin-bottom: 0 !important;padding-bottom: 59px !important;}
.page-items.TV-page .item-title h3 {text-align: center;font-size: 40px;font-weight: 500;letter-spacing: 0.1em;margin-bottom: 30px;}
.page-items.TV-page .item-title h3 span {display: block;font-size: 18px;font-weight: 300;margin-bottom: 20px;letter-spacing: 0.2em;font-family: brother-1816-printed,sans-serif;}
.page-items.TV-page .item-container .item-image {margin-bottom: 30px;}
.page-items.TV-page .item-container .item-image::before, .TV-page .item-container .item-image::after {display: none;}
.page-items.TV-page .item-content {position: static;padding: 0;}
.page-items.TV-page .item-text {font-size: 17px;height: auto;margin-bottom: 30px;line-height: 1.6;}
.page-items.TV-page .item-text br {display: unset;}
.page-items.TV-page .item-btn {position: absolute;bottom: 0;right: 0;width: 100%;}
.page-items.TV-page .item-btn .btn {width: 100%;padding: 17px 10px 18px;}
.page-items.TV-page .item-btn .btn::after {background: url(//rockdim.com/wp-content/themes/rockdim/images/youtube-red-icon.svg);width: 29px;height: 18px;position: relative;top: 3px;}
.page-items.TV-page .item-btn .btn:hover::after {animation: none;} .video-popup-wrap {position: fixed;top: 0;right: 0;width: 100vw;height: 100vh;display: none;justify-content: center;align-items: center;z-index: 102;background: rgba(0,0,0,0.9);}
.video-popup-wrap .row {height: 100%;overflow: auto;display: flex;align-items: center;}
.popup-inner {max-width: 1170px;margin: 0 auto;width: 100%;}
.popup-top {display: flex;padding-bottom: 27px;border-bottom: 2px solid;}
.popup-close {background: url(//rockdim.com/wp-content/themes/rockdim/images/popup-close-icon.png);width: 15px;height: 16px;}
.popup-title {text-align: center;margin-bottom: 20px;font-size: 24px;font-weight: 500;}
.popup-iframe-wrap {padding: 30px 145px;position: relative;}
.vjs-swarmify-theme .vjs-swarmify-play-button .swarmify-play-button #hex {stroke: #fff !important;}
.vjs-swarmify-theme .vjs-swarmify-play-button .swarmify-play-button #tri {fill: #000 !important;stroke: #000 !important;}
.prev-video, .next-video {position: absolute;top: 50%;transform: translateY(-50%);border: 0;font-size: 0;width: 43px;height: 21px;cursor: pointer;}
.prev-video {background: url(//rockdim.com/wp-content/themes/rockdim/images/popup-arrow-right.png) center;right: 0;}
.next-video {background: url(//rockdim.com/wp-content/themes/rockdim/images/popup-arrow-left.png) center;left: 0;}
.popup-button {text-align: center;border-bottom: 2px solid;padding-bottom: 27px;}   .about-page {display: flex;flex-direction: row-reverse;position: relative;}
.about-page::before, .about-page::after {content: "";position: absolute;top: 0;right: 0;width: 100%;height: 600px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.15) 65%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); }
.about-content-wrap {width: 50%;text-align: center;position: relative;z-index: 95;display: flex;align-items: center;padding: 100px 20px 140px;}
.about-content {max-width: 630px;margin: 0 auto;}
.about-content h1 {max-width: 380px;margin: 0 auto 25px;}
.about-text {line-height: 2;}
.about-text p {margin-bottom: 30px;}
.about-contact > h2 {font-weight: 500;letter-spacing: 0.1em;margin-bottom: 30px;}
.about-gallery-wrap {width: 50%;}
.page-template-page-about .fade-in {transition-duration: 2s;}    .contact-hero {position: relative;margin-bottom: 100px;}
.contact-hero-media {position: relative;}
.contact-hero-media::after {content: "";position: absolute;bottom: 0;right: 0;height: calc(100% - 90px);width: 100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
.contact-hero-media video {width: 100%;}
.contact-hero img {display: block;width: 100%;}
.contact-content {max-width: 850px;margin: 0 auto;background: rgba(0,0,0,0.7);padding: 120px 160px;text-align: center;position: absolute;bottom: 0;right: 50%;transform: translate(50%);z-index: 10;}
.contact-content h1 {font-family: couture;margin-bottom: 10px;direction: ltr;}
.contact-content h1 .title-1 {display: block;font-size: 22px;letter-spacing: 0.4em;}
.contact-content h1 .title-2 {display: block;font-size: 54px;letter-spacing: 0.05em;}
.contact-content h2 {font-weight: 400;line-height: 2;font-size: 16px;}
.contact-content .social-nws ul {margin: 0 auto;}
.contact-content .social-nws ul a {transition: 0.2s transform linear;transform: scale(1);display: block;}
.contact-content .social-nws ul a:hover {transform: scale(1.15);}
.title-1, .title-2 {transform: scale(0.94);animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);}
.contact-content span {display: inline-block;opacity: 0;filter: blur(4px);}
.contact-content.loaded span.title-word-1 {animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-2 {animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-3 {animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-4 {animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-5 {animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-6 {animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-7 {animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-8 {animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-9 {animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-10 {animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-11 {animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-12 {animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-13 {animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-14 {animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content.loaded span.title-word-15 {animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.contact-content .social-nws li {opacity: 0;transition: 2s opacity ease;}
.contact-content .social-nws li:nth-child(5) {transition-delay: 0.25s;}
.contact-content .social-nws li:nth-child(4) {transition-delay: 0.5s;}
.contact-content .social-nws li:nth-child(3) {transition-delay: 0.75s;}
.contact-content .social-nws li:nth-child(2) {transition-delay: 1s;}
.contact-content .social-nws li:nth-child(1) {transition-delay: 1.25s;}
.contact-content .social-nws.in-view li {opacity: 1;} .contact-page-form {margin-bottom: 100px;}
.contact-page-form .wpcf7-form {max-width: 1400px;margin: 0 auto;}
.form-col {display: flex;justify-content: space-between;flex-wrap: wrap;}
.form-col.form-col-1 {width: 53%;}
.form-col.form-col-2 {width: 41.5%;align-self: stretch;}
.contact-page-form .wpcf7-text {color: #fff;border-color: #fff;}
.contact-page-form .form-field.field-subject > label::after {background-image: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_slider_white.svg);}
.contact-page-form .wpcf7-textarea {color: #fff;}
.contact-page-form .form-field.field-submit {margin: 50px auto 0;} .contact-gallery {max-width: 1270px;margin: 0 auto 100px;display: flex;flex-wrap: wrap;position: relative;}
.gallery-img-container {width: 25%;}
.gallery-img-container img {display: block;}
.instagram-link {position: absolute;bottom: 0;right: 50%;transform: translate(50%);background: #fff;font-family: montserrat;font-weight: 600;padding: 32px 45px;font-size: 19px;}
.instagram-link a {display: block;color: #000;text-decoration: none;}   .default-page-title {text-align: center;font-size: 42px;margin-bottom: 30px;}
.default-page {padding: 50px 0;min-height: calc(100vh - 205px);}
.default-page .page-content {padding: 0;font-size: 24px;}    .contact-form {padding: 90px 0 120px;position: relative;background: url(//rockdim.com/wp-content/themes/rockdim/images/Contact-BG.jpg);color: #000;}
.contact-form-bg {display: none;}
.form-title {text-align: center;}
.form-subtitle {text-align: center;margin-bottom: 80px;line-height: 2;}
.wpcf7 {max-width: 1530px;margin: 0 auto;}
.wpcf7-form {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.form-field {margin-bottom: 50px;}
.form-field.field-quarter {width: calc(25% - 30px);}
.form-field.field-half {width: calc(50% - 20px);}
.form-field.field-full {width: 100%;}
.form-field.field-subject.field-special {width: calc(48% - 210px);}
.form-field.field-message.field-special {width: calc(64.8% - 210px);}
.form-field.field-submit {width: 170px;margin-top: 4px;}
.form-field.field-subject, .form-field.field-message, .form-field.field-submit {margin-bottom: 0;}
.form-field > label {display: block;margin-bottom: 10px;cursor: pointer;color: #767676;}
.form-field.field-email label {font-family: montserrat;}
.form-field.field-subject > label {padding-right: 21px;position: relative;}
.form-field.field-subject > label::after {background: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_slider_black.svg) no-repeat right / 14px;transform: rotatez(90deg);content: "";width: 15px;height: 14px;position: absolute;right: 0;}
.wpcf7-form-control-wrap {display: block;}
.wpcf7-text {background: transparent;border: 0;border-bottom: 2px solid #000;color: #000;font-size: 16px;font-family: assistant;width: 100%;font-size: 18px;}
.wpcf7-textarea {border: 2px solid;background: transparent;color: #000;width: 100%;height: 236px;resize: none;font-size: inherit;font-family: assistant;padding: 10px;font-size: 18px;}
.contact-form .wpcf7-textarea {border-width: 0 0 2px;height: 25px;padding: 0;line-height: 1.1;}
.field-subject .wpcf7-select {display: none;}
.selected-option {line-height: 25px;height: 25px;border-bottom: 2px solid;cursor: pointer;font-size: 18px;font-family: assistant;}
ul.select-options-wrap {list-style: none;padding: 0;margin: 0;width: 100%;border: 2px solid #807f7f;border-top: 0;overflow: auto;height: 164px;direction: ltr;display: none;z-index: 10;color: #fff;
background: rgba(0,0,0,0.9);}
.field-subject.select-open ul.select-options-wrap {display: block;}
.select-option {letter-spacing: 0.1em;border-bottom: 2px solid #807f7f;direction: rtl;text-align: right;}
.select-option a {padding: 10px;display: block;color: inherit;text-decoration: none;}
.select-option:last-child {border-bottom: 0;}
.form-field.field-submit .btn {width: 100%;}
.wpcf7-not-valid-tip {margin-top: 10px;}
.wpcf7-response-output {width: 100%;text-align: center;} .vjs-swarmify-theme {width: 100% !important;height: auto !important;}
.vjs-swarmify-theme.smartvideo-player .vjs-tech {width: 100% !important;height: auto !important;position: static !important;} .animate {transition: 0.2s all linear;}
.animate.delay-1 {transition-delay: 0.15s}
.animate.delay-2 {transition-delay: 0.3s}
.animate.delay-3 {transition-delay: 0.45s}
.animate.delay-4 {transition-delay: 0.6s}
.animate.delay-5 {transition-delay: 0.75s}
.animate.delay-6 {transition-delay: 0.9s}
.bounce-up {opacity: 0;transition: transform 1000ms ease-out, opacity 1000ms ease-out;transform: translate(0px, 20px);backface-visibility: hidden;}
.bounce-up.in-view {opacity: 1;transform: translate(0px, 0px);}
.fade-in {opacity: 0;transition: opacity 1000ms ease-out;}
.fade-in.in-view {opacity: 1;}
.blur-in {filter: blur(10px);transition: filter 1000ms ease-out;}
.blur-in.in-view {filter: blur(0);}
@-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
50% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
100% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
50% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
100% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
}
@keyframes scale {
100% {
transform: scale(1);
}
}
@keyframes fade-in {
100% {
opacity: 1;
filter: blur(0);
}
}
@keyframes hero-elem {
0% {
height: 0;
bottom:70px;
}
25% {
height: 90px;
bottom:70px;
}
50% {
height: 0;
bottom: 160px;
}
75% {
height: 90px;
bottom:70px;
}
100% {
height: 0;
bottom:70px;
}
}   .page-template-page-about footer {position: absolute;bottom: 0;right: 0;width: 100%;z-index: 100;}
footer .row {display: flex;justify-content: space-between;align-items: center;padding: 30px 0 50px;}
.page-template-page-about footer .row {border-top: 2px solid #fff;}
.page-template-page-contact footer .row {border-top: 2px solid #656565;}
.footer-copyrights a {display: flex;direction: ltr;align-items: center;color: inherit;text-decoration: none;font-family: montserrat;font-weight: 300;font-style: italic;font-size: 18px;width: 210px;
justify-content: space-between;}
.footer-copyrights a img {width: 75px;}
.footer-logo {width: 145px;}
footer .social-nws ul {width: 210px;}
footer .social-nws ul img {height: 25px;}
.back-to-top {width: 45px;position: fixed;right: 90px;bottom: 130px;opacity: 0;transition: 0.3s opacity ease;z-index: 102;}
.scroll .back-to-top {opacity: 1;}   @media screen and (max-width: 1500px) {
.gutter {width: 40px;}
.item-container {margin-bottom: 60px;width: calc(33.33% - 27px);}
.page-items.wo-filter .item-container {margin-left: 40px;}
.item-text {height: 132px;}
}
@media screen and (max-width: 1300px) {
body {font-size: 15px;}
.row {width: 90%;}
.menu-toggle {width: 30px;}
.main-menu > div {right: 0;transform: none;}
header .social-nws ul li {width: 30px;}
.logo {width: 135px;}
.main-title {font-size: 26px;}
.form-field.field-subject.field-special {width: calc(48% - 150px);}
.back-to-top {right: 5%;width: 40px;}
.page-text br {display: none;}
.item-text {height: 122px;}
.about-content-wrap {padding: 100px 20px 80px;}
.about-content {max-width: 400px;}
.about-content h1 {max-width: 300px;}
.page-template-page-about footer {position: static;}
.about-text br {display: none;}
.contact-content {position: relative;transform: none;width: 100%;padding: 0 30px;background: none;margin-top: -120px;z-index: 2;right: 0;}
.form-col.form-col-1, .form-col.form-col-2 {width: 100%;}
.form-field.field-subject {margin-bottom: 50px;}
.back-to-top {right: 5%;}
}
@media screen and (max-width: 1100px) {
.item-container {width: calc(50% - 20px);}
}
@media screen and (max-width: 900px) {
.main-menu {margin-left: 120px;}
header .social-nws ul {width: 160px;}
.items-wrap {width: 74vw;}
.gutter {width: 0;}
.item-container {width: 100%;}
.page-items.TV-page .items-wrap {gap: 60px;width: 100%;}
.page-items.TV-page .item-container {width: calc(50% - 30px);}
.page-items.TV-page .item-title h3 {font-size: 30px;}
.wpcf7-form {max-width: 70vw;margin: 0 auto;}
.form-field.field-quarter {width: 100%;}
.form-field.field-half {width: 100%;}
.form-field.field-subject.field-special, .form-field.field-message.field-special {width: 100%;margin-bottom: 50px;}
.form-field.field-submit {margin: 0 auto;}
}
@media screen and (max-width: 600px) { #wrapper {padding-bottom: 90px;}
.mobile {display: block !important;}
.desktop {display: none !important;}
.row {width: 83%;}
.main-title {font-size: 40px;letter-spacing: 0.05em;}
.main-title span {font-size: 16px;display: block;letter-spacing: 0.4em;}
.btn {font-size: 19px;letter-spacing: 0.05em;} header {border-width: 5px;padding: 15px 0;background: transparent;position: fixed;width: 100%;}
.scroll header {background: #000;z-index: 102;}
header .row {justify-content: center;position: relative;}
.logo {width: 115px;}
.main-menu {margin: 0;position: absolute;right: 0;top: calc(50% - 11px);}
.menu-toggle {width: 30px;}
.open .menu-toggle {position: fixed;z-index: 12;top: 24px;right: 8.5%;height: 30px;background: url(//rockdim.com/wp-content/themes/rockdim/images/close-X-white.svg) center / 80px;}
.open .menu-toggle img {display: none;}
.main-menu > div {position: fixed;top: 0;right: 0;width: 100%;transform: none;background: #000 !important;display: flex;flex-direction: column;justify-content: space-between;align-items: center;
max-height: none;padding: 0;opacity: 0;height: 0;transition: 0.3s opacity ease, 0s height linear 0.3s, 0s padding linear 0.3s;z-index: 11;}
.main-menu.open > div {max-height: none;padding: 110px 0 40px;height: 100vh;opacity: 1;transition: 0.3s opacity ease 0.01s, 0s height linear 0s, 0s padding linear 0s;}
.scroll .main-menu.open > div {border: 0;}
.menu-title {font-family: couture;font-size: 40px;text-align: center;letter-spacing: 0.4em;}
ul.menu {font-size: 25px;}
ul.menu > li {margin-bottom: 40px;}
ul.menu > li > a::after {display: none;}
ul.menu > li > a:hover, ul.menu > li.current-menu-item > a {color: #656565;}
.main-menu-container .social-nws {margin-bottom: 20px;}
.main-menu-container .social-nws ul {width: auto;}
.main-menu-container .social-nws li {opacity: 0;transition: 2s opacity ease;}
.main-menu-container .social-nws li:nth-child(1) {transition-delay: 0.15s;}
.main-menu-container .social-nws li:nth-child(2) {transition-delay: 0.3s;}
.main-menu-container .social-nws li:nth-child(3) {transition-delay: 0.45s;}
.main-menu-container .social-nws li:nth-child(4) {transition-delay: 0.6s;}
.main-menu-container .social-nws li:nth-child(5) {transition-delay: 0.75s;}
.main-menu.open .main-menu-container .social-nws li {opacity: 1;}
.menu-copyright {font-family: montserrat;font-size: 17px;color: #656565;direction: ltr;letter-spacing: 0.2em;text-align: center;}
.social-menu-toggle {width: 70px;height: 70px;background: #fff;border-radius: 100%;box-shadow: 0 0 10px #656565;position: fixed;bottom: 50px;left: 50px;display: flex !important;justify-content: center;
align-items: center;z-index: 10;background: url(//rockdim.com/wp-content/themes/rockdim/images/Plus.svg) no-repeat #fff center / 100%;transform: rotateZ(0);transition: 0.6s transform ease;}
.open .social-menu-toggle {transform: rotate(225deg);}  header .row > .social-nws ul {position: fixed;bottom: 20px;left: 20px;}
header .row > .social-nws ul li {margin: 0 0 22px;width: auto;height: auto;transition: 0.3s opacity ease;}
header .row > .social-nws ul li a {display: flex;flex-direction: row-reverse;align-items: center;color: inherit;text-decoration: none;font-family: montserrat;font-weight: 500;font-size: 24px;}
header .row > .social-nws ul li img {position: static;display: inline;transform: none;height: auto;width: 70px;margin-right: 20px;} .home-hero {min-width: 0;min-height: 177.92vw;}
.home-hero::before, .home-hero::after {height: 270px;}
.home-hero > video {min-width: auto;min-height: 0;}
.page-banner-container {height: 150vw;min-width: 0;padding-bottom: 60px;min-height: 0;border-width: 4px;} .page-banner-content {bottom: 60px;}
.page-banner-content .btn {min-width: 180px;width: auto;}
.main-title p {margin: 0;}
.page-banner-text {line-height: 1.7;font-size: 18px;margin-bottom: 30px;}
.clients {padding: 80px 0;}
.clients-title {font-size: 27px;}
.clients .slick-list {margin: 0;}
.clients .slick-list::before, .clients .slick-list::after {width: 70px;}
.client-slide-container {margin: 0 10px;} .header-filter-wrap {display: flex !important;position: absolute;left: 0;right:auto;top: 50%;transform: translateY(-50%);opacity: 0;transition: 0.5s opacity ease;}
.title-row-stuck .header-filter-wrap {opacity: 1;}
.header-filter-wrap.active-filter .reset-filter {display: block !important;margin-right: 15px;}
.page-hero {min-width: 0;min-height: 144.44vw;}
.page-hero::before, .page-hero::after {height: 200px;}
.hero-content {width: 95%;}
.category-6 .hero-content {top: calc(50% + 22vw);}
.category-7 .hero-content {top: calc(50% + 24vw);}
.hero-title-2 {font-size: 51px;}
.page-title {font-size: 30px;font-weight: 500;}
.page-content {padding: 60px 0;}
.page-text {font-size: 18px;}
.page-items.w-filter .items-title {position: relative;top: 0;transition: 0s z-index linear 0.5s;}
.items-title.stuck {padding: 20px 0;}
.items-title h2 {font-size: 22px;}
.items-filter-wrap {transform: none;margin-left: 20px;}
.filter-text {display: none;}
.active-filter .reset-filter {display: none !important;}
.page-items {border-bottom: 0;}
.page-items.w-filter .items-title h2 {transform: none;}
.page-items.w-filter .items-title.stuck h2 {font-size: 22px;}
.page-items.w-filter .items-title.filter-open {z-index: 101;transition: 0s z-index linear 0s;}
.filter-categories {position: fixed;top: 0;right: 0;width: 100%;transform: none;height: 0;border: 0;padding: 0 22%;background: #000;z-index: 101;border-bottom: 0;overflow: hidden;transition: 0.5s all ease;
display: block;}
.filter-open .filter-categories {padding: 16% 22%;height: 35vh;border-bottom: 2px solid #656565;}
.stuck .filter-categories {top: 0;}
.filter-category-container {border: 0;margin-bottom: 20px;}
.filter-title {font-family: couture;font-size: 40px;letter-spacing: 0.4em;position: relative;margin: 0 auto 28px;text-align: center;padding-bottom: 20px;}
.filter-categories .items-filter-toggle {position: absolute;top: 20px;right: 20px;height: 40px;background: url(//rockdim.com/wp-content/themes/rockdim/images/close-X-white.svg) center / 80px;}
.item-filter-category {padding: 0 50px 0 0;text-align: right;background: url(//rockdim.com/wp-content/themes/rockdim/images/Plus-white.svg) no-repeat right / 30px;}
.active .item-filter-category, .item-filter-category:hover {text-decoration: none;}
.active .item-filter-category {background-image: url(//rockdim.com/wp-content/themes/rockdim/images/Check.svg);}
.filter-categories .reset-filter {color: #656565;text-decoration: none;font-weight: 500;letter-spacing: 0.1em;background: url(//rockdim.com/wp-content/themes/rockdim/images/X.png) no-repeat top 50% right 8px;padding-right: 50px;
display: none !important;}
.active ~ .filter-categories .reset-filter {display: block !important;}
.item-container {padding-bottom: 36vw;margin-bottom: 75px;}
.item-container .item-image::before, .item-container .item-image::after {bottom: 0;height: calc(80%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgb(0, 0, 0) 90%);}
.item-content h3 {font-size: 30px;letter-spacing: 0.1em;}
.item-text {font-size: 18px;line-height: 1.8;margin-bottom: 20px;height: auto;}
.item-text br {display: none;}
.item-btn a {border: 2px solid;padding: 15px 10px;letter-spacing: 0;width: 100%;font-size: 20px;letter-spacing: 0.05em;} .page-items.wo-filter .item-container {margin-left: 0;}
.page-items.TV-page .items-title {background: url(//rockdim.com/wp-content/themes/rockdim/images/Title_streap_mobile.jpg) center;font-size: 27px;margin-bottom: 70px;}
.page-items.TV-page .row {width: 100%;}
.page-items.TV-page .item-container {width: 100%;}
.page-items.TV-page .item-title h3 {font-size: 22px;}
.page-items.TV-page .item-title h3 span {font-size: 16px;margin-bottom: 10px;}
.page-items.TV-page .item-container .item-image {margin-bottom: 20px;}
.page-items.TV-page .item-content {width: 90%;margin: 0 auto;max-width: 400px;}
.page-items.TV-page .item-text {font-size: 15px;width: 340px;margin: 0 auto 20px;}
.page-items.TV-page .item-text br {display: none;}
.page-items.TV-page .item-btn .btn {width: 66%;min-width: 280px;}
.popup-iframe-wrap {padding: 50px 20px;margin-bottom: 25px;}
.prev-video, .next-video {bottom: 0;top: auto;transform: none;}
.prev-video {right: calc(50% - 30px);transform: translate(100%);}
.next-video {left: calc(50% - 30px);transform: translate(-100%);}
.popup-button {padding-bottom: 57px;} .about-page {flex-direction: column-reverse;margin-bottom: 30px;}
.about-page::before, .about-page::after {height: 33vw;}
.about-gallery-wrap {width: 100%;position: relative;}
.about-gallery-wrap::before {content: "";position: absolute;bottom: 0;right: 0;height: 120vw;width: 100%;z-index: 1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}
.about-content-wrap {width: 73%;padding: 0;margin: -200px auto 0;}
.about-content h1 {margin-bottom: 18vw;}
.about-text {font-size: 18px;}
.about-contact > h2 {font-weight: 700;font-size: 18px;}
.about-contact .btn {background: transparent;color: #fff;border: 2px solid;}
.about-contact .btn::after {background: url(//rockdim.com/wp-content/themes/rockdim/images/Arrow_button_white.svg) center / 13px;} .contact-hero-media {min-height: 167.29vw;}
.contact-content h1 {margin-bottom: 25px;}
.contact-content h1 .title-2 {font-size: 51px;}
.contact-content h2 {font-size: 22px;line-height: 1.7;letter-spacing: 0.05em;margin-bottom: 40px;}
.contact-page-form .row {max-width: 420px;}
.contact-page-form {margin-bottom: 80px;}
.form-col.form-col-1, .form-col.form-col-2 {width: 100%;}
.form-field.field-subject, .form-field.field-message, .form-field.field-submit {margin-bottom: 50px;}
.contact-page-form  .form-field > label {color: #807f7f;}
.contact-page-form .form-field.field-submit {margin-top: 0;}
.contact-gallery-wrap .row {max-width: 420px;}
.contact-gallery {margin-bottom: 30px;}
.gallery-img-container {width: 50%;}
.instagram-link {position: static;transform: none;width: 100%;text-align: center;padding: 10px;}
.instagram-link a {font-size: 14px;}
.page-template-page-contact footer .social-nws {display: none;} .contact-form {position: relative;padding: 90px 0 0;background: url(//rockdim.com/wp-content/themes/rockdim/images/Contact-BG-mobile.jpg);}
.contact-form-bg {display: block;position: absolute;top: 0;z-index: -1;opacity: 0.2;}
.contact-form-bg::before {content: "";position: absolute;bottom: 0;right: 0;height: 120vw;width: 100%;z-index: 1;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
background: -moz-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 31%,rgb(0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}
.form-subtitle {font-size: 19px;line-height: 1.7;}
.contact-page-form .wpcf7-form {max-width: 70vw;}
.form-field {margin-bottom: 40px;}
.form-field.field-subject.field-special, .form-field.field-message.field-special {margin-bottom: 40px;}
.form-field > label {margin-bottom: 5px;}
.contact-form .wpcf7-textarea {height: 200px;border-width: 2px;padding: 10px;}
.gallery-img-container:nth-child(n+5) {display: none;} .page-template-page-about footer {position: static;} footer .row {flex-wrap: wrap;border-top: 0;padding-bottom: 0;}
footer .social-nws {order: 0;width: 100%;margin-bottom: 20px;}
footer .social-nws ul {width: auto;justify-content: center;}
footer .social-nws li {opacity: 0;transition: 2s opacity ease;}
footer .social-nws li:nth-child(1) {transition-delay: 0.15s;}
footer .social-nws li:nth-child(2) {transition-delay: 0.3s;}
footer .social-nws li:nth-child(3) {transition-delay: 0.45s;}
footer .social-nws li:nth-child(4) {transition-delay: 0.6s;}
footer .social-nws li:nth-child(5) {transition-delay: 0.75s;}
footer.in-view .social-nws li {opacity: 1;}
.footer-copyrights {order: 1;width: 100%;display: flex;direction: ltr;align-items: center;justify-content: center;color: #656565;font-family: montserrat;font-weight: 500;font-size: 15px;
letter-spacing: 0.2em;}
.footer-copyrights a {font-style: normal;width: 220px;text-transform: uppercase;font-size: 15px;font-weight: 500;}
.footer-copyrights a img {width: 50px;}
.footer-copyrights span {margin-right: 8px;}
.back-to-top {width: 35px;}
}
@media screen and (max-width: 500px) { .main-title {font-size: 34px;}
.main-title span {font-size: 15px;margin-bottom: 5px;}
.btn {font-size: 16px;padding: 13px 10px 10px;line-height: 1;width: 180px;} .main-menu.open > div {padding: 120px 0;}
.menu-title {font-size: 32px;}
.open .menu-toggle {height: 22px;background-size: 50px;top: 30px;}
ul.menu {font-size: 18px;}
ul.menu > li {margin-bottom: 30px;}
.menu-copyright {font-size: 15px;font-weight: 500;} .page-banner-text {font-size: 15px;line-height: 1.55;margin: 0 auto 20px;width: 320px;}
.page-banner-text br {display: none;}
.clients {padding: 60px 0;}
.clients-title {font-size: 22px;margin-bottom: 50px;}
.home .contact-form {padding-top: 70px;}
.home .form-subtitle {margin-bottom: 60px;} .form-subtitle {font-size: 15px;line-height: 1.55;}
.form-field.field-message.field-special {margin-bottom: 20px;}
.form-field > label {font-size: 15px;margin-bottom: 10px;}
.wpcf7-text {padding-bottom: 5px;letter-spacing: 0.05em;}
.selected-option {padding-bottom: 10px;height: 35px;letter-spacing: 0.05em;}
.wpcf7-textarea {letter-spacing: 0.05em;}
.form-field.field-submit {width: 150px;} .hero-title-1 {font-size: 16px;margin-bottom: 5px;letter-spacing: 0.35em;}
.hero-title-2 {font-size: 40px;}
.page-title {font-size: 26px;}
.page-text {font-size: 15px;}
.items-title {margin-bottom: 50px;}
.items-title h2 {font-size: 18px;}
.items-filter-toggle {width: 34px;}
.filter-title {font-size: 26px;}
.filter-categories .items-filter-toggle {top: 30px;height: 22px;background: url(//rockdim.com/wp-content/themes/rockdim/images/close-X-white.svg) center / 50px;}
.item-container {padding-bottom: 0;}
.item-container .item-image::before, .item-container .item-image::after {bottom: auto;height: 64vw;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgb(0, 0, 0) 90%);top: 36vw;}
.item-content {padding: 0;max-width: 290px;position: relative;margin: 0 auto;}
.item-content h3 {font-size: 24px;margin-bottom: 15px;line-height: 1.5;}
.item-content h3 span {font-size: 16px;margin-bottom: 0;}
.item-text {font-size: 15px;line-height: 1.55;}
.item-btn a {font-size: 16px;} .about-content-wrap {width: 80%;}
.about-content h1 {position: relative;top: -10px;}
.about-text {font-size: 15px;} .contact-hero {margin-bottom: 80px;}
.contact-content h1 {margin-bottom: 15px;}
.contact-content h1 .title-1 {font-size: 18px;margin-bottom: 10px;}
.contact-content h1 .title-2 {font-size: 38px;}
.contact-content h2 {font-size: 16px;margin-bottom: 30px;} .social-menu-toggle {width: 45px;height: 45px;}
header .row > .social-nws.open ul {padding-bottom: 95px;}
header .row > .social-nws ul li a {font-size: 17px;}
header .row > .social-nws ul li img {width: 45px;margin-right: 15px;}
.footer-copyrights {font-size: 11px;}
.footer-copyrights a {font-size: 11px;width: 180px;}
}
@media screen and (max-width: 400px) {
.footer-copyrights {font-size: 10px;}
}