/*
Theme name: Reality Based Group
Description: Custom Theme
*/

/*/////GLOBAL/////*/

html,body {
	overflow: visible;
	overflow-x: hidden;
}

body {
	font-family: neue-haas-grotesk-text, sans-serif;
	padding: 0;
	margin: 0;
	position: relative;
	font-weight: 500;
	font-style: normal;
	background-color: #000000;
}

section, footer {
	position: relative;
}

ul {
	padding-inline-start: 0;
	list-style: none;
}

/*TYPOGRAPHY*/

h1, h2, h3, h4, h5, h6, p {
	margin-block-start: 0;
	margin-block-end: 0;
	font-style: normal;
}

h1, h2, h3, h4, h6 {
	text-transform: uppercase;
}

h1, h2 {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 900;
	font-size: 150px;
	line-height: 1em;
	font-weight: 900;
	letter-spacing: -.02em;
	margin-block-start: .125em;
	margin-block-end: .125em;
}

h3, h1.article__title, h1.page-title {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-size: 75px;
	line-height: 1;
	font-weight: 900;
	margin-block-start: .35em;
	margin-block-end: .35em;
}

h4 {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	margin-block-start: .5em;
	margin-block-end: .5em;
}

h5 {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	margin-block-start: .5em;
	margin-block-end: .5em;
}

h6, p.l-btn {
	text-transform: uppercase;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-size: 24px;
	font-weight: 700;
	margin-block-start: .5em;
	margin-block-end: .5em;
}

