/*
Theme Name: Editcellar
Theme URI: 
Author: the Editcellar team
Author URI: https://editcellar.com/
---- */
@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* font-family: "Playfair", serif; */


* {
  margin: 0px;
  padding: 0px;
  outline: 0px;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
p:empty { display: none}
a {
  text-decoration: none;
  color: #24A8FF;
  transition: all 0s linear 0s;
}
a:hover {
  transition: all 0s linear 0s;
  color: #ED1F24;
}
a img, img {
  border: 0px;
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
}
a, input[type="submit"], button {
  outline: none;
}
.clear {
  clear: both;
}
::-moz-placeholder {
  opacity: 1;
}
input[type=submit], button, select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
input, select, button, textarea {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
}
input[type=submit], button {
  cursor: pointer;
  transition: all 0.4s linear 0s;
}
input[type="submit"], input[type="text"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
	font-family: "Josefin Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a {
  margin: 0px;
  padding: 0px;
  outline: none;
  list-style: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: "Josefin Sans", sans-serif;

}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth
}
body {
	color: #333333;
	font-size: 16px;
}




.bottom-slider .bottom-arrow.left,
.bottom-slider .bottom-arrow.right{
	display: none!important;
}



q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}
a img {
  border: 0;
}
.container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}


.WhiteBtn {
    padding:7px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #ED1F24 50%, #FFF 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.WhiteBtn.TransprentBtn{
	background: linear-gradient(90deg, #ED1F24 50%, #00000080 50%);
	    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
	border: 1px solid #FFF;
	color: #FFF;
}

.WhiteBtn:hover {
  background-position: 0 0;
	color: #FFF;
	border-color: #ED1F24;
}



.BlackBtn {
    padding:7px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #ED1F24 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.BlackBtn:hover {
  background-position: 0 0;
	color: #FFF;
	border-color: #ED1F24;
}

.RedBtn {
    padding:7px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #FFF 50%, #ED1F24 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 50px;
}
.RedBtn:hover {
  background-position: 0 0;
	color: #000;
	border-color: #ED1F24;
}

/*********************************/
/* HEADER CSS START HERE
/*********************************/
#header {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	background: #000000;
}
.headTop {
	background: #2A2A2A;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 6px 0;
	
}

.wrap {
	display: flex;
	justify-content: space-between;
	padding: 0 3%;
	align-items: center;
	width: 100%;
}

