@font-face { font-family: "SAA Series BDOT"; src: url('../fonts/saa-series-bdot.woff') format('woff'), url('../fonts/saa-series-bdot.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "SAA Series CDOT"; src: url('../fonts/saa-series-cdot.woff') format('woff'), url('../fonts/saa-series-cdot.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "SAA Series DDOT"; src: url('../fonts/saa-series-ddot.woff') format('woff'), url('../fonts/saa-series-ddot.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "SAA Series FDOT"; src: url('../fonts/saa-series-fdot.woff') format('woff'), url('../fonts/saa-series-fdot.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "SAA Series EMDOT"; src: url('../fonts/saa-series-emdot.woff') format('woff'), url('../fonts/saa-series-emdot.ttf') format('truetype'); font-weight: normal; font-style: normal; }


/* VIMEO */

.slick__list .video-player { 
	position: relative;
	padding-bottom: 46%;	/* Aspect ratio of the video */
	margin-top: -10%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

div#tool-video-x { margin-right: 40px; }

#wrapper.home .video-player.spec_aspect { width: 100%; aspect-ratio: 9 / 16; margin-bottom: 20px; border-radius: 0 30px; text-align: right; }

#wrapper.home .video-player.spec_aspect iframe { aspect-ratio: 9 / 16; border-radius: 30px 0; box-shadow: -8px 4px 15px #000000b3; }

/*.slick__list .video-player iframe, 
.slick__list .video-player object, 
.slick__list .video-player embed { 
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
}*/

/* VIMEO END */

/* PODCAST */

.podcast-bg {
	background: linear-gradient(transparent 0%, transparent 70%, var(--ihr-ivory) 70%, var(--ihr-ivory) 100%);
	padding: 0px 0px 40px 0px;
    margin-top: -20px;
    margin-bottom: -70px;
}

#wrapper .podcast .title .heading h1 span.inline {
	color: transparent;
}

.podcast-bg h1 span.inline {
	-webkit-text-stroke: 2px red;
	font-size: 150px;
}

/* PODCAST END */

/* FŐOOLDAL */
/*
.tool .video-player { 
	position: relative;
	padding-bottom: 46%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}*/

#wrapper.home .service-video.services {
	background: url("../img/metro-jav-bleached.jpg") no-repeat;
	background-position-y: -510px;
	background-size: 1920px;
}

#wrapper.home .service-video .content .media .text p.description.special {
	color: var(--ihr-black);
}

@media (min-width: 1200px) and (max-width: 1399.98px)
{
	#wrapper.home .service-video.services {
		background-position-y: -296px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#wrapper.home .service-video.services {
		background-position-y: -310px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#wrapper.home .service-video.services {
		background-position-y: -45px;
	}
}


@media (max-width: 575.98px) {
	#wrapper.home .service-video.services {
		background-position-y: -550px;
	}
	
	#wrapper.home .service-video .content .media .text p.description.special {
		padding-top: 25px;
		background-position-y: 0px;
	}
}

#wrapper.home .service-video.services h3.white {
	color: var(--ihr-white);
}

/* FŐOLDAL END */

#wrapper .podcast .title { background: linear-gradient(to top, var(--ihr-black-transparent-darker) 40%, transparent 100%); }

#wrapper .podcast .title .heading { padding: 20px 50px; }

#wrapper .podcast .title .heading h1 { color: var(--ihr-red); font-size: 650%; text-transform: uppercase; line-height: 1; }

#wrapper .podcast .title .heading h1 span { color: var(--ihr-white); }

#wrapper .podcast .title .keywords { background: var(--ihr-ivory); padding: 20px 50px; }

#wrapper .podcast .title .keywords p { color: var(--ihr-grey); font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper .podcast .title .keywords p span { color: var(--ihr-red); }

#wrapper p a.podcast_link {
	color: var(--ihr-red);
	text-decoration: none;
}

#wrapper p a.podcast_link:hover {
	text-decoration: underline;
}

/* PODCAST END */

/* THANK YOU oldal */

#wrapper.home .hero .content p.connect {
	text-transform: uppercase;
	font-size: 50px;
	width: 50%;
}

#wrapper.home .hero .content p.soon {
	font-family: var(--ihr-font);
	margin-top: 10px;
}

/* THANK YOU END */


:root { --ihr-grey: hsl(0, 0%, 12%); --ihr-grey-transparent: hsla(0, 0%, 12%, 0.95); --ihr-grey-light: hsl(0, 0%, 80%); --ihr-grey-light-transparent: hsla(0, 0%, 80%, 0.1); --ihr-grey-light-transparent-brighter: hsla(0, 0%, 80%, 0.3); --ihr-grey-mid: hsl(0, 0%, 20%); --ihr-grey-mid-transparent: hsla(0, 0%, 20%, 0.8); --ihr-grey-mid-transparent-alpha: hsla(0, 0%, 20%, 0.3); --ihr-lightgrey: hsl(0, 0%, 40%);    --ihr-red: hsl(359, 99%, 58%); --ihr-red-transparent: hsla(359, 99%, 58%, 0.6); --ihr-ivory: hsl(0, 0%, 89%); --ihr-ivory-transparent: hsla(0, 0%, 95%, 0.95); --ihr-ivory-transparent-alpha: hsla(0, 0%, 95%, 0.1); --ihr-black: hsl(0, 0%, 0%); --ihr-black-transparent: hsla(0, 0%, 0%, 0.6); --ihr-black-transparent-darker: hsla(0, 0%, 0%, 0.8); --ihr-white: hsl(0, 0%, 100%);    --ihr-font: Montserrat, sans-serif; --ihr-font-bdot: "SAA Series BDOT", Montserrat, sans-serif; --ihr-font-cdot: "SAA Series CDOT", Montserrat, sans-serif; --ihr-font-ddot: "SAA Series DDOT", Montserrat, sans-serif; --ihr-font-emdot: "SAA Series EMDOT", Montserrat, sans-serif; --ihr-font-fdot: "SAA Series FDOT", Montserrat, sans-serif; --ihr-fontawesome: "Font Awesome 5 Free"; --ihr-fontawesome-brands: "Font Awesome 5 Brands"; }

::selection { background: var(--ihr-red); }

* { padding: 0; margin: 0; border: 0; }



html { overflow-x: hidden; }



body { background: url("../img/background.jpg"); background-size: cover; background-position: center; background-attachment: fixed; font-family: var(--ihr-font); width: 100%; height: 100%; overflow-x: hidden; }



#wrapper { width: 100%; max-width: 100%; background: var(--ihr-grey-transparent); }



#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 { font-family: var(--ihr-font-cdot); font-weight: 400; }

#wrapper h1::first-letter, #wrapper h2::first-letter, #wrapper h3::first-letter, #wrapper h4::first-letter { margin-left: -0.06em; }



.btn { position: relative; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-weight: 400; text-decoration: none; }

/*.btn::before { content: ""; position: absolute; display: block; width: 100%; height: 2px; bottom: -5px; left: 0; background-color: var(--ihr-red); transform: scaleX(0); transform-origin: top right; transition: transform 0.3s ease; }*/

.btn {
	background: var(--ihr-red);
	padding: 10px 20px;
	border-radius: 12px;
	box-shadow: 0px 0px 5px var(--ihr-black);
}

.btn:hover::before { transform: scaleX(1); }



.grecaptcha-badge { visibility: hidden; }



.slick-arrow{ border: 0; background: 0 0; transition: opacity .45s,transform .45s,background .2s linear; z-index: 10; }

.slick-prev { left: 40px; }

.slick-next{ right: 40px; }

.slick-initialized .slick-slide{ height: 500px;	margin: 0px 25px; }

.slick-initialized .slick-slide img{ height: inherit; }



#wrapper header { position: sticky; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.8); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

#wrapper header .header-inner { display: flex; justify-content: space-between; padding: 20px 50px; }

#wrapper header .header-inner .header-logo { height: 50px; }

#wrapper header .header-inner .header-logo a { outline: none; }

#wrapper header .header-inner .header-logo a img { height: 50px; }

#wrapper header .header-inner .header-menu-desktop { display: flex; align-items: center; }

#wrapper header .header-inner .header-menu-desktop a { display: inline-block; margin-right: 30px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-size: 110%; text-decoration: none; }

#wrapper header .header-inner .header-menu-desktop a.highlights { padding: 10px; margin: 0; background: var(--ihr-red); color: var(--ihr-white); text-decoration: none; }

#wrapper header .header-inner .header-menu-desktop a:last-of-type { margin: 0; }

#wrapper header .header-inner .header-menu-desktop a ul { display: none; }



#wrapper header .header-inner .menu-desktop { position: relative; display: flex; }

#wrapper header .header-inner .menu-desktop ul { display: flex; align-items: center; list-style: none; height: 100%; }

#wrapper header .header-inner .menu-desktop ul li { margin-right: 30px; position: relative; }

#wrapper header .header-inner .menu-desktop ul li a { display: inline-block; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-size: 110%; text-decoration: none; transition: .3s; }

#wrapper header .header-inner .menu-desktop ul li a:hover { color: var(--ihr-red); transition: .3s; }

#wrapper header .header-inner .menu-desktop ul li a.highlights { padding: 10px; margin: 0; background: var(--ihr-red); color: var(--ihr-white); text-decoration: none; }

#wrapper header .header-inner .menu-desktop ul li:last-of-type { margin: 0; }

#wrapper header .header-inner .menu-desktop ul li ul { display: none; position: absolute; min-width: 300px; padding-top: 35px; }

#wrapper header .header-inner .menu-desktop ul li:hover ul { display: block; z-index: 5; }

#wrapper header .header-inner .menu-desktop ul li:hover ul li { background: var(--ihr-grey); margin: 0; }

#wrapper header .header-inner .menu-desktop ul li:hover ul li a { display: block; padding: 20px; transition: .3s; }

#wrapper header .header-inner .menu-desktop ul li:hover ul li a:hover { background: var(--ihr-red); color: var(--ihr-white); transition: .3s; }



#wrapper header .header-inner .menu-toggle { display: none; width: 40px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#wrapper header .header-inner .menu-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: var(--ihr-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#wrapper header .header-inner .menu-toggle span:nth-child(1) { top: 0px; }

#wrapper header .header-inner .menu-toggle span:nth-child(2), #wrapper header .header-inner .menu-toggle span:nth-child(3) { top: 10px; }

#wrapper header .header-inner .menu-toggle span:nth-child(4) { top: 20px; }

#wrapper header .header-inner .menu-toggle.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }

#wrapper header .header-inner .menu-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#wrapper header .header-inner .menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#wrapper header .header-inner .menu-toggle.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

#wrapper header .header-inner .menu-mobile { display: none; position: absolute; width: 100%; height: calc(100vh - 70px); top: 70px; left: 0; background: rgba(0, 0, 0, 0.99); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 25px; box-sizing: border-box; }

#wrapper header .header-inner .menu-mobile ul { list-style: none; }

#wrapper header .header-inner .menu-mobile ul li a { display: block; margin-bottom: 20px; color: var(--ihr-white); font-size: 130%; font-family: var(--ihr-font-fdot); text-decoration: none; }

#wrapper header .header-inner .menu-mobile ul li ul { margin-left: 30px; }

#wrapper header .header-inner .menu-mobile ul li.language-selector { margin-top: 30px; }

#wrapper header .header-inner .menu-mobile ul li.language-selector a { display: inline-block; }

#wrapper header .header-inner .menu-mobile ul li.language-selector a.active { color: var(--ihr-red); }

#wrapper header .header-inner .menu-mobile ul li.language-selector span { color: var(--ihr-white); font-size: 130%; font-family: var(--ihr-font-fdot); }

#wrapper header .header-inner .menu-mobile.active { display: block; }



#wrapper.home .hero { width: 100%; background: url("../img/home/hero-zebra.jpg"); background-size: cover; background-position: top; display: flex; align-items: center; height: 100vh; margin-top: -90px; position: relative; }

#wrapper.home .hero .content { width: 100%; }

#wrapper.home .hero .content h1 { margin-left: -5px; font-size: 500%; font-family: var(--ihr-font-fdot); text-transform: uppercase; display: inline-flex; line-height: 1; }

#wrapper.home .hero .content .story h1 { padding: 5px 20px 5px 50px; background: var(--ihr-grey); color: var(--ihr-white); }

#wrapper.home .hero .content .canvas h1 span:first-of-type { padding: 5px 20px 10px 50px; color: var(--ihr-grey); }

#wrapper.home .hero .content .canvas h1 span:last-of-type { padding: 5px 0 10px 0px; color: var(--ihr-red); }

#wrapper.home .hero .content h1 span { color: var(--ihr-red); }

#wrapper.home .hero .content p { padding-left: 50px; color: var(--ihr-black); font-size: 210%; font-family: var(--ihr-font-emdot); font-weight: 400; line-height: 1; }

#wrapper.home .hero .badge { position: absolute; bottom: 50px; left: 50px; height: 20vh; max-height: 180px; }



#wrapper.home .unique-narratives { height: 100vh; background: var(--ihr-black); position: relative; }

#wrapper.home .unique-narratives .video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#wrapper.home .unique-narratives .video iframe { width: 100%; height: 100%; }

#wrapper.home .unique-narratives .video .video-player { width: 100%; height: 100%; }

#wrapper.home .unique-narratives .text { width: 42%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; position: absolute; top: 0; right: 0; z-index: 5; background: var(--ihr-black-transparent); backdrop-filter: blur(5px); clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%); color: var(--ihr-white); padding-right: 50px; text-align: right; opacity: 1; transition: .4s; }

#wrapper.home .unique-narratives .text.hidden { opacity: 0; transition: .4s; }

#wrapper.home .unique-narratives .text h2 { margin: 0 0 20px 70px; color: var(--ihr-red); font-family: var(--ihr-font-cdot); font-size: 400%; font-weight: 400; text-transform: uppercase; }

#wrapper.home .unique-narratives .text h2 span { color: var(--ihr-white); display: block; }

#wrapper.home .unique-narratives .text p { width: 60%; margin-bottom: 20px; font-size: 140%; font-weight: 300; line-height: 1.5; }



#wrapper.home .employer-branding { background: linear-gradient(to bottom, var(--ihr-ivory) 0%, var(--ihr-ivory) 75%, transparent 75%, transparent 100%); padding: 100px 50px; }

#wrapper.home .employer-branding .content { display: grid; grid-template-columns: 40% 1fr 1fr; grid-column-gap: 50px; }

#wrapper.home .employer-branding .content .text h2 { color: var(--ihr-red); margin: 0 0 20px -5px; font-family: var(--ihr-font-cdot); font-size: 650%; font-weight: 400; line-height: 1; }

#wrapper.home .employer-branding .content .text p { width: 90%; font-size: 140%; font-weight: 300; line-height: 1.5; }

#wrapper.home .employer-branding .content .video { display: flex; align-items: center; }

#wrapper.home .employer-branding .content .video img { display: block; height: 70vh; border-radius: 20px 0; box-shadow: -30px -10px 30px var(--ihr-grey-mid-transparent-alpha); }



#wrapper.home .our-services .content { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }

#wrapper.home .our-services .content-mobile { display: none; flex-direction: column; justify-content: flex-end; height: 100%; }



#wrapper.home .service-video { background: linear-gradient(to bottom, transparent 0%, transparent 82%, var(--ihr-ivory) 82%, var(--ihr-ivory) 100%); padding: 50px; }

#wrapper.home .service-video .content h3 { color: var(--ihr-red); font-size: 700%; }

#wrapper.home .service-video .content h3 a {
	color: var(--ihr-red);
	text-decoration: none;
}

#wrapper.home .service-video .content .media { display: grid; grid-template-columns: 60fr 40fr; grid-gap: 50px; position: relative; }

#wrapper.home .service-video .content .media .video-player { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 20px; border-radius: 0 30px; }

#wrapper.home .service-video .content .media .video-player iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9; border-radius: 0 30px; }

#wrapper.home .service-video .content .media .text p.description { margin-bottom: 20px; color: var(--ihr-white); font-size: 140%; line-height: 1.5; }

#wrapper.home .service-video .content .media .text p.keywords { margin-bottom: 20px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-weight: 400; font-size: 140%; line-height: 1.3; }

#wrapper.home .service-video .content .media .text p.keywords a { display: inline-block; color: var(--ihr-white); text-decoration: none; transition: .3s; }

#wrapper.home .service-video .content .media .text p.keywords a:hover { transform: scale(1.08); transition: .3s; }

#wrapper.home .service-video .content .media .text p.keywords span { color: var(--ihr-red); }



#wrapper.home .service-photo { background: linear-gradient(to bottom, transparent 0%, transparent 82%, var(--ihr-ivory) 82%, var(--ihr-ivory) 100%); padding: 50px; }

#wrapper.home .service-photo .content h3 { color: var(--ihr-red); font-size: 700%; }

#wrapper.home .service-photo .content .media { display: grid; grid-template-columns: 60fr 40fr; grid-gap: 50px; position: relative; }

#wrapper.home .service-photo .content .media img { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 20px; border-radius: 0 30px; }

#wrapper.home .service-photo .content .media .text p.description { margin-bottom: 20px; color: var(--ihr-white); font-size: 140%; line-height: 1.5; }

#wrapper.home .service-photo .content .media .text p.keywords { margin-bottom: 20px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-weight: 400; font-size: 140%; line-height: 1.3; }

#wrapper.home .service-photo .content .media .text p.keywords a { display: inline-block; color: var(--ihr-white); text-decoration: none; transition: .3s; }

#wrapper.home .service-photo .content .media .text p.keywords a:hover { transform: scale(1.08); transition: .3s; }

#wrapper.home .service-photo .content .media .text p.keywords span { color: var(--ihr-red); }



#wrapper.home .service-audio { background: linear-gradient(to bottom, transparent 0%, transparent 82%, var(--ihr-ivory) 82%, var(--ihr-ivory) 100%); padding: 50px; }

#wrapper.home .service-audio .content h3 { color: var(--ihr-red); font-size: 700%; }

#wrapper.home .service-audio .content .media { display: grid; grid-template-columns: 60fr 40fr; grid-gap: 50px; position: relative; }

#wrapper.home .service-audio .content .media img { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 20px; border-radius: 0 30px; }

#wrapper.home .service-audio .content .media .text p.description { margin-bottom: 20px; color: var(--ihr-white); font-size: 140%; line-height: 1.5; }

#wrapper.home .service-audio .content .media .text p.keywords { margin-bottom: 20px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-weight: 400; font-size: 140%; line-height: 1.3; }

#wrapper.home .service-audio .content .media .text p.keywords a { display: inline-block; color: var(--ihr-white); text-decoration: none; transition: .3s; }

#wrapper.home .service-audio .content .media .text p.keywords a:hover { transform: scale(1.08); transition: .3s; }

#wrapper.home .service-audio .content .media .text p.keywords span { color: var(--ihr-red); }



#wrapper.home .service-social { background: linear-gradient(to bottom, transparent 0%, transparent 80%, var(--ihr-ivory) 80%, var(--ihr-ivory) 100%); padding: 80px 50px; }

#wrapper.home .service-social.tool {
	background: linear-gradient(to top, transparent 0%, transparent 12%, var(--ihr-ivory) 0%, var(--ihr-ivory) 12%);
}

#wrapper.home .service-social.tool .content .text h3 {
	color: var(--ihr-red);
}

#wrapper.home .service-social.tool .content .text p.description {
	color: var(--ihr-grey);
	width: 90%;
}

#wrapper.home .service-social .content { display: flex; }

#wrapper.home .service-social .content .text { width: 55%; }

#wrapper.home .service-social.tool .content .text {
	width: 46%;
}

#wrapper.home .service-social .content .text h3 { color: var(--ihr-ivory); font-size: 700%; }

#wrapper.home .service-social .content .text p.keywords { margin-bottom: 20px; color: var(--ihr-red); font-family: var(--ihr-font-fdot); font-weight: 400; font-size: 140%; line-height: 1.3; }

#wrapper.home .service-social .content .text p.keywords a { display: inline-block; color: var(--ihr-red); text-decoration: none; transition: .3s; }

#wrapper.home .service-social .content .text p.keywords a:hover { transform: scale(1.08); transition: .3s; }

#wrapper.home .service-social .content .text p.keywords span { color: var(--ihr-white); }

#wrapper.home .service-social .content .text p.description { margin-bottom: 20px; color: var(--ihr-ivory); font-size: 140%; font-weight: 300; line-height: 1.5; }

#wrapper.home .service-social .content .media { width: 50%; margin-right: -50px; }

#wrapper.home .service-social .content .media-mobile { display: none; margin-top: 25px; }



#wrapper.home .vision-mission { padding: 50px; }

#wrapper.home .vision-mission .content { border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

#wrapper.home .vision-mission .content .row { display: grid; grid-template-columns: 3fr 4fr 3fr; min-height: 40vh; }

#wrapper.home .vision-mission .content .row .text { display: flex; align-items: center; justify-content: center; padding: 50px; }

#wrapper.home .vision-mission .content .row .text p { font-size: 120%; font-weight: 300; line-height: 1.5; transition: .4s; }

#wrapper.home .vision-mission .content .row .title { display: flex; align-items: center; justify-content: center; padding: 50px 25px; text-align: center; }

#wrapper.home .vision-mission .content .row .title h2 { color: var(--ihr-red); font-family: var(--ihr-font-fdot); font-size: 480%; text-align: center; text-transform: uppercase; transition: .4s; }

#wrapper.home .vision-mission .content .row:hover .title h2 { scale: 1.1; transition: .4s; }

#wrapper.home .vision-mission .content .row:hover .text p { scale: 1.05; transition: .4s; }

#wrapper.home .vision-mission .content .row.vision { background: var(--ihr-grey); color: var(--ihr-white); border-radius: 20px 20px 0 0; }

#wrapper.home .vision-mission .content .row.vision .image { background: url("../img/home/vision.jpg"); background-size: cover; border-top-left-radius: 20px; }