p {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

p a {
	text-decoration: underline;
}

p sup, h5 sup {
	font-size: .5em;
}

.text-stroke {
	color: transparent;
	-webkit-text-stroke: 2px;
}

.text-stroke-red{
	-webkit-text-stroke-color: #C20000;
}

.absolute-text {
	position: absolute;
	z-index: 1;
}

.absolute-image {
	position: absolute;
	z-index: 2;
	width: 55%;
}

.absolute-image-right {
	right: 0;
}

.products-gallery .absolute-image {
	left: 0;
	top: 120px;
}

.products-gallery sup, .intro-product sup {
	font-size: .5em;
	margin-top: -.45em;
}

.intro-product .text-stroke sup {
	opacity: 0;
}

.absolute-image-left{
	left: 0;
	top: 100px;
}

.absolute-image-contact{
	bottom: -1px;
	top: auto;
	width: 46%
}

.absolute-text.text-stroke {
	z-index: 3;
}

/*GLOBAL*/

a, .call-to-action, .gform_footer input[type=submit], .case-study-square, .faq .f-container .f-panel, .loc .l-container .l-panel, footer li a, .gfield input[type=submit], .page-template-brand-guide a  {
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

a:visited {
	text-decoration:none;
}

img {
	width: 100%;
	height: auto;
}

nav {
	padding: 2.5vw 0;
}

nav a {
	text-decoration: none;
}

.enllax {
	padding: 0!important;
	z-index: 1;
}

.home-logo img {
	max-height: 62px;
}

.menu li {
	float: left;
}

.menu a {
	color: #FEFEFE;
}

.menu a::visited {
	text-decoration:none;
}


.header {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 6;
	transition: top .6s;
}
.rgtv-videos-gallery-slider .swiper-button-disabled {
  display: none;
}
.case-study-square-wrapper .hover-card .show-padlock {
  position: absolute;
  z-index: 9999;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 26%;
  text-align: center;
  font-size: 32px;
}
.case-study-square-wrapper .hover-card .show-padlock i {
  color: #c20000;
  background-color: rgba(255,255,255,0.6);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding-top: 13px;
}
.case-study-square-wrapper .hover-card .show-padlock p {
  margin: 3px 0 0 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.case-study-square-wrapper .hover-card .show-padlock.play-button{
	display: none;
}
.case-study-square-wrapper .hover-card .show-padlock.play-button .fas.fa-play {
  padding-top: 14px;
  padding-left: 4px;
}
.header.scrolling_down {top: -152px; }
.heade .scrolling_up {top: 0; }

header.white .scrolling_up, header.white .scrolling_down {
	background-color: #FEFEFE;
}

header.black .scrolling_up, header.header-home .scrolling_up, header.black .scrolling_down, header.header-home .scrolling_down {
	background-color: #000000;
}

/*BACKGROUND & TEXT COLORS*/

header.white, section.white, footer.white {
	background-color: #FEFEFE;
	color: #000000;
}

header.white a, section.white a {
	color: #000000;
}

section.white a.button-red {
	color: #FEFEFE;
}

section.white a.button-red:hover, section.white .gform_footer input[type=submit]:hover {
	background-color: #000000;
}

section.red a h2 {
	color: #FEFEFE;
}

header.black a, section.black a, .case-study-text a.arrow-white:hover, .section-default--404 h2.section__title  {
	color: #FEFEFE;
}

section.black a.button-red:hover, header.black a.button-red:hover, section.black .gform_footer input[type=submit]:hover, header.header-home a.button-red:hover  {
	background-color: #FEFEFE;
}

section.black a.arrow-red, header.black a.arrow-red {
	color: #C20000;
}

header.black, section.black, .gfield--width-quarter input[type=submit]:hover {
	background-color: #000000;
	color: #FEFEFE;
}

header.black a, section.red  {
	color: #FEFEFE;
}

header.black a:hover, header.header-home a:hover, section.black a:hover, header.white a:hover, section.white a:hover, footer .menu a:hover, section.white .gform_footer input[type=submit]:hover, section.black .gform_footer input[type=submit]:hover, .section-default--404 a {
	color: #C20000;
}

header.white a.button-red{
	color: #FEFEFE;
}


section.red{
	background-color: #C20000;
}

section.black .text-stroke {
	-webkit-text-stroke-color: #FEFEFE;
}

section.white .text-stroke {
	-webkit-text-stroke-color: #000000;
}

span.red {
	color: #C20000;
}

/*BUTTONS*/

.button-container {
	padding: 20px 0;
}

.button-container-simple {
	padding: 10px 0 20px 0;
}

.button-red, .gfield--submit input.button, .gform_footer input[type=submit], .row.cf input[type=submit] {
	background-color: #C20000;
	padding: 19px 26px;
	color: #FEFEFE;
	border: none;
	text-transform: uppercase;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-size: 16px!important;
}

.row.cf.client-login-admin-username {
	margin-top: -20px;
}

.gfield--submit input.button{
	padding: 17px 26px;
}

.button-white{
	padding: 19px 26px;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	text-transform: uppercase;
}

.arrow-white, .arrow-red {
	background-image: url(https://www.realitybasedgroup.com/wp/wp-content/themes/reality-based-group/resources/images/arrow-white.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	background-size: 40px auto;
	color: #FFFFFF;
	text-transform: uppercase;
}

.arrow-red {
	background-image: url(https://www.realitybasedgroup.com/wp/wp-content/themes/reality-based-group/resources/images/arrow-red.svg);
	color: #C20000;
}

.arrow-white:hover, .arrow-red:hover {
	background-position: right;
	padding-left: 0;
	padding-right: 50px;
}

/*SECTIONS*/

/*CASE STUDIES*/

.intro-case-study-post h1 {
	font-size: 150px;
}

.case-studies-title {
	z-index: 2;
}

.case-studies .slide img {
	max-width: 90px;
}

.case-studies .grayscale {
	background-size: cover;
}

.grayscale h4, .grayscale h5 {
	margin-block-start: 0;
	margin-block-end: 0;
}

.desktop-nav .grid-container{
	z-index: 4;
}

/*UNDEFEATED CX*/

.undefeated-cx .grid-5:nth-child(8) img {
	display: none;
}

/*RESPONSIVE VIDEO*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*CLIENTS*/

.logo-square {
	background-size: cover;
}

.clients-association .logo-square img {
	width: 70%;
}

/*CALL TO ACTION*/

.call-to-action .absolute-image, .intro-product .absolute-image {
	right: 0;
}

.call-to-action:hover {
	background-color: #000000;
}

/*CLIENTS ASSOCIATION*/

.clients-association .grid-25 {
	padding: 10px;
}


/*COLUMNS*/

.columns ul{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.8;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

/*COLUMNS BACKGROUND IMAGES*/

.columns-background-images .grid-parent {
	padding-left: 0;
	padding-right: 0;
}

.columns-background-images .why-square {
	min-height: 380px;
	background-size: cover;
	background-color: #000000;
	background-blend-mode: luminosity;
	color: #fefefe;
	padding: 0 30px;
}

/*IMAGE TEXT REPEATER*/

img.limit-width {
	max-width: 280px;
}

/*INTRO ABOUT*/

.intro-about {
	overflow: hidden;
}

.intro-about-text {
	padding-top: 180px;
}

.intro-about .absolute-image {
	top: 120px;
}

.intro-about .button-container img, .intro-rgbtv .button-container img {
	max-width: 28px;
}

/*INTRO HOME*/

.intro-home {
	overflow: hidden;
}

.desktop-nav .gradient {
	position: absolute;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 180px;
	opacity: .5;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.vimeo-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.intro-home-header {
	margin-top: 70vh;
}

.video-parallax-container {
	overflow: hidden;
}

.video-parallax-reality {
	position: absolute;
}

.video-parallax {
	position: relative;
	max-height: 400px;
}

.video-parallax iframe {
	width: 3200px;
	height: 1800px;
}

/*INTRO PRODUCT*/

.intro-product .absolute-image{
	width: 50%;
}

/*INTRO SHOPPER*/

.intro-shopper .absolute-image{
	right: 100px;
	width: 36%;
}

/*OUR PURPOSE*/

.our-purpose .enllax {
	position: absolute;
	height: 950px;
}

.our-purpose .absolute-text-image {
	padding-bottom: 100px;
}

.our-purpose .absolute-text {
	top: 70px;
}

.our-purpose .absolute-image {
	width: 45%;
	top: 20px;
	right: 140px;
}

/*OUR STORY*/

.our-story .absolute-image {
	width: 75%;
	top: -330px;
	right: 0;
}

.our-story {
	padding-bottom: 360px;
}

/*PARTNERS TEXT-IMAGE*/

.partner-text-image .absolute-text-image {
	padding-bottom: 500px;
}

.partner-text-image .absolute-text-image h2 {
	padding-right: 55%;
}

.partner-text-image .absolute-image {
	right: 50px;
	top: -90px;
}

/*PRODUCTS GALLERY*/

.products-gallery .tab.grid-parent {
	padding-left: 10px;
	padding-right: 10px;
}

/*RBGTV SLIDER*/

.border-white{
	border: 2px solid #FFFFFF;
}

.button-offset {
	margin-bottom: -30px;
}

.text-offset {
	margin-top: -100px;
}

.video-square{
	background-image: url(https://www.realitybasedgroup.com/wp/wp-content/uploads/2023/07/white-play-button.png);
	background-repeat: no-repeat;
	background-position: center;
	min-height: inherit;
}

.video-square:hover{
	background-image:none;
}

/*SIMPLE_TEMPLATE*/

.simple-template-red h3, .sample-template-red h4 {
	color: #C20000;
}

.simple-template-white h3, .sample-template-white h4 {
	color: #FFFFFF;
}

.simple-template-black h3, .sample-template-black h4 {
	color: #000000;
}

/*STATS*/

.stats-header-text {
	padding-bottom: 16px;
}

.stats img {
	float: left;
	max-width: 40px;
	margin-right: 12px;
}

/*TABS*/

.tabs {
	padding-top: 80px;
}

.tabs .grid-parent.display-flex {
	padding-left: 10px;
	padding-right: 10px;
}

/*INDUSTRIES ASSOCIATION*/

.industries-association .case-study-text a.arrow-white:hover {
	color: #FEFEFE!important;
}

/*TESTIMONIALS*/

.testimonials-gallery .grid-5 {
	padding-right: 0;
}

.testimonials-gallery button.owl-prev, .testimonials-gallery button.owl-next{
	border-left: solid 3px #000000 !important;
	border-top: solid 3px #000000 !important;
}

.testimonial-square{
	max-width: 650px;
}

.blog-snippet a.red-link {
	color: #C20000!important;
}

.section__content .blog-snippet p, .single-post .article-body .grid-35 h5, .single-post .article-body p {
	margin-block-start: 0;
}

.single-post .article-body h1, .single-post .article-body h2, .single-post .article-body h3, .page-template-default .article-body h2, .page-template-default .article-body h3 {
	font-size: 40px;
}

/*TEXT IMAGE*/

.image-text-repeater .grid-parent {
	border-bottom: solid 1px #c20000;
}

.image-text-repeater .grid-parent:last-child {
	border-bottom: none;
}



/*VIDEO PARALLAX*/

.video-parallax-reality {
	height: 400px;
}

/*VIDEO SINGLE*/

.video-single {
	margin-top: -5%;
	margin-bottom: -5%;
}

.page-template-proposals .video-single {
	margin-top: 0;
	margin-bottom: 0;
}

.grayscale {
	background-color: #000000;
	background-blend-mode: luminosity;
}
.header.rbg-tv-nav {
  padding: 14px 0;
}
.case-study-square {
	background-color: #000000;
	background-blend-mode: luminosity;
	color: transparent;
}
.swiper-button-prev.swiper-button-prev-unique{
	color: #000;
	left: -25px;
	background-image: none;
	font-weight: 900;
	box-shadow: 2px 1px 6px rgba(0,0,0,0.4);
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fff;
}
.swiper-button-next.swiper-button-next-unique{
	color: #000;
	right: -25px;
	background-image: none;
	font-weight: 900;
	box-shadow: 2px 1px 6px rgba(0,0,0,0.4);
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fff;
}
.swiper-button-next.swiper-button-next-unique:after, 
.swiper-button-prev.swiper-button-prev-unique:after{
	font-size: 34px;
	color: #c20000;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.swiper-button-next.swiper-button-next-unique::after {
  content: "\f054";
}
.swiper-button-prev.swiper-button-prev-unique::after {
  content: "\f053";
}
.rgtv-videos-gallery .case-study-p {
	font-size: 16px;
}
.rgtv-videos-gallery .row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px;
}
.rgtv-videos-gallery .case-study-square-wrapper {
  height: auto;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.12);
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 4px;
  position: relative;
}
.rbgtc-videos-slider::before {
  content: '';
  position: absolute;
  left: calc( -100% - 30px );
  top: -25px;
  background-color: #fff;
  width: 100%;
  height: 120%;
  z-index: 2;
}
.rbgtc-videos-slider::after {
  content: '';
  position: absolute;
  right: calc( -100% - 30px );
  top: -25px;
  background-color: #fff;
  width: 100%;
  height: 120%;
  z-index: 1;
}
body.archive .rgtv-videos-gallery .case-study-square-wrapper,
.search-result.rgtv-videos-gallery .case-study-square-wrapper {
	width: calc( 25% - 30px );
  padding: 0;
  margin: 0 15px 30px;
}
.rbgtc-videos-slider{
	overflow: visible !important;
}
.rgtv-videos-gallery-slider  .case-study-square-wrapper{
	padding: 0;
	margin-bottom: 0;
}
.rgtv-videos-gallery .case-study-square {
	min-height:1px;
	height: 154px;
	overflow: hidden;
	max-width: none;
	background-blend-mode: normal;
	background-color: #080808;
}
.case-study-square-content.hover-card .case-study-square{
	display: flex;
	align-items: flex-end;
	position: relative;
	z-index: 0;
}
.case-study-square-content .video-description{
	padding: 15px 20px;
}
.case-study-square-content .video-description .with-whom,
.case-study-square-content .video-description .small-desc{
	max-height: 0;
	overflow: hidden;
}
.case-study-square-wrapper:hover .video-description .with-whom,
.case-study-square-wrapper:hover .video-description .small-desc{
	max-height: 500px;
	transition: max-height 1s;
}
.case-study-square-wrapper .hover-card{
	width: 100%;
	transform: scale(1.2);
	transform-origin: center;
	font-size: 70%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.30);
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}
.swiper-slide-visible.case-study-square-wrapper:hover .case-study-square-content.hover-card,
.rgtv-videos-gallery.taxonomy .case-study-square-wrapper:hover .case-study-square-content.hover-card,
.rgtv-videos-gallery.search-result .case-study-square-wrapper:hover .case-study-square-content.hover-card {
	opacity: 1;
	transition: 0.2s linear;
}
.case-study-square .video-branding-footer .logo{
	width: 68px;
}
.case-study-square .video-branding-footer .logo img {
	margin-left: -5px;
}
.case-study-square .video-branding-footer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 90%); 
	padding: 0 20px;
	height: 100%;
	align-items: flex-end;
	position: absolute;
	bottom: -2px;
	left: 0;
}
.case-study-square .controls i {
	color: #fff;
	font-size: 26px;
	margin-bottom: 12px;
}
.case-study-square-wrapper .hover-card .cover-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.case-study-square-wrapper .hover-card .video-description{
	background-color: #000;
	color: #fff;
	font-size: 12px;
}
.case-study-square-wrapper .hover-card .video-description p{
	font-size: 10px;
	margin: 0;
}
.case-study-square-wrapper .hover-card .with-whom{
	position: relative;
	font-size: 10px;
	display: flex;
	align-items: center;
}
.case-study-square-wrapper .hover-card .with-whom i {
	background-color: #c20000;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin-right: 8px;
	display: none;
}
.rgtv-videos-gallery h3{
	font-size: 16px;
	line-height: 24px;
	text-transform: none;
	font-family: 'neue-haas-grotesk-text';
	font-weight: 300;
}
.case-study-square-wrapper .hover-card h3{
	font-size: 18px;
	line-height: 20px;
	font-family: neue-haas-grotesk-display, sans-serif;
}
.case-study-square-wrapper .hover-card .controls {
	display: flex;
	align-items: center;
}
.case-study-square-wrapper .hover-card .controls i {
	font-size: 16px;
	margin-left: 10px;
}
.rgtv-videos-gallery .video-square {
	display: flex;
	height: 100%;
	background-size: 40px;
}
.rbgtv-slider .case-study-square {
	background-blend-mode: normal;
}
.rbgtv-category-list-slider .swiper-slide{
	width: auto !important;
}
.rbgtv-category-list-slider .swiper-slide a{
  padding: 8px;
  display: inline-block;
  background-color: #e6e6e6;
  border-radius: 6px;
  font-size: 16px;
  font-family: neue-haas-grotesk-display, sans-serif;
  letter-spacing: 1px;
}
.rbgtv-category-list-slider .swiper-slide a:hover{
	background-color: #000;
	color: #fff;
}
.rbgtv-category-list-slider .swiper-button-next::after, 
.rbgtv-category-list-slider .swiper-button-prev::after {
	color: #C20000;
}
.rbgtv-category-list-slider .swiper-button-next, 
.rbgtv-category-list-slider .swiper-button-prev{
	background-color: #fff;
}
.rbgtv-category-list-slider .swiper-button-next{
	right: 0px;
}
.rbgtv-category-list-slider .swiper-button-prev{
	left: 0px;
}
.rbgtv-category-list-slider .swiper-button-next, 
.rbgtv-category-list-slider .swiper-button-prev{
	background-image: none;
}
body.archive .videos-gallery.rgtv-videos-gallery,
.search-result.videos-gallery.rgtv-videos-gallery{
  padding: 0 30px;
}
.page-template-proposals .team-association .case-study-square {
	min-height: 260px;
	padding: 0 18px;
}

.page-template-proposals .team-association .case-study-square p {
	font-size: 15px;
}
.case-study-square-wrapper:hover{
	z-index: 9999;
}
.case-study-square a {
	display: none;
	font-size: 16px;
	font-weight: 500;
}

.case-study-square:hover a {
	display: inline-block;
	color: #FFFFFF;
}

.case-study-square img{
	width:auto;
	padding-right: 5px;
}

.team-square {
	background-color: unset;
}

.team-association .case-study-text {
	width: 100%;
}

.team-square:hover{
	background: rgba(0, 0, 0, 0.6);
	background-blend-mode: multiply;
}

.tab button.active, .tab button:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.tab {
	justify-content: space-around;
}

.tab-text-product {
	margin-top: 100px;
}

.tab button, .tab-white button {
	background-color: #000000;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	float: left;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 500;
	font-size: 17px;
	text-transform: uppercase;
	min-height: 60px;
}

.tab-white button {
	color: #000000;
	background-color: #FFFFFF;
	border: 3px solid #000000;
	float: left;
	outline: none;
	cursor: pointer;
	padding: 20px;
	transition: 0.3s;
	font-size: 17px;
	text-transform: uppercase;
}

.tab-white button.active, .tab-white button:hover {
	background-color: #000000;
	color: #FFFFFF;
}

.methods-association .absolute-image-left {
	top: 0;
}

/*404*/

.error404 .section__content {
	text-align: center;
	padding: 10%;
}

/*BRAND GUIDE*/

.page-template-brand-guide a {
	color: #c20000;
}

.page-template-brand-guide a:hover {
	color: #000000;
}

.page-template-brand-guide .padding-15 {
	border: solid 4px #000000;
}

.page-template-brand-guide .color-square {
	padding-left: 18px;
}

span.type {
	font-size: 3em;
}

.rbgtv-video-container {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}

.rbgtv-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*ACCORDION ALT*/

/* Panel style */
.faq .f-container .f-panel, .loc .l-container .l-panel {
	width: 100%;
	opacity: 0;
	height: auto;
	max-height: 0;
	overflow: hidden;
	padding: 0px 10px;
}

/* Panel style when active */
.faq .f-container.active .f-panel, .loc .l-container.active .l-panel {
	padding: 15px 10px 10px 0;
	opacity: 1;
	height: auto;
	max-height: 543px;
}

.f-btn, .l-btn {
	width: 100%;
	float: left;
	font-size: 24px;
	list-style: none;
}

.f-btn:hover, .l-btn:hover {
	cursor: pointer;
}

.f-container, .l-container {
	border-bottom: solid 1px #c9c9c9;
}

.f-panel ul, .article-body ul, .columns ul {
	font-weight: 300;
	padding-left: 1em;
}

.f-panel ul li::before, .article-body ul li::before, .columns ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #C20000; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em;
	float: left;
}
.elementor-page-builder-content-wrapper ul li::before{ display: none; }
.f-panel li, .l-panel li, .article-body li, .columns li {
	line-height: 1.6;
}

.f-container, .l-container {
	position: relative;
}

.f-container img, .l-container img {
	position: absolute;
	top: 31px;
	right: 0;
	width: 26px;
	z-index: -1;
}

.faq .f-container.active img, .loc .l-container.active img {
	transform: rotate(180deg);
	transition: all 0.2s ease-in-out;
}

/*VIDEOS*/

.video-container {
	position: relative;
	padding-bottom: 54.85%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container embed, .video-container iframe, .video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sharing-box img {
	max-width: 24px;
	
}

.sharing-box .padding-top-2 {
	padding-bottom: 1.2%;
}

.single-post .section__aside, .blog .section__aside {
	display: none;
}

/*METHODS ASSOCIATION*/

.methods-association ul {
	line-height: 2.5em;
}

.methods-association .button-container a.arrow-red {
	color: #C20000;
}

/*OWL CAROUSEL*/

.owl-nav {
	text-align: center;
	margin-bottom: 12px;
}

.case-studies .owl-nav {
	margin: 0 auto;
	width: 1280px;
	text-align: right;
	top: 0;
	margin-top: -115px;
	margin-bottom: 135px;
}

.case-studies .slider-works.grid-parent {
	padding-left: 0;
	padding-right: 0;
}

.owl-prev, .owl-next {
	width: 40px;
	height: 40px;
	border-left: solid 3px #FEFEFE!important;
	border-top: solid 3px #FEFEFE!important;
	transform: rotate(-45deg);
}

.owl-next {
	transform: rotate(135deg);
}

.case-studies .owl-dots {
	display: none;
}

/*GRAVITY FORMS*/

.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield-choice-input+label, .gform_wrapper.gravity-theme .ginput_complex label {
	color: #000000;
}

.gfield--submit input.button, .ginput_container input.large, .gform_footer input[type=submit] {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 700;
	font-size: 16px;
}

.gfield--submit input.button:hover, .gform_footer input[type=submit]:hover {
	cursor: pointer;
}

.blogs .ginput_container input.large {
	padding: 17.5px!important;
	margin-top: 2px!important;
}

#gform_14 .gform_footer.top_label {
	display: flex;
	justify-content: center;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
	border-radius: 4px;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 700;
	border: solid 1px #fefefe;
	padding: 12px 10px;
}

fieldset.form-columns-2, fieldset.form-columns-1 {
	max-width: 600px!important;
}

.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme * {
	font-weight: 300;
}

.gform_wrapper.gravity-theme .gfield input.small {
	width: 100%!important;
}

.gform_wrapper.gravity-theme .gfield select.large {
	font-size: 17px;
}

.gform_wrapper .gfield_required {
	display: none!important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 300!important;
}

.gfield_label {
	color: #000000;
	text-transform: uppercase;
}

.subscribe h4 {
	color: #fefefe;
}

.row.cf input[type=text], .row.cf input[type=password] {
	width: calc(100% - 23px);
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 8px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme .gfield textarea.large, .row.cf input[type=text], .row.cf input[type=password] {
	border: solid 4px #000000;
	border-radius: 0;
}

#input_12_3 {
	border: none;
}

/*MENU*/

.menu-item-has-children .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
	min-width: 190px;
	z-index: 5;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu-item-has-children {
	position: relative;
	display: inline-block;
}

/*GLOBAL FOOTER*/

footer ul {
	margin-block-start: 0;
}

footer li a {
	color: #000000;
}

.footer-address p {
	font-size: 20px;
	font-weight: 300;
	color: #fefefe;;
}

footer .menu li {
	float: left;
	padding-left: 10px;
	font-size: 20px;
	line-height: 1.6;
}

footer .menu a {
	color: #000000;
}

.footer-menu li {
	padding-left: 0!important;
	margin-bottom: 12px;
}

.footer-socials {
	margin-top: -136px;
}

.footer-menu li a, .footer-socials a {
	text-decoration: none;
	color: #000000;
	font-size: 20px;
	margin-right: 30px;
}

.footer-images img {
	height: 32px;
	max-width: 36px;
}

/*PROPOSALS*/

.page-template-proposals .intro-home {
	min-height: 100vh;
}

.page-template-proposals .intro img {
	vertical-align: bottom;
}

.page-template-proposals .intro .grid-container-full, .page-template-proposals .intro .grid-100 {
	padding-left: 0;
	padding-right: 0;
}

.page-template-proposals a {
	color: #c20000;
}

.page-template-proposals .columns .grid-25 {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

.page-template-proposals .columns .grid-parent {
	padding-left: 0;
	padding-right: 0;
}

@media screen and (min-width:1025px) and (max-width: 1440px) {
	
	.our-purpose .absolute-text-image h2 {
		padding-right: 50%;
	}
	
	.our-story {
		padding-bottom: 270px;
	}
	
	.our-purpose .absolute-text-image {
		padding-bottom: 260px;
	}
	
	.partner-text-image .absolute-text-image {
		padding-bottom: 500px;
	}
	
	.stats-header {
		width: 25%;
	}
	
	.stats-header-text {
		width: 50%;
		margin-right: 25%;
		padding-bottom: 10px;
	}
	
	.text-offset{
		margin-top: -75px;
	}
	
}

@media screen and (max-width: 1440px) {
	
	.case-studies .owl-nav {
		width: calc(100% - 44px);
	}
	
}

@media screen and (max-width: 1024px) {
	.rbgtc-videos-slider::after,
	.rbgtc-videos-slider::before{
		display: none;
	}
	
	.case-studies .owl-nav {
		margin-top: -85px;
		margin-bottom: 85px;
	}
	
	.our-purpose h4 {
		min-height: 108px;
	}

}


@media screen and (min-width: 1025px) {
	
	.blogs .grid-parent {
		padding-left: 0;
		padding-right: 0;
	}
	
	.testimonial-square{
		height: 650px;
	}
	
	.our-purpose h4 {
		min-height: 144px;
	}
	
}

@media screen and (min-width: 768px) {
	
	.grid-20 p, .grid-25 p, .grid-33 p, .columns.grid-50 div {
		padding-right: 32px;
	}
	
	.after-nav { 
		padding-top: 152px;
	}
	
	.menu {
		float: right;
	}
	
	#menu-footer-quick-links {
		float: left;
	}
	
	.menu-item-has-children:hover .sub-menu {
		display: block;
	}
	
	.sub-menu li a {
		color: #000000;
		overflow: hidden;
		display: inline-block;
		position: relative;
	}
	
	.sub-menu li a::after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 0.05em;
		bottom: 0;
		left: 0;
		background-color: #C20000;
		transform-origin: bottom left;
		transition: transform 0.25s ease-out;
	}

	.sub-menu li a:hover::after {
		transform: scaleX(1);
		transform-origin: bottom left;
	}
	
	.menu li {
		padding: 0 18px 0px 18px;
	}
	
	footer .menu li {
		float: left;
		padding-left: 10px;
		font-size: 20px;
		line-height: 1.6;
		width: calc(50% - 36px);
	}
	
	.sub-menu li{
		padding: 8px 18px;
		width: 100%;
	}
	
	.menu-container {
		padding-right: 18px;
	}
	
	.vimeo-wrapper iframe {
		min-height: 100vh;
		top: 50%;
	}
	
	.products-gallery h2 {
		font-size: 120px;
	}
	
	.columns .grid-33, .columns .grid-25 {
		padding-right: 24px;
	}
	
	.a-btn {
		font-size: 42px;
	}
	
	.logo-square {
		min-height: 280px;
	}
	
	.case-study-alignment{
		text-align: right;
		margin-top: 42px;
	}
	
	.single-crb_case_studies .columns.black {
		padding-top: 2.5%;
		padding-bottom: 2.5%;
	}
	
	.text-image-absolute .absolute-text-image {
		padding-bottom: 410px;
	}
	
	.text-image-absolute .absolute-text-image img {
		max-width: 450px;
	}
	
	.intro-industries-header {
		width: 65%;
	}
	
	.intro-industries-header-text {
		position: absolute;
		left: 50%;
		bottom: 16px;
	}
	
	.testimonials-gallery .owl-nav {
		position: relative;
		margin-bottom: -70px;
		z-index: 3;
		text-align: left;
		padding-left: 56.5%;
		width: 43.5%;
	}
	
	/*FORMS*/
	
	.gfield--submit input.button {
		margin-left: -10px;
	}
	
	#gform_submit_button_12 {
		margin-left: -12px;
	}
	
	.gform_wrapper.gravity-theme .gfield input.small {
		width: 100%!important;
	}

	#field_11_2, #field_11_5 {
		grid-column: span 6;
		float: left;
	}
	
	.our-purpose .enllax {
		background-size: 4290px 2800px;
		background-position: -705px -439px;
	}
	
	.sharing-box img {
		margin-left: 9px;
	}
	
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 3;
	}
	
	/*CALLOUT*/

	.callout p {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.paging {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	
	/*CONTACT CALL-TO-ACTION*/

	#call-to-action img {
		margin-top: -100px;
	}
	
	/*STATS*/

	.stats .columns p {
		padding-right: 80px;
	}
	
	footer {
		padding-top: 100px;
	}
	
	.mobile-break {
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	h1, .single-post h1 {
		font-size: 110px;
	}
	
	h2 {
		font-size: 110px;
	}

	h3, h1.article__title, h1.page-title {
		font-size: 60px;
	}

	h4 {
		font-size: 30px;
	}

	h5 {
		font-size: 28px;
	}
	
	.menu li {
		padding: 0 12px 0 12px;
	}
	
	.tab button {
		padding: 24px 6px;
		min-height: 100px;
	}
	
	#call-to-action img {
		margin-top: -100px;
	}
	
	.partner-text-image .absolute-text-image {
		padding-bottom: 400px;
	}
	
	.our-story {
		padding-bottom: 240px;
	}
	
	.stats-header-text {
		padding-bottom: 0px;
	}
	
	.subscribe {
		background-size: 10vw;
	}
	
	.text-offset{
		margin-top: -60px;
	}
	
	.case-study-alignment{
		margin-top: 24px;
	}
	
	.intro-industries-header-text {
		position: initial;
	}
	
}