.SicoalIcon {
	display: flex;
	gap:10px;
}
.SicoalIcon a{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
  background:
    linear-gradient(90deg, #ED1F24 50%, #535353 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.4s ease;
}

.SicoalIcon a:hover {
  background-position: 0 0;
	color: #000;
}



.SicoalIcon a:hover img{
	filter: brightness(0) invert(1);
	transition:all 0.3s;
}

.ContactInfp{
	display: flex;
	align-items: center;
	gap:60px;
}
.ContactInfp a{
	display: flex;
	align-items: center;
	gap:16px;
	font-size: 14px;
	font-weight: 500;
	color: #A8A8A8;
	transition:all 0.2s;
}

.ContactInfp span{
	width: 5px;
	height: 17px;
}
.ContactInfp span img {
	width: auto;
	height: auto;
}

.ContactInfp a:hover {
	color: #FFF;
}
.ContactInfp a:hover img{
		filter: brightness(0) invert(1);
	transition:all 0.2s;
}
.HeaderBottom {
    display: flex;
    align-items: center;
	padding: 15px 0;
	width: 100%;
}

.ButtonTop a{
	display: flex;
	width: 180px;
	height: 46px;
	text-align: center;
	align-items: center;
	font-weight: 400;
	color: #FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
	justify-content: center;
  background:
    linear-gradient(90deg, #FFFFFF 50%, #ED1F24 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.4s ease;
}

.ButtonTop a:hover {
  background-position: 0 0;
	color: #000;
}
.Logo {
    width: 180px;
}
.Logo a img {
	display: block;
}

.main-navigation{
	padding: 0;
	margin: 0;
}
.main-navigation ul {
	padding: 0;
	margin: 0;
		display: flex;
	align-items: center;
	gap:69px;
}
.main-navigation ul li{
	padding: 0;
	margin: 0;
	

}
.main-navigation ul li a{
	color: #FFF;
	display: flex;
	font-size: 15px;
	text-transform: uppercase;
	position: relative;
	transition: all 0.3s;
	
}
.main-navigation ul li a:before{
	border-bottom: 3px solid #000;
	position: absolute;
	left: 0;
	bottom: -37px;
	width: 100%;
	content: "";
	z-index: 1;
	transition: all 0.3s;
}


.main-navigation ul li.current_page_item a,
.main-navigation ul li a:hover{
	color: #ED1F24;
}

.main-navigation ul li.current_page_item a:before,
.main-navigation ul li a:hover:before{
	border-bottom: 3px solid #ED1F24;
	
}
/*
.main-navigation ul li.current_page_item a:after,
.main-navigation ul li a:after:hover {
	border-bottom: 3px solid #ED1F24;
}
*/
/*********************************/
/* HEADER CSS END HERE
/*********************************/


/*********************************/
/* MIDDLE CSS START HERE
/*********************************/
.MainBanner {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}
.MainBanner img {
	width: 100%;
	display: block;
}

.MainBanner video{
	height: 636px;
	display: block;
	object-fit: cover;
	width: 100%;
}

.MainBanner:after{
	background: url("images/shape.svg") no-repeat center bottom;
	width: 100%;
	height: 141px;
	position: absolute;
	left: 0;
	bottom: -25px;
	content: "";
	background-size: cover;
}

.BannerContent{
	width: 100%;
	display: flex;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	justify-content: center;
	z-index: 1;
	align-items: center;
/*	padding:50px 0 0*/
}

.BanBox {
    width: 100%;
    max-width: 1195px;
    margin: 0 auto;
    background: url("images/black-shadow.png") no-repeat center -24px;
    min-height: 427px;
    padding-top: 76px;
}
.BanBox h1 {
	font-size: 60px;
	text-transform: uppercase;
	line-height: 64px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 7px;
		width: 100%;
	max-width: 966px;
	margin: 0 auto;
}
.BanBox p{
	font-size: 17px;
	color: #FFF;
	text-transform: uppercase;
			width: 100%;
	max-width: 966px;
	margin: 0 auto;
	letter-spacing: 2.3px;
	padding: 22px 0 0
}

.BtnGroup{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	margin:64px 0 0 0;
	gap:30px;
}
.BanBox sup{
	vertical-align: text-bottom;
}



.StroyListing{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding:120px 0 0
}
.StorytellingContent  {
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
	text-align: center;
}
.StorytellingContent h2 {
	font-size: 34px;
	line-height: 44px;
	color: #000000;
	font-weight: 700;
	text-transform: uppercase;
}
.StorytellingContent p {
    line-height: 31px;
    padding: 24px 71px 20px;
    text-transform: uppercase;
}

.Divider{
	width: 100px;
	height: 3px;
	background: #ED1F24;
	margin: 0 auto;
}

.EngineeringContent {
	width: 100%;
	
}

.EngineeringContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin:50px 0 0
}

.EngInside{
	background: #F4FBFF;
	display: flex;
	flex-wrap: wrap;
}

.EngBox{
	width: 100%;
	max-width: 540px;
	padding: 30px;
	text-align: center;
}
.EngBox h2 {
	font-size: 36px;
	font-weight: 500;
	font-family: "Playfair", serif;
	font-style: italic;
	color: #000000;
}
.EngBox h2 strong{
	font-weight: 900;
	font-family: "Playfair", serif;
}
.EngBox p{
	line-height: 23px;
	padding: 15px 10px 0;
}
.EngBox h3 {
		font-size: 36px;
	font-weight: 500;
	font-family: "Playfair", serif;
	font-style: italic;
	color: #000000;
}
.EngBox h3 strong{
	font-weight: 800;
	font-family: "Playfair", serif;
	display: block;
}

.EngBox img {
	margin: 13px 0 0;
}

.Infrastructure{
	width: 100%;
	max-width: 630px;
	background: #E0EAF0;
	padding: 30px;
}

.Infrastructure h4 {
	font-size: 22px;
	line-height: 26px;
	font-weight: 500;
	font-style: italic;
	text-transform: uppercase;
}

.Infrastructure p{
	font-weight: 300;
	padding:10px 0 10px
}
.Infrastructure p strong {
	font-weight: 500;
	color: #000;
}
.Infrastructure ul {
	padding: 0;
	margin:10px 0 15px;
}
.Infrastructure ul li {    
    background: url("images/bullet.svg") no-repeat left center;
    font-size: 16px;
    color: #000;
    line-height: 18px;
    font-weight: 300;
    background-size: 22px;
    padding: 2px 0 2px 34px;
    margin: 0 0 12px;
}
.Infrastructure h5 {
	border-top: 1px solid #A7B8C3;
	font-size: 22px;
	font-weight: 500;
	font-style: italic;
	color: #000;
	text-transform: uppercase;
	margin:13px 0 0;
	padding-top: 20px;
}

.Lts {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:60px 0 0;
}

.BBf{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 100px 0 0;
}

.BBf_wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	border-top: 1px solid #E0EAF0;
	padding: 100px 0 0;
}
.BBf_content{
	width: 100%;
	max-width: 570px;
}
.BBf_Image{
	padding: 10px;
	position: relative;
	width: 100%;
	max-width: 570px;
}
.BBf_Image img{
	display: block;
	width: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
.BBf_Image:before{
	width: 110px;
	height: 95px;
	background: #ED1F24;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
}
.BBf_Image:after{
	width: 110px;
	height: 95px;
	background: #ED1F24;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.BBf_content h5 {
	font-size: 34px;
	font-weight: 700;
	line-height: 44px;
	color: #000000;
	text-transform: uppercase;
	margin-top: 10px;
}

.BBf_content .Divider{
	margin:15px 0 12px;
}
.BBf_content p{
	line-height: 18px;
	padding:18px 0 0
}

.BBf_content h6 {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #000000;
	margin-top: 35px;
}
.BBf_BtnGroup{
	margin-top: 50px;
}

.TellStory {
	margin-top: 100px;
	background: #000;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.StoryWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

}

.YourStory{
	width: 100%;
	max-width: 50%;
	position: relative;
}

.YourStory img.StoryPic{
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}
.StoryContent {
	width: 100%;;
	max-width: 570px;
	float: right;
	margin: 0 17px 0 0 
}
.StoryContent h4 {
	color: #FFF;
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	text-transform: uppercase;
}
.StoryContent p{
	color: #FFF;
	line-height: 22px;
	padding:30px 0 0
}

.StoryContent a.Lnm{
    padding:7px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #ED1F24 50%, #FFF 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
	width: 100%;
    max-width: 215px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 50px;
}

.StoryContent a.Lnm.VtC{
	width: 100%;
	max-width: 310px;
}

.StoryContent a.Lnm:hover {
  background-position: 0 0;
	color: #FFF;
	border-color: #ED1F24;
}

.YourQoute{
	
	position: absolute;
	left: 0;
	bottom: 29px;
	width: 100%;
	padding: 0 45px;
}
.qwrap{
	background: #000000CC;
	position: relative;
	padding: 15px 70px 20px;
	font-weight: 400;
	font-style: italic;
	font-family: "Playfair", serif; 
	color: #FFF;
	font-size: 36px;
	line-height: 34px;
	text-align: center;
	
}
.qwrap img {
	position: absolute;
	left: 13px;
	top: -30px;
}

.qwrap span{
	font-family: "Playfair", serif; 
	color: #ED1F24;
}


.YourStory.Yrc .StoryContent {
    float: left;
    margin: 0 0 0 30px;
}


.VideoStory {
	width: 100%;
	display: flex;
	flex-direction: column;
		background: #FBF4EE;
	padding: 100px 0;
}

.ReelsWrap{
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;

}

.VideoBox{
	width: 100%;
	max-width: 370px;
	
}

.VideoBox iframe {
	width: 100%;
	height: 206px;
	display: block;
}

.VideoBox p{
	background: #FFF;
	border: 1px solid #000;
	font-size: 30px;
	padding: 17px 10px 10px;
	text-transform: uppercase;
	margin: 20px 0 0;
	text-align: center;
	color:#000;
}
.page-template-origin-stories .scaleBox h3 {
    padding: 0;
}

.Ets{
	width: 100%;
	position: relative;
	height: 461px;
}
.Ets img {
	width: 100%;
	display: block;
	height: 461px;
	object-fit: cover;
	object-position: center;
}

.Ets_wrap {
    width: 100%;
    max-width: 50%;
    background: #000000B2;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: flex-end;
}


.InnerBanner{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	
}
.InnerBanner img{
	width: 100%;
	height: auto;
	display: block;
}

.InnerBannerWrap{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	align-items: center;
	justify-content: center;
	display: flex;
}

.BanCon {
    width: 100%;
    max-width: 1195px;
    margin: 0 auto;
    text-align: center;
    background: url("images/inner-shadow.png") no-repeat center center;
    min-height: 275px;
    /* backdrop-filter: blur(94px); */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.BanCon h1 {
	font-weight: 700;
	font-size: 50px;
	line-height: 64px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.BanCon p{
	font-size: 22px;
	color: #FFF;
	padding: 15px 0 ;
}
.SclaeContent{
	margin: 100px 0;
}
.ScaleWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

.scaleBox {
	width: 100%;
	max-width: 570px;
	position: relative;
}

.scaleBox h2 {
	font-weight: 700;
	font-size: 34px;
	line-height: 44px;
	color: #000;
	text-transform: uppercase;
	min-height: 88px;
		
}
.scaleBox .Divider{
	margin:16px 0 10px;
}
.scaleBox p{
	font-size: 16px;
	line-height: 20px;
	padding: 20px 0 0;
}
.scaleBox p strong {
	font-weight: 600;
	color: #000;
}
.scaleBox h3 {
    font-size: 36px;
    font-weight: 500;
    font-style: italic;
    font-family: "Playfair", serif;
    min-height: 88px;
    margin-top: -9px;
    color: #000;
    padding-right: 30px;
}

.scaleBox.WeWork:after{
	width: 1px;
	height: 100%;
	background: #D9D9D9;
	content: "";
	left: -22px;
	top: 0;
	position: absolute;
}

.MemberArea {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.MemberArea .clean-carousel img{
	height: 274px;
	object-fit: cover;
	width: 100%; 
}

.text-uppercase {
    text-transform: uppercase;
}

.MemberArea  button.owl-next {
    position: absolute;
    right: 30px;
    top: 39%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: #FFFFFF4D!important;
    box-shadow: 0px 0px 24px 0px #000000A6;
    color: #FFF;
    font-size: 50px;
    border-radius: 100%;
    padding: 0!important;
}

.MemberArea  button.owl-next span {
	font-size: 0;
	background: url("images/icon-right.svg") no-repeat center center;
	width: 21px;
	height: 21px;
	display: block;
	margin: 0 auto;
}

.MemberArea  button.owl-prev {
    position: absolute;
    left: 30px;
    top: 39%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background: #FFFFFF4D!important;
    box-shadow: 0px 0px 24px 0px #000000A6;
    color: #FFF;
    font-size: 50px;
    border-radius: 100%;
    padding: 0!important;
}

.MemberArea  button.owl-prev span {
	font-size: 0;
	background: url("images/icon-left.svg") no-repeat center center;
	width: 21px;
	height: 21px;
	display: block;
	margin: 0 auto;
}

.MemberArea  button.owl-next:hover,
.MemberArea  button.owl-prev:hover {
	background: #ED1F24!important;
}


.VideoGallery{
	width: 100%;
	display: flex;
	margin:9px 0 0;
	flex-wrap: wrap;
	justify-content: space-between;
}
.VideoCol{
	width: 49.8%
}
.VideoGallery iframe{
	display: block;
	height: 500px;
	object-fit: cover;
	width: 100%;
}



.SclaeContent.BagekNook .ScaleWrap {
	background: #F4FBFF;
}
.SclaeContent.BagekNook .scaleBox {
	max-width: 50%;
	padding: 50px 30px;
}

.SclaeContent.BagekNook .scaleBox.WeWork {
	background: #E0EAF0;
}

.SclaeContent.BagekNook .scaleBox.WeWork:after{
	display: none;
}

.StoryMatters {
	background: url("images/bg-baner.jpg") no-repeat center center;
	padding: 100px 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	background-attachment: fixed;
	background-size: cover;
	margin:100px 0 0 
}

.MattersWrap{
	background: #FFFFFFF0;
	padding: 100px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
}
.MattersWrap h3 {
	font-size: 34px;
	line-height: 44px;
	color: #000000;
	margin: 0 0 20px;
}
.MattersWrap p{
	line-height: 24px;
	color: #000;
	padding: 30px 0 0;
}
.MattersWrap p span{
	color: #ED1F24;
}

.BBf.SoundUnited{
	margin: 0;
	border: 0;
	padding-bottom: 100px;
	background: #FBF4EE;
}

.BBf.SoundUnited .BBf_wrap{
	padding: 0;
	align-items: flex-start;
	border: 0;
}
.BBf.SoundUnited iframe {
	width: 100%;
	height: 314px;
	object-fit: cover;
	display: block;
	position: relative;
	z-index: 1;
}

.BBf.SoundUnited .BBf_content p{
	font-weight: 300;
}

.BBf.SoundUnited .BBf_content p strong {
	font-weight: 400;
}

.BBf.SoundUnited .BBf_BtnGroup {
    margin-top: 35px;
}

.SoundQoutes{
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin:50px 0 0
}


.RedQoute{
	border-top: 1px solid #D2BEAD;
	position: relative;
	margin: 0 0 30px
}
.RedQoute span {
	position: absolute;
	left: 0;
	right: 0;
	top: -19px;
	width: 86px;
	height: 46px;
	margin: 0 auto;
	background:#FBF4EE ;
	text-align: center;
	display: block;
}

.SoundQoutes p{
	font-size: 36px;
	line-height: 39px;
	font-weight: 500;
	font-family: "Playfair", serif;
	font-style: italic;
	padding: 0 84px;
	color:#000;
}


.BBf.SoundUnited.WhiteBg{
	background: #FFF;
}

.BBf.SoundUnited.WhiteBg .RedQoute span{
	background: #FFF;
}

.Ab_Faq{
	padding: 100px 0;
	width: 100%;
	display:flex;
	flex-direction: column;
}
.Ab_Faq h4{
	text-align: center;
	font-size: 34px;
	font-weight: 700;
	line-height: 44px;
	color: #000000;
	text-transform: uppercase;
	margin: 0 0 15px
}


.story-united-accordian{
  max-width:100%;
  margin:50px 0 0;
	
}

.story-united-accordian .acc-item{
  border:1px solid #333333;
  margin-bottom:20px;
  overflow:hidden;
  background:#fff;
	padding: 0;
}

.story-united-accordian .acc-title {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
	font-size: 20px;
	font-weight: 400;
	padding: 8px;
}
.story-united-accordian .acc-title span {
    width: 44px;
    height: 44px;
    background: #333333;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0 0;
}
.story-united-accordian .acc-title::after{
  content:'';
  position:absolute;
  right:20px;
  font-size:22px;
  transition:0.3s;
  background: url("images/down-arrow.svg") no-repeat left center;
	width: 20px;
	height: 20px;
}

.story-united-accordian .acc-item.active .acc-title::after{
  background: url("images/down-arrow.svg") no-repeat left center;
	content: "";
		width: 20px;
	height: 20px;
	 transform: rotate(-180deg);
	
}

.story-united-accordian .acc-item.active .acc-title span {
	background: #ED1F24
}

.story-united-accordian .acc-content{
  display:none;
  padding:0px 20px 20px;
  color:#555;
  line-height:1.7;
}
.story-united-accordian .acc-content h5 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 0;
}
.story-united-accordian .acc-content p{
	padding:20px 0 0
}

.story-united-accordian .acc-content ul {
	padding: 0;
	margin:10px 0 0;
}
.story-united-accordian .acc-content ul li {    
    background: url("images/bullet.svg") no-repeat left center;
    background-size: 18px;
    padding: 2px 0 2px 34px;
    margin: 0 0 12px;
}
.story-united-accordian .acc-content ul li:last-child{
	margin: 0;
}

.Space{
	padding: 100px 0;
}

.ContactUs{
background:#F4FBFF url("images/cam.png") no-repeat right center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}


.ContactUs .container {
	max-width: 1070px;
}
.ContactUs h5 {
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0 0 15px;
	color: #000;
}

.ContactUs p{
	margin:30px 0 20px;
	text-align: center;
}


.FormWrap {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}

.FormGroup {
	width: 100%;
	max-width: 49%;
	margin-top: 30px;
}
.FormGroup.full{
	max-width: 100%;
}

.FormGroup input[type=text],
.FormGroup input[type=email],
.FormGroup input[type=tel]{
	height: 50px;
	width: 100%;
	border: 1px solid #333333;
	background: #FFF;
	padding: 0 10px 0 57px;
	font-size: 17px;
	font-weight: 300;
	
}
.FormGroup input.LastName,
.FormGroup input.FirstName {
	background:#FFF url("images/user.svg") no-repeat 20px center;
}
.FormGroup input.EmailAddress {
	background:#FFF url("images/envelop2.svg") no-repeat 20px center;
}
.FormGroup input.PhoneNumber {
	background:#FFF url("images/phone.svg") no-repeat 20px center;
}

.FormGroup textarea{
	width: 100%;
	border: 1px solid #333333;
	background:#FFF url("images/edit.svg") no-repeat 20px 17px;
	height: 104px;
	padding:19px 10px 0 57px;
	resize: none;
	
}
.FormGroup input[type=submit] {
    padding:3px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #ED1F24 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
    width: 100%;
    max-width: 260px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: right;
}
.FormGroup input[type=submit]:hover {
  background-position: 0 0;
	color: #FFF;
	border-color: #ED1F24;
}

.FormGroup p{
	padding: 0;
	margin: 0;
}
.FormGroup.captchacf7  {
	display: flex;
}
.FormGroup.captchacf7 p{
	display: none;
}

.FormGroup.captchacf7 img{
	order: -1;
	height: 50px;
	object-fit: contain;
}
.FormGroup #input-captcha-cf7 {
    margin: 0;
    max-width: 185px;
}

.FormGroup.captchacf7 #reload_captcha {
    border: 1px solid #333333;
    margin: 0 0px 0;
    border-radius: 0;
	border-left: 0;
	background: #FFF
}


.Creative_Subtext{
	width: 100%;
	max-width: 707px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 22px;
	padding-top: 15px;
	color: #FFF;
}

.TheIssue{
	font-size: 16px;
	line-height: 20px;
	color: #000;
	margin:30px 0 0;
	text-align: center;
}
.TheIssue strong {
	font-weight: 600;
	font-size: 20px;
	padding: 25px 0 0;
	display: block;
}


.BoxListing{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	margin:30px 0 0
}
.Blt{
 background: #E0EAF0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	min-height: 70px;
	gap:10px;
	width: 100%;
	max-width: 270px;
}
.Blt img {
	width: 22px;
	height: 22px;
}

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

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

.Blts {
	width: 100%; 
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	margin:20px 0 0
}

.Iw{
	width: 100%;
	padding: 5px;
	max-width: 124px;
	background: #FFF;
	gap:10px;
	font-size: 16px;
	line-height: 18px;
	align-items: center;
	display: flex;
	color:#000000;
}

.ContentEngine img {
	margin-top: 50px;
}

.Bm{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap:31px;
	margin:50px 0 30px;
}

.BmBox{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	background: #E0EAF0;
	min-height: 158px;
	padding: 10px;
	gap:20px;
	width: 100%;
	max-width: 369px;
	align-items: center;
	justify-content: center;
	color: #000;
}
.BmBox img {
	margin: 0;
	width: 60px;
	height: 60px;
}

.Ets.Ai ul{
	padding:10px 0 0;
	margin: 0;
}
.Ets.Ai ul li{
	color: #FFF;
	margin:20px 0 0;
	font-size: 16px;
	background: url("images/red-bullet.svg") no-repeat left top;
	background-size: 22px;
	min-height: 22px;
	padding: 4px 0 0 30px;
}

.VideoStory.Cli iframe {
    height: 375px;
}

.Options{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.OptionBox{
	box-shadow: 0px 0px 34px 0px #0000000D;
	background: #FFFFFF;
	width: 100%;
	max-width: 570px;
	min-height: 346px;
	padding: 30px 24px;
	margin: 50px 0 0;
}
.OptionBox h2 {
	font-size: 34px;
	line-height: 44px;
	color: #000000;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 15px;
}
.ContentEngine .Options .OptionBox h2 {
    font-size: 28px;
}
.OptionBox .Divider{
	margin: 0;
}

.OptionBox p{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	padding:30px 0 0
}

.OptionBox ul{
	padding: 15px 0 0;
	margin: 0;
}

.OptionBox ul li{
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding: 4px 0 0 32px;
	margin: 15px 0 0;
	background: url("images/red-bullet.svg") no-repeat left top;
	background-size: 22px;
	min-height: 22px;
}

.SclaeContent.BoxLL .Blts{
	flex-direction: column;
}

.SclaeContent.BoxLL {
	padding-top: 100px;
}

.SclaeContent.BoxLL .Blts .Iw{
	max-width:100%;
	background: #FFF;
	min-height: 44px;
}

.BBf.SoundUnited.WhiteBg.immortalize {
	background: url("images/video-bg.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.BBf.SoundUnited.WhiteBg.immortalize p{
	font-weight: 600;
	color: #000000;
}

.BBf.SoundUnited.WhiteBg.immortalize h3 {
	font-size: 36px;
	line-height: 49px;
	color: #000000;
	font-weight: 500;
	font-style: italic;
	font-family: "Playfair", serif;
	margin: 20px 0 0 
}

.BBf.SoundUnited.WhiteBg.immortalize iframe{
	height: 404px;
}
.BBf.SoundUnited.WhiteBg.immortalize .BlackBtn { 
	max-width: 223px;
}
.SclaeContent.BagekNook.Grt .ScaleWrap{
	margin-top: 50px;
}
.SclaeContent.BagekNook.Grt .scaleBox{
	padding: 50px 24px;
}
.BlackBtn.W23{
	max-width: 223px
}


.VideoStory {
	width: 100%;
	padding:100px 0 138px
}
.Vs_Wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.VsBox{
	width: 100%;
	max-width: 570px;
	text-align: center;
}
.VsBox iframe {
	width: 100%;
	height: 430px;
	display: block;
}
.VsBox h4 {
	padding: 20px 0 10px;
	font-size: 28px;
	line-height: 44px;
	color: #000;
	text-transform: uppercase;
}
.VsBox a{
	margin-top: 30px;
}


.JimsStory {
    width: 100%;
    padding-top: 0;
    margin: -88px 0 0;
}
.JimsStory iframe {
	width: 100%;
	height: 536px;
	display: block;
}

.jst{
	display: flex;
	justify-content: space-between;
	padding: 20px 0 0;
}
.jst .Divider{
	margin: 0;
}
.jst h5 {
	font-size: 28px;
	color: #000000;
	padding-bottom: 10px;
	text-transform: uppercase;
	
}



.AllPost{
	background: #FBF4EE;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.post-listing{
	display: flex;
	gap:30px;
	flex-wrap: wrap;
}

.PostBox_Vlog {
	box-shadow: 0px 0px 34px 0px #00000026;
	background: #FFF;
	width: 100%;
	max-width: 370px;
}
.vlog-post-content{
	padding: 20px;
}
.Vlog-post-thumb{
	display: block;
	overflow: hidden;
	height: 250px;
}
.Vlog-post-thumb img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	  transition: all 0.4s;

}

.PostBox_Vlog:hover .Vlog-post-thumb img{
	transform: scale(1.1);
}

.vlog-post-content h2.post-title a{
	font-size: 22px;
	line-height: 26px;
	color: #000000;
	text-transform: uppercase;
	  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.PostInfo{
	font-size: 18px;
	color: #ED1F24;
	margin:8px  0 0
}

.PostBox_Vlog .Divider{
	margin: 10px 0 0;
	width: 40px;
}

.PostBox_Vlog .post-excerpt{
	font-weight: 300;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 6; /* number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 15px 0 0
}

.BlackBtn.ReadMore{
	margin-top: 20px;
	max-width: 166px;
	height: 44px;
}

.Vlog-pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
	align-items: center;
	gap:10px;
}

.Vlog-pagination li a{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFF;
	color: #000;
	font-size: 18px;
}
.Vlog-pagination li span.current,
.Vlog-pagination li a:hover{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ED1F24;
	color: #FFF;
	font-size: 18px;
}


.VlogDetail .container{
	max-width: 1000px;
}

.VlogDetail h1 {
	text-align: center;
	color: #000000;
	font-size: 50px;
	line-height: 64px;
	letter-spacing: 4px;
	font-weight: 700;
	text-transform: uppercase;
}

.VlogDetail h1 br {
	display: none;
}

.PostInfo.DetailPage{
	display: flex;;
	justify-content: center;
	align-items:center;
	text-transform: uppercase;
	font-size: 22px;
	color: #000000;
	margin:15px 0 18px;
	gap:20px;
}

.PostInfo.DetailPage span.Sepr{
	color: #ccc;
}

.FeaturedDetail{
	width: 100%;
	display: block;
	height: auto;
	margin: 50px 0 0
}


.Vlog-detail-content h2 {
	font-size: 34px;
	font-weight: 700;
	color: #000000;
	text-transform: uppercase;
	margin:30px 0 0px;
}
.Vlog-detail-content h2:after {
		height: 3px;
		background: #ED1F24;
		width: 100px;
		content: "";
		display: block;
	margin:10px 0 0
	}

.Vlog-detail-content p{
	font-size: 16px;
	color: #333333;
	line-height: 23px;
	padding: 25px 0 0;
}
.Vlog-detail-content p a{
	color: #333333;
	text-decoration: underline;
}
.Vlog-detail-content p a:hover {
	color: #ED1F24;
}

.gallery img{
	width: 100%;
	height: 170px;
	object-fit: cover;
	margin: 0;
	padding: 0;
	display: block;
	border: 0!important;
	
}
.gallery.gallery-columns-4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gallery.gallery-columns-4 .gallery-item{
	width: 100%;
	max-width: 230px;
}

.gallery.gallery-columns-4 br {
	display: none;
}

img.aligncenter {
	width: 100%;
	display: block;
	margin: 25px 0 0;
} 
.Vlog-detail-content h2,
.Vlog-detail-content h4 {
	font-size: 34px;
	font-weight: 700;
	color: #000000;
	text-transform: uppercase;
	margin:100px 0 0px;
}
.Vlog-detail-content h2:after,
.Vlog-detail-content h4:after {
		height: 3px;
		background: #ED1F24;
		width: 100px;
		content: "";
		display: block;
	margin:15px 0 0
}

.Vlog-detail-content iframe {
	display: block;
	width: 100%;
	min-height: 860px;
	margin: 30px 0 0;
}
.PostVideo iframe {
    flex: 1;
}
.PostVideo{
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	margin-top: 30px;
}
.PostVideo br{
	display: none!important;
}
/*
.PostVideo iframe.sproutvideo-player {
    width: 100%;
    max-width: 313px;
    height: 550px;
}
*/
iframe#instagram-embed-0 {
    margin: 30px 0 0!important;
    max-width: 100%!important;
}


.InnerBannerWrap.ContactUSBan{
	align-items: flex-start;
	padding-top: 20px;
}


.ContactUs.Cnp{
	width: 100%;
	max-width: 1170px;
	margin: -380px auto 100px;;
	background: #F4FBFF!important;
	position: relative;
	z-index: 1;
	
}


/*********************************/
/* MIDDLE CSS END HERE
/*********************************/

.share-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.share-title {
    letter-spacing: 1px;
    font-family: Josefin Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
}

.share-btn {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
}

.share-btn .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.share-btn .text {
    padding: 0 20px;
    height: 30px;
    display: flex;
    align-items: center;
    font-family: Josefin Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

/* Colors */
.facebook .icon { background: #3b5998; }
.facebook .text { background: #4c66a4; }

.reddit .icon { background: #ff4500; }
.reddit .text { background: #ff5c1f; }

.linkedin .icon { background: #0077b5; }
.linkedin .text { background: #1c88c7; }

.twitter .icon { background: #000; }
.twitter .text { background: #111; }

/* Hover Effect */
.share-btn:hover {
    opacity: 0.9;
    color: #fff;
}
.Vlog-detail-content {
    margin-bottom: 30px;
}



/* ===============================
   MAIN WRAPPER
================================ */
.video-wrapper {
    max-width: 1170px;
    margin: 100px auto;
}

/* ===============================
   TOP SLIDER (FADE)
================================ */
.top-slider_1,
.top-slider{
  position:relative;
  width:100%;
  height:500px;
  background:#000;
  border-radius:0px;
  overflow:hidden;
}

/* Each Slide */
.top-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;

  opacity:0;
  pointer-events:none;

  transition:opacity 0.8s ease-in-out;
}

/* Active Slide */
.top-slide.active{
  opacity:1;
  pointer-events:auto;
}

/* Thumbnail Image */
.custom-thumb,
.video-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Video */
.custom-video,
.video-player{
  width:100%;
  height:100%;
  display:none;
  background:#000;
}

/* Play Button */
.custom-play-btn,
.play-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);

  width:70px;
  height:70px;
  border-radius:50%;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
  font-size:28px;
}

/* Arrows */
.video-wrapper .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: #FFFFFF4D;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 0px 24px 0px #000000A6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.video-wrapper .arrow.left{ left:25px; }
.video-wrapper .arrow.right{ right:25px; }
.bottom-arrow:hover,
.video-wrapper .arrow:hover {
	background: #ed1f24;
}
/* ===============================
   BOTTOM SLIDER
================================ */

.bottom-slider{
  position:relative;
  margin-top:30px;
  overflow:hidden;
}

/* Track */
.bottom-slides {
    display: flex;
    gap: 30px;
    transition: 0.5s ease;
}

/* Thumb Item */
.bottom-slide {
    position: relative;
    cursor: pointer;
    min-width: calc(100% / 4 - 22.5px);
}
/* Thumb Image */
.bottom-slide img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:0px;
}

/* Hover Play */
.bottom-slide .play-btn{
  width:40px;
  height:40px;
  font-size:18px;
  opacity:0;
  transition:0.3s;
}

.bottom-slide:hover .play-btn{
  opacity:1;
}

/* Bottom Arrows */
.bottom-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:35px;
    height:35px;
    background: #FFFFFF4D;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 32px;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 0px 24px 0px #000000A6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.bottom-arrow.left{ left:10px; }
.bottom-arrow.right{ right:10px; }
.top-slide_1 {
    position: relative;
}
/* ===============================
   ACTIVE THUMB
================================ */

/*.bottom-slide.active{
  border:2px solid #ff3d00;
  border-radius:6px;
}*/

.bottom-slide.active::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,61,0,0.15);
  border-radius:0px;
  pointer-events:none;
}



.case-single-wrapper .container {
    max-width: 1000px;
}
.single_page_top {
    padding: 70px 0;
    text-align: center;
}
.single_page_top .top_main_title {
    font-family: Josefin Sans;
    font-weight: 700;
    font-size: 50px;
    line-height: 64px;
    text-align: center;
    text-transform: uppercase;
}
.single_page_top  .post-meta {
    font-family: Josefin Sans;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    gap: 40px;
    align-items: center;
    color: #000;
    margin-top: 10px;
}
.single_page_top .post-meta > span {
    position: relative;
}
.single_page_top .post-meta > span:not(:last-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background: #ADADAD;
    right: -20px;
    top: 0px;
}
.case-single-wrapper .case-single-image .wp-post-image {
    width: 100%;
}
.bihind_the_seen h2,
.case-single-content h2,
.case-single-content h1 {
    font-family: Josefin Sans;
    font-weight: 700;
    font-size: 34px;
    line-height: 44px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 20px;
}
.bihind_the_seen .Divider,
.case-single-content .Divider {
    margin: 0 auto 30px 0px;
}
.case-single-content p {
    font-size: 16px;
    line-height: 23px;
    color: #333333;
}
.case-single-wrapper .video-wrapper {
    margin: 50px auto;
}
.bihind_the_seen {
    margin-top: 100px;
}

/* Case Study Carousel */

.case-study-carousel .case-card {
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 34px 0px #00000026;
}

/* Image */
.case-study-carousel .case-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all .5s;
    display: block;
}
.case-study-carousel .case-img {
  overflow: hidden;
}
.case-study-carousel .case-card:hover .case-img img{
  transform: scale(1.1);
}

/* Content */
.case-study-carousel .case-content {
    padding: 20px;
}

.case-study-carousel h3 {
    margin-bottom: 10px;
    font-family: Josefin Sans;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
}
.case-study-carousel h3 a{
	color: #000;
}
.case-study-carousel p {
    color: #333;
    font-family: Josefin Sans;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
    min-height: 75px;
}

/* Button */
.case-study-carousel .case-btn {
    display: inline-block;
    padding: 15px 28px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
    transition: 0.3s;
    font-family: Josefin Sans;
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

.case-study-carousel .case-btn:hover {
    background: #333;
}
.case-study-carousel .owl-item .item {
    padding-bottom: 40px;
}
/* Owl Arrows */
.case-study-carousel .owl-nav button {
    position: absolute;
    top: 40%;
    background: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.case-study-carousel .owl-prev {
    left: -20px;
}

.case-study-carousel .owl-next {
    right: -20px;
}
.sucsees_stories {
    background: #FBF4EE;
    padding: 100px 0;
}
.long_call_2_action {
    background: #000000;
    padding: 30px;
}
.long_call_2_action a {
    font-family: Josefin Sans;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.case-study-carousel {
    margin-top: 50px;
}
.story_slider_boxes .owl-nav button {
    background: #000 !important;
    box-shadow: 0px 0px 24px 0px #000000A6;
    width: 50px;
    height: 50px;
    color: #fff !important;
}
/*********************************/
/* FOOTER CSS START HERE
/*********************************/
#footer{
	width: 100%;
	background: #000;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

}
.CopyRight {
	background: #2A2A2A;
	padding: 12px 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.CopyRight p{
	padding: 0;
	margin: 0;
}

.FooterWrap{
	width: 100%;
	display: flex;
	gap:30px;
	padding:80px 0;
}
.footer-box h6{
	font-size: 20px;
	color: #FFF;
	text-transform: uppercase;
}
.footer-box h6:after{
	width: 32px;
	height: 2px;
	background: #ED1F24;
	content: "";
	display: block;
	margin: 16px 0 0
}
.footer-box p{
	font-size: 16px;
	color: #8C8C8C;
	line-height: 21px;
	font-weight: 300;
	margin-top: 30px;
	transition: all 0.3s;
}
.footer-box:hover p{
	color: #FFF;
}

/*********************************/
/* FOOTER CSS END HERE
/*********************************/


/*********************************/
/* RESPONSIVE CSS START HERE
/*********************************/

.MobileView{
	display: none;
}
.EngineeringContent .EngBox h2 {
    max-width: 400px;
    margin: 0 auto;
}

.video-slide {
    height: 100%;
}





.RedBtnCase {
    padding:7px 0 0;
    cursor: pointer;
    display: inline-flex;
    background: linear-gradient(90deg, #ED1F24 50%, #000 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: background-position 0.4s ease!important;
    position: relative;
    width: 100%;
    max-width: 166px;
    height: 50px;
    line-height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.RedBtnCase:hover {
  background-position: 0 0;
	border-color: #ED1F24;
	color: #FFF;
}
.FormWrap .FormGroup:last-child {
    width: 100%;
    max-width: 100%;
}



@media (min-width:2250px) {
	.qwrap img {
	    position: absolute;
	    left: -15px;
	    top: -30px;
	}
}
@media (max-width:1600px) {
	.StoryContent {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
}
@media (max-width:1200px) {
	.container {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.Logo{
		width: auto;
	}
	.main-navigation ul {
		gap:30px;
	}
	.EngBox,
	.Infrastructure,
	.BBf_content,
	.BBf_Image{
    max-width: 50%;
}
}

@media (max-width:1170px){
	.YourStory {
    width: 100%;
    max-width: 100%;
	margin: 0 0 30px;
}
	
	
	.StoryContent {
    width: 100%;
    max-width: 100%;
    float: right;
    margin: 0!important;
    padding: 50px 20px 20px 20px;
		text-align: center;
}
	
.VideoBox {
    max-width: 32%;
} 
.video-wrapper {
    padding: 0 15px;
}
}


@media (max-width:1120px) {
	.MobileView{
	display: block;
}
	.headTop {
    display: none;
}
	.MobileView {
    display: flex;
    align-items: center;
    justify-content: space-between;
		
}
	
	.MobileView.Yhn{
		flex-direction: column;
	}
	.MobileView .headTop {
    display: block;
}
	nav#site-navigation {
    position: fixed;
    left: -100%;
    top: 0;
    width: 280px;
    height: 100%;
    background: #000;
    z-index: 99;
	padding: 10px;
		transition: all 0.3s;
}
	
	nav#site-navigation.active{
		left: 0;
	}
	
	.main-navigation ul  {
		flex-direction: column;
		gap:0;
		margin: 30px 0;
		align-items: flex-start;
	} 
	.main-navigation ul li a:before {
    display: none!important;
}
	.main-navigation ul li {
		width: 100%;
	}
	.main-navigation ul li a {
		padding: 18px 10px;
		width: 100%;
		display: block;
		border-bottom: 1px solid #413e3e;
		
	}
	
	.main-navigation ul li.current_page_item a, .main-navigation ul li a:hover {
   background: #ED1F24;
		color: #FFF;
}
.main-navigation .wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 3%;
    align-items: baseline;
    width: 100%;
    flex-direction: column;
}
	.ContactInfp {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
}
	.ContactInfp span {
    width: 5px;
    height: 17px;
}
	.ContactInfp span {
		display: none;
	}
	.MobileView .headTop {
    display: block;
    background: none;
}
	.SicoalIcon {
    display: flex;
    gap: 10px;
    margin: 30px 0 0;
}
	.ButtonTop {
    display: flex;
    gap: 18px;
}
	.ButtonTop.yyy {
		width: 100%;
	}
	body {
    overflow: hidden;
    overflow-y: scroll;
}
	
/*
	img.OpenMenu.Hide {
    opacity: 0;
}
*/
	
.Opn:after {
    background: #070707c9;
    content: "";
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
	.ButtonTop a {
		width: 100%;
		margin-top: 15px;
	}
	.ButtonTop.Hhu a{
		display: none;
	}
	.ContactUs.Cnp {
    width: 100%;
    max-width: 1170px;
    margin: 0;
    background: #F4FBFF!important;
    position: relative;
    z-index: 1;
}

}


@media (max-width:1760px){
	.ContactUs.Cnp {
    margin: -220px auto 100px;
}
}

@media (max-width:1300px){
	.ContactUs.Cnp {
    margin: 0;
}
	.ContactUs.Cnp {
		max-width: 100%;
	}
}

@media (max-width:1080px){
	.BanBox {
    width: 100%;
    max-width: 100%;
    padding: 20px;
}
}
@media (max-width:880px){
	.BanBox  {
		text-align: center;
	}
.BanBox h1 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 44px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 7px;
    width: 100%;
    max-width: 966px;
    margin: 0 auto;
}
	.YourQoute {
    bottom: 10px;
    padding: 0 10px;
}
	.qwrap {
    padding: 18px 30px 20px;
    font-size: 16px;
    line-height: 23px;
}
	.qwrap img {
    position: absolute;
    left: 13px;
    top: -15px;
    width: 50px;
}
	.StoryContent h4 {
    font-size: 24px;
    line-height: 40px;
}
	.post-listing {
		gap:2%
}
	.PostBox_Vlog {
    max-width: 32%;
}
}

@media (max-width:768px){ 
	.EngBox, .Infrastructure, .BBf_content, .BBf_Image {
    max-width: 100%;
}
	.TellStory {
    margin-top: 50px;
}
	.BBf_Image {
		margin-top: 30px;
	}
	.StroyListing {
    padding: 60px 0 0;
}
	.StorytellingContent h2 {
    font-size: 30px;
    line-height: 40px;
}
	
	.VideoStory {
    width: 100%;
    padding: 50px 0 20px;
}
	.VideoBox {
    max-width: 100%;
		margin-bottom: 30px;
} 
	.VideoBox iframe {
    width: 100%;
    height: 396px;
    display: block;
}
	.FooterWrap {
    padding: 50px 0;
    flex-direction: column;
}
	.footer-box p {
		margin-top: 10px;
	}
	.Ets img {
    height: 100%;
}
	.Ets_wrap {
		max-width: 100%;
	}
	.StoryContent {
    width: 100%;
    max-width: 100%;
}
	.Space {
		padding: 50px 0;
	}
	.FormGroup.captchacf7 {
		max-width: 100%;
	}
	.Ab_Faq{
		padding: 50px 0;
	}
	.Ab_Faq h4 {
    font-size: 26px;
    line-height: 38px;
}
	.BBf {
		padding-top: 50px;
	}
	.BBf.SoundUnited{
		padding-bottom: 50px;
	}
	.BBf.SoundUnited iframe {
		height: 400px;
	}
	.SoundQoutes p {
    font-size: 26px;
    line-height: 33px;
    padding: 0 0;
}
	
	.BBf.SoundUnited.WhiteBg .BBf_content{
		margin-top: 30px;
	}
		.MattersWrap {
    padding: 40px 20px;
}
	.SclaeContent.BagekNook .scaleBox {
		max-width: 100%;
		padding: 20px;
	}
	.scaleBox h2 {
		min-height: inherit;
		font-size: 26px;
		line-height: 40px;
	}
	.scaleBox h3 {
    font-size: 28px;
    min-height: inherit;
    margin-top: 0;
}
	.VideoGallery iframe {
		height: 250px;
	}
	
	.BanCon {
    width: 100%;
    max-width: 100%;
    min-height: 275px;
    background-size: contain;
}
	.InnerBanner img {
    width: 100%;
    height: 260px;
    display: block;
    object-fit: cover;
}
	.BanCon h1 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 4px;
}
	.scaleBox {
		max-width: 100%;
	}
	
	.BoxListing {
    gap: 0;
    margin: 30px 0 0;
    row-gap: 12px;
		justify-content: space-between;
}
	.Blt {
    max-width: 48%;
}
	.swiper-button-next, .swiper-button-prev {
		margin: 0!important
	}
	
	.BBf.SoundUnited.WhiteBg.immortalize h3 {
    font-size: 28px;
    line-height: 36px;

}
	.VsBox {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
	.Vs_Wrap {
		gap:20px;
	}
	.JimsStory {
		margin: 0;
	}
	.JimsStory iframe {
		height: 380px;
	}
	.PostBox_Vlog {

    max-width: 48%;
}
	.VlogDetail h1 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 4px;
}
	.PostInfo.DetailPage {
    font-size: 14px;
    gap: 10px;
}
	.Vlog-detail-content iframe {
    min-height: 410px;
}
/*.bottom-slide img {
    height: 120px;
}*/
.bottom-slide {
    min-width: calc(100% / 2 - 22.5px);
}
.top-slider_1, .top-slider {
    height: 320px;
}
.bottom-slides {
    gap: 15px;
}
.bottom-slider {
    margin-top: 15px;
}
.SclaeContent ,
.video-wrapper {
    margin: 50px auto;
}
.long_call_2_action a {
    font-size: 20px;
    gap: 15px;
}
.case-single-wrapper .video-wrapper {
    margin: 50px auto;
    padding: 0;
}
.single_page_top .top_main_title {
    font-size: 32px;
}
.single_page_top  .post-meta {
    font-size: 16px;
    gap: 10px 40px;
    flex-wrap: wrap;
}
.share-wrapper {
    gap: 10px;
}
.single_page_top {
    padding: 50px 0;
}
}

@media (max-width:640px){
.BanBox h1 {
    font-size: 24px;
    line-height: 30px;

}
	.BtnGroup {
    margin: 34px 0 0 0;
    gap: 11px;
    flex-direction: column;
}
	.BtnGroup .WhiteBtn {
		max-width: 100%;
	}
	.MainBanner:after {
    height: 71px;
    bottom: -25px;
    content: "";
    background-size: 100% 100%;
}
	.MainBanner video {
    height: 510px;
}
	.StorytellingContent h2 {
    font-size: 24px;
    line-height: 36px;
}
	.StorytellingContent p {
    padding: 24px 0px 20px;
}
	.EngBox {
    padding:15px;
}
	.EngBox h2 {
    font-size: 22px;
}
	.EngBox h3 {
    font-size: 25px;
}
	.Lts {
		margin-top: 40px;
	}
	.BBf {
    padding: 50px 0 0;
}
	.BBf_wrap {
    padding: 50px 0 0;
}
	.BBf_content h5 {
    font-size: 26px;
    line-height: 38px;
    margin-top: 10px;
}
	.VideoBox iframe {

    height: 176px;
}
	.VideoBox p {
		font-size:20px;
	}
	
	.CopyRight {
    padding: 12px 10px;
    font-size: 12px;
    letter-spacing: 2px;
}
		.FormGroup:last-child {
    max-width: 100%;
}
	.FormGroup input[type=submit] {
    max-width: 100%;
}
	.BBf.SoundUnited iframe {
    height: 170px;
}
	.BlackBtn {
		max-width: 100%;
	}

	.MattersWrap h3 {
    font-size: 26px;
    margin: 0 0 10px;
}
	.VideoGallery {
    flex-direction: column;
}
	.VideoCol {
    width: 100%;
    margin: 0 0 9px;
}
	.VideoGallery iframe {
    display: block;
    height: 263px;
    object-fit: cover;
    width: 100%;
}
	.Creative_Subtext {
    display: none;
}
	.OptionBox h2 {
    font-size: 24px;
    line-height: 34px;
}
	
	.VsBox iframe,
	.JimsStory iframe {
		height: 280px;
	}
.jst {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0;
    flex-direction: column;
    gap: 20px;
}
	.post-listing {
		gap:30px
	}
	.PostBox_Vlog {

    max-width: 100%;
}
	.PostInfo.DetailPage {
    font-size: 14px;
    gap: 5px;
    flex-direction: column;
}
	.PostInfo.DetailPage span.Sepr {
    color: #ccc;
    /* display: none; */
    border-bottom: 1px solid #ccc;
    font-size: 0;
    padding: 4px 10px;
}
.Vlog-detail-content h2,
	.Vlog-detail-content h4 {
    font-size: 25px;
    margin: 50px 0 0px;
}
	
	.PostVideo iframe {
		        min-height: 570px!important;
	}
	.FormGroup input[type=text], .FormGroup input[type=email], .FormGroup input[type=tel] {
    padding: 0 10px 0 34px;
}
.FormGroup textarea {
    padding: 19px 10px 0 34px;
}
.FormGroup input.EmailAddress,
.FormGroup input.PhoneNumber,
.FormGroup input.FirstName {
    background-position: 8px;
}
.FormGroup textarea{
	background-position: 8px 17px;
}
}

@media (max-width:480px){
	.BoxListing {
		flex-direction: column;
	}	
	.Blt {
    max-width: 100%;
}
		.VsBox iframe,
	.JimsStory iframe {
		height: 210px;
	}
	.Vlog-detail-content iframe {
    min-height: 180px;
}
    .bottom-slide img {
        height: 120px;
    }
}