#wrapper.home .vision-mission .content .row.vision .title { border-top-right-radius: 20px; }

#wrapper.home .vision-mission .content .row.mission { background: var(--ihr-ivory); color: var(--ihr-grey); border-radius: 0 0 20px 20px; }

#wrapper.home .vision-mission .content .row.mission .title { border-bottom-left-radius: 20px; }

#wrapper.home .vision-mission .content .row.mission .image { background: url("../img/home/mission.jpg"); background-size: cover; border-bottom-right-radius: 20px; }



#wrapper.home .core-values { background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0) 60%, var(--ihr-ivory) 60%, var(--ihr-ivory) 100%); padding: 30px 50px 50px 50px; }

#wrapper.home .core-values .content .title { padding-bottom: 20px; }

#wrapper.home .core-values .content .title h2 { color: var(--ihr-red); font-size: 700%; text-transform: uppercase; line-height: 1; }

#wrapper.home .core-values .content .outer { background: hsla(0, 0%, 60%, 0.2); padding: 30px; margin: 0 auto 50px auto; border-radius: 0 70px; }

#wrapper.home .core-values .content .outer .inner { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 80px; padding: 50px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; background: var(--ihr-grey); color: var(--ihr-white); }

#wrapper.home .core-values .content .outer .inner .item { position: relative; }

#wrapper.home .core-values .content .outer .inner .item h3 { position: absolute; bottom: 0; left: 0; color: var(--ihr-red); font-family: var(--ihr-font); font-size: 190%; font-weight: 600; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); }

#wrapper.home .core-values .content .outer .inner .item .box { display: flex; flex-direction: column; justify-content: space-between; align-content: space-between; height: 100%; margin-left: 50px; }

#wrapper.home .core-values .content .outer .inner .item .box img { display: block; height: 110px; margin: 0 auto 20px auto; transition: .4s; }

#wrapper.home .core-values .content .outer .inner .item .box p { font-size: 105%; }

#wrapper.home .core-values .content .outer .inner .item:hover .box img { scale: 1.15; transition: .4s; }

#wrapper.home .core-values .content .outer .inner-mobile { display: none; }

#wrapper.home .core-values .content .outer .inner-mobile .accordion { background: var(--ihr-grey); color: var(--ihr-white); font-size: 150%; font-family: var(--ihr-font-cdot); cursor: pointer; padding: 20px; border-bottom: 1px solid var(--ihr-ivory) !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }

#wrapper.home .core-values .content .outer .inner-mobile .accordion:last-of-type { border-bottom: 0; }

#wrapper.home .core-values .content .outer .inner-mobile .active, #wrapper.home .workflow .content .inner-mobile .accordion:hover { background-color: var(--ihr-red); }

#wrapper.home .core-values .content .outer .inner-mobile .panel { padding: 25px; background: var(--ihr-ivory); display: none; overflow: hidden; }

#wrapper.home .core-values .content .outer .inner-mobile .panel img { display: block; width: 40%; margin: 0 auto 20px auto; }

#wrapper.home .core-values .content .outer .inner-mobile .panel p { color: var(--ihr-grey); }



#wrapper.home .workflow { padding: 80px 50px; color: var(--ihr-white); }

#wrapper.home .workflow .content .title { padding-bottom: 50px; }

#wrapper.home .workflow .content .title h2 { color: var(--ihr-red); font-size: 700%; text-transform: uppercase; line-height: 0.6; }

#wrapper.home .workflow .content .inner { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 50px; grid-column-gap: 50px; margin: 0 auto; }

#wrapper.home .workflow .content .inner .item { position: relative; background: var(--ihr-grey-mid); padding: 30px 30px 30px 60px; margin-left: 70px; border-radius: 20px 0; transition: .4s; }

#wrapper.home .workflow .content .inner .item img { position: absolute; left: -55px; height: 80%; max-height: 205px; }

#wrapper.home .workflow .content .inner .item h3 { margin-bottom: 20px; font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper.home .workflow .content .inner .item p { line-height: 1.5; }

#wrapper.home .workflow .content .inner .item:hover { scale: 1.05; transition: .4s; }

#wrapper.home .workflow .content .inner-mobile { display: none; }

#wrapper.home .workflow .content .inner-mobile .accordion { background: var(--ihr-grey); color: var(--ihr-white); font-size: 150%; font-family: var(--ihr-font-cdot); cursor: pointer; padding: 20px; border-bottom: 1px solid var(--ihr-ivory) !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }

#wrapper.home .workflow .content .inner-mobile .accordion:last-of-type { border-bottom: 0; }

#wrapper.home .workflow .content .inner-mobile .active, #wrapper.home .workflow .content .inner-mobile .accordion:hover { background-color: var(--ihr-red); }

#wrapper.home .workflow .content .inner-mobile .panel { padding: 25px; background: var(--ihr-ivory); display: none; overflow: hidden; }

#wrapper.home .workflow .content .inner-mobile .panel p { color: var(--ihr-grey); }



#wrapper.home .partners .content { width: 100%; }

#wrapper.home .partners .content .title { width: 100%; padding: 50px 50px 10px 50px; }

#wrapper.home .partners .content .title h2 { color: var(--ihr-red); margin-bottom: 10px; font-size: 700%; text-transform: uppercase; }

#wrapper.home .partners .content .testimonials { background: linear-gradient(to bottom, var(--ihr-grey-light-transparent) 0%, var(--ihr-grey-light-transparent) 40%, var(--ihr-grey-light) 40%, var(--ihr-grey-light) 100%); width: 100%; }



#wrapper.home .partners .content .testimonials .splide { position: relative; padding: 50px 0 80px 0; margin: 0 auto 0 auto; }

#wrapper.home .partners .content .testimonials .splide .splide__slide { position: relative; width: 50%; filter: blur(3px); transition: .4s; }

#wrapper.home .partners .content .testimonials .splide .splide__slide.is-active { filter: blur(0); transition: .4s; }

#wrapper.home .partners .content .testimonials .splide .splide__slide .card { display: flex; width: 100%; height: 100%; padding: 30px; margin: 0 auto; border: 3px solid var(--ihr-ivory); border-radius: 20px; background: var(--ihr-grey); box-sizing: border-box; }

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .image {
	height: 50%;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
}

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .image img { width: 200px; }

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .text {
	margin-left: 12%;
    color: var(--ihr-white);
    position: absolute;
    top: 25%;
}

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .text p.quote { margin-bottom: 5%; font-size: 110%; }

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .text p.author { margin-bottom: 1%; font-size: 150%; font-weight: 700; }

#wrapper.home .partners .content .testimonials .splide .splide__slide .card .text p.position { font-size: 130%; font-weight: 400; }

#wrapper.home .partners .content .testimonials .splide .splide__arrows { position: absolute; bottom: 40px; width: 100%; display: flex; justify-content: center; align-items: center; }

#wrapper.home .partners .content .testimonials .splide .splide__arrows .splide__arrow { background: transparent; }

#wrapper.home .partners .content .testimonials .splide .splide__arrows .splide__arrow svg { width: 50px; height: 50px; transform: rotate(0deg); }

#wrapper.home .partners .content .testimonials .splide .splide__arrows .splide__arrow--prev { position: absolute; bottom: 0; left: calc(50vw - 30px); }

#wrapper.home .partners .content .testimonials .splide .splide__arrows .splide__arrow--next { position: absolute; bottom: 0; left: calc(50vw + 30px); }



#wrapper.home .partners .content .testimonials-mobile { display: none; padding: 25px 25px 50px 25px; overflow: hidden; }



#wrapper.home .partners .content .testimonials-mobile .splide { position: relative; visibility: visible !important; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide { position: relative; width: 100%; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card { width: 100%; height: 100%; border: 3px solid var(--ihr-ivory); border-radius: 20px; background: var(--ihr-grey); box-sizing: border-box; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .image { padding: 20px 20px 0 20px; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .image img { max-width: 120px; border-radius: 50%; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .text { padding: 20px; color: var(--ihr-white); }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .text p.quote { margin-bottom: 20px; font-size: 90%; line-height: 1.3; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .text p.author { margin-bottom: 10px; font-size: 120%; font-weight: 600; line-height: 1.3; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__slide .card .text p.position { font-size: 110%; line-height: 1.3; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__arrows { position: absolute; bottom: -40px; width: 100%; display: flex; justify-content: center; align-items: center; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__arrows .splide__arrow { background: transparent; }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__arrows .splide__arrow svg { fill: var(--ihr-white); width: 50px; height: 50px; transform: rotate(0deg); }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__arrows .splide__arrow--prev { position: absolute; bottom: -30px; left: calc(50% - 30px); }

#wrapper.home .partners .content .testimonials-mobile .splide .splide__arrows .splide__arrow--next { position: absolute; bottom: -30px; left: calc(50% + 30px); }



#wrapper.home .partners .content .line { width: 100%; height: 50px; background: url("../img/home/our-partners-abstract.jpg"); background-size: cover; background-position: center; }

#wrapper.home .partners .content .logos { overflow: hidden; padding: 30px 0px; white-space: nowrap; position: relative; }

#wrapper.home .partners .contenta .logos:before, #wrapper.home .partners .content .logos:after { position: absolute; top: 0; content: ''; width: 150px; height: 100%; z-index: 2; }

#wrapper.home .partners .contenta .logos:before { left: 0; background: linear-gradient(to left, rgba(255,255,255,0), rgba(255, 255, 255,0.8)); }

#wrapper.home .partners .contenta .logos:after { right: 0; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255, 255, 255, 0.8)); }

#wrapper.home .partners .content .logos .items { display: inline-block; animation: 35s slides infinite linear; }

#wrapper.home .partners .content .logos .items img { height: 150px; }

#wrapper.home .partners .content .logos:hover .items { animation-play-state: paused; }



#wrapper .video-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100vh; background: var(--ihr-black); background-size: cover; background-position: center; margin-top: -90px; }

#wrapper .video-hero .video { position: relative; width: 100%; height: 100%; }

#wrapper .video-hero .video .video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#wrapper .video-hero .video .video-player iframe { width: 100%; height: 100%; }

#wrapper .video-hero .title { background: linear-gradient(to right, var(--ihr-red) 0%, var(--ihr-red) 50%, var(--ihr-grey) 50%, var(--ihr-grey) 100%); border-bottom: 10px solid var(--ihr-ivory); }

#wrapper .video-hero .title .heading {    background: var(--ihr-grey); }

#wrapper .video-hero .title .heading h1 { background: var(--ihr-grey); color: var(--ihr-white); font-size: 650%; text-transform: uppercase; }

#wrapper .video-hero .title .heading h1 span { display: inline-block; padding: 0 10px 0 50px; background: var(--ihr-red); }



#wrapper .video-services { margin: 0 auto; }

#wrapper .video-services .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 50px; grid-column-gap: 50px; padding: 50px; margin: 0 auto; }

#wrapper .video-services .content .service { position: relative; margin-top: 25px; transition: .4s; }

#wrapper .video-services .content .service:hover { transform: scale(1.05); transition: .4s; }

#wrapper .video-services .content .service h2 { color: var(--ihr-red); font-size: 350%; text-transform: uppercase; text-shadow: 0 0 5px var(--ihr-grey-mid-transparent); }

#wrapper .video-services .content .service h2 a { color: var(--ihr-red); text-decoration: none; }

#wrapper .video-services .content .service img { display: block; width: 100%; margin-bottom: 20px; border-radius: 20px 0; }

#wrapper .video-services .content .service p { color: var(--ihr-white); margin-bottom: 20px; }



#wrapper .video-why .content .title { padding: 50px; }

#wrapper .video-why .content .title h2.effect:hover, #wrapper .video-why .content .items .item:nth-of-type(1) .title h3 span.effect:hover, #wrapper .video-why .content .items .item:nth-of-type(2) .title h3 span.effect:hover, #wrapper .video-why .content .items .item:nth-of-type(3) .title h3 span.effect:hover, #wrapper .video-why .content .items .item .title h3.effect:hover, #wrapper .audio-services .service .container .content h2.effect:hover {
    scale: 1.05;
	transition: .4s;
}

#wrapper .video-why .content .title h2 { color: var(--ihr-white); font-size: 600%; text-transform: uppercase; transition: .4s; }

#wrapper .video-why .content .title h2 span { color: var(--ihr-red); }

#wrapper .video-why .content .items .item { display: flex; padding: 30px 0; }

#wrapper .video-why .content .items .item .title h3 { font-size: 250%; }

#wrapper .video-why .content .items .item:nth-of-type(1) .title { display: flex; align-items: center; position: relative; width: 35%; }

#wrapper .video-why .content .items .item:nth-of-type(1) .title h3 { z-index: 5; font-size: 300%; color: var(--ihr-red); text-transform: uppercase; }

#wrapper .video-why .content .items .item:nth-of-type(1) .title h3 span { display: block; color: var(--ihr-white); }

#wrapper .video-why .content .items .item:nth-of-type(1) .text { width: 65%; padding: 50px; border-radius: 12px 0 0 12px; background: var(--ihr-grey-mid-transparent); }

#wrapper .video-why .content .items .item:nth-of-type(1) .text p { color: var(--ihr-white); font-size: 140%; line-height: 1.4; }

#wrapper .video-why .content .items .item:nth-of-type(2) { flex-direction: row-reverse; }

#wrapper .video-why .content .items .item:nth-of-type(2) .title { display: flex; align-items: center; justify-content: flex-end; position: relative; width: 35%; }

#wrapper .video-why .content .items .item:nth-of-type(2) .title h3 { z-index: 5; font-size: 300%; color: var(--ihr-red); text-align: right; text-transform: uppercase; }

#wrapper .video-why .content .items .item:nth-of-type(2) .title h3 span { display: block; color: var(--ihr-white); }

#wrapper .video-why .content .items .item:nth-of-type(2) .text { width: 70%; padding: 50px; border-radius: 0 12px 12px 0; background: var(--ihr-grey-light); }

#wrapper .video-why .content .items .item:nth-of-type(2) .text p { color: var(--ihr-grey); font-size: 140%; line-height: 1.4; }

#wrapper .video-why .content .items .item:nth-of-type(3) { margin: 0; }

#wrapper .video-why .content .items .item:nth-of-type(3) .title { display: flex; align-items: center; position: relative; width: 35%; }

#wrapper .video-why .content .items .item:nth-of-type(3) .title h3 { z-index: 5; font-size: 300%; color: var(--ihr-red); text-transform: uppercase; }

#wrapper .video-why .content .items .item:nth-of-type(3) .title h3 span { display: block; color: var(--ihr-white); }

#wrapper .video-why .content .items .item:nth-of-type(3) .text { width: 65%; padding: 50px; border-radius: 12px 0 0 12px; background: var(--ihr-grey-mid-transparent); }

#wrapper .video-why .content .items .item:nth-of-type(3) .text p { color: var(--ihr-white); font-size: 140%; line-height: 1.4; }



#wrapper .video-type-hero { background: linear-gradient(to bottom, var(--ihr-grey) 0%, var(--ihr-grey) 85%, var(--ihr-ivory) 85%, var(--ihr-ivory) 100%); padding: 50px 50px 80px 50px; }

#wrapper .video-type-hero .video-player { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 0 20px; }

#wrapper .video-type-hero .video-player iframe { width: 100%; height: unset; aspect-ratio: 16 / 9; }

#wrapper .video-type-hero img { display: block; width: 100%; }



#wrapper .video-type-description { background: var(--ihr-ivory); padding: 0 70px 80px 70px; }

#wrapper .video-type-description .title { padding-bottom: 20px; }

#wrapper .video-type-description .title h1 { color: var(--ihr-red); margin-bottom: 10px; font-size: 750%; line-height: 1; }

#wrapper .video-type-description .title h2 { color: var(--ihr-grey-mid); margin-bottom: 30px; font-family: var(--ihr-font-fdot); font-size: 200%; }

#wrapper .video-type-description .text p { font-size: 130%; margin-bottom: 20px; }

#wrapper .video-type-description .text p:last-of-type { margin-bottom: 50px; }

#wrapper .video-type-description .text a { color: var(--ihr-grey); }



#wrapper .photo-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 85vh; background: url("../img/services/photo/hero.jpg"); background-size: cover; background-position: center; margin-top: -90px; }

#wrapper .photo-hero .title { background: linear-gradient(to right, var(--ihr-red) 0%, var(--ihr-red) 50%, var(--ihr-grey) 50%, var(--ihr-grey) 100%); border-bottom: 10px solid var(--ihr-ivory); }

#wrapper .photo-hero .title .heading { background: var(--ihr-grey); }

#wrapper .photo-hero .title .heading h1 { background: var(--ihr-grey); color: var(--ihr-white); font-size: 650%; text-transform: uppercase; }

#wrapper .photo-hero .title .heading h1 span { display: inline-block; padding: 0 10px 0 50px; background: var(--ihr-red); }



#wrapper .photo-services { margin: 0 auto; }

#wrapper .photo-services .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 50px; grid-column-gap: 50px; padding: 50px; margin: 0 auto; }

#wrapper .photo-services .content .service { position: relative; margin-top: 25px; transition: .4s; }

#wrapper .photo-services .content .service:hover { transform: scale(1.05); transition: .4s; }

#wrapper .photo-services .content .service h2 { color: var(--ihr-red); font-size: 350%; text-transform: uppercase; text-shadow: 0 0 5px var(--ihr-grey-mid-transparent); }

#wrapper .photo-services .content .service h2 a { color: var(--ihr-red); text-decoration: none; }

#wrapper .photo-services .content .service img { display: block; width: 100%; margin-bottom: 20px; border-radius: 20px 0; }

#wrapper .photo-services .content .service p { color: var(--ihr-white); margin-bottom: 20px; }



#wrapper .photo-type-hero .content .gallery { background: linear-gradient(transparent 0%, transparent 70%, var(--ihr-ivory) 70%, var(--ihr-ivory) 100%); padding: 50px 0; }

#wrapper .photo-type-hero .content .gallery ::selection { background: transparent; }



#wrapper .photo-type-hero .content .gallery .splide { position: relative; width: 100%; margin-left: auto; margin-right: auto; }

#wrapper .photo-type-hero .content .gallery .splide .splide__slide img { display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }

#wrapper .photo-type-hero .content .gallery .splide .splide__arrows { display: none !important; position: absolute; bottom: -40px; width: 100%; display: flex; justify-content: center; align-items: center; }

#wrapper .photo-type-hero .content .gallery .splide .splide__arrows .splide__arrow { background: transparent; }

#wrapper .photo-type-hero .content .gallery .splide .splide__arrows .splide__arrow svg { width: 50px; height: 50px; transform: rotate(0deg); }

#wrapper .photo-type-hero .content .gallery .splide .splide__arrows .splide__arrow--prev { position: absolute; bottom: 0; left: calc(50vw - 30px); }

#wrapper .photo-type-hero .content .gallery .splide .splide__arrows .splide__arrow--next { position: absolute; bottom: 0; left: calc(50vw + 30px); }

#wrapper .photo-type-hero .content .gallery .splide .fullscreen-button { display: none; align-items: center; justify-content: center; position: relative; }

#wrapper .photo-type-hero .content .gallery .splide .fullscreen-button button { background: transparent; position: absolute; top: 18px; }

#wrapper .photo-type-hero .content .gallery .splide .fullscreen-button button svg { width: 40px; }



#wrapper .photo-type-description { background: var(--ihr-ivory); padding: 20px 70px 80px 70px; }

#wrapper .photo-type-description .title { padding-bottom: 20px; }

#wrapper .photo-type-description .title h1 { color: var(--ihr-red); margin-bottom: 10px; font-size: 750%; line-height: 1; }

#wrapper .photo-type-description .title h2 { color: var(--ihr-grey-mid); margin-bottom: 30px; font-family: var(--ihr-font-fdot); font-size: 200%; }

#wrapper .photo-type-description .text p { font-size: 130%; margin-bottom: 20px; }

#wrapper .photo-type-description .text p:last-of-type { margin-bottom: 50px; }

#wrapper .photo-type-description .text ul { margin: 0 0 50px 30px; }

#wrapper .photo-type-description .text ul li { margin-bottom: 10px; font-size: 130%; }

#wrapper .photo-type-description .text a { color: var(--ihr-grey); }



#wrapper .photo-type-thumbnails { display: grid; grid-template-columns: repeat(5, 1fr); }

#wrapper .photo-type-thumbnails img { display: block; width: 100%; }



#wrapper .photo-type-portrait-hero { height: calc(100vh - 90px); background: var(--ihr-ivory); margin-top: -90px; }

#wrapper .photo-type-portrait-hero .content { display: flex; margin: 90px auto 0 auto; }

#wrapper .photo-type-portrait-hero .content .text { padding: 50px 150px 50px 50px; }

#wrapper .photo-type-portrait-hero .content .text h2 { color: var(--ihr-red); font-size: 700%; line-height: 1; }

#wrapper .photo-type-portrait-hero .content .text h3 { font-size: 200%; font-family: var(--ihr-font-fdot); margin-bottom: 50px; }

#wrapper .photo-type-portrait-hero .content .text h3 span { color: var(--ihr-red); }

#wrapper .photo-type-portrait-hero .content .text p { font-size: 120%; line-height: 1.5; margin-bottom: 20px; }

#wrapper .photo-type-portrait-hero .content .text .price { margin-top: 30px; color: var(--ihr-red); font-size: 140%; }

#wrapper .photo-type-portrait-hero .content .text .btn { display: inline-block; padding: 15px; margin-top: 5%; border-radius: 5px; background: var(--ihr-red); color: var(--ihr-white); text-decoration: none; }

#wrapper .photo-type-portrait-hero .content .gallery { display: flex; max-width: 60%; max-height: 100vh; padding-right: 50px; }