@media screen and (max-width: 767px) {
	.case-study-square-wrapper .hover-card .show-padlock.play-button{
		display: block;
	}
	.swiper.rbgtc-videos-slider {
  	padding: 0 10px;
	}
	.case-study-square-wrapper .hover-card .with-whom i{
		display: none;
	}
	/*GLOBAL*/
	
	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 48px;
	}

	h3, h1.page-title, h1.article__title {
		font-size: 36px;
	}

	h4 {
		font-size: 24px;
	}
	
	/*HOME INTRO*/
	
	.vimeo-wrapper iframe {
		min-height: 20vh;
		top: 27.3%;
	}
	
	.intro-home-header {
		margin-top: 30vh;
	}
	
	.single-post .article-body h1, .single-post .article-body h2, .single-post .article-body h3 {
		font-size: 32px;
	}
	
	.grid-parent .mobile-grid-100:not(.case-studies .grid-parent .mobile-grid-100, .columns-background-images .grid-parent .mobile-grid-100) {
		padding-left: 0;
		padding-right: 0;
	}
	
	.absolute-image {
		width: 85%;
	}
	
	.absolute-image-contact{
		width: 40%
	}
	
	.absolute-image-left{
		top: 0;	
	}
	
	.clients-association .logo-square {
		height: 156px;
	}
	
	.products-gallery .absolute-image {
		width: 100%;
		top: 50px;
	}
	
	.about-text-image .grid-45 {
		padding-top: 30px;
	}
	
	.about-text-image .grid-50 {
		padding-top: 50px;
	}
	
	.intro-about .absolute-image {
		top: 300px;
	}
	
	.our-purpose .enllax {
		height: 510px;
	}
	
	.single-crb_case_studies .columns .grid-10 img {
		width: 165%;
	}
	.intro-case-study-post h1 {
		font-size:48px;
	}
	.case-study-square {
		background-color: #C20000;
		background-blend-mode: multiply;
		color: #FFFFFF;
	}
	
	.team-square{
		background-color: #000000;
		background-blend-mode: luminosity;
	}
	
	.team-sqaure a {
		display: block;
		color: #FFFFFF;
	}
	
	.testimonial-square{
		width: 100%;
	}
	
	.video-square {
		background-image:none;
	}
	
	section.white .case-study-square a, section.black .case-study-square a {
		display: block;
		color: #FFFFFF;
	}
	
	.our-purpose h4 {
		min-height: 0;
	}
	
	/*INTRO ABOUT*/
	
	.intro-about-text {
		padding-top: 100px;
		padding-bottom: 130px;
	}
	
	.our-story .absolute-image {
		top: -50px;
	}
	
	.partner-text-image .absolute-image {
		top: 0;
		right: -80px;
	}
	
	.partner-text-image .absolute-text-image {
		padding-bottom: 250px;
	}
	
	.our-story {
		padding-bottom: 100px;
	}
	
	.our-purpose .enllax {
		background-size: 2145px 1400px;
		background-position: -705px -439px;
	}
	
	.our-purpose .absolute-text-image {
		padding-bottom: 150px;
	}
	
	/*TEAM*/
	
	.team-square {
		background: rgba(0, 0, 0, 0.6);
		background-blend-mode: multiply;
	}
	
	.text-stroke {
		-webkit-text-stroke: 1.5px;
	}
	
	.text-offset{
		margin-top: -35px;
	}
	
	.tab-text {
		margin-top: 230px;
	}
	
	.products-gallery .tab-text {
		margin-top: 0;
	}
	
	.video-parallax {
		height: 240px;
	}
	
	.video-parallax iframe {
		width: 767px;
		height: 432px;
	}
	
	.video-parallax-reality {
		top: 0;
		height: 240px;
	}
	
	.gfield--submit input.button {
		width: 100%;
	}
	
	.mobile-absolute-padding{
		padding-bottom: 20%;
	}
	
	.mobile-padding-60 {
		padding-bottom: 60%;
	}
	
	/*INTRO SHOPPER*/
	
	.intro-shopper .absolute-image {
		right: -110px;
		width: 71%;
	}
	
	.testimonials-gallery .slide .grid-45 {
		padding-top: 0;
	}
	
	/*BRAND GUIDELINES*/
	
	span.type {
		font-size: 1.5em;
	}

	.page-template-proposals .team-association .case-study-square .arrow-white {
		background-size: 33.3333%;
		font-size: 10px;
	}
	