#wrapper .photo-type-portrait-hero .content .gallery ::selection { background: transparent; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-main { width: auto; height: calc(100vh - 90px); aspect-ratio: 3 / 4; margin: 0 30px 0 0; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide img { display: block; width: 100%; height: 100%; max-height: 100vh; object-fit: cover; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails { width: 20%; height: calc(100vh - 90px); margin: 0; box-sizing: border-box; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails .swiper-slide img { display: block; width: 100%; height: 100%; max-height: 100vh; object-fit: cover; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails .swiper-slide { width: 100%; aspect-ratio: 3 / 4; max-height: 25%; opacity: 0.4; }

#wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails .swiper-slide-thumb-active { opacity: 1; }



#wrapper .photo-type-packages { background: linear-gradient(to bottom, transparent 0%, transparent 70%, var(--ihr-grey-light-transparent-brighter) 70%, var(--ihr-grey-light-transparent-brighter) 100%); padding: 50px; }

#wrapper .photo-type-packages .content .title { padding: 0 50px 50px 50px; text-align: center; }

#wrapper .photo-type-packages .content .title h2 { color: var(--ihr-white); font-size: 600%; text-transform: uppercase; }

#wrapper .photo-type-packages .content .packages { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px; margin: 0 auto; }

#wrapper .photo-type-packages .content .packages .package { display: flex; flex-direction: column; justify-content: flex-start; position: relative; padding: 50px; border-radius: 30px; }

#wrapper .photo-type-packages .content .packages .package .head img { display: block; width: 60%; margin-bottom: 50px; }

#wrapper .photo-type-packages .content .packages .package .main { width: 80%; }

#wrapper .photo-type-packages .content .packages .package .main ul { margin: 0 0 30px 20px; }

#wrapper .photo-type-packages .content .packages .package .main ul li { margin-bottom: 10px; font-size: 130%; font-weight: 600; }

#wrapper .photo-type-packages .content .packages .package .main ul li:last-of-type { margin: 0; }

#wrapper .photo-type-packages .content .packages .package .main .description { margin-bottom: 20px; font-size: 140%; }

#wrapper .photo-type-packages .content .packages .package .main .price { color: var(--ihr-red); font-size: 140%; }

#wrapper .photo-type-packages .content .packages .package .main .price span { font-weight: 600; }

#wrapper .photo-type-packages .content .packages .package .name { position: absolute; top: 50px; right: 0; font-size: 650%; font-weight: 400; font-family: var(--ihr-font-bdot); text-transform: uppercase; line-height: 0.6; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); }

#wrapper .photo-type-packages .content .packages .package.essential { background: var(--ihr-ivory); }

#wrapper .photo-type-packages .content .packages .package.essential h3 { color: var(--ihr-grey); }

#wrapper .photo-type-packages .content .packages .package.essential h3 span { color: var(--ihr-red); }

#wrapper .photo-type-packages .content .packages .package.essential .icons i { color: var(--ihr-lightgrey); }

#wrapper .photo-type-packages .content .packages .package.essential .btn { background: var(--ihr-red); color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.essential .name { color: var(--ihr-red); }

#wrapper .photo-type-packages .content .packages .package.signature { background: var(--ihr-red); }

#wrapper .photo-type-packages .content .packages .package.signature h3 { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.signature h3 span { color: var(--ihr-black); }

#wrapper .photo-type-packages .content .packages .package.signature .icons i { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.signature ul li { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.signature .description { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.signature .price { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.signature .name { color: var(--ihr-grey); }

#wrapper .photo-type-packages .content .packages .package.supreme { background: var(--ihr-grey); box-shadow: 0 0 20px var(--ihr-grey-mid); }

#wrapper .photo-type-packages .content .packages .package.supreme h3 { color: var(--ihr-red); }

#wrapper .photo-type-packages .content .packages .package.supreme h3 span { color: var(--ihr-grey-light); }

#wrapper .photo-type-packages .content .packages .package.supreme .icons i { color: var(--ihr-grey-light); }

#wrapper .photo-type-packages .content .packages .package.supreme ul li { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.supreme .description { color: var(--ihr-white); }

#wrapper .photo-type-packages .content .packages .package.supreme .name { color: var(--ihr-grey-light); }



#wrapper .audio-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 85vh; background: url("../img/services/audio/hero.jpg"); background-size: cover; background-position: center; margin-top: -90px; }

#wrapper .audio-hero .title { background: linear-gradient(to right, var(--ihr-red) 0%, var(--ihr-red) 50%, var(--ihr-grey) 50%, var(--ihr-grey) 100%); border-bottom: 10px solid var(--ihr-ivory); }

#wrapper .audio-hero .title .heading {    background: var(--ihr-grey); }

#wrapper .audio-hero .title .heading h1 { background: var(--ihr-grey); color: var(--ihr-white); font-size: 650%; text-transform: uppercase; }

#wrapper .audio-hero .title .heading h1 span { display: inline-block; padding: 0 10px 0 50px; background: var(--ihr-red); }



#wrapper .audio-elevate .content { display: grid; grid-template-columns: 75fr 25fr; grid-column-gap: 50px; padding: 50px; color: var(--ihr-white); }

#wrapper .audio-elevate .content .text h2 { margin-bottom: 20px; font-family: var(--ihr-font-fdot); font-size: 200%; text-transform: uppercase; }

#wrapper .audio-elevate .content .text h2 .gre { color: var(--ihr-grey-light); }

#wrapper .audio-elevate .content .text h2 .red { color: var(--ihr-red); }

#wrapper .audio-elevate .content .text p { margin-right: 100px; font-size: 140%; line-height: 1.5; }

#wrapper .audio-elevate .content .image { background: url("../img/services/audio/elevate.jpg"); background-size: cover; background-position: center; border-radius: 0 20px; }



#wrapper .audio-services .service { background: linear-gradient(to bottom, transparent 0%, transparent 75%, var(--ihr-ivory) 75%, var(--ihr-ivory) 100%); padding: 50px 0; scroll-margin-top: 90px; }

#wrapper .audio-services .service .container { width: 100%; display: grid; grid-template-columns: 40fr 52fr; grid-column-gap: 50px; position: relative; }

#wrapper .audio-services .service .container .image { display: block; width: 100%; border-radius: 0 20px 20px 0; transition: .4s; }

#wrapper .audio-services .service .container .image.effect:hover {
	transform: scale(1.05);
    transition: .4s;
}

#wrapper .audio-services .service .container .content { padding-right: 150px; }

#wrapper .audio-services .service.voiceover .container .image.effect:hover, #wrapper .audio-services .service .container .content h2.effect:hover {
	scale: 1.05;
}

#wrapper .audio-services .service .container .content h2 { margin-bottom: 2%; color: var(--ihr-red); font-size: 450%; text-transform: uppercase; transition: .4s; }

#wrapper .audio-services .service .container .content p { color: var(--ihr-white); font-size: 130%; line-height: 1.5; }

#wrapper .audio-services .service .container .number { position: absolute; top: 0; right: 0; display: block; max-height: 100%; }

#wrapper .audio-services .service.voiceover .container { grid-template-columns: 52fr 40fr; }

#wrapper .audio-services .service.voiceover .container .image { border-radius: 20px 0 0 20px; }

#wrapper .audio-services .service.voiceover .container .content { padding-right: 0; padding-left: 150px; }

#wrapper .audio-services .service.voiceover .container .number { position: absolute; top: 0; left: 0; display: block; max-height: 100%; }



#wrapper .audio-voices { background: var(--ihr-ivory-transparent-alpha); padding-bottom: 50px; }

#wrapper .audio-voices { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 25px; }

#wrapper .audio-voices h2 { color: var(--ihr-white); font-size: 350%; text-transform: uppercase; }

#wrapper .audio-voices h2 span { color: var(--ihr-red); }

#wrapper .audio-voices .voices.female-voices { display: flex; flex-direction: column; }

#wrapper .audio-voices .voices.female-voices .title { padding: 50px 0 20px 50px; }

#wrapper .audio-voices .voices.female-voices .voices-container { background: var(--ihr-ivory); padding: 25px; border-radius: 0 20px 0 0; }

#wrapper .audio-voices .voices.female-voices .pagination-controls { background: var(--ihr-ivory); padding: 25px; border-radius: 0 0 20px 0; }

#wrapper .audio-voices .voices.male-voices { display: flex; flex-direction: column; }

#wrapper .audio-voices .voices.male-voices .title { padding: 50px 50px 20px 0; text-align: right; }

#wrapper .audio-voices .voices.male-voices .voices-container { background: var(--ihr-grey); padding: 25px 50px 25px 25px; border-radius: 20px 0 0 0; }

#wrapper .audio-voices .voices.male-voices .pagination-controls { background: var(--ihr-grey); color: var(--ihr-white); padding: 25px 50px 25px 25px; border-radius: 0 0 0 20px; }

#wrapper .audio-voices .voices.male-voices .pagination-controls button svg { fill: var(--ihr-white); }

#wrapper .audio-voices .voices-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; grid-column-gap: 30px; flex: auto; min-height: 450px; }

#wrapper .audio-voices .voices-container .voice { display: flex; }

#wrapper .audio-voices .voices-container .voice .voice-image { width: 40%; }

#wrapper .audio-voices .voices-container .voice .voice-image img { display: block; width: 100%; border-radius: 12px; }

#wrapper .audio-voices .voices-container .voice .voice-content { width: 60%; padding: 0 20px; }

#wrapper .audio-voices .voices-container .voice .voice-content h3 { color: var(--ihr-red); font-size: 140%; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 10px 0 0 0; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .button { display: flex; align-items: center; justify-content: center; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .base { position: absolute; width: 50px; height: 50px; background: var(--ihr-red); border-radius: 50%; box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.051), 0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06), 0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059), 0 35px 80px rgba(0, 0, 0, 0.07); cursor: pointer; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .button:active .base { background: var(--ihr-black); }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .icons { width: 100px; height: 100px; transform: rotate(-120deg); transition: transform 500ms; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .icon { width: 100px; height: 100px; background: white; position: absolute; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .left { clip-path: polygon(43.77666% 55.85251%, 43.77874% 55.46331%, 43.7795% 55.09177%, 43.77934% 54.74844%, 43.77855% 54.44389%, 43.77741% 54.18863%, 43.77625% 53.99325%, 43.77533% 53.86828%, 43.77495% 53.82429%, 43.77518% 53.55329%, 43.7754% 53.2823%, 43.77563% 53.01131%, 43.77585% 52.74031%, 43.77608% 52.46932%, 43.7763% 52.19832%, 43.77653% 51.92733%, 43.77675% 51.65633%, 43.77653% 51.38533%, 43.7763% 51.11434%, 43.77608% 50.84334%, 43.77585% 50.57235%, 43.77563% 50.30136%, 43.7754% 50.03036%, 43.77518% 49.75936%, 43.77495% 49.48837%, 44.48391% 49.4885%, 45.19287% 49.48865%, 45.90183% 49.48878%, 46.61079% 49.48892%, 47.31975% 49.48906%, 48.0287% 49.4892%, 48.73766% 49.48934%, 49.44662% 49.48948%, 50.72252% 49.48934%, 51.99842% 49.4892%, 53.27432% 49.48906%, 54.55022% 49.48892%, 55.82611% 49.48878%, 57.10201% 49.48865%, 58.3779% 49.4885%, 59.6538% 49.48837%, 59.57598% 49.89151%, 59.31883% 50.28598%, 58.84686% 50.70884%, 58.12456% 51.19714%, 57.11643% 51.78793%, 55.78697% 52.51828%, 54.10066% 53.42522%, 52.02202% 54.54581%, 49.96525% 55.66916%, 48.3319% 56.57212%, 47.06745% 57.27347%, 46.11739% 57.79191%, 45.42719% 58.14619%, 44.94235% 58.35507%, 44.60834% 58.43725%, 44.37066% 58.41149%, 44.15383% 58.27711%, 43.99617% 58.0603%, 43.88847% 57.77578%, 43.82151% 57.43825%, 43.78608% 57.06245%, 43.77304% 56.66309%, 43.773% 56.25486%); transition: clip-path 500ms; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .right { clip-path: polygon(43.77666% 43.83035%, 43.77874% 44.21955%, 43.7795% 44.59109%, 43.77934% 44.93442%, 43.77855% 45.23898%, 43.77741% 45.49423%, 43.77625% 45.68961%, 43.77533% 45.81458%, 43.77495% 45.85858%, 43.77518% 46.12957%, 43.7754% 46.40056%, 43.77563% 46.67156%, 43.77585% 46.94255%, 43.77608% 47.21355%, 43.7763% 47.48454%, 43.77653% 47.75554%, 43.77675% 48.02654%, 43.77653% 48.29753%, 43.7763% 48.56852%, 43.77608% 48.83952%, 43.77585% 49.11051%, 43.77563% 49.38151%, 43.7754% 49.65251%, 43.77518% 49.9235%, 43.77495% 50.1945%, 44.48391% 50.19436%, 45.19287% 50.19422%, 45.90183% 50.19408%, 46.61079% 50.19394%, 47.31975% 50.1938%, 48.0287% 50.19366%, 48.73766% 50.19353%, 49.44662% 50.19338%, 50.72252% 50.19353%, 51.99842% 50.19366%, 53.27432% 50.1938%, 54.55022% 50.19394%, 55.82611% 50.19408%, 57.10201% 50.19422%, 58.3779% 50.19436%, 59.6538% 50.1945%, 59.57598% 49.79136%, 59.31883% 49.39688%, 58.84686% 48.97402%, 58.12456% 48.48572%, 57.11643% 47.89493%, 55.78697% 47.16458%, 54.10066% 46.25764%, 52.02202% 45.13705%, 49.96525% 44.01371%, 48.3319% 43.11074%, 47.06745% 42.4094%, 46.11739% 41.89096%, 45.42719% 41.53667%, 44.94235% 41.3278%, 44.60834% 41.24561%, 44.37066% 41.27137%, 44.15383% 41.40575%, 43.99617% 41.62256%, 43.88847% 41.90709%, 43.82151% 42.24461%, 43.78608% 42.62041%, 43.77304% 43.01978%, 43.773% 43.428%); transition: clip-path 500ms; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .pointer { position: absolute; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: transparent; }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .active .icons { transform: rotate(-90deg); }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .active .left { clip-path: polygon(56.42249% 57.01763%, 54.93283% 57.0175%, 53.00511% 57.01738%, 50.83554% 57.01727%, 48.62036% 57.01718%, 46.55585% 57.01709%, 44.83822% 57.01702%, 43.66373% 57.01698%, 43.22863% 57.01696%, 42.86372% 57.01904%, 42.56988% 57.01621%, 42.3402% 56.99486%, 42.16778% 56.94152%, 42.0457% 56.84267%, 41.96705% 56.68478%, 41.92493% 56.45432%, 41.91246% 56.13777%, 41.91258% 55.76282%, 41.9129% 55.37058%, 41.91335% 54.96757%, 41.91387% 54.56032%, 41.91439% 54.15537%, 41.91485% 53.75926%, 41.91517% 53.3785%, 41.91529% 53.01965%, 41.94275% 52.72355%, 42.02117% 52.51653%, 42.14465% 52.38328%, 42.30727% 52.30854%, 42.50308% 52.27699%, 42.72619% 52.27341%, 42.97065% 52.28248%, 43.23056% 52.2889%, 43.94949% 52.28896%, 45.45083% 52.28912%, 47.47445% 52.28932%, 49.76027% 52.28957%, 52.04818% 52.28981%, 54.07805% 52.29003%, 55.5898% 52.29019%, 56.32332% 52.29024%, 56.58221% 52.28816%, 56.83726% 52.28948%, 57.07897% 52.30593%, 57.29794% 52.34898%, 57.48468% 52.43029%, 57.62978% 52.56146%, 57.72375% 52.7541%, 57.75718% 53.01981%, 57.75713% 53.37763%, 57.75699% 53.81831%, 57.75679% 54.31106%, 57.75657% 54.82507%, 57.75635% 55.32958%, 57.75615% 55.79377%, 57.75601% 56.18684%, 57.75596% 56.47801%, 57.7549% 56.50122%, 57.74034% 56.5624%, 57.6955% 56.64887%, 57.60334% 56.748%, 57.44691% 56.84712%, 57.20925% 56.93358%, 56.87342% 56.99471%); }

#wrapper .audio-voices .voices-container .voice .voice-content .button-container .active .right { clip-path: polygon(56.42249% 42.44625%, 54.93283% 42.44637%, 53.00511% 42.44649%, 50.83554% 42.4466%, 48.62036% 42.4467%, 46.55585% 42.44679%, 44.83822% 42.44685%, 43.66373% 42.4469%, 43.22863% 42.44691%, 42.86372% 42.44483%, 42.56988% 42.44767%, 42.3402% 42.46902%, 42.16778% 42.52235%, 42.0457% 42.6212%, 41.96705% 42.77909%, 41.92493% 43.00956%, 41.91246% 43.32611%, 41.91258% 43.70105%, 41.9129% 44.0933%, 41.91335% 44.49631%, 41.91387% 44.90355%, 41.91439% 45.3085%, 41.91485% 45.70462%, 41.91517% 46.08537%, 41.91529% 46.44422%, 41.94275% 46.74032%, 42.02117% 46.94735%, 42.14465% 47.0806%, 42.30727% 47.15534%, 42.50308% 47.18688%, 42.72619% 47.19047%, 42.97065% 47.1814%, 43.23056% 47.17497%, 43.94949% 47.17491%, 45.45083% 47.17476%, 47.47445% 47.17455%, 49.76027% 47.1743%, 52.04818% 47.17406%, 54.07805% 47.17384%, 55.5898% 47.17369%, 56.32332% 47.17363%, 56.58221% 47.17571%, 56.83726% 47.17439%, 57.07897% 47.15795%, 57.29794% 47.1149%, 57.48468% 47.03359%, 57.62978% 46.90242%, 57.72375% 46.70977%, 57.75718% 46.44406%, 57.75713% 46.08625%, 57.75699% 45.64557%, 57.75679% 45.15282%, 57.75657% 44.6388%, 57.75635% 44.1343%, 57.75615% 43.6701%, 57.75601% 43.27703%, 57.75596% 42.98586%, 57.7549% 42.96265%, 57.74034% 42.90148%, 57.6955% 42.815%, 57.60334% 42.71587%, 57.44691% 42.61675%, 57.20925% 42.53029%, 56.87342% 42.46916%); } 

#wrapper .audio-voices .pagination-controls { display: flex; justify-content: space-between; align-items: center; }

#wrapper .audio-voices .pagination-controls button { background: transparent; padding: 0; }

#wrapper .audio-voices .pagination-controls button svg { width: 40px; height: 40px; }



#wrapper .social-content-management { display: flex; box-sizing: border-box; background: linear-gradient(transparent 0%, transparent 80%, var(--ihr-ivory) 80%, var(--ihr-ivory) 100%); padding: 80px 50px; }

#wrapper .social-content-management .text { width: 55%; }

#wrapper .social-content-management .text h1 { color: var(--ihr-red); font-size: 650%; text-transform: uppercase; }

#wrapper .social-content-management .text h2 { color: var(--ihr-white); margin-bottom: 20px; font-size: 450%; font-family: var(--ihr-font-ddot); text-transform: uppercase; }

#wrapper .social-content-management .text p { color: var(--ihr-white); margin: 0 50px 50px 0; font-size: 140%; line-height: 1.5; }

#wrapper .social-content-management .image { width: 55%; margin-right: -50px; transition: .4s; }

#wrapper .social-content-management .image.effect:hover {
	transform: scale(1.05);
    transition: .4s;
}

#wrapper .social-content-management .image-mobile { display: none; }

#wrapper .social-platforms { display: flex; background: linear-gradient(transparent 0%, transparent 75%, var(--ihr-ivory) 75%, var(--ihr-ivory) 100%); padding: 50px; }

#wrapper .social-platforms .image { width: 30%; transition: .4s; }

#wrapper .social-platforms .image.effect:hover, #wrapper .social-content-management .image.effect:hover {
	transform: scale(1.05);
    transition: .4s;
}

#wrapper .social-platforms .text { width: 70%; padding-top: 30px; text-align: right; }

#wrapper .social-platforms .text h3 { color: var(--ihr-white); margin-bottom: 50px; font-family: var(--ihr-font-ddot); font-size: 250%; }

#wrapper .social-platforms .text p { color: var(--ihr-white); margin-bottom: 80px; font-size: 150%; font-weight: 300; line-height: 1.5; }

#wrapper .social-platforms .text .icons { width: 100%; }

#wrapper .social-platforms .text .icons i { display: inline-block; margin-left: 50px; color: var(--ihr-white); font-size: 90px; }



#wrapper .social-includes { color: var(--ihr-white); }

#wrapper .social-includes .content .title { padding: 50px; text-align: center; }

#wrapper .social-includes .content .title h2 { color: var(--ihr-white); font-size: 600%; text-transform: uppercase; }

#wrapper .social-includes .content .items { width: 85%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 50px; grid-column-gap: 50px; padding: 0 50px 50px 50px; margin: 0 auto; }

#wrapper .social-includes .content .items .item { position: relative; background: var(--ihr-grey-mid); padding: 30px 30px 30px 60px; margin-left: 70px; border-radius: 20px 0; transition: .4s; }

#wrapper .social-includes .content .items .item img { z-index: 2; position: absolute; left: -60px; height: 80%; max-height: 190px; }

#wrapper .social-includes .content .items .item h3 { margin-bottom: 5%; font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper .social-includes .content .items .item:hover { scale: 1.05; transition: .4s; }

#wrapper .social-includes .content .items-mobile { display: none; }

#wrapper .social-includes .content .items-mobile .accordion { background: var(--ihr-grey); color: var(--ihr-white); font-size: 150%; font-family: var(--ihr-font-cdot); cursor: pointer; padding: 20px 25px; border-bottom: 1px solid var(--ihr-ivory) !important; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }

#wrapper .social-includes .content .items-mobile .accordion:last-of-type { border-bottom: 0; }

#wrapper .social-includes .content .items-mobile .active, #wrapper.home .workflow .content .inner-mobile .accordion:hover { background-color: var(--ihr-red); }

#wrapper .social-includes .content .items-mobile .panel { padding: 25px; background: var(--ihr-ivory); display: none; overflow: hidden; }

#wrapper .social-includes .content .items-mobile .panel p { color: var(--ihr-grey); }



#wrapper .social-packages { background: linear-gradient(to bottom, transparent 0%, transparent 70%, var(--ihr-grey-light-transparent-brighter) 70%, var(--ihr-grey-light-transparent-brighter) 100%); padding: 50px; }

#wrapper .social-packages .content .title { padding: 0 50px 50px 50px; text-align: center; }

#wrapper .social-packages .content .title h2 { color: var(--ihr-white); font-size: 600%; text-transform: uppercase; }

#wrapper .social-packages .content .packages { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px; margin: 0 auto; }

#wrapper .social-packages .content .packages .package { display: flex; flex-direction: column; justify-content: space-between; position: relative; padding: 50px; border-radius: 30px; }

#wrapper .social-packages .content .packages .package .head h3 { width: 50%; margin-bottom: 80px; font-size: 200%; text-transform: uppercase; }

#wrapper .social-packages .content .packages .package .head h3 span { width: 50%; display: block; }

#wrapper .social-packages .content .packages .package .head .icons { margin-bottom: 20px; }

#wrapper .social-packages .content .packages .package .head .icons i { display: inline-block; margin-right: 20px; font-size: 60px; }

#wrapper .social-packages .content .packages .package .main { width: 80%; }

#wrapper .social-packages .content .packages .package .main ul { margin: 0 0 30px 20px; }

#wrapper .social-packages .content .packages .package .main ul li { margin-bottom: 10px; font-size: 130%; font-weight: 600; }

#wrapper .social-packages .content .packages .package .main ul li:last-of-type { margin: 0; }

#wrapper .social-packages .content .packages .package .main .price { color: var(--ihr-red); font-size: 140%; }

#wrapper .social-packages .content .packages .package .main .price span { font-weight: 600; }

#wrapper .social-packages .content .packages .package .name { position: absolute; top: 50px; right: 0; font-size: 650%; font-weight: 400; font-family: var(--ihr-font-bdot); text-transform: uppercase; line-height: 0.6; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); }

#wrapper .social-packages .content .packages .package.social-a { background: var(--ihr-ivory); }

#wrapper .social-packages .content .packages .package.social-a h3 { color: var(--ihr-grey); }

#wrapper .social-packages .content .packages .package.social-a h3 span { color: var(--ihr-red); }

#wrapper .social-packages .content .packages .package.social-a .icons i { color: var(--ihr-lightgrey); }

#wrapper .social-packages .content .packages .package.social-a .btn { background: var(--ihr-red); color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.social-a .name { color: var(--ihr-red); }

#wrapper .social-packages .content .packages .package.social-b { background: var(--ihr-red); }

#wrapper .social-packages .content .packages .package.social-b h3 { color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.social-b h3 span { color: var(--ihr-black); }

#wrapper .social-packages .content .packages .package.social-b .icons i { color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.social-b ul li { color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.social-b .price { color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.social-b .name { color: var(--ihr-grey); }

#wrapper .social-packages .content .packages .package.combined { background: var(--ihr-grey); box-shadow: 0 0 20px var(--ihr-grey-mid); }

#wrapper .social-packages .content .packages .package.combined h3 { color: var(--ihr-red); }

#wrapper .social-packages .content .packages .package.combined h3 span { color: var(--ihr-grey-light); }

#wrapper .social-packages .content .packages .package.combined .icons i { color: var(--ihr-grey-light); }

#wrapper .social-packages .content .packages .package.combined ul li { color: var(--ihr-white); }

#wrapper .social-packages .content .packages .package.combined .name { color: var(--ihr-grey-light); }



#wrapper .social-ppc { padding: 150px 0 50px 0; }

#wrapper .social-ppc .content .title { display: flex; justify-content: flex-end; padding: 0 50px 30px 50px; }

#wrapper .social-ppc .content .title .inner { width: 70%; }

#wrapper .social-ppc .content .title .inner h3 { color: var(--ihr-white); font-size: 500%; }

#wrapper .social-ppc .content .title .inner h4 { color: var(--ihr-red); font-size: 180%; font-family: var(--ihr-font-fdot); }

#wrapper .social-ppc .content .title .inner h4 span { color: var(--ihr-white); }

#wrapper .social-ppc .content .container { display: flex; position: relative; }

#wrapper .social-ppc .content .container .image { width: 30%; position: relative; z-index: 1; }

#wrapper .social-ppc .content .container .image img { display: block; position: absolute; top: -250px; width: 100%; border-radius: 0 20px 20px 0; }

#wrapper .social-ppc .content .container .text { position: relative; z-index: 1; width: 70%; padding: 30px 50px; }

#wrapper .social-ppc .content .container .text p { margin-bottom: 10px; font-size: 140%; font-weight: 500; line-height: 1.5; }

#wrapper .social-ppc .content .container .rectangle { position: absolute; top: 0; right: 0; z-index: 0; width: 80%; height: 80%; padding: 30px 30px 40px 30px; border-radius: 20px 0 0 20px; background: var(--ihr-ivory); }



#wrapper .studio-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 85vh; background: url("../img/studio/studio.jpg"); background-size: cover; background-position: 50% 65%; margin-top: -90px; }

#wrapper .studio-hero .title { background: linear-gradient(to top, var(--ihr-black-transparent-darker) 40%, transparent 100%); }

#wrapper .studio-hero .title .heading { padding: 20px 50px; }

#wrapper .studio-hero .title .heading h1 { color: var(--ihr-red); font-size: 650%; text-transform: uppercase; line-height: 1; }

#wrapper .studio-hero .title .heading h1 span { color: var(--ihr-white); }

#wrapper .studio-hero .title .keywords { background: var(--ihr-ivory); padding: 20px 50px; }

#wrapper .studio-hero .title .keywords p { color: var(--ihr-grey); font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper .studio-hero .title .keywords p span { color: var(--ihr-red); }



#wrapper .studio-gallery { background: linear-gradient(transparent 0%, transparent 70%, var(--ihr-ivory) 70%, var(--ihr-ivory) 100%); padding: 50px 0 80px 0; }

#wrapper .studio-gallery ::selection { background: transparent; }



#wrapper .studio-gallery .splide { position: relative; width: 100%; margin-left: auto; margin-right: auto; }

#wrapper .studio-gallery .splide .splide__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

#wrapper .studio-gallery .splide .splide__arrows { position: absolute; bottom: -40px; width: 100%; display: flex; justify-content: center; align-items: center; }

#wrapper .studio-gallery .splide .splide__arrows .splide__arrow { background: transparent; }

#wrapper .studio-gallery .splide .splide__arrows .splide__arrow svg { width: 50px; height: 50px; transform: rotate(0deg); }

#wrapper .studio-gallery .splide .splide__arrows .splide__arrow--prev { position: absolute; bottom: 0; left: calc(50% - 30px); }

#wrapper .studio-gallery .splide .splide__arrows .splide__arrow--next { position: absolute; bottom: 0; left: calc(50% + 30px); }

#wrapper .studio-gallery .splide .fullscreen-button { display: none; align-items: center; justify-content: center; position: relative; }

#wrapper .studio-gallery .splide .fullscreen-button button { background: transparent; position: absolute; top: 18px; }

#wrapper .studio-gallery .splide .fullscreen-button button svg { width: 40px; }



#wrapper .studio-creativity { display: flex; background: linear-gradient(transparent 0%, transparent 80%, var(--ihr-ivory) 80%, var(--ihr-ivory) 100%); padding: 80px 0 80px 50px; }

#wrapper .studio-creativity .text { width: 70%; padding-right: 50px; }

#wrapper .studio-creativity .text h3 { color: var(--ihr-white); font-size: 450%; margin-bottom: 20px; }

#wrapper .studio-creativity .text h3 span { display: block; color: var(--ihr-red); }

#wrapper .studio-creativity .text p { color: var(--ihr-white); font-size: 140%; line-height: 1.5; }

#wrapper .studio-creativity .image { width: 30%; box-sizing: border-box; }

#wrapper .studio-creativity .image img { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 20px 0 0 20px; }



#wrapper .faq { display: flex; padding: 80px 0 80px 50px; }

#wrapper .faq .text h3 { color: var(--ihr-red); font-size: 450%; }

#wrapper .faq .text p { color: var(--ihr-white); font-size: 140%; line-height: 1.5; margin-bottom: 20px; }



#wrapper .studio-needs { display: flex; flex-direction: row-reverse; background: linear-gradient(transparent 0%, transparent 80%, var(--ihr-ivory) 80%, var(--ihr-ivory) 100%); padding: 80px 50px 80px 0; }

#wrapper .studio-needs .text { width: 70%; padding-left: 50px; }

#wrapper .studio-needs .text h3 { color: var(--ihr-white); font-size: 450%; margin-bottom: 20px; }

#wrapper .studio-needs .text h3 span { display: block; color: var(--ihr-red); }

#wrapper .studio-needs .text p { color: var(--ihr-white); font-size: 140%; line-height: 1.5; }

#wrapper .studio-needs .image { width: 30%; box-sizing: border-box; }

#wrapper .studio-needs .image img { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 0 20px 20px 0; }



#wrapper .portfolio-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 90vh; background: var(--ihr-black); background-size: cover; background-position: bottom; margin-top: -90px; }

#wrapper .portfolio-hero .video { position: relative; width: 100%; height: 100%; }

#wrapper .portfolio-hero .video .video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#wrapper .portfolio-hero .video .video-player iframe { width: 100%; height: 100%; }

#wrapper .portfolio-hero .video .heading { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, var(--ihr-black-transparent-darker) 40%, transparent 100%); padding: 20px 50px; }

#wrapper .portfolio-hero .video .heading h1 { color: var(--ihr-white); font-size: 650%; text-transform: uppercase; line-height: 1; }

#wrapper .portfolio-hero .video .heading h1 span { display: inline-block; padding: 0 10px 0 50px; background: var(--ihr-red); }

#wrapper .portfolio-hero .keywords { background: var(--ihr-ivory); padding: 20px 50px; }

#wrapper .portfolio-hero .keywords p { color: var(--ihr-grey); font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper .portfolio-hero .keywords p span { color: var(--ihr-red); }

#wrapper .portfolio-hero .keywords p a { color: var(--ihr-grey); text-decoration: none; }

#wrapper .portfolio-hero .keywords-mobile { display: none; overflow-x: auto; background: var(--ihr-ivory); padding: 20px 25px; }

#wrapper .portfolio-hero .keywords-mobile a { display: inline-block; margin-right: 25px; color: var(--ihr-black); font-size: 110%; font-family: var(--ihr-font-fdot); text-decoration: none; white-space: nowrap; }

#wrapper .portfolio-hero .keywords-mobile a:last-of-type { margin: 0; }



#wrapper .portfolio-items { padding: 50px; }

#wrapper .portfolio-items .wpzoom-portfolio-layout-shortcode-content .mfp-iframe { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

#wrapper .portfolio-items .wpzoom-portfolio-layout-shortcode-content .wpzoom-blocks_portfolio-block_item-title a { padding: 30px 25px 25px 25px; pointer-events: none; cursor: default; text-decoration: none; }

#wrapper .portfolio-items .wpzoom-portfolio-layout-shortcode-content .wpzoom-blocks_portfolio-block_item-thumbnail { border-radius: 0 20px; }

#wrapper .portfolio-items .wpzoom-portfolio-layout-shortcode-content .wpzoom-blocks_portfolio-block_item-details { border-radius: 0 20px; }

#wrapper .portfolio-items .title h2 { color: var(--ihr-red); font-size: 250%; margin-bottom: 20px; }

#wrapper .portfolio-items .category { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 50px; grid-column-gap: 50px; margin-bottom: 50px; }

#wrapper .portfolio-items .category:last-of-type { margin: 0; }

#wrapper .portfolio-items .category .item { position: relative; }

#wrapper .portfolio-items .category .item img { display: block; width: 100%; border-radius: 0 20px; transition: transform .2s; }

#wrapper .portfolio-items .category .item img:hover { transform: scale(1.1); }

#wrapper .portfolio-items .wpz-portfolio-button__link { background: var(--ihr-red) !important; border-radius: 15px !important; }



#wrapper .portfolio-item-video { background: linear-gradient(to bottom, var(--ihr-grey) 0%, var(--ihr-grey) 90%, var(--ihr-ivory) 90%, var(--ihr-ivory) 100%); padding: 50px; }

#wrapper .portfolio-item-video .video-player { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 0 20px; }

#wrapper .portfolio-item-video .video-player iframe { width: 100%; height: unset; aspect-ratio: 16 / 9; }

#wrapper .portfolio-item-description { background: var(--ihr-ivory); padding: 0 70px 50px 70px; }

#wrapper .portfolio-item-description .title { padding-bottom: 20px; }

#wrapper .portfolio-item-description .title h1 { color: var(--ihr-red); font-size: 750%; line-height: 1; }

#wrapper .portfolio-item-description .title h2 { color: var(--ihr-grey-mid); font-size: 250%; }

#wrapper .portfolio-item-description .authors { display: flex; }

#wrapper .portfolio-item-description .authors .author { display: flex; background: var(--ihr-grey); margin: 0 30px 20px 0; border-radius: 20px; }

#wrapper .portfolio-item-description .authors .author img { width: 100px; border-radius: 20px 0 0 20px; }

#wrapper .portfolio-item-description .authors .author .data { display: flex; flex-direction: column; justify-content: center; padding: 20px; }

#wrapper .portfolio-item-description .authors .author .data p { color: var(--ihr-white); }

#wrapper .portfolio-item-description .authors .author .data p.name { font-weight: 700; }

#wrapper .portfolio-item-description .authors .author .data p.title { padding: 0; }

#wrapper .portfolio-item-description .text p { font-size: 130%; margin-bottom: 20px; }

#wrapper .portfolio-item-description .text a { color: var(--ihr-grey); }



#wrapper .portfolio-case-studies-hero { position: relative; }

#wrapper .portfolio-case-studies-title { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; padding: 0 50px; margin: 50px auto 20px auto; }

#wrapper .portfolio-case-studies-title h2 { margin-right: 30px; color: var(--ihr-red); font-size: 550%; text-transform: uppercase; }

#wrapper .portfolio-case-studies-title h2 span { color: var(--ihr-white); }

#wrapper .portfolio-case-studies-title .line { width: 40%; height: 40px; margin: 0 30px 10px 0; border-radius: 0 8px 8px 0; background: var(--ihr-ivory); }



#wrapper .team-hero { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 85vh; background: url("../img/team/team.jpg"); background-size: cover; background-position: 50% 65%; margin-top: -90px; }

#wrapper .team-hero .title { background: linear-gradient(to top, var(--ihr-black-transparent-darker) 40%, transparent 100%); }

#wrapper .team-hero .title .heading { padding: 20px 50px; }

#wrapper .team-hero .title .heading h1 { color: var(--ihr-red); font-size: 650%; text-transform: uppercase; line-height: 1; }

#wrapper .team-hero .title .heading h1 span { color: var(--ihr-white); }

#wrapper .team-hero .title .keywords { background: var(--ihr-ivory); padding: 20px 50px; }

#wrapper .team-hero .title .keywords p { color: var(--ihr-grey); font-family: var(--ihr-font-fdot); font-size: 160%; text-transform: uppercase; }

#wrapper .team-hero .title .keywords p span { color: var(--ihr-red); }



#wrapper .team-intro { position: relative; padding: 0 50px; margin: 0 auto; }

#wrapper .team-intro p { color: var(--ihr-white); font-size: 150%; line-height: 1.5; }



#wrapper .team-members .members { padding: 80px 0; margin: 0 auto; }

#wrapper .team-members .members .member { display: flex; padding: 50px 0 80px 0; }

#wrapper .team-members .members .member:nth-of-type(odd) .title { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 40%; padding: 50px; text-align: right; }

#wrapper .team-members .members .member:nth-of-type(odd) .title h2 { color: var(--ihr-red); font-size: 510%; margin: 0 80px 30px 0; }

#wrapper .team-members .members .member:nth-of-type(odd) .title h2 span { display: block; }

#wrapper .team-members .members .member:nth-of-type(odd) .title p { position: relative; z-index: 1; max-width: 80%; margin-right: 80px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-size: 200%; }

#wrapper .team-members .members .member:nth-of-type(odd) .title .rectangle { position: absolute; top: 0; right: 50px; z-index: 0; width: 30px; height: 100%; background: var(--ihr-red); }

#wrapper .team-members .members .member:nth-of-type(odd) .image { width: 20%; border-radius: 0 20px 0 0; }

#wrapper .team-members .members .member:nth-of-type(odd) .image img { display: block; width: 100%; position: relative; z-index: 5; border-radius: 0 20px; }

#wrapper .team-members .members .member:nth-of-type(odd) .text { width: 40%; position: relative; padding: 0 50px 50px 50px; color: var(--ihr-grey); }

#wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle { position: absolute; width: 100%; min-height: 50%; top: -30px; right: 0; background: var(--ihr-ivory); padding: 20px 50px; border-radius: 20px 0 0 0; }

#wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle p { position: relative; z-index: 5; margin: 0 12%; font-size: 120%; font-weight: 500; line-height: 1.5; }



#wrapper .team-members .members .member:nth-of-type(even) { flex-direction: row-reverse; }

#wrapper .team-members .members .member:nth-of-type(even) .title { display: flex; flex-direction: column; align-items: flex-start; position: relative; width: 40%; padding: 50px; text-align: left; }

#wrapper .team-members .members .member:nth-of-type(even) .title h2 { color: var(--ihr-red); font-size: 510%; margin: 0 0 30px 80px; }

#wrapper .team-members .members .member:nth-of-type(even) .title h2 span { display: block; }

#wrapper .team-members .members .member:nth-of-type(even) .title p { position: relative; z-index: 1; max-width: 80%; margin-left: 80px; color: var(--ihr-white); font-family: var(--ihr-font-fdot); font-size: 200%; }

#wrapper .team-members .members .member:nth-of-type(even) .title .rectangle { position: absolute; top: 0; left: 50px; z-index: 0; width: 30px; height: 100%; background: var(--ihr-red); }

#wrapper .team-members .members .member:nth-of-type(even) .image { width: 20%; border-radius: 0 20px 0 0; }

#wrapper .team-members .members .member:nth-of-type(even) .image img { display: block; width: 100%; position: relative; z-index: 5; border-radius: 0 20px; }

#wrapper .team-members .members .member:nth-of-type(even) .text { width: 40%; position: relative; padding: 0 50px 50px 50px; color: var(--ihr-grey); }

#wrapper .team-members .members .member:nth-of-type(even) .text .rectangle { position: absolute; width: 100%; min-height: 50%; top: -30px; left: 0; background: var(--ihr-ivory-transparent-alpha); padding: 20px 50px; border-radius: 0 20px 0 0; }

#wrapper .team-members .members .member:nth-of-type(even) .text .rectangle p { position: relative; z-index: 5; margin: 0 12%; color: var(--ihr-white); font-size: 120%; font-weight: 500; line-height: 1.5; text-align: right; }



#wrapper .team-members .members .member .text .rectangle, #wrapper .team-members .members .member .text .rectangle p { display: none; }



#wrapper .contact-location { padding: 0 50px 50px 50px; display: grid; grid-template-columns: 2fr 1fr; gap: 50px; }

#wrapper .contact-location .map iframe { width: 100%; height: 400px; border: 0; border-radius: 30px; }

#wrapper .contact-location .directions { background: var(--ihr-grey-light); padding: 50px; border-radius: 30px; }

#wrapper .contact-location .directions .directions-link { display: block; margin-bottom: 10px; color: var(--ihr-red); font-size: 140%; font-family: var(--ihr-font-ddot); text-decoration: none; }

#wrapper .contact-location .directions p { margin-bottom: 10px; font-size: 120%; }



#wrapper .global-work-together { padding: 50px; margin: 0 auto; }

#wrapper .global-work-together .contacts { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 50px; margin: 50px 0; }

#wrapper .global-work-together .contacts a { display: block; padding: 30px; border-radius: 30px; text-decoration: none; transition: .4s; }

#wrapper .global-work-together .contacts a:hover { transform: scale(1.05); transition: .4s; }

#wrapper .global-work-together .contacts a:nth-of-type(1) { background: var(--ihr-grey-light); }

#wrapper .global-work-together .contacts a:nth-of-type(1) span { color: var(--ihr-grey); }

#wrapper .global-work-together .contacts a:nth-of-type(2) { background: var(--ihr-red); }

#wrapper .global-work-together .contacts a:nth-of-type(2) i { color: var(--ihr-white); }

#wrapper .global-work-together .contacts a:nth-of-type(2) span { color: var(--ihr-white); }

#wrapper .global-work-together .contacts a:nth-of-type(3) { background: var(--ihr-grey); box-shadow: 0 0 20px var(--ihr-grey-mid); }

#wrapper .global-work-together .contacts a:nth-of-type(3) i { color: var(--ihr-white); }

#wrapper .global-work-together .contacts a:nth-of-type(3) span { color: var(--ihr-white); }

#wrapper .global-work-together .contacts a i { font-size: 180%; color: var(--ihr-red); display: block; margin-bottom: 20px; }

#wrapper .global-work-together .contacts a span { font-size: 130%; font-weight: 500; }

#wrapper .global-work-together .content { width: 100%; }

#wrapper .global-work-together .content h2 { color: var(--ihr-white); font-size: 650%; text-transform: uppercase; line-height: 1; }

#wrapper .global-work-together .content h2 span { color: var(--ihr-red); }

#wrapper .global-work-together .content .work-together-inner .tabs { display: flex; margin: 50px 0; }