/*MENU*/

.menu-item-has-children .sub-menu {
	padding-bottom: 21px;
	left: auto;
	background-color: #C20000;
	border: 2px solid black;
	padding-right: 10px;
	top: 40px;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.menu-item-has-children ul {
	width: 220px;
	right: 0;
}

#mobile-logo img, #footer-logo img {
	max-width: 45%;
	max-height: 55px;
	width: auto;
}

#menu .sub-menu li:hover{
	color: #FFFFFF;
}

footer .mobile-grid-50 {
	padding-left: 0;
	padding-right: 0;
}

.gform_legacy_markup_wrapper .gform_footer {
	padding-top: 0!important;
	margin-top: 0!important;
	padding-bottom: 0!important;
}

.gform_legacy_markup_wrapper, #gform_wrapper_7 input#input_7_1 {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

#gform_wrapper_7 .gform_footer {
	width: 100%;
}

nav ul {
	font-size: 36px;
}

.menu-bg-cover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 0;
	transition: all 350ms ease;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.prompt {
	position: fixed;
	width: 100%;
	text-align: center;
	line-height: 114px;
	color: #666;
}

.reveal {
	opacity: .95;
	display: block;
	pointer-events: auto;
	visibility: visible;
	z-index: 50;
}

.hamburger-shell {
	margin: 0;
	position: fixed;
	overflow: hidden;
	width: 80px;
	height: 64px;
	overflow: auto;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: 0;
	background: transparent;
	border: none;
	z-index: 100;
	background-color: #C20000;
	padding-left: 16px;
}