#wrapper .global-work-together .content .work-together-inner .tabs span { display: block; margin-right: 60px; color: var(--ihr-white); font-size: 180%; text-transform: uppercase; }

#wrapper .global-work-together .content .work-together-inner .content { display: flex; justify-content: space-between; }

#wrapper .global-work-together .content .work-together-inner .content .form-container { display: flex; padding: 40px; margin: 0 50px; border-radius: 30px; background: var(--ihr-grey-light); }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-text { width: 33%; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-text p.title { margin-bottom: 30px; color: var(--ihr-red); font-family: var(--ihr-font-fdot); font-size: 120%; font-weight: 400; text-transform: uppercase; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner { width: 67%; padding: 0 30px; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input { font-family: var(--ihr-font); }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input[type=text], #wrapper .global-work-together .work-together-inner .content .form-container .form-inner input[type=email] { display: block; width: 100%; padding: 10px 20px; margin-bottom: 20px; border: 1px solid var(--ihr-lightgrey); border-radius: 12px; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner textarea { display: block; width: 100%; height: 180px; padding: 10px 20px; margin-bottom: 20px; border: 1px solid var(--ihr-lightgrey); border-radius: 12px; font-family: var(--ihr-font); }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input[type=checkbox] { margin: 0 10px 10px 0; display: inline-block; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input[type=submit] { display: block; background: var(--ihr-red); color: var(--ihr-white); padding: 10px 20px; border-radius: 12px; font-size: 120%; box-shadow: 0px 0px 5px var(--ihr-black); cursor: pointer; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner .gdpr { margin-bottom: 10px; display: inline-block; }

#wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner .gdpr a { color: var(--ihr-black); }

#wrapper .global-work-together .content .work-together-inner .content .form-container .wpcf7-response-output { margin: 0; }

#wrapper .global-work-together .content .work-together-inner .content .image-left { width: 15%; background: url("../img/form-left.jpg"); background-size: cover; border-radius: 30px; }

#wrapper .global-work-together .content .work-together-inner .content .image-right { width: 25%; background: url("../img/form-right.jpg"); background-size: cover; border-radius: 30px; }



#wrapper .global-get-started { background: url("../img/get-started/base.jpg"); background-size: cover; background-attachment: fixed; }

#wrapper .global-get-started .get-started-inner { position: relative; width: 100%; height: 500px; padding: 50px; margin: 0 auto; }

#wrapper .global-get-started .get-started-inner h3 { margin-top: 8%; font-size: 380%; text-align: right; text-transform: uppercase; }

#wrapper .global-get-started .get-started-inner h3 span { padding: 15px; border-radius: 10px; background: var(--ihr-red); color: var(--ihr-ivory-transparent); }

#wrapper .global-get-started .get-started-inner .cameraman { position: absolute; bottom: 0; left: 50px; height: 75%; }

#wrapper .global-get-started .get-started-inner .sun { position: absolute; top: 25%; right: 250px; height: 50%; transition: .4s; }

#wrapper .global-get-started .get-started-inner:hover .sun { transform: scale(1.1); transform-origin: center center; transition: .4s; }



#wrapper .page { padding: 50px; color: var(--ihr-white); }

#wrapper .page h1 { margin-bottom: 10px; font-size: 300%; }

#wrapper .page h2 { margin-bottom: 10px; font-size: 270%; }

#wrapper .page h3 { margin-bottom: 10px; font-size: 220%; }

#wrapper .page h4 { margin-bottom: 10px; font-size: 200%; }

#wrapper .page p { margin-bottom: 10px; font-size: 110%; }

#wrapper .page a { color: var(--ihr-red); }

#wrapper .page ul { margin: 0 0 10px 30px; }

#wrapper .page ul li { margin-bottom: 5px; font-size: 120%; }

#wrapper .page ul li:last-of-type { margin-bottom: 0; }



#wrapper footer { background: #0d0d0d; }

#wrapper footer .footer-inner { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; padding: 50px; margin: 0 auto; color: var(--ihr-white); }

#wrapper footer .footer-inner a { color: var(--ihr-white); text-decoration: none; }

#wrapper footer .footer-inner h4 { margin-bottom: 20px; font-size: 120%; }

#wrapper footer .footer-inner ul li { margin-bottom: 10px; list-style: none; }

#wrapper footer .footer-inner ul li:last-of-type { margin-bottom: 0; }

#wrapper footer .footer-inner ul li:before { margin-right: 10px; content: "\f105"; font-family: var(--ihr-fontawesome); font-weight: 900; }

#wrapper footer .footer-inner .footer-contact ul li:nth-of-type(1):before { content: "\f3c5"; }

#wrapper footer .footer-inner .footer-contact ul li:nth-of-type(2):before { content: "\f0e0"; }

#wrapper footer .footer-inner .footer-contact ul li:nth-of-type(3):before { content: "\f3cd"; }

#wrapper footer .footer-inner .footer-contact .privacy-policy-link { display: block; margin-top: 20px; }

#wrapper footer .footer-inner .footer-social ul li:before { font-family: var(--ihr-fontawesome-brands); }

#wrapper footer .footer-inner .footer-social ul li:nth-of-type(1):before { content: "\f09a"; }

#wrapper footer .footer-inner .footer-social ul li:nth-of-type(2):before { content: "\f16d"; }

#wrapper footer .footer-inner .footer-social ul li:nth-of-type(3):before { content: "\f167"; }

#wrapper footer .footer-inner .footer-social ul li:nth-of-type(4):before { content: "\e07b"; }

#wrapper footer .footer-inner .footer-social ul li:nth-of-type(5):before { content: "\f0e1"; }

#wrapper footer .footer-inner .footer-about { display: flex; align-items: center; }

#wrapper footer .footer-inner .footer-about img { display: block; width: 100%; }

#wrapper footer .footer-clapper { height: 40px; background: url("../svg/clapper.svg"); background-size: cover; background-position: center; }



@keyframes move-down {

    80% {

        opacity: 0.5;

    }

    100% {

        transform: translateY(3em);

        opacity: 0;

    }

}



@keyframes slides {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-100%);

    }

}



@media (min-width: 1400px) and (max-width: 1599.98px) {

    #wrapper.home .employer-branding .content .text h2 { font-size: 500%; }

    #wrapper.home .employer-branding .content .text P { font-size: 120%; }

    #wrapper.home .employer-branding .content { grid-template-columns: 50% 1fr 1fr; }

    #wrapper.home .employer-branding .content .video img { height: 55vh; }



    #wrapper.home .service-video .content .media .text p.description { font-size: 120%; }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 120%; }



    #wrapper.home .service-photo .content .media .text p.description { font-size: 120%; }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 120%; }



    #wrapper.home .service-audio .content .media .text p.description { font-size: 120%; }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 120%; }



    #wrapper.home .service-social .content .text h3 { font-size: 600%; }

    #wrapper.home .service-social .content .text p { font-size: 120%; }

    #wrapper.home .service-social .content .text .keywords { margin-bottom: 20px; }

    #wrapper.home .service-social .content .media { top: 0; }



    #wrapper.home .service-social .content .text p.description { font-size: 110%; }



    #wrapper.home .vision-mission .content .row .title h2 { font-size: 350%; }



    #wrapper.home .core-values .content .title h2f { font-size: 450%; }

    #wrapper.home .core-values .content .outer .inner { padding: 20px; grid-row-gap: 40px; grid-column-gap: 40px;}

    #wrapper.home .core-values .content .outer .inner .item h3 { font-size: 150%; }

    #wrapper.home .core-values .content .outer .inner .item .box img { width: 80px; }

    #wrapper.home .core-values .content .outer .inner .item .box p { font-size: 90%; }



    #wrapper.home .workflow .content .title h2f { font-size: 450%; }

    #wrapper.home .workflow .content .innser { grid-column-gap: 20px; grid-row-gap: 20px; }

    #wrapper.home .workflow .content .inner .item { margin-left: 50px; }

    #wrapper.home .workflow .content .inner .item p { font-size: 90%; }

    #wrapper.home .workflow .content .inner .item img { height: 70%; }



    #wrapper .photo-type-hero .content .text { padding: 50px; }

    #wrapper .photo-type-hero .content .text h2 { font-size: 600%; }

    #wrapper .photo-type-hero .content .text h3 { font-size: 180%; }

    #wrapper .photo-type-hero .content .text p { font-size: 100%; }



    #wrapper .photo-type-packages .content .packages .package .main ul li { font-size: 110%; }

    #wrapper .photo-type-packages .content .packages .package .main .price { font-size: 120%; }



    #wrapper .audio-elevate .content .text h2 { font-size: 300%; }



    #wrapper .audio-services .service .container .content p { font-size: 110%; }



    #wrapper .social-hero h1 { font-size: 550%; }

    #wrapper .social-hero p { font-size: 200%; }



    #wrapper .social-content-management .text h2 { font-size: 350%; }

    #wrapper .social-content-management .text h3 { font-size: 400%; }

    #wrapper .social-content-management .text p { font-size: 110%; }

    #wrapper .social-content-management .image { transform: scale(1.15); }



    #wrapper .social-packages .content .packages .package .main ul li { font-size: 110%; }

    #wrapper .social-packages .content .packages .package .main .price { font-size: 120%; }



    #wrapper .social-platforms .text h3 { font-size: 220%; margin-bottom: 40px; }

    #wrapper .social-platforms .text p { font-size: 130%; margin-bottom: 40px; }

    #wrapper .social-platforms .text .icons i { font-size: 70px; }



    #wrapper .social-includes .content .title h2 { font-size: 500%; }

    #wrapper .social-includes .content .items { width: calc(100% - 100px); }

    #wrapper .social-includes .content .items .item h3 { font-size: 130%; }



    #wrapper .social-packages .content .title h2 { font-size: 500%; }



    #wrapper .social-ppc .content .container .text p { font-size: 120%; }



    #wrapper .studio-hero .title .keywords p { font-size: 130%; }



    #wrapper .studio-needs .text h3 { font-size: 400%; }

    #wrapper .studio-needs .text p { font-size: 105%; }



    #wrapper .studio-creativity .text p { font-size: 120%; }



    #wrapper .portfolio-hero .title .keywords p { font-size: 130%; }



    #wrapper .portfolio-item .description .title h1 { font-size: 550%; }



    #wrapper .team-hero .title .keywords p { font-size: 130%; }



    #wrapper .team-members .members .member:nth-of-type(1) .title h2 { font-size: 450%; }

    #wrapper .team-members .members .member:nth-of-type(2) .title h2 { font-size: 450%; }

    #wrapper .team-members .members .member:nth-of-type(3) .title h2 { font-size: 450%; }



    #wrapper .team-members .members .member:nth-of-type(1) .title p { font-size: 170%; }

    #wrapper .team-members .members .member:nth-of-type(2) .title p { font-size: 170%; }

    #wrapper .team-members .members .member:nth-of-type(3) .title p { font-size: 170%; }



    #wrapper .team-members .members .member:nth-of-type(1) .text p { margin-right: 50px; }

    #wrapper .team-members .members .member:nth-of-type(2) .text p { margin-left: 50px; }

    #wrapper .team-members .members .member:nth-of-type(3) .text p { margin-right: 50px; }



    #wrapper .team-members .members .member:nth-of-type(1) .text .rectangle { height: 80%; }

    #wrapper .team-members .members .member:nth-of-type(2) .text .rectangle { height: 80%; }

    #wrapper .team-members .members .member:nth-of-type(3) .text .rectangle { height: 80%; }

}



/* Extra Large (≥1200px and <1400px) */

@media (min-width: 1200px) and (max-width: 1399.98px) {

    #wrapper header .header-inner .menu-desktop ul li a{ font-size: 90%; }

	

	#wrapper.home .employer-branding .content .text h2 { font-size: 350%; }

    #wrapper.home .employer-branding .content .text p { font-size: 110%; }

    #wrapper.home .employer-branding .content { grid-template-columns: repeat(3, 1fr); }



    #wrapper.home .service-video .content h3 { font-size: 500%; }

    #wrapper.home .service-video .content .media { grid-template-columns: repeat(2, 1fr); }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 110%; }

    #wrapper.home .service-video .content .media .text p.description { font-size: 100%; }



    #wrapper.home .service-photo .content h3 { font-size: 500%; }

    #wrapper.home .service-photo .content .media { grid-template-columns: repeat(2, 1fr); }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 110%; }

    #wrapper.home .service-photo .content .media .text p.description { font-size: 100%; }



    #wrapper.home .service-audio .content h3 { font-size: 500%; }

    #wrapper.home .service-audio .content .media { grid-template-columns: repeat(2, 1fr); }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 110%; }

    #wrapper.home .service-audio .content .media .text p.description { font-size: 100%; }



    #wrapper.home .service-social .content h3 { font-size: 500%; }

    #wrapper.home .service-social .content .media .text p.keywords { font-size: 110%; }

    #wrapper.home .service-social .content .text p.description { font-size: 100%; }



    #wrapper.home .vision-mission .content .row .title h2 { font-size: 250%; }



    #wrapper.home .workflow .content .inner { grid-gap: 25px; }

    #wrapper.home .workflow .content .inner .item { margin-left: 50px; }

    #wrapper.home .workflow .content .inner .item img { height: 40%; left: -45px; }



    #wrapper.home .partners .content .testimonials .swiper-container .card .image img { height: 200px; }



    #wrapper .photo-type-portrait-hero .content .text { padding-right: 50px; }

    #wrapper .photo-type-portrait-hero .content .text h2 { font-size: 600%; }



    #wrapper .audio-services .service .container .content h2 { font-size: 350%; }

    #wrapper .audio-services .service .container .content p { font-size: 100%; }



    #wrapper .social-content-management .text { width: 60%; }

    #wrapper .social-content-management .text h1 { font-size: 350%; }

    #wrapper .social-content-management .text h2 { font-size: 300%; }

    #wrapper .social-content-management .text p { font-size: 100%; }

    #wrapper .social-content-management .image { width: 45%; margin-right: -100px; }



    #wrapper .social-platforms .text h3 { font-size: 200%; }

    #wrapper .social-platforms .text p { margin-bottom: 30px; font-size: 100%; }

    #wrapper .social-platforms .text .icons i { font-size: 50px; }



    #wrapper .social-includes .content .title h2 { font-size: 400%; }



    #wrapper .social-includes .content .items { grid-gap: 25px; }

    #wrapper .social-includes .content .items .item { margin-left: 50px; }

    #wrapper .social-includes .content .items .item img { height: 40%; left: -45px; }



    #wrapper .social-packages .content .title h2 { font-size: 400%; }



    #wrapper .studio-creativity .text h3 { font-size: 350%; }

    #wrapper .studio-creativity .text p { font-size: 100%; }



    #wrapper .studio-needs .text h3 { font-size: 350%; }

    #wrapper .studio-needs .text p { font-size: 100%; }



    #wrapper .team-members .members .member:nth-of-type(odd) .title h2 { font-size: 300%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle p { font-size: 100%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title p { font-size: 150%; }



    #wrapper .team-members .members .member:nth-of-type(even) .title h2 { font-size: 300%; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle p { font-size: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) .title p { font-size: 150%; }



    #wrapper .global-get-started .get-started-inner .sun { height: 45%; right: 200px; }

}



/* Large (≥992px and <1200px) */