.top, .middle {
	position: absolute;
	width: 50px;
	height: 3px;
	background-color: #fefefe;
	transition: all 350ms ease-in-out;
	top: 24px;
}

.middle {
	top: 36px;
}

#menu {
	position: fixed;
	left: calc(100% - 662px);
	top: 61px;
	display: none;
	 		margin-right: 60px;
	text-decoration: none;
	font-weight: 100;
	font-size: 40px;
	color: #000000;
	padding: 12px 24px;
	width: 600px;
	text-align: right;
	z-index: 70;
}

#menu li {
	text-decoration: none!important;
	list-style: none;
	color: #fefefe;;
	transition: all 150ms ease;
}

#menu li:hover {
	color: #C20000;
	padding-right: 3px;
}

#menu a {
	text-decoration: none;
	color: inherit;
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 700;
	font-size: 22px;
}

#menu .button {
	color: #C20000;
}

#menu .button:hover {
	color: #000000;
}

.menu-open .top {
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	top: 30px;
	background-color: #fefefe;;
	height: 2px;
}

.menu-open .middle {
	transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	top: 30px;
	background-color: #fefefe;;
	height: 2px;
}

.menu-name {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 700;
	color: #4A4E10;
	font-size: 16.3px;
	text-decoration: none;
	position: absolute;
	top: 40px;
	left: -1px;
	transition: all 350ms;
}