@media (min-width: 992px) and (max-width: 1199.98px) {

    #wrapper header { box-shadow: none; }

    #wrapper header .header-inner { padding: 20px 25px; }

    #wrapper header .header-inner .header-logo { height: 30px; }

    #wrapper header .header-inner .header-logo a img { height: 30px; }

    #wrapper header .header-inner .menu-desktop { display: none; }

    #wrapper header .header-inner .menu-toggle { display: block; }



    #wrapper.home .employer-branding { background: var(--ihr-ivory); padding: 25px; }

    #wrapper.home .employer-branding .content { grid-template-columns: 1fr; }

    #wrapper.home .employer-branding .content .text h2 { font-size: 200%; }

    #wrapper.home .employer-branding .content .text p { width: 100%; font-size: 110%; }

    #wrapper.home .employer-branding .content .video { display: none; }

    #wrapper.home .employer-branding .content .video img { height: 25vh; }



    #wrapper.home .service-video { padding: 25px; background: transparent; }

    #wrapper.home .service-video .content { position: relative; z-index: 1; }

    #wrapper.home .service-video .content h3 { font-size: 300%; }

    #wrapper.home .service-video .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-video .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-video .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-photo { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-photo .content { position: relative; z-index: 1; }

    #wrapper.home .service-photo .content h3 { font-size: 300%; }

    #wrapper.home .service-photo .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-photo .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-photo .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-audio { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-audio .content { position: relative; z-index: 1; }

    #wrapper.home .service-audio .content h3 { font-size: 300%; }

    #wrapper.home .service-audio .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-audio .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-audio .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-social { padding: 25px; }

    #wrapper.home .service-social .content { flex-direction: column; }

    #wrapper.home .service-social .content .text { width: 100%; }

    #wrapper.home .service-social .content .text h3 { font-size: 300%; }

    #wrapper.home .service-social .content .text p.keywords { font-size: 100%; }

    #wrapper.home .service-social .content .text p.description { font-size: 100%; }

    #wrapper.home .service-social .media { display: none; }

    #wrapper.home .service-social .content .media-mobile { display: block; width: 50%; margin: 25px auto; }
	
	

    #wrapper.home .vision-mission { padding: 25px; }

    #wrapper.home .vision-mission .content    { box-shadow: none; }

    #wrapper.home .vision-mission .content .row { grid-template-columns: 1fr; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper.home .vision-mission .content .row .image { height: 100px; order: 3; }

    #wrapper.home .vision-mission .content .row .text { padding: 25px; order: 2; }

    #wrapper.home .vision-mission .content .row .text p { font-size: 100%; }

    #wrapper.home .vision-mission .content .row .title { justify-content: flex-start; padding: 25px 25px 0 25px; order: 1; }

    #wrapper.home .vision-mission .content .row .title h2 { font-size: 250%; }

    #wrapper.home .vision-mission .content .row.vision { margin-bottom: 25px; border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.vision .image { border-radius: 0 0 20px 20px; }

    #wrapper.home .vision-mission .content .row.mission { border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.mission .image { border-radius: 0 0 20px 20px; }



    #wrapper.home .core-values { padding: 25px; }

    #wrapper.home .core-values .content .title h2 { font-size: 250%; }

    #wrapper.home .core-values .content .outer { padding: 0; margin: 0; }

    #wrapper.home .core-values .content .outer .inner { display: none; }

    #wrapper.home .core-values .content .outer .inner-mobile { display: block; }



    #wrapper.home .workflow { padding: 25px; }

    #wrapper.home .workflow .content .title { padding-bottom: 25px; }

    #wrapper.home .workflow .content .title h2 { font-size: 250%; margin-top: 25px; }

    #wrapper.home .workflow .content .inner { display: none; }

    #wrapper.home .workflow .content .inner-mobile { display: block; }



    #wrapper.home .partners .content .title { padding: 25px 25px 0 25px; }

    #wrapper.home .partners .content .title h2 { margin: 0; font-size: 200%; }

    #wrapper.home .partners .content .testimonials { display: none; }

    #wrapper.home .partners .content .testimonials-mobile { display: block; }

    #wrapper.home .partners .content .logos .items img { height: 80px; }



    #wrapper .video-hero { max-height: 55vh; margin-top: 0; }

    #wrapper .video-hero .title .heading h1 { font-size: 200%; }

    #wrapper .video-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .video-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px; }

    #wrapper .video-services .content .service:hover { transform: scale(1); }

    #wrapper .video-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .video-why .content .title { padding: 25px; }

    #wrapper .video-why .content .title h2 { font-size: 230%; }

    #wrapper .video-why .content .items .item { flex-direction: column; padding: 15px 0; box-sizing: border-box; }

    #wrapper .video-why .content .items .item .text { box-sizing: border-box; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title { width: 100%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title h3 { font-size: 210%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(2) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title { width: 100%; justify-content: flex-start; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title h3 { font-size: 210%; text-align: left; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title { width: 100%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title h3 { font-size: 210%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text p { max-width: calc(100% - 50px); font-size: 110%; }



    #wrapper .video-type-hero { padding: 0; }

    #wrapper .video-type-hero .content .video-player { border-radius: 0; }



    #wrapper .video-type-description { padding: 25px; }

    #wrapper .video-type-description .title h1 { font-size: 250%; }

    #wrapper .video-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .video-type-description .text p { font-size: 100%; }

    #wrapper .video-type-description .text p:last-of-type { margin-bottom: 25px; }



    #wrapper .photo-hero { height: 65vh; }

    #wrapper .photo-hero .title .heading h1 { font-size: 200%; }

    #wrapper .photo-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .photo-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px;}

    #wrapper .photo-services .content .service:hover { transform: scale(1); }

    #wrapper .photo-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .photo-type-hero .content .gallery { padding-top: 0; }

    #wrapper .photo-type-hero .content .gallery .swiper { height: 400px; }



    #wrapper .photo-type-portrait-hero { height: unset; }

    #wrapper .photo-type-portrait-hero .content { flex-direction: column; }

    #wrapper .photo-type-portrait-hero .content .text { padding: 25px; }

    #wrapper .photo-type-portrait-hero .content .text h2 { margin-bottom: 10px; font-size: 250%; }

    #wrapper .photo-type-portrait-hero .content .text h3 { margin-bottom: 10px; font-size: 150%; }

    #wrapper .photo-type-portrait-hero .content .text p { font-size: 100%; }

    #wrapper .photo-type-portrait-hero .content .text .price { font-size: 120%; }

    #wrapper .photo-type-portrait-hero .content .gallery { flex-direction: column; width: 100%; max-width: 100%; padding: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main { margin: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide img { width: 100%; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails { display: none; }



    #wrapper .photo-type-packages { background: transparent; padding: 25px; }

    #wrapper .photo-type-packages .content .title { padding: 0 0 25px 0; }

    #wrapper .photo-type-packages .content .title h2 { font-size: 250%; text-align: left; }

    #wrapper .photo-type-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .photo-type-packages .content .packages .package { padding: 25px; }

    #wrapper .photo-type-packages .content .packages .package .head img { margin-bottom: 25px; }

    #wrapper .photo-type-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .photo-type-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .photo-type-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .photo-type-description { padding: 25px; }

    #wrapper .photo-type-description .title h1 { font-size: 250%; }

    #wrapper .photo-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .photo-type-description .text p { font-size: 100%; }

    #wrapper .photo-type-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .photo-type-description .text ul li { font-size: 100%; }



    #wrapper .audio-hero { height: 50vh; }

    #wrapper .audio-hero .title .heading h1 { font-size: 250%; }

    #wrapper .audio-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .audio-elevate { padding: 25px 25px 0 25px; }

    #wrapper .audio-elevate .content { grid-template-columns: 1fr; background: var(--ihr-grey); padding: 0; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-elevate .content .text { padding: 25px; margin: 0; }

    #wrapper .audio-elevate .content .text h2 { font-size: 150%; }

    #wrapper .audio-elevate .content .text p { margin: 0; font-size: 100%; }

    #wrapper .audio-elevate .content .image { height: 100px; border-radius: 0 0 20px 20px; }



    #wrapper .audio-services .service { padding: 0; margin: 25px; background: var(--ihr-grey); border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-services .service .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service .container .image { border-radius: 20px 20px 0 0; }

    #wrapper .audio-services .service .container .content { padding: 25px; }

    #wrapper .audio-services .service .container .content h2 { font-size: 250%; }

    #wrapper .audio-services .service .container .content p { font-size: 100%; }

    #wrapper .audio-services .service .container .number { display: none; }

    #wrapper .audio-services .service.voiceover .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service.voiceover .container .image { border-radius: 20px 20px 0 0; order: 1; }

    #wrapper .audio-services .service.voiceover .container .content { padding: 25px; order: 2; }

    #wrapper .audio-services .service.voiceover .container .number { display: none; }



    #wrapper .audio-voices { grid-template-columns: 1fr; }

    #wrapper .audio-voices h2 { font-size: 250%; }

    #wrapper .audio-voices .voices-container { grid-template-columns: 1fr 1fr; padding: 25px; border-radius: 0; }

    #wrapper .audio-voices .voices-container .voice .voice-image { width: 30%; }

    #wrapper .audio-voices .voices-container .voice .voice-content { width: 70%; padding: 0 20px; }

    #wrapper .audio-voices .voices.female-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.female-voices .title { padding: 25px 0 25px 25px; }

    #wrapper .audio-voices .voices.male-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .title { padding: 25px 0 25px 25px; text-align: left; }



    #wrapper .social-content-management { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-content-management .text { width: 100%; }

    #wrapper .social-content-management .text h1 { font-size: 350%; }

    #wrapper .social-content-management .text h2 { margin-bottom: 25px; font-size: 280%; }

    #wrapper .social-content-management .text p { margin: 0 0 25px 0; font-size: 100%; }

    #wrapper .social-content-management .image { display: none; }

    #wrapper .social-content-management .image-mobile { display: block; width: 100%; }



    #wrapper .social-platforms { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-platforms .image { display: none; }

    #wrapper .social-platforms .text { width: 100%; }

    #wrapper .social-platforms .text h3 { margin: 25px 0; font-size: 210%; text-align: left; }

    #wrapper .social-platforms .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .social-platforms .text .icons { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }

    #wrapper .social-platforms .text .icons i { margin: 0; font-size: 50px; }



    #wrapper .social-includes .content .title { padding: 25px; text-align: left; }

    #wrapper .social-includes .content .title h2 { font-size: 250%; }

    #wrapper .social-includes .content .items { display: none; }

    #wrapper .social-includes .content .items-mobile { display: block; }



    #wrapper .social-packages { background: transparent; padding: 25px; }

    #wrapper .social-packages .content .title { padding: 0 0 25px 0; text-align: left; }

    #wrapper .social-packages .content .title h2 { font-size: 250%; }

    #wrapper .social-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .social-packages .content .packages .package { padding: 25px; }

    #wrapper .social-packages .content .packages .package .head h3 { margin-bottom: 25px; }

    #wrapper .social-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .social-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .social-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .social-ppc { padding: 25px 0; }

    #wrapper .social-ppc .content .title { padding: 0 25px 25px 25px; }

    #wrapper .social-ppc .content .title .inner { width: 100%; }

    #wrapper .social-ppc .content .title .inner h3 { font-size: 250%; }

    #wrapper .social-ppc .content .title .inner h4 { font-size: 120%; }

    #wrapper .social-ppc .content .container { flex-direction: column-reverse; }

    #wrapper .social-ppc .content .container .image { width: 100%; }

    #wrapper .social-ppc .content .container .image img { position: unset; border-radius: 0; }

    #wrapper .social-ppc .content .container .text { width: 100%; background: var(--ihr-ivory); padding: 25px; box-sizing: border-box; }

    #wrapper .social-ppc .content .container .text p { font-size: 100%; }

    #wrapper .social-ppc .content .container .rectangle { display: none; }



    #wrapper .studio-hero { height: 50vh; }

    #wrapper .studio-hero .title .heading { padding: 20px 25px; }

    #wrapper .studio-hero .title .heading h1 { font-size: 300%; }

    #wrapper .studio-hero .title .keywords { padding: 20px 25px; }

    #wrapper .studio-hero .title .keywords p { font-size: 120%; }



    #wrapper .studio-gallery { padding: 0 0 80px 0; }



    #wrapper .studio-creativity { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-creativity .text { width: 100%; padding: 0; }

    #wrapper .studio-creativity .text h3 { font-size: 200%; }

    #wrapper .studio-creativity .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-creativity .image { width: 100%; }

    #wrapper .studio-creativity .image img { border-radius: 20px; }



    #wrapper .studio-needs { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-needs .text { width: 100%; padding: 0; }

    #wrapper .studio-needs .text h3 { font-size: 200%; }

    #wrapper .studio-needs .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-needs .image { width: 100%; }

    #wrapper .studio-needs .image img { border-radius: 20px; }



    #wrapper .portfolio-hero { height: 50vh; }

    #wrapper .portfolio-hero .video .heading { padding: 20px 25px; }

    #wrapper .portfolio-hero .video .heading h1 { font-size: 300%; }

    #wrapper .portfolio-hero .keywords { display: none; }

    #wrapper .portfolio-hero .keywords-mobile { display: flex; }



    #wrapper .portfolio-items { padding: 25px; }

    #wrapper .portfolio-items .category { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .portfolio-items .category .item img:hover { transform: scale(1); }



    #wrapper .portfolio-item-video { padding: 0; }

    #wrapper .portfolio-item-video .content .video-player { border-radius: 0; }

    #wrapper .portfolio-item-description { padding: 25px; }

    #wrapper .portfolio-item-description .title h1 { font-size: 250%; }

    #wrapper .portfolio-item-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .portfolio-item-description .text p { font-size: 100%; }

    #wrapper .portfolio-item-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .portfolio-item-description .authors { flex-direction: column; }

    #wrapper .portfolio-item-description .authors .author { margin-right: 0; }

    #wrapper .portfolio-item-description .authors .author img { width: 80px; }



    #wrapper .team-hero { height: 50vh; }

    #wrapper .team-hero .title .heading { padding: 20px 25px; }

    #wrapper .team-hero .title .heading h1 { font-size: 300%; }

    #wrapper .team-hero .title .keywords { padding: 20px 25px; }

    #wrapper .team-hero .title .keywords p { font-size: 120%; }



    #wrapper .team-members .members { padding: 50px 0; }

    #wrapper .team-members .members .member { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle p { margin: 0; font-size: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(even) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle p { margin: 0; font-size: 100%; }



    #wrapper .contact-location { padding: 0 25px 25px 25px; grid-template-columns: 1fr; gap: 25px; }

    #wrapper .contact-location .directions { padding: 25px; }



    #wrapper .global-work-together { padding: 25px; }

    #wrapper .global-work-together .content h2 { font-size: 350%; }

    #wrapper .global-work-together .contacts { grid-template-columns: 1fr; gap: 25px; margin: 25px 0; }

    #wrapper .global-work-together .contacts a { padding: 20px; }

    #wrapper .global-work-together .contacts a span { font-size: 100%; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container { width: 100%; flex-direction: column; padding: 25px; margin: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text { width: 100%; margin-bottom: 25px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text p.title { margin-bottom: 10px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner { width: 100%; padding: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner textarea { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .image-left { display: none; }

    #wrapper .global-work-together .content .work-together-inner .content .image-right { display: none; }



    #wrapper .global-get-started { display: none; }



    #wrapper .page { padding: 25px; }



    #wrapper footer .footer-inner { grid-template-columns: 1fr 1fr; grid-row-gap: 30px; padding: 25px; }

    #wrapper footer .footer-inner ul li { margin-bottom: 10px; }

    #wrapper footer .footer-inner .footer-about img { width: 70%; }

}



/* Medium (≥768px and <992px) */

@media (min-width: 768px) and (max-width: 991.98px) {

    #wrapper header { box-shadow: none; }

    #wrapper header .header-inner { padding: 20px 25px; }

    #wrapper header .header-inner .header-logo { height: 30px; }

    #wrapper header .header-inner .header-logo a img { height: 30px; }

    #wrapper header .header-inner .menu-desktop { display: none; }

    #wrapper header .header-inner .menu-toggle { display: block; }



    #wrapper.home .hero .content h1 { font-size: 400%; }

    #wrapper.home .hero .content p { font-size: 180%; }

    #wrapper.home .hero .badge { height: 12vh; }



    #wrapper.home .unique-narratives .text h2 { font-size: 280%; }

    #wrapper.home .unique-narratives .text p { font-size: 110%; }



    #wrapper.home .our-services .content { display: none; }

    #wrapper.home .our-services .content-mobile { display: flex; }



    #wrapper.home .service-video { padding: 25px; background: transparent; }

    #wrapper.home .service-video .content { position: relative; z-index: 1; }

    #wrapper.home .service-video .content h3 { font-size: 300%; }

    #wrapper.home .service-video .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-video .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-video .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-photo { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-photo .content { position: relative; z-index: 1; }

    #wrapper.home .service-photo .content h3 { font-size: 300%; }

    #wrapper.home .service-photo .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-photo .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-photo .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-audio { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-audio .content { position: relative; z-index: 1; }

    #wrapper.home .service-audio .content h3 { font-size: 300%; }

    #wrapper.home .service-audio .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-audio .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-audio .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-social { padding: 25px; }

    #wrapper.home .service-social .content { flex-direction: column; }

    #wrapper.home .service-social .content .text { width: 100%; }

    #wrapper.home .service-social .content .text h3 { font-size: 300%; }

    #wrapper.home .service-social .content .text p.keywords { font-size: 100%; }

    #wrapper.home .service-social .content .text p.description { font-size: 100%; }

    #wrapper.home .service-social .media { display: none; }

    #wrapper.home .service-social .content .media-mobile { display: block; width: 50%; margin: 25px auto; }



    #wrapper.home .vision-mission { padding: 25px; }

    #wrapper.home .vision-mission .content    { box-shadow: none; }

    #wrapper.home .vision-mission .content .row { grid-template-columns: 1fr; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper.home .vision-mission .content .row .image { height: 100px; order: 3; }

    #wrapper.home .vision-mission .content .row .text { padding: 25px; order: 2; }

    #wrapper.home .vision-mission .content .row .text p { font-size: 100%; }

    #wrapper.home .vision-mission .content .row .title { justify-content: flex-start; padding: 25px 25px 0 25px; order: 1; }

    #wrapper.home .vision-mission .content .row .title h2 { font-size: 250%; }

    #wrapper.home .vision-mission .content .row.vision { margin-bottom: 25px; border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.vision .image { border-radius: 0 0 20px 20px; }

    #wrapper.home .vision-mission .content .row.mission { border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.mission .image { border-radius: 0 0 20px 20px; }



    #wrapper.home .core-values { padding: 25px; }

    #wrapper.home .core-values .content .title h2 { font-size: 250%; }

    #wrapper.home .core-values .content .outer { padding: 0; margin: 0; }

    #wrapper.home .core-values .content .outer .inner { display: none; }

    #wrapper.home .core-values .content .outer .inner-mobile { display: block; }



    #wrapper.home .workflow { padding: 25px; }

    #wrapper.home .workflow .content .title { padding-bottom: 25px; }

    #wrapper.home .workflow .content .title h2 { font-size: 250%; margin-top: 25px; }

    #wrapper.home .workflow .content .inner { display: none; }

    #wrapper.home .workflow .content .inner-mobile { display: block; }



    #wrapper.home .partners .content .title { padding: 25px 25px 0 25px; }

    #wrapper.home .partners .content .title h2 { margin: 0; font-size: 200%; }

    #wrapper.home .partners .content .testimonials { display: none; }

    #wrapper.home .partners .content .testimonials-mobile { display: block; }

    #wrapper.home .partners .content .logos .items img { height: 80px; }



    #wrapper .video-hero { max-height: 55vh; margin-top: 0; }

    #wrapper .video-hero .title .heading h1 { font-size: 200%; }

    #wrapper .video-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .video-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px; }

    #wrapper .video-services .content .service:hover { transform: scale(1); }

    #wrapper .video-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .video-why .content .title { padding: 25px; }

    #wrapper .video-why .content .title h2 { font-size: 230%; }

    #wrapper .video-why .content .items .item { flex-direction: column; padding: 15px 0; box-sizing: border-box; }

    #wrapper .video-why .content .items .item .text { box-sizing: border-box; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title { width: 100%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title h3 { font-size: 210%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(2) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title { width: 100%; justify-content: flex-start; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title h3 { font-size: 210%; text-align: left; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title { width: 100%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title h3 { font-size: 210%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text p { max-width: calc(100% - 50px); font-size: 110%; }



    #wrapper .video-type-hero { padding: 0; }

    #wrapper .video-type-hero .content .video-player { border-radius: 0; }



    #wrapper .video-type-description { padding: 25px; }

    #wrapper .video-type-description .title h1 { font-size: 250%; }

    #wrapper .video-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .video-type-description .text p { font-size: 100%; }

    #wrapper .video-type-description .text p:last-of-type { margin-bottom: 25px; }



    #wrapper .photo-hero { height: 65vh; }

    #wrapper .photo-hero .title .heading h1 { font-size: 200%; }

    #wrapper .photo-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .photo-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px;}

    #wrapper .photo-services .content .service:hover { transform: scale(1); }

    #wrapper .photo-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .photo-type-hero .content .gallery { padding-top: 0; }

    #wrapper .photo-type-hero .content .gallery .swiper { height: 400px; }

    #wrapper .photo-type-hero .content .gallery .splide .splide__arrows { display: none; }

    #wrapper .photo-type-hero .content .gallery .splide .fullscreen-button { display: flex; }



    #wrapper .photo-type-portrait-hero { height: unset; }

    #wrapper .photo-type-portrait-hero .content { flex-direction: column; }

    #wrapper .photo-type-portrait-hero .content .text { padding: 25px; }

    #wrapper .photo-type-portrait-hero .content .text h2 { margin-bottom: 10px; font-size: 250%; }

    #wrapper .photo-type-portrait-hero .content .text h3 { margin-bottom: 10px; font-size: 150%; }

    #wrapper .photo-type-portrait-hero .content .text p { font-size: 100%; }

    #wrapper .photo-type-portrait-hero .content .text .price { font-size: 120%; }

    #wrapper .photo-type-portrait-hero .content .gallery { flex-direction: column; width: 100%; max-width: 100%; padding: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main { margin: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide img { width: 100%; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails { display: none; }



    #wrapper .photo-type-packages { background: transparent; padding: 25px; }

    #wrapper .photo-type-packages .content .title { padding: 0 0 25px 0; }

    #wrapper .photo-type-packages .content .title h2 { font-size: 250%; text-align: left; }

    #wrapper .photo-type-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .photo-type-packages .content .packages .package { padding: 25px; }

    #wrapper .photo-type-packages .content .packages .package .head img { margin-bottom: 25px; }

    #wrapper .photo-type-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .photo-type-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .photo-type-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .photo-type-description { padding: 25px; }

    #wrapper .photo-type-description .title h1 { font-size: 250%; }

    #wrapper .photo-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .photo-type-description .text p { font-size: 100%; }

    #wrapper .photo-type-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .photo-type-description .text ul li { font-size: 100%; }



    #wrapper .audio-hero { height: 50vh; }

    #wrapper .audio-hero .title .heading h1 { font-size: 250%; }

    #wrapper .audio-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .audio-elevate { padding: 25px 25px 0 25px; }

    #wrapper .audio-elevate .content { grid-template-columns: 1fr; background: var(--ihr-grey); padding: 0; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-elevate .content .text { padding: 25px; margin: 0; }

    #wrapper .audio-elevate .content .text h2 { font-size: 150%; }

    #wrapper .audio-elevate .content .text p { margin: 0; font-size: 100%; }

    #wrapper .audio-elevate .content .image { height: 100px; border-radius: 0 0 20px 20px; }



    #wrapper .audio-services .service { padding: 0; margin: 25px; background: var(--ihr-grey); border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-services .service .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service .container .image { border-radius: 20px 20px 0 0; }

    #wrapper .audio-services .service .container .content { padding: 25px; }

    #wrapper .audio-services .service .container .content h2 { font-size: 250%; }

    #wrapper .audio-services .service .container .content p { font-size: 100%; }

    #wrapper .audio-services .service .container .number { display: none; }

    #wrapper .audio-services .service.voiceover .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service.voiceover .container .image { border-radius: 20px 20px 0 0; order: 1; }

    #wrapper .audio-services .service.voiceover .container .content { padding: 25px; order: 2; }

    #wrapper .audio-services .service.voiceover .container .number { display: none; }



    #wrapper .audio-voices { grid-template-columns: 1fr; }

    #wrapper .audio-voices h2 { font-size: 250%; }

    #wrapper .audio-voices .voices-container { grid-template-columns: 1fr 1fr; padding: 25px; border-radius: 0; }

    #wrapper .audio-voices .voices-container .voice .voice-image { width: 30%; }

    #wrapper .audio-voices .voices-container .voice .voice-content { width: 70%; padding: 0 20px; }

    #wrapper .audio-voices .voices.female-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.female-voices .title { padding: 25px 0 25px 25px; }

    #wrapper .audio-voices .voices.female-voices .pagination-controls { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .title { padding: 25px 0 25px 25px; text-align: left; }

    #wrapper .audio-voices .voices.male-voices .pagination-controls { border-radius: 0; }



    #wrapper .social-content-management { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-content-management .text { width: 100%; }

    #wrapper .social-content-management .text h1 { font-size: 350%; }

    #wrapper .social-content-management .text h2 { margin-bottom: 25px; font-size: 280%; }

    #wrapper .social-content-management .text p { margin: 0 0 25px 0; font-size: 100%; }

    #wrapper .social-content-management .image { display: none; }

    #wrapper .social-content-management .image-mobile { display: block; width: 100%; }



    #wrapper .social-platforms { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-platforms .image { display: none; }

    #wrapper .social-platforms .text { width: 100%; }

    #wrapper .social-platforms .text h3 { margin: 25px 0; font-size: 210%; text-align: left; }

    #wrapper .social-platforms .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .social-platforms .text .icons { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }

    #wrapper .social-platforms .text .icons i { margin: 0; font-size: 50px; }



    #wrapper .social-includes .content .title { padding: 25px; text-align: left; }

    #wrapper .social-includes .content .title h2 { font-size: 250%; }

    #wrapper .social-includes .content .items { display: none; }

    #wrapper .social-includes .content .items-mobile { display: block; }



    #wrapper .social-packages { background: transparent; padding: 25px; }

    #wrapper .social-packages .content .title { padding: 0 0 25px 0; text-align: left; }

    #wrapper .social-packages .content .title h2 { font-size: 250%; }

    #wrapper .social-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .social-packages .content .packages .package { padding: 25px; }

    #wrapper .social-packages .content .packages .package .head h3 { margin-bottom: 25px; }

    #wrapper .social-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .social-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .social-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .social-ppc { padding: 25px 0; }

    #wrapper .social-ppc .content .title { padding: 0 25px 25px 25px; }

    #wrapper .social-ppc .content .title .inner { width: 100%; }

    #wrapper .social-ppc .content .title .inner h3 { font-size: 250%; }

    #wrapper .social-ppc .content .title .inner h4 { font-size: 120%; }

    #wrapper .social-ppc .content .container { flex-direction: column-reverse; }

    #wrapper .social-ppc .content .container .image { width: 100%; }

    #wrapper .social-ppc .content .container .image img { position: unset; border-radius: 0; }

    #wrapper .social-ppc .content .container .text { width: 100%; background: var(--ihr-ivory); padding: 25px; box-sizing: border-box; }

    #wrapper .social-ppc .content .container .text p { font-size: 100%; }

    #wrapper .social-ppc .content .container .rectangle { display: none; }



    #wrapper .studio-hero { height: 50vh; }

    #wrapper .studio-hero .title .heading { padding: 20px 25px; }

    #wrapper .studio-hero .title .heading h1 { font-size: 300%; }

    #wrapper .studio-hero .title .keywords { padding: 20px 25px; }

    #wrapper .studio-hero .title .keywords p { font-size: 120%; }



    #wrapper .studio-gallery { padding: 0 0 50px 0; }

    #wrapper .studio-gallery .splide .splide__arrows { display: none; /*bottom: -25px;*/ }

    #wrapper .studio-gallery .splide .fullscreen-button { display: flex; }



    #wrapper .studio-creativity { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-creativity .text { width: 100%; padding: 0; }

    #wrapper .studio-creativity .text h3 { font-size: 200%; }

    #wrapper .studio-creativity .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-creativity .image { width: 100%; }

    #wrapper .studio-creativity .image img { border-radius: 20px; }



    #wrapper .studio-needs { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-needs .text { width: 100%; padding: 0; }

    #wrapper .studio-needs .text h3 { font-size: 200%; }

    #wrapper .studio-needs .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-needs .image { width: 100%; }

    #wrapper .studio-needs .image img { border-radius: 20px; }



    #wrapper .portfolio-hero { height: 50vh; }

    #wrapper .portfolio-hero .video .heading { padding: 20px 25px; }

    #wrapper .portfolio-hero .video .heading h1 { font-size: 300%; }

    #wrapper .portfolio-hero .keywords { display: none; }

    #wrapper .portfolio-hero .keywords-mobile { display: flex; }



    #wrapper .portfolio-items { padding: 25px; }

    #wrapper .portfolio-items .category { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .portfolio-items .category .item img:hover { transform: scale(1); }



    #wrapper .portfolio-item-video { padding: 0; }

    #wrapper .portfolio-item-video .content .video-player { border-radius: 0; }

    #wrapper .portfolio-item-description { padding: 25px; }

    #wrapper .portfolio-item-description .title h1 { font-size: 250%; }

    #wrapper .portfolio-item-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .portfolio-item-description .text p { font-size: 100%; }

    #wrapper .portfolio-item-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .portfolio-item-description .authors { flex-direction: column; }

    #wrapper .portfolio-item-description .authors .author { margin-right: 0; }

    #wrapper .portfolio-item-description .authors .author img { width: 80px; }



    #wrapper .team-hero { height: 50vh; }

    #wrapper .team-hero .title .heading { padding: 20px 25px; }

    #wrapper .team-hero .title .heading h1 { font-size: 300%; }

    #wrapper .team-hero .title .keywords { padding: 20px 25px; }

    #wrapper .team-hero .title .keywords p { font-size: 120%; }



    #wrapper .team-members .members { padding: 50px 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title { width: 55%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image { width: 30%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text { display: none; }

    #wrapper .team-members .members .member:nth-of-type(even) .title { width: 55%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(even) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image { width: 30%; }

    #wrapper .team-members .members .member:nth-of-type(even) .text { display: none; }



    #wrapper .contact-location { padding: 0 25px 25px 25px; grid-template-columns: 1fr; gap: 25px; }

    #wrapper .contact-location .directions { padding: 25px; }



    #wrapper .global-work-together { padding: 25px; }

    #wrapper .global-work-together .content h2 { font-size: 350%; }

    #wrapper .global-work-together .contacts { grid-template-columns: 1fr; gap: 25px; margin: 25px 0; }

    #wrapper .global-work-together .contacts a { padding: 20px; }

    #wrapper .global-work-together .contacts a span { font-size: 100%; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container { width: 100%; flex-direction: column; padding: 25px; margin: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text { width: 100%; margin-bottom: 25px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text p.title { margin-bottom: 10px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner { width: 100%; padding: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner textarea { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .image-left { display: none; }

    #wrapper .global-work-together .content .work-together-inner .content .image-right { display: none; }



    #wrapper .global-get-started { display: none; }



    #wrapper .page { padding: 25px; }



    #wrapper footer .footer-inner { grid-template-columns: 1fr 1fr; grid-row-gap: 30px; padding: 25px; }

    #wrapper footer .footer-inner ul li { margin-bottom: 10px; }

    #wrapper footer .footer-inner .footer-about img { width: 70%; }

}