.menu-open .menu-name {
	top: 64px;
	color: #fefefe;;
}

.social-icons {
	float: right;
	text-align: right;
	 		margin-top: 80px;
	padding-top: 40px;
}

nav img {
	width: 75%;
	float: right;
}

a.social-icon {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px;
}

.social-icons img {
	margin-left: 12px;
}

.social-icons a {
	margin-left: 12px;
}

#mobile-logo {
	margin: 0!important;
	padding-top: 18px;
	padding-bottom: 11px;
}

#mobile-logo .mobile-grid-100 {
	padding-left: 4px;
}

.article__head {
	padding-bottom: 18px;
}

nav li {
	width: 100%;
	float: right;
}

.mobile-apply-button .button-orange {
	color: #C20000!important;
	margin-top: 18px;
	background-position: bottom 1px right 12px;
	padding-right: 80px;
}

.mobile-apply-button .button-orange:hover {
	color: #00161B!important;
	background-position: bottom 17px right 12px;
	cursor: pointer;
}

#menu-main-menu-1 li:last-child {
	margin-bottom: 18px;
}

/*BLOG*/

.sharing-box img {
	margin-right: 9px;
}

#gform_wrapper_7 .gform_body {
	width: 100%;
}

/*SUBSCRIBE*/

#newsletter .grid-container, #call-to-action .grid-container {
	padding-left: 22px;
	padding-right: 22px;
}