/* Small (≥576px and <768px) */             

@media (min-width: 576px) and (max-width: 767.98px) {

    body { background: none; }



	.slick-arrow{ display: none!important;}



    #wrapper header { box-shadow: none; }

    #wrapper header .header-inner { padding: 20px 25px; }

    #wrapper header .header-inner .header-logo { height: 30px; }

    #wrapper header .header-inner .header-logo a img { height: 30px; }

    #wrapper header .header-inner .menu-desktop { display: none; }

    #wrapper header .header-inner .menu-toggle { display: block; }



    #wrapper.home .hero { background: url("../img/home/hero-zebra.jpg"); background-size: cover; background-position: 75% 50%; height: 55vh; align-items: flex-end; }

    #wrapper.home .hero .content { background: linear-gradient(to top, hsla(0, 100%, 100%, 0.8) 30%, transparent 100%); padding-bottom: 25px; }

    #wrapper.home .hero .content h1 { font-size: 200%; }

    #wrapper.home .hero .content p { padding-left: 20px; font-size: 120%; }

    #wrapper.home .hero .content .story h1 { padding: 5px 25px; }

    #wrapper.home .hero .content .canvas h1 span:first-of-type { padding: 5px 10px 5px 25px; }

    #wrapper.home .hero .content .canvas h1 span:last-of-type { padding: 5px 0; }

    #wrapper.home .hero .badge { display: none; }



    #wrapper.home .unique-narratives { height: 100%; }

    #wrapper.home .unique-narratives .video { position: relative; aspect-ratio: 16 / 9; }

    #wrapper.home .unique-narratives .text { position: relative; align-items: flex-start; width: 100%; background: var(--ihr-grey); padding: 25px; text-align: left; clip-path: none; box-sizing: border-box; }

    #wrapper.home .unique-narratives .text h2 { font-size: 200%; margin: 0 0 20px 0; }

    #wrapper.home .unique-narratives .text p { width: 100%; font-size: 100%; }

    #wrapper.home .unique-narratives .text.hidden { opacity: 1; }



    #wrapper.home .employer-branding { background: var(--ihr-ivory); padding: 25px; }

    #wrapper.home .employer-branding .content { grid-template-columns: 1fr; }

    #wrapper.home .employer-branding .content .text h2 { font-size: 200%; }

    #wrapper.home .employer-branding .content .text p { width: 100%; font-size: 100%; }

    #wrapper.home .employer-branding .content .video { display: none; }

    #wrapper.home .employer-branding .content .video img { height: 25vh; }



    #wrapper.home .our-services .content { display: none; }

    #wrapper.home .our-services .content-mobile { display: flex; }



    #wrapper.home .service-video { padding: 25px; background: transparent; }

    #wrapper.home .service-video .content { position: relative; z-index: 1; }

    #wrapper.home .service-video .content h3 { font-size: 300%; }

    #wrapper.home .service-video .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-video .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-video .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-photo { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-photo .content { position: relative; z-index: 1; }

    #wrapper.home .service-photo .content h3 { font-size: 300%; }

    #wrapper.home .service-photo .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-photo .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-photo .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-audio { padding: 25px; background: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--ihr-ivory) 30%, var(--ihr-ivory) 42%, transparent 42%, transparent 100%); }

    #wrapper.home .service-audio .content { position: relative; z-index: 1; }

    #wrapper.home .service-audio .content h3 { font-size: 300%; }

    #wrapper.home .service-audio .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-audio .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-audio .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-social { padding: 25px; }

    #wrapper.home .service-social .content { flex-direction: column; }

    #wrapper.home .service-social .content .text { width: 100%; }

    #wrapper.home .service-social .content .text h3 { font-size: 300%; }

    #wrapper.home .service-social .content .text p.keywords { font-size: 100%; }

    #wrapper.home .service-social .content .text p.description { font-size: 100%; }

    #wrapper.home .service-social .media { display: none; }

    #wrapper.home .service-social .content .media-mobile { display: block; margin-top: 25px; }



    #wrapper.home .vision-mission { padding: 25px; }

    #wrapper.home .vision-mission .content    { box-shadow: none; }

    #wrapper.home .vision-mission .content .row { grid-template-columns: 1fr; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper.home .vision-mission .content .row .image { height: 100px; order: 3; }

    #wrapper.home .vision-mission .content .row .text { padding: 25px; order: 2; }

    #wrapper.home .vision-mission .content .row .text p { font-size: 100%; }

    #wrapper.home .vision-mission .content .row .title { justify-content: flex-start; padding: 25px 25px 0 25px; order: 1; }

    #wrapper.home .vision-mission .content .row .title h2 { font-size: 250%; }

    #wrapper.home .vision-mission .content .row.vision { margin-bottom: 25px; border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.vision .image { border-radius: 0 0 20px 20px; }

    #wrapper.home .vision-mission .content .row.mission { border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.mission .image { border-radius: 0 0 20px 20px; }



    #wrapper.home .core-values { padding: 25px; }

    #wrapper.home .core-values .content .title h2 { font-size: 250%; }

    #wrapper.home .core-values .content .outer { padding: 0; margin: 0; }

    #wrapper.home .core-values .content .outer .inner { display: none; }

    #wrapper.home .core-values .content .outer .inner-mobile { display: block; }



    #wrapper.home .workflow { padding: 25px; }

    #wrapper.home .workflow .content .title { padding-bottom: 25px; }

    #wrapper.home .workflow .content .title h2 { font-size: 250%; margin-top: 25px; }

    #wrapper.home .workflow .content .inner { display: none; }

    #wrapper.home .workflow .content .inner-mobile { display: block; }



    #wrapper.home .partners .content .title { padding: 25px 25px 0 25px; }

    #wrapper.home .partners .content .title h2 { margin: 0; font-size: 200%; }

    #wrapper.home .partners .content .testimonials { display: none; }

    #wrapper.home .partners .content .testimonials-mobile { display: block; }

    #wrapper.home .partners .content .logos .items img { height: 80px; }



    #wrapper .video-hero { max-height: 35vh; margin-top: 0; }

    #wrapper .video-hero .title .heading h1 { font-size: 200%; }

    #wrapper .video-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .video-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px; }

    #wrapper .video-services .content .service:hover { transform: scale(1); }

    #wrapper .video-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .video-why .content .title { padding: 25px 25px 0 25px; }

    #wrapper .video-why .content .title h2 { font-size: 230%; }

    #wrapper .video-why .content .items .item { flex-direction: column; padding: 15px 0; box-sizing: border-box; }

    #wrapper .video-why .content .items .item .text { box-sizing: border-box; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title { width: 100%; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title h3 { font-size: 180%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(2) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title { width: 100%; justify-content: flex-start; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title h3 { font-size: 180%; text-align: left; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title { width: 100%; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title h3 { font-size: 180%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text p { max-width: calc(100% - 50px); font-size: 110%; }



    #wrapper .video-type-hero { padding: 0; }

    #wrapper .video-type-hero .content .video-player { border-radius: 0; }



    #wrapper .video-type-description { padding: 25px; }

    #wrapper .video-type-description .title h1 { font-size: 250%; }

    #wrapper .video-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .video-type-description .text p { font-size: 100%; }

    #wrapper .video-type-description .text p:last-of-type { margin-bottom: 25px; }



    #wrapper .photo-hero { height: 50vh; }

    #wrapper .photo-hero .title .heading h1 { font-size: 200%; }

    #wrapper .photo-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .photo-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px;}

    #wrapper .photo-services .content .service:hover { transform: scale(1); }

    #wrapper .photo-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .photo-type-hero .content .gallery { padding-top: 0; }

    #wrapper .photo-type-hero .content .gallery .swiper { height: 400px; }

    #wrapper .photo-type-hero .content .gallery .splide .splide__arrows { display: none; }

    #wrapper .photo-type-hero .content .gallery .splide .fullscreen-button { display: flex; }



    #wrapper .photo-type-portrait-hero { height: unset; }

    #wrapper .photo-type-portrait-hero .content { flex-direction: column; }

    #wrapper .photo-type-portrait-hero .content .text { padding: 25px; }

    #wrapper .photo-type-portrait-hero .content .text h2 { margin-bottom: 10px; font-size: 250%; }

    #wrapper .photo-type-portrait-hero .content .text h3 { margin-bottom: 10px; font-size: 150%; }

    #wrapper .photo-type-portrait-hero .content .text p { font-size: 100%; }

    #wrapper .photo-type-portrait-hero .content .text .price { font-size: 120%; }

    #wrapper .photo-type-portrait-hero .content .gallery { flex-direction: column; width: 100%; max-width: 100%; padding: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main { margin: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide img { width: 100%; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails { display: none; }



    #wrapper .photo-type-packages { background: transparent; padding: 25px; }

    #wrapper .photo-type-packages .content .title { padding: 0 0 25px 0; }

    #wrapper .photo-type-packages .content .title h2 { font-size: 250%; text-align: left; }

    #wrapper .photo-type-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .photo-type-packages .content .packages .package { padding: 25px; }

    #wrapper .photo-type-packages .content .packages .package .head img { margin-bottom: 25px; }

    #wrapper .photo-type-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .photo-type-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .photo-type-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .photo-type-description { padding: 25px; }

    #wrapper .photo-type-description .title h1 { font-size: 250%; }

    #wrapper .photo-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .photo-type-description .text p { font-size: 100%; }

    #wrapper .photo-type-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .photo-type-description .text ul li { font-size: 100%; }



    #wrapper .photo-type-thumbnails { display: none; }



    #wrapper .audio-hero { height: 50vh; }

    #wrapper .audio-hero .title .heading h1 { font-size: 250%; }

    #wrapper .audio-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .audio-elevate { padding: 25px 25px 0 25px; }

    #wrapper .audio-elevate .content { grid-template-columns: 1fr; background: var(--ihr-grey); padding: 0; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-elevate .content .text { padding: 25px; margin: 0; }

    #wrapper .audio-elevate .content .text h2 { font-size: 150%; }

    #wrapper .audio-elevate .content .text p { margin: 0; font-size: 100%; }

    #wrapper .audio-elevate .content .image { height: 100px; border-radius: 0 0 20px 20px; }



    #wrapper .audio-services .service { padding: 0; margin: 25px; background: var(--ihr-grey); border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-services .service .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service .container .image { border-radius: 20px 20px 0 0; }

    #wrapper .audio-services .service .container .content { padding: 25px; }

    #wrapper .audio-services .service .container .content h2 { font-size: 250%; }

    #wrapper .audio-services .service .container .content p { font-size: 100%; }

    #wrapper .audio-services .service .container .number { display: none; }

    #wrapper .audio-services .service.voiceover .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service.voiceover .container .image { border-radius: 20px 20px 0 0; order: 1; }

    #wrapper .audio-services .service.voiceover .container .content { padding: 25px; order: 2; }

    #wrapper .audio-services .service.voiceover .container .number { display: none; }



    #wrapper .audio-voices { grid-template-columns: 1fr; }

    #wrapper .audio-voices h2 { font-size: 250%; }

    #wrapper .audio-voices .voices-container { grid-template-columns: 1fr; padding: 25px; border-radius: 0; }

    #wrapper .audio-voices .voices-container .voice .voice-image { width: 30%; }

    #wrapper .audio-voices .voices-container .voice .voice-content { width: 70%; padding: 0 20px; }

    #wrapper .audio-voices .voices.female-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.female-voices .title { padding: 25px 0 25px 25px; }

    #wrapper .audio-voices .voices.female-voices .pagination-controls { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .title { padding: 25px 0 25px 25px; text-align: left; }

    #wrapper .audio-voices .voices.male-voices .pagination-controls { border-radius: 0; }



    #wrapper .social-content-management { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-content-management .text { width: 100%; }

    #wrapper .social-content-management .text h1 { font-size: 350%; }

    #wrapper .social-content-management .text h2 { margin-bottom: 25px; font-size: 280%; }

    #wrapper .social-content-management .text p { margin: 0 0 25px 0; font-size: 100%; }

    #wrapper .social-content-management .image { display: none; }

    #wrapper .social-content-management .image-mobile { display: block; width: 100%; }



    #wrapper .social-platforms { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-platforms .image { display: none; }

    #wrapper .social-platforms .text { width: 100%; }

    #wrapper .social-platforms .text h3 { margin: 25px 0; font-size: 210%; text-align: left; }

    #wrapper .social-platforms .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .social-platforms .text .icons { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }

    #wrapper .social-platforms .text .icons i { margin: 0; font-size: 50px; }



    #wrapper .social-includes .content .title { padding: 25px; text-align: left; }

    #wrapper .social-includes .content .title h2 { font-size: 250%; }

    #wrapper .social-includes .content .items { display: none; }

    #wrapper .social-includes .content .items-mobile { display: block; }



    #wrapper .social-packages { background: transparent; padding: 25px; }

    #wrapper .social-packages .content .title { padding: 0 0 25px 0; text-align: left; }

    #wrapper .social-packages .content .title h2 { font-size: 250%; }

    #wrapper .social-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .social-packages .content .packages .package { padding: 25px; }

    #wrapper .social-packages .content .packages .package .head h3 { margin-bottom: 25px; }

    #wrapper .social-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .social-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .social-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .social-ppc { padding: 25px 0; }

    #wrapper .social-ppc .content .title { padding: 0 25px 25px 25px; }

    #wrapper .social-ppc .content .title .inner { width: 100%; }

    #wrapper .social-ppc .content .title .inner h3 { font-size: 250%; }

    #wrapper .social-ppc .content .title .inner h4 { font-size: 120%; }

    #wrapper .social-ppc .content .container { flex-direction: column-reverse; }

    #wrapper .social-ppc .content .container .image { width: 100%; }

    #wrapper .social-ppc .content .container .image img { position: unset; border-radius: 0; }

    #wrapper .social-ppc .content .container .text { width: 100%; background: var(--ihr-ivory); padding: 25px; box-sizing: border-box; }

    #wrapper .social-ppc .content .container .text p { font-size: 100%; }

    #wrapper .social-ppc .content .container .rectangle { display: none; }



    #wrapper .studio-hero { height: 60vh; }

    #wrapper .studio-hero .title .heading { padding: 20px 25px; }

    #wrapper .studio-hero .title .heading h1 { font-size: 300%; }

    #wrapper .studio-hero .title .keywords { padding: 15px 25px; }

    #wrapper .studio-hero .title .keywords p { font-size: 120%; }



    #wrapper .studio-gallery { padding: 0 0 50px 0; }

    #wrapper .studio-gallery .splide .splide__arrows { display: none; /*bottom: -25px;*/ }

    #wrapper .studio-gallery .splide .fullscreen-button { display: flex; }

    /*#wrapper .studio-gallery .splide .splide__arrows .splide__arrow--prev { left: calc(100% - 100px); }

    #wrapper .studio-gallery .splide .splide__arrows .splide__arrow--next { left: calc(100% - 50px); }*/



    #wrapper .studio-creativity { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-creativity .text { width: 100%; padding: 0; }

    #wrapper .studio-creativity .text h3 { font-size: 200%; }

    #wrapper .studio-creativity .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-creativity .image { width: 100%; }

    #wrapper .studio-creativity .image img { border-radius: 20px; }



    #wrapper .studio-needs { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-needs .text { width: 100%; padding: 0; }

    #wrapper .studio-needs .text h3 { font-size: 200%; }

    #wrapper .studio-needs .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-needs .image { width: 100%; }

    #wrapper .studio-needs .image img { border-radius: 20px; }



    #wrapper .portfolio-hero { height: 50vh; }

    #wrapper .portfolio-hero .video .heading { padding: 20px 25px; }

    #wrapper .portfolio-hero .video .heading h1 { font-size: 300%; }

    #wrapper .portfolio-hero .keywords { display: none; }

    #wrapper .portfolio-hero .keywords-mobile { display: flex; }



    #wrapper .portfolio-items { padding: 25px; }

    #wrapper .portfolio-items .category { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .portfolio-items .category .item img:hover { transform: scale(1); }



    #wrapper .portfolio-item-video { padding: 0; }

    #wrapper .portfolio-item-video .content .video-player { border-radius: 0; }

    #wrapper .portfolio-item-description { padding: 25px; }

    #wrapper .portfolio-item-description .title h1 { font-size: 250%; }

    #wrapper .portfolio-item-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .portfolio-item-description .text p { font-size: 100%; }

    #wrapper .portfolio-item-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .portfolio-item-description .authors { flex-direction: column; }

    #wrapper .portfolio-item-description .authors .author { margin-right: 0; }

    #wrapper .portfolio-item-description .authors .author img { width: 80px; }



    #wrapper .team-hero { height: 50vh; }

    #wrapper .team-hero .title .heading { padding: 20px 25px; }

    #wrapper .team-hero .title .heading h1 { font-size: 300%; }

    #wrapper .team-hero .title .keywords { padding: 20px 25px; }

    #wrapper .team-hero .title .keywords p { font-size: 120%; }



    #wrapper .team-members .members { padding: 50px 0; }

    #wrapper .team-members .members .member { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle p { margin: 0; font-size: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(even) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle p { margin: 0; font-size: 100%; }



    #wrapper .contact-location { padding: 0 25px 25px 25px; grid-template-columns: 1fr; gap: 25px; }

    #wrapper .contact-location .directions { padding: 25px; }



    #wrapper .global-work-together { padding: 25px; }

    #wrapper .global-work-together .content h2 { font-size: 350%; }

    #wrapper .global-work-together .contacts { grid-template-columns: 1fr; gap: 25px; margin: 25px 0; }

    #wrapper .global-work-together .contacts a { padding: 20px; }

    #wrapper .global-work-together .contacts a span { font-size: 100%; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container { width: 100%; flex-direction: column; padding: 25px; margin: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text { width: 100%; margin-bottom: 25px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text p.title { margin-bottom: 10px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner { width: 100%; padding: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner textarea { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .image-left { display: none; }

    #wrapper .global-work-together .content .work-together-inner .content .image-right { display: none; }



    #wrapper .global-get-started { display: none; }



    #wrapper .page { padding: 25px; }



    #wrapper footer .footer-inner { grid-template-columns: 1fr; grid-row-gap: 30px; padding: 25px; }

    #wrapper footer .footer-inner ul li { margin-bottom: 10px; }

}



/* X-Small (<576px) */