footer ul {
	margin-block-end: 0;
}

.footer-socials {
	margin-top: 0px;
}

}

/* PAGING LINKS */

.paging__link {
	display: inline-block;
	float: left;
}

span.page-numbers {
	color: #fefefe;
}

.more-articles-thumbnail {
	width: 100%;
	height: 240px;
	background-size: cover;
	background-position: 50% 25%;
}

.horizontal-scroll .httl {
	min-width: 2500px;
}

.modal {
	max-width: 940px;
	padding: 30px 30px 15px 30px;
	border-radius: 0!important;
}

.modal h3 {
	margin-block-start: 0;
	margin-block-end: 0;
}

.jquery-modal { z-index:999;}
a.clean { text-decoration: none !important;}

body [data-aos-delay='5000'][data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay='5000'].aos-animate {
	transition-delay: 5s;
}

.main.sections { border-bottom: 1px solid transparent; }
.case-study-square .desktop-image,
.case-study-square .mobile-image{
	height: 100%;
	width: 100%;
}
.case-study-square .mobile-image{
	display: none;
}
@media only screen and (max-width: 1024px){
	.rgtv-videos-gallery .case-study-square-wrapper{
		width: 50%;
		padding: 0 30px;
	}
	.rgtv-videos-gallery-slider .case-study-square-wrapper{
		padding: 0;
	}
}
@media only screen and (max-width: 767px){

	body.archive .rgtv-videos-gallery .case-study-square-wrapper,
	.search-result.rgtv-videos-gallery .case-study-square-wrapper {
		width: 100%;
	  margin: 0 0 15px;
	}
	.case-study-square-wrapper .hover-card{
		box-shadow: none;
	}
	.videos-gallery.rgtv-videos-gallery.rgtv-videos-gallery-slider {
  		padding: 0 0 0 0;
	}
	.case-study-square .desktop-image,
	.swiper-button-prev.swiper-button-prev-unique,
	.swiper-button-next.swiper-button-next-unique
	{
		display: none !important;
	}
	.case-study-square .mobile-image{
		display: block;
	}
	.rgtv-videos-gallery .case-study-square-wrapper{
		width: 100%;
	}
	.case-study-square-content{
		display: none;
	}
	.rbgtc-videos-slider {
  		overflow: hidden !important;
	}
	.case-study-square-content.hover-card {
		display: block;
		position: relative;
		opacity: 1;
		transform: none;
		height: 100%;
		background-color: #000;
	}
	.case-study-square-content .video-description .with-whom, 
	.case-study-square-content .video-description .small-desc{
		max-height: 500px;
	}
	.swiper-button-prev.swiper-button-prev-unique,
	.swiper-button-next.swiper-button-next-unique{
		width: 26px;
		height: 26px;
	}
	.swiper-button-prev.swiper-button-prev-unique::after, 
	.swiper-button-next.swiper-button-next-unique::after{
		font-size: 14px;
	}
	.swiper-button-prev.swiper-button-prev-unique{
		left: -5px;
	}
	.swiper-button-next.swiper-button-next-unique{
		right: -5px;
	}
	.case-study-square-wrapper .hover-card .with-whom {
	  	font-size: 14px;
	}
	.case-study-square-wrapper .hover-card h3 {
  		font-size: 22px;
  		line-height: 26px;
	}
	.case-study-square-wrapper .hover-card .small-desc {
  		font-size: 14px;
  		line-height: 21px;
	}
	.rgtv-videos-gallery .case-study-square{
		height: 200px;
	}
}

.case-study-square {
	background-color: #000000;
	background-blend-mode: luminosity;
	color: transparent;
	min-height:380px;
	max-width: 380px;
	padding: 0 30px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-bottom: 20px;
}

.case-study-square:hover {
	background-color: #C20000;
	background-blend-mode: multiply;
	color: #FFFFFF;
}

.case-study-square a {
	display: none;
}

.case-study-square:hover a {
	display: block;
	color: #FFFFFF;
}

.case-study-square img{
	width:auto;
	padding-right: 5px;
}

.video-wrapper {
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}