@media (max-width: 575.98px) {

    body { background: none; }



	.slick-arrow{ display: none!important;}



    #wrapper header { box-shadow: none; }

    #wrapper header .header-inner { padding: 20px 25px; }

    #wrapper header .header-inner .header-logo { height: 30px; }

    #wrapper header .header-inner .header-logo a img { height: 30px; }

    #wrapper header .header-inner .menu-desktop { display: none; }

    #wrapper header .header-inner .menu-toggle { display: block; }



    #wrapper.home .hero { background: url("../img/home/hero-zebra-mobile.jpg"); background-size: cover; background-position: 75% 50%; height: 90vh; align-items: flex-end; }

    #wrapper.home .hero .content { background: linear-gradient(to top, hsla(0, 100%, 100%, 0.8) 30%, transparent 100%); padding-bottom: 25px; }

    #wrapper.home .hero .content h1 { font-size: 200%; }

    #wrapper.home .hero .content p { padding-left: 20px; font-size: 120%; }

    #wrapper.home .hero .content .story h1 { padding: 5px 25px; }

    #wrapper.home .hero .content .canvas h1 span:first-of-type { padding: 5px 10px 5px 25px; }

    #wrapper.home .hero .content .canvas h1 span:last-of-type { padding: 5px 0; }

    #wrapper.home .hero .badge { display: none; }



    #wrapper.home .unique-narratives { height: 100%; }

    #wrapper.home .unique-narratives .video { position: relative; aspect-ratio: 16 / 9; }

    #wrapper.home .unique-narratives .text { position: relative; align-items: flex-start; width: 100%; background: var(--ihr-grey); padding: 25px; text-align: left; clip-path: none; box-sizing: border-box; }

    #wrapper.home .unique-narratives .text h2 { font-size: 200%; margin: 0 0 20px 0; }

    #wrapper.home .unique-narratives .text p { width: 100%; font-size: 100%; }

    #wrapper.home .unique-narratives .text.hidden { opacity: 1; }



    #wrapper.home .employer-branding { background: var(--ihr-ivory); padding: 25px; }

    #wrapper.home .employer-branding .content { grid-template-columns: 1fr; }

    #wrapper.home .employer-branding .content .text h2 { font-size: 200%; }

    #wrapper.home .employer-branding .content .text p { width: 100%; font-size: 100%; }

    #wrapper.home .employer-branding .content .video { display: none; }

    #wrapper.home .employer-branding .content .video img { height: 25vh; }



    #wrapper.home .our-services .content { display: none; }

    #wrapper.home .our-services .content-mobile { display: flex; }



    #wrapper.home .service-video { padding: 25px; background: transparent; }

    #wrapper.home .service-video .content { position: relative; z-index: 1; }

    #wrapper.home .service-video .content h3 { font-size: 300%; }

    #wrapper.home .service-video .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-video .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-video .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-video .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-photo { padding: 25px; background: transparent; }

    #wrapper.home .service-photo .content { position: relative; z-index: 1; }

    #wrapper.home .service-photo .content h3 { font-size: 300%; }

    #wrapper.home .service-photo .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-photo .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-photo .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-photo .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-audio { padding: 25px; background: transparent; }

    #wrapper.home .service-audio .content { position: relative; z-index: 1; }

    #wrapper.home .service-audio .content h3 { font-size: 300%; }

    #wrapper.home .service-audio .content .media { grid-template-columns: 1fr; grid-gap: 20px; }

    #wrapper.home .service-audio .content .media .text p.keywords { font-size: 100%; }

    #wrapper.home .service-audio .content .media .text p.description { font-size: 100%; }

    #wrapper.home .service-audio .element-mobile { content: ""; position: absolute; top: 215px; left: 0; width: 100%; height: 80px; background: var(--ihr-ivory); }



    #wrapper.home .service-social { padding: 25px; }

    #wrapper.home .service-social .content { flex-direction: column; }

    #wrapper.home .service-social .content .text { width: 100%; }

    #wrapper.home .service-social .content .text h3 { font-size: 300%; }

    #wrapper.home .service-social .content .text p.keywords { font-size: 100%; }

    #wrapper.home .service-social .content .text p.description { font-size: 100%; }

    #wrapper.home .service-social .media { display: none; }

    #wrapper.home .service-social .content .media-mobile { display: block; margin-top: 25px; }



    #wrapper.home .vision-mission { padding: 25px; }

    #wrapper.home .vision-mission .content    { box-shadow: none; }

    #wrapper.home .vision-mission .content .row { grid-template-columns: 1fr; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper.home .vision-mission .content .row .image { height: 100px; order: 3; }

    #wrapper.home .vision-mission .content .row .text { padding: 25px; order: 2; }

    #wrapper.home .vision-mission .content .row .text p { font-size: 100%; }

    #wrapper.home .vision-mission .content .row .title { justify-content: flex-start; padding: 25px 25px 0 25px; order: 1; }

    #wrapper.home .vision-mission .content .row .title h2 { font-size: 250%; }

    #wrapper.home .vision-mission .content .row.vision { margin-bottom: 25px; border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.vision .image { border-radius: 0 0 20px 20px; }

    #wrapper.home .vision-mission .content .row.mission { border-radius: 20px; }

    #wrapper.home .vision-mission .content .row.mission .image { border-radius: 0 0 20px 20px; }



    #wrapper.home .core-values { padding: 25px; }

    #wrapper.home .core-values .content .title h2 { font-size: 250%; }

    #wrapper.home .core-values .content .outer { padding: 0; margin: 0; }

    #wrapper.home .core-values .content .outer .inner { display: none; }

    #wrapper.home .core-values .content .outer .inner-mobile { display: block; }



    #wrapper.home .workflow { padding: 25px; }

    #wrapper.home .workflow .content .title { padding-bottom: 25px; }

    #wrapper.home .workflow .content .title h2 { font-size: 250%; margin-top: 25px; }

    #wrapper.home .workflow .content .inner { display: none; }

    #wrapper.home .workflow .content .inner-mobile { display: block; }



    #wrapper.home .partners .content .title { padding: 25px 25px 0 25px; }

    #wrapper.home .partners .content .title h2 { margin: 0; font-size: 200%; }

    #wrapper.home .partners .content .testimonials { display: none; }

    #wrapper.home .partners .content .testimonials-mobile { display: block; }

    #wrapper.home .partners .content .logos .items img { height: 80px; }



    #wrapper .video-hero { max-height: 35vh; margin-top: 0; }

    #wrapper .video-hero .title .heading h1 { font-size: 200%; }

    #wrapper .video-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .video-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px; }

    #wrapper .video-services .content .service:hover { transform: scale(1); }

    #wrapper .video-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .video-why .content .title { padding: 25px 25px 0 25px; }

    #wrapper .video-why .content .title h2 { font-size: 230%; }

    #wrapper .video-why .content .items .item { flex-direction: column; padding: 15px 0; box-sizing: border-box; }

    #wrapper .video-why .content .items .item .text { box-sizing: border-box; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title { width: 100%; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .title h3 { font-size: 180%; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(1) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(2) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title { width: 100%; justify-content: flex-start; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .title h3 { font-size: 180%; text-align: left; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(2) .text p { max-width: calc(100% - 50px); font-size: 110%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) { flex-direction: column; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title { width: 100%; padding: 25px; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .title h3 { font-size: 180%; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text { width: 100%; padding: 25px; border-radius: 0; }

    #wrapper .video-why .content .items .item:nth-of-type(3) .text p { max-width: calc(100% - 50px); font-size: 110%; }



    #wrapper .video-type-hero { padding: 0; }

    #wrapper .video-type-hero .content .video-player { border-radius: 0; }



    #wrapper .video-type-description { padding: 25px; }

    #wrapper .video-type-description .title h1 { font-size: 250%; }

    #wrapper .video-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .video-type-description .text p { font-size: 100%; }

    #wrapper .video-type-description .text p:last-of-type { margin-bottom: 25px; }



    #wrapper .photo-hero { height: 50vh; }

    #wrapper .photo-hero .title .heading h1 { font-size: 200%; }

    #wrapper .photo-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .photo-services .content { grid-template-columns: 1fr; grid-row-gap: 25px; padding: 25px;}

    #wrapper .photo-services .content .service:hover { transform: scale(1); }

    #wrapper .photo-services .content .service h2 { font-size: 220%; margin-bottom: 10px; }



    #wrapper .photo-type-hero .content .gallery { padding-top: 0; }

    #wrapper .photo-type-hero .content .gallery .swiper { height: 400px; }

    #wrapper .photo-type-hero .content .gallery .splide .splide__arrows { display: none; }

    #wrapper .photo-type-hero .content .gallery .splide .fullscreen-button { display: flex; }



    #wrapper .photo-type-portrait-hero { height: unset; }

    #wrapper .photo-type-portrait-hero .content { flex-direction: column; }

    #wrapper .photo-type-portrait-hero .content .text { padding: 25px; }

    #wrapper .photo-type-portrait-hero .content .text h2 { margin-bottom: 10px; font-size: 250%; }

    #wrapper .photo-type-portrait-hero .content .text h3 { margin-bottom: 10px; font-size: 150%; }

    #wrapper .photo-type-portrait-hero .content .text p { font-size: 100%; }

    #wrapper .photo-type-portrait-hero .content .text .price { font-size: 120%; }

    #wrapper .photo-type-portrait-hero .content .gallery { flex-direction: column; width: 100%; max-width: 100%; padding: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main { margin: 0; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-main .swiper-slide img { width: 100%; }

    #wrapper .photo-type-portrait-hero .content .gallery .swiper-thumbnails { display: none; }



    #wrapper .photo-type-packages { background: transparent; padding: 25px; }

    #wrapper .photo-type-packages .content .title { padding: 0 0 25px 0; }

    #wrapper .photo-type-packages .content .title h2 { font-size: 250%; text-align: left; }

    #wrapper .photo-type-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .photo-type-packages .content .packages .package { padding: 25px; }

    #wrapper .photo-type-packages .content .packages .package .head img { margin-bottom: 25px; }

    #wrapper .photo-type-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .photo-type-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .photo-type-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .photo-type-description { padding: 25px; }

    #wrapper .photo-type-description .title h1 { font-size: 250%; }

    #wrapper .photo-type-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .photo-type-description .text p { font-size: 100%; }

    #wrapper .photo-type-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .photo-type-description .text ul li { font-size: 100%; }



    #wrapper .photo-type-thumbnails { display: none; }



    #wrapper .audio-hero { height: 50vh; }

    #wrapper .audio-hero .title .heading h1 { font-size: 250%; }

    #wrapper .audio-hero .title .heading h1 span { padding: 0 10px 0 25px; }



    #wrapper .audio-elevate { padding: 25px 25px 0 25px; }

    #wrapper .audio-elevate .content { grid-template-columns: 1fr; background: var(--ihr-grey); padding: 0; border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-elevate .content .text { padding: 25px; margin: 0; }

    #wrapper .audio-elevate .content .text h2 { font-size: 150%; }

    #wrapper .audio-elevate .content .text p { margin: 0; font-size: 100%; }

    #wrapper .audio-elevate .content .image { height: 100px; border-radius: 0 0 20px 20px; }



    #wrapper .audio-services .service { padding: 0; margin: 25px; background: var(--ihr-grey); border-radius: 20px; box-shadow: 0 0 20px var(--ihr-grey-mid); }

    #wrapper .audio-services .service .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service .container .image { border-radius: 20px 20px 0 0; }

    #wrapper .audio-services .service .container .content { padding: 25px; }

    #wrapper .audio-services .service .container .content h2 { font-size: 250%; }

    #wrapper .audio-services .service .container .content p { font-size: 100%; }

    #wrapper .audio-services .service .container .number { display: none; }

    #wrapper .audio-services .service.voiceover .container { grid-template-columns: 1fr; }

    #wrapper .audio-services .service.voiceover .container .image { border-radius: 20px 20px 0 0; order: 1; }

    #wrapper .audio-services .service.voiceover .container .content { padding: 25px; order: 2; }

    #wrapper .audio-services .service.voiceover .container .number { display: none; }



    #wrapper .audio-voices { grid-template-columns: 1fr; }

    #wrapper .audio-voices h2 { font-size: 250%; }

    #wrapper .audio-voices .voices-container { grid-template-columns: 1fr; padding: 25px; border-radius: 0; }

    #wrapper .audio-voices .voices-container .voice .voice-image { width: 30%; }

    #wrapper .audio-voices .voices-container .voice .voice-content { width: 70%; padding: 0 20px; }

    #wrapper .audio-voices .voices.female-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.female-voices .title { padding: 25px 0 25px 25px; }

    #wrapper .audio-voices .voices.female-voices .pagination-controls { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .voices-container { border-radius: 0; }

    #wrapper .audio-voices .voices.male-voices .title { padding: 25px 0 25px 25px; text-align: left; }

    #wrapper .audio-voices .voices.male-voices .pagination-controls { border-radius: 0; }



    #wrapper .social-content-management { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-content-management .text { width: 100%; }

    #wrapper .social-content-management .text h1 { font-size: 350%; }

    #wrapper .social-content-management .text h2 { margin-bottom: 25px; font-size: 280%; }

    #wrapper .social-content-management .text p { margin: 0 0 25px 0; font-size: 100%; }

    #wrapper .social-content-management .image { display: none; }

    #wrapper .social-content-management .image-mobile { display: block; width: 100%; }



    #wrapper .social-platforms { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .social-platforms .image { display: none; }

    #wrapper .social-platforms .text { width: 100%; }

    #wrapper .social-platforms .text h3 { margin: 25px 0; font-size: 210%; text-align: left; }

    #wrapper .social-platforms .text p { margin-bottom: 25px; font-size: 100%; text-align: left; }

    #wrapper .social-platforms .text .icons { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }

    #wrapper .social-platforms .text .icons i { margin: 0; font-size: 50px; }



    #wrapper .social-includes .content .title { padding: 25px; text-align: left; }

    #wrapper .social-includes .content .title h2 { font-size: 250%; }

    #wrapper .social-includes .content .items { display: none; }

    #wrapper .social-includes .content .items-mobile { display: block; }



    #wrapper .social-packages { background: transparent; padding: 25px; }

    #wrapper .social-packages .content .title { padding: 0 0 25px 0; text-align: left; }

    #wrapper .social-packages .content .title h2 { font-size: 250%; }

    #wrapper .social-packages .content .packages { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .social-packages .content .packages .package { padding: 25px; }

    #wrapper .social-packages .content .packages .package .head h3 { margin-bottom: 25px; }

    #wrapper .social-packages .content .packages .package .main ul li { font-size: 100%; }

    #wrapper .social-packages .content .packages .package .main .price { font-size: 110%; }

    #wrapper .social-packages .content .packages .package .name { margin-right: 2px; font-size: 450%; }



    #wrapper .social-ppc { padding: 25px 0; }

    #wrapper .social-ppc .content .title { padding: 0 25px 25px 25px; }

    #wrapper .social-ppc .content .title .inner { width: 100%; }

    #wrapper .social-ppc .content .title .inner h3 { font-size: 250%; }

    #wrapper .social-ppc .content .title .inner h4 { font-size: 120%; }

    #wrapper .social-ppc .content .container { flex-direction: column-reverse; }

    #wrapper .social-ppc .content .container .image { width: 100%; }

    #wrapper .social-ppc .content .container .image img { position: unset; border-radius: 0; }

    #wrapper .social-ppc .content .container .text { width: 100%; background: var(--ihr-ivory); padding: 25px; box-sizing: border-box; }

    #wrapper .social-ppc .content .container .text p { font-size: 100%; }

    #wrapper .social-ppc .content .container .rectangle { display: none; }



    #wrapper .studio-hero { height: 60vh; }

    #wrapper .studio-hero .title .heading { padding: 20px 25px; }

    #wrapper .studio-hero .title .heading h1 { font-size: 300%; }

    #wrapper .studio-hero .title .keywords { padding: 15px 25px; }

    #wrapper .studio-hero .title .keywords p { font-size: 120%; }



    #wrapper .studio-gallery { padding: 0 0 50px 0; }

    #wrapper .studio-gallery .splide .splide__arrows { display: none; /*bottom: -25px;*/ }

    #wrapper .studio-gallery .splide .fullscreen-button { display: flex; }

    /*#wrapper .studio-gallery .splide .splide__arrows .splide__arrow--prev { left: calc(100% - 100px); }

    #wrapper .studio-gallery .splide .splide__arrows .splide__arrow--next { left: calc(100% - 50px); }*/



    #wrapper .studio-creativity { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-creativity .text { width: 100%; padding: 0; }

    #wrapper .studio-creativity .text h3 { font-size: 200%; }

    #wrapper .studio-creativity .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-creativity .image { width: 100%; }

    #wrapper .studio-creativity .image img { border-radius: 20px; }



    #wrapper .studio-needs { flex-direction: column; background: transparent; padding: 25px; }

    #wrapper .studio-needs .text { width: 100%; padding: 0; }

    #wrapper .studio-needs .text h3 { font-size: 200%; }

    #wrapper .studio-needs .text p { margin-bottom: 25px; font-size: 100%; }

    #wrapper .studio-needs .image { width: 100%; }

    #wrapper .studio-needs .image img { border-radius: 20px; }



    #wrapper .portfolio-hero { height: 50vh; }

    #wrapper .portfolio-hero .video .heading { padding: 20px 25px; }

    #wrapper .portfolio-hero .video .heading h1 { font-size: 300%; }

    #wrapper .portfolio-hero .keywords { display: none; }

    #wrapper .portfolio-hero .keywords-mobile { display: flex; }



    #wrapper .portfolio-items { padding: 25px; }

    #wrapper .portfolio-items .category { grid-template-columns: 1fr; grid-gap: 25px; }

    #wrapper .portfolio-items .category .item img:hover { transform: scale(1); }



    #wrapper .portfolio-item-video { padding: 0; }

    #wrapper .portfolio-item-video .content .video-player { border-radius: 0; }

    #wrapper .portfolio-item-description { padding: 25px; }

    #wrapper .portfolio-item-description .title h1 { font-size: 250%; }

    #wrapper .portfolio-item-description .title h2 { margin-bottom: 0; font-size: 150%; }

    #wrapper .portfolio-item-description .text p { font-size: 100%; }

    #wrapper .portfolio-item-description .text p:last-of-type { margin-bottom: 25px; }

    #wrapper .portfolio-item-description .authors { flex-direction: column; }

    #wrapper .portfolio-item-description .authors .author { margin-right: 0; }

    #wrapper .portfolio-item-description .authors .author img { width: 80px; }



    #wrapper .team-hero { height: 50vh; }

    #wrapper .team-hero .title .heading { padding: 20px 25px; }

    #wrapper .team-hero .title .heading h1 { font-size: 300%; }

    #wrapper .team-hero .title .keywords { padding: 20px 25px; }

    #wrapper .team-hero .title .keywords p { font-size: 120%; }



    #wrapper .team-members .members { padding: 50px 0; }

    #wrapper .team-members .members .member { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(odd) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(odd) .text .rectangle p { margin: 0; font-size: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) { flex-direction: column; padding: 25px 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .title { width: 100%; padding: 25px; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .title h2 { font-size: 200%; }

    #wrapper .team-members .members .member:nth-of-type(even) .title p { font-size: 150%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image { width: 100%; }

    #wrapper .team-members .members .member:nth-of-type(even) .image img { border-radius: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text { width: 100%; padding: 0; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle { position: unset; padding: 25px; border-radius: 0; box-sizing: border-box; }

    #wrapper .team-members .members .member:nth-of-type(even) .text .rectangle p { margin: 0; font-size: 100%; text-align: left; }



    #wrapper .contact-location { padding: 0 25px 25px 25px; grid-template-columns: 1fr; gap: 25px; }

    #wrapper .contact-location .directions { padding: 25px; }



    #wrapper .global-work-together { padding: 25px; }

    #wrapper .global-work-together .content h2 { font-size: 350%; }

    #wrapper .global-work-together .contacts { grid-template-columns: 1fr; gap: 25px; margin: 25px 0; }

    #wrapper .global-work-together .contacts a { padding: 20px; }

    #wrapper .global-work-together .contacts a span { font-size: 100%; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container { flex-direction: column; padding: 25px; margin: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text { width: 100%; margin-bottom: 25px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-text p.title { margin-bottom: 10px; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner { width: 100%; padding: 0; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner input { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .form-container .form-inner textarea { box-sizing: border-box; }

    #wrapper .global-work-together .content .work-together-inner .content .image-left { display: none; }

    #wrapper .global-work-together .content .work-together-inner .content .image-right { display: none; }



    #wrapper .global-get-started { display: none; }



    #wrapper .page { padding: 25px; }



    #wrapper footer .footer-inner { grid-template-columns: 1fr; grid-row-gap: 30px; padding: 25px; }

    #wrapper footer .footer-inner ul li { margin-bottom: 10px; }

}

/* GOOGLE RATINGS */

.google-ratings * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

body .google-ratings .sk-masonry-item {
    position: relative;
    width: 33%;
	display: inline-flex;
    margin-bottom: 30px;
    border-radius: 8px;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}

body .google-ratings .sk-post {
    background-color: #000;
    color: #FFF;
    box-shadow: 0px 4px 14px rgba(67, 89, 124, 0.14);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
	padding: 10px;
}

a.sk-post__user-link {
    color: var(--ihr-red);
    text-decoration: none;
}

body .google-ratings .sk-post__header {
    background-color: var(--title-background-color);
    border-radius: 1rem 1rem 0 0;
    display: flex;
    align-items: center;
    border-bottom: 0.5px solid rgb(189, 213, 255, 0.2);
    gap: 4px;
    flex-wrap: wrap;
}

body .google-ratings .sk-post__user-image-container {
    max-width: 60px;
    max-height: 60px;
    height: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex: 1 1 60px;
}

body .google-ratings .sk-post__user-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

body .google-ratings .sk-post__head-details {
    flex: 1 1 90px;
    min-width: 90px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body .google-ratings .sk-post__date {
    font-size: 0.9em;
    color: grey;
}

body .google-ratings .sk-post__rating-icon {
    height: 16px;
    width: 16px;
}

body .google-ratings .sk-post__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .google-ratings .sk-post__button {
    box-sizing: border-box;
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    gap: 1em;
}

/* END */