.servicea {flex-direction: column;}
.servicea > div {
 max-width: 106rem;
 margin: 1rem auto;
 }
.servicea > div > div > div {
    display: table-cell;
	vertical-align:middle;
    height: 100%;
 }
.servicea > div > div:first-child {
    width: 40%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4rem;
 }
.servicea > div > div:last-child {
    width: 60%;
    vertical-align: middle;
	text-align:left;
 }
.servicea > div:nth-child(odd) > div:first-child {float:right;}
.servicea > div:nth-child(odd) > div:last-child {float:left; padding: 0 5rem 0 0;}
.servicea > div:nth-child(even) > div:first-child {float:left;}
.servicea > div:nth-child(even) > div:last-child {float:right; padding: 0 0 0 5rem;}


.servicea h2 {margin-top:0;}
.servicea p {text-align:left; padding:0 0 1rem 0;}
.servicea a {color:white;}

.sssc {padding-top:0;}
.sssc h3 {font-size:1.6rem; color:#000;}
.sssc > .list {
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding-left:1rem;
	box-sizing: border-box;
	justify-content: center;
	margin:0 auto;
	}
.list > div {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 30rem;
	color:#fff;
	background:#D9D9D9;
    padding: 5rem 2rem 4rem 2rem!important;
    margin: 1rem;
    border-radius: 2rem;
	}
.list > div h2 {font-size:1.6rem;}
.list h2, .list p {text-align:center;}
.list p {padding:0 0 1rem 0;}
.list img {height:6.5rem;}
.list a {color:#000;}
.list > div:hover a, .list > div:hover a:visited {color:#fff;}

.list > div:hover {
 color:#fff;
 background:#A1102B;
 }
.list > div:hover img {filter: invert(1);}
.list > div:hover h2, .list > div:hover h3, .list > div:hover p {color:#fff;}

.sssContact {
	width: 100%;
    max-width: none !important;
    background-image: url(/images/contactus1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 80rem;
    text-align: center;
    overflow: auto;
 }
.sssContact > div {
	display:flex;
	flex-wrap: wrap;
	max-width:120rem;
	overflow:auto;
	vertical-align:middle;
	align-items: center;
	align-content: center;
	align-self:center;
	margin:0 auto;
	}
.sssContact > div > div {
	display:inline-block!important;
	width:48%!important;
	height:100%;
	}
.sssContact > div > div:first-child {padding:0 3rem!important;}
.sssContact > div > div:last-child {padding-left:5rem!important;}
.sssContact h2, .sssContact p {text-align:left;}
.sssContact p {padding:1rem 0 2rem 0;;}


.sssBkg {
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover;
	height:70rem;
	}
.sssBkg > div {
	max-width:68rem;
	margin-left:10%;
	text-align:left;
	}
.sssBkg h1, .sssBkg p {text-align:left;}

.sssBenefit {display:block; overflow:auto;}
.sssBenefit > div {max-width:76rem;}
.sssBenefit p {
	max-width: 809px;
	padding-bottom:2rem;
	}

.sssa {
	display:block;
	padding:0;
	margin: 0;
	overflow:auto;
	}
.sssa > div {height:45rem;}
.sssa > div > div:first-child {
	width:50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	height:45rem;
	}
.sssa > div > div:last-child {
	width:80%;
	height:45rem;
	position:absolute;
	z-index:1;
	}
.sssa > div > div:last-child > div{
	width:100%;
	height:45rem;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	}

.sssa h2, .sssa h3 {font-size:2rem; font-weight:700; text-align:left; text-transform:uppercase;}
.sssa p, .sssa p.p2 {text-align:left; padding:0 1rem 2rem 0;}
.sssa p.p2 {font-weight:700; padding-bottom:4rem; text-transform: uppercase;}
.sssa > div:nth-child(even) h3, .sssa > div:nth-child(even) p {color:#000;}

.sssa > div:nth-child(odd) > div:first-child {
	float:right;
	}
.sssa > div:nth-child(odd) > div:last-child {
	float:left;
	padding:0 30% 0 10%;
	background:linear-gradient(to right, #A1102B, #A1102B 75%, rgba(255,255,255,0));
	}
.sssa > div:nth-child(even) > div:first-child {
	float:left;
	}
.sssa > div:nth-child(even) > div:last-child {
	float:right;
	right:0;
	padding:0 10% 0 30%;
	background:linear-gradient(to left, #D9D9D9, #D9D9D9 75%, rgba(255,255,255,0));
	}

.sssb {padding-bottom:0;}
.sssb > div {max-width:120rem;}
.sssb > div td {padding:2%; vertical-align:middle;}
.sssb h2, .sssb p {text-align:left;}

 
.crds {
	display: grid;
	max-width: 1024px;
	margin: 0 auto;
	column-gap: 1rem;
	grid-row-gap: 1rem;
	padding:1rem;
	}

.crds > div {
	color:#000;
	background:#D9D9D9;
	padding:3rem;
	}

.crds > div > div {
	display: grid;
	grid-template-columns: 1fr 4fr;
	column-gap: 3rem;
	grid-row-gap: 2rem;
	padding:0;
	margin: 0;
	}
.crds > div > div div {
	text-align:left;
	}

.crds img {width:5rem; margin-top:1rem;}
.crds h3 {font-size:1.6rem; font-weight:700; margin:0 0 1rem 0;}
.crds p {font-size:1.6rem; text-align:left; padding:0;}


.crds > div:hover {
	background:#A1102B;
	}

#slide3 {
	line-height:0;
	margin:0 auto 0 auto;
	}
#slide3 > div {
	position: absolute;
	top:0;
	bottom: 0;
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	overflow: hidden;
	height: 100%;
	transition: .5s ease;
	line-height:1;
	width:80%;
}
#slide3 > div > div {
	padding:4rem; height:100%;
	}
#slide3 > div > div > table {width:100%; height:100%;}
#slide3 > div > div > table > tbody > tr > td {color:#fff; white-space:normal; font-size:2rem; line-height:1.17; text-align:left; vertical-align:top;}
#slide3 > div > div > table > tbody > tr:first-child > td:first-child {width:35rem; vertical-align:bottom; padding-right:8rem; padding-bottom:2rem;}
#slide3 > div > div > table > tbody > tr:last-child > td:last-child {vertical-align:bottom;}
/* #slide3 > div > div > table > tbody > tr > td:last-child {padding-right:5rem;} */

#slide3 td {
	font-size:2rem;
	padding:0.4rem 0;
	vertical-align:middle;
	}
#slide3 td:first-child {
	padding: 0.4rem 3rem 0.4rem 0;
	}
#slide3 td td {
	font-size:1.8rem;
	line-height:1.2;
	}

#slide3 > div h2 {
	font-size: 4rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    color: white;
	margin:0;
	}
#slide3 > div p {
	font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    color: white;
    margin: 0;
    padding: 0 0 2rem 0;
	}
#slide3 > div a.bttc, .brand3b a.bttc {
	width:100%;
	margin-top:1rem;
	text-align:center;
	}
#slide3 img {width:5rem; max-height:67.8rem;}

.brandslide td img {width:5rem;}

.slideshow {
 flex-direction: column; 
 background-color: #A1102B!important; 
 height:570px; 
 overflow:hidden;
}

.circle30 {
	padding: 8rem 0 0 0!important;
	/* margin-bottom:-4rem!important; */
	overflow:hidden;
	margin-bottom:0rem;
	}

.circle3 {
    width: 450px;
    height: 324px;
    background: transparent;
    position: relative;
    margin: 0 auto;
	box-sizing:border-box;
	vertical-align:bottom;
	padding:108px 9px 0 9px;
	display:block;
	margin-top:9px;
	overflow:hidden;
	margin-bottom:-54px;
	overflow:hidden;
	}

.circle3 > div {
	width:432px;
	height:216px;
    border-radius: 300px 300px 0 0;
    -moz-border-radius: 100px 100px 0 0;
    -webkit-border-radius: 500px 500px 0 0;
    background: transparent;
    border: 4px solid #FFFFFF;
    border-bottom: none;
    position: relative;
    margin: 0 auto;
	box-sizing:border-box;
	display:flex;
}


.circle3 > div > div {
	width: 138px;
	height: 138px;
	display: flex;
	justify-content: center;
	align-items: center;
	border:4px solid #fff;
	border-radius: 50%;
	background-color: white; 
	margin-bottom: 0px; /* Add some space between ellipse and paragraph */
	margin-right: 10px;
	box-sizing:border-box;
}

.circle3 div div:nth-child(2) {
	margin: -59px 10px 0 0; 
}

.circle3 div div:nth-child(3) {
	margin-bottom: 20px; /* Add some space between ellipse and paragraph */
	margin-right: 0;
}

.circle3 div div img {
	width: 8.4rem;
	}


.circle3 > div > div:hover {
	background:#A1102B;
	cursor:pointer;
	}
.circle3 > div > div:hover img {
	filter: invert(100%);
}

.colored-word {color: #FD5959;}
.colored-word a {color: #FD5959;}

.horizontal-line {
  width: 30rem;
  height: 3px;
  background-color: #a1102b;
  margin: 6rem auto;
  margin-bottom: 0px;
}

.brand3b h3, #slide3 h3 {
	font-size:4rem;
	color:#fff;
	margin-top:0;
	}
#slide3 h3 {margin:0;}

#soundbkg {
	padding:18rem 0 5rem 0;
	background-image: url(/images/sound-background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%; max-width:none;
	}
#sound-background {
	background: url('/images/sound-background.png'); 
	top: 0; 
	left: 0; 
	height: 661px; 
	width: 100%; 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;	
}

.hz {
    background-color: white;
    margin: 3rem auto;
    width: 30rem;
    height: 3px;
}

/* SOUND INFO START */
.soundInfoDiv {
	background-color: black; 
	height: 100%;
}
/* SOUND INFO END */

.list > div {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 30rem;
    padding: 5rem 2rem 4rem 2rem!important;
	margin:1rem;
	border:1px solid #fff;
	border-radius:2rem;
}
.list > div > div {margin-bottom:2rem;}

#expr, #expr0 {
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	box-sizing: border-box;
	justify-content: center;
	}

#expr > div {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 30rem;
    padding: 5rem 2rem 4rem 2rem!important;
	margin:1rem;
	border:1px solid #fff;
	border-radius:2rem;
}
#expr > div > div {margin-bottom:2rem;}
#expr > div img {width: 5.6rem!important;}
#expr > div:hover {background:#A1102B; color:#fff;}

#expr0 .siellipse {
    padding: 3rem 2rem!important;
    text-align: center;
    width: 21.4rem;
    box-sizing: border-box;
    display: block;
}
expr .sieclipse div {
	width:11.7rem!important;
	height:auto!important;
    background: #A1102B;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
	margin:0 2rem 2rem 2rem;
	text-align:center;
}

#expr0 .siellipse img {
    width: 5.6rem!important;
	}

.siellipse p {
    color: white;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 500;
    letter-spacing: 0em;
	text-align: center;

    justify-content: center;
    align-items: center;
	text-align:center;
	margin:0 0 2rem 0;
}
#expr0 .siellipse p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.17;
    padding: 0 0 1em 0;
    margin: 1rem 0 0 0;
    text-align: center;
    display: block;
}
#expr0 .siellipse div {
    width: 11.7rem!important;
    height: 11.7rem!important;
    background: #A1102B;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin:0 auto!important;
	}

.container {
	position: relative;
	white-space:nowrap;
	overflow:hidden;
	  /*width: 50%*/
  }

.container section {
	display:inline-block;
	}
.container img {
	/* width:100%; */
	}

#center-card {
	display:flex;
	align-items: start;
	justify-content: center;
	}
#cards {
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding-left:1rem;
	box-sizing: border-box;
	}
#cards > div {
	display:inline-block;
	background:#000;
	width:21.4rem;
	margin:0.5rem;
	white-space:nowrap;
	padding:2rem 1rem;
	}
#cards > div:hover {
	background:#A1102B;
	}
#cards > div:hover div {
	filter: invert(100%);
	}
	
#cards b {
	color:#000;
	display:block;
	font-size:1.6rem;
	text-align:left;
	margin-bottom:1rem;
	}
#cards span {
	color:#000;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.17;
    padding: 0 0 1em 0;
    margin: 0;
    text-align: left;
    display: block;
	}

#cards div div:nth-child(2) {
	width:80%;
	}

.new h2.soundRevH {
    color: #A1102B;
    padding: 0 0 0.4em 0;
    text-align: center;
	}
.txtCenter {text-align:center!important;}

.sound-revenue {
	background:#fff;
	max-width:none!important;
	padding:0;
}
.sound-revenue > div {
	max-width:905px!important;
	margin:0 auto;
}
.sound-revenue p {color:#000!important;}

#background3 {
	background-color: black;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.image {
	display: block;
	width: 100%;
	height: auto;
  }
  
.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
}

  .container:hover .overlay {
	width: 80%;
  }

  .text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
  }
  
  .bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	color: white;
	margin-right: 20%;
	margin-bottom: 10px;
	/*margin: 10px;*/
  }
  
  .top-right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	color: white;
	margin: 20px;
  }
  
  .bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	color: white;
	margin: 20px;
	padding: 20px;
  }
  
  #heading-hover {
	font-family: DM Sans;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin-left: 12%;
  }
  
  #info-hover {
	font-family: DM Sans;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin: 20px;
	padding: 20px 10px;
  }
  
  #img1-hover {
	display: inline-block;
  }
  
  #img2-hover {
	display: inline-block;
  }
  
  #img3-hover {
	display: inline-block;
  }
  
  #info-hover1 {
	font-family: DM Sans;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin: 20px;
	padding: 20px 10px;
  }
  
  #info-hover2 {
	font-family: DM Sans;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin: 20px;
	padding: 20px 10px;
  }
  
  #info-hover3 {
	font-family: DM Sans;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	margin: 15px;
	padding: 20px 10px;
  }
  
  .center2 {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
  }
  
  #background3 {
	display: none;
  }

/* SOUND SLIDESHOW - start */

.sound-slideshow-background {
	background-color: #A1102B; 
	width: 100%; 
	height: 100%;
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover;
	margin:0;
	padding: 8rem 0 0 0;
	max-width:none!important;
	display:block;
}

.sound-slideshow-background > div {
	max-width:905px!important;
	margin:0 auto;
	}
.sound-slideshow-background h2 {
	color:#fff;
}
.sound-slideshow-background p {
	text-align:center;
}

#centerWhoAreWe, #center {
    align-items: top;
	}

  #slidebrand, #slidebrand > div {color:#000; background:#fff; }
  #slidebrand {padding:1rem;}
  #slidebrand > div h2 {color:#000; margin: 7rem 0 1rem 0; padding-bottom: 0;}
  #slidebrand > div p {color:#000;}

/* SOUND SLIDESHOW - end */

#sound-card-info2,
#sound-card-info {
	text-align: left; 
	margin-top: 8%;  		/* MAIN */
	margin-left: 5%;
}

#sound-card-info-opp {
	text-align: right; 
	align-items: right; 
	margin-left: auto; 
	margin-top: 8%; 
	margin-right: 5%;
}

#card-div {
	text-align: right; 
	align-items: right; 
	margin-left: auto; 
	margin-top: 6%; 
	margin-right: 5%
}

.btnRevenue {
	margin-bottom: 30px; margin-top: 10px; float: left
}

#card-div2 {
	text-align: right; 
	align-items: right; 
	margin-left: auto; 
	margin-top: 6%; 
	margin-right: 5%;
}

/*.half-circle {
     height: 400px;
     width: 1000px;
     border-radius: 1000px 1000px 0 0;
     -moz-border-radius: 1000px 1000px 0 0;
     -webkit-border-radius: 1000px 1000px 0 0;
     background: #103252;
}*/
.half-circle {
    height: 480px;
    width: 960px;
    border-radius: 1000px 1000px 0 0;
    -moz-border-radius: 1000px 1000px 0 0;
    -webkit-border-radius: 1000px 1000px 0 0;
    background: transparent;
    border: 4px solid #FFFFFF;
    border-bottom: none; 
    position: relative;
    margin: 0 auto;
  }


  #ellipse-ear {
	width: 230px;
	height: 230px;
	background: #A1102B;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-bottom: 20px; /* Add some space between ellipse and paragraph */
	}

	#ellipse-eye {
	width: 230px;
	height: 230px;
	background: #A1102B;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-bottom: 20px; /* Add some space between ellipse and paragraph */
	}

	#ellipse-nose {
	width: 230px;
	height: 230px;
	background: #A1102B;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-bottom: 20px; /* Add some space between ellipse and paragraph */
	}

	#div-icons-wide {
		display: block;
	}

	#div-icons-2 {
		display: none;
	}

	#textLeft {
		margin-top: 20px;
	}

	#textRight {
		margin-top: 20px;
	}

	#textLeft div {
		width: 1065px;
		height: 330px;
		top: 3567px;
		left: 188px;
		border-radius: 58px;
		background: #A1102B; 
		display: flex
	}

.content2 {
	padding:2rem 0 6rem 0;
	}
.content2 > div {
	width:100%;
	max-width:100rem;
	padding:1rem;
	margin:0 auto;
	}
.content2 > div > h2, .content2 h3 {
	margin:4rem 0 0 1rem;
	text-align:left;
	}
#more1 h3 {
	margin:-4rem 0 0 4rem;
	}
.content2 > div > p {
	margin:1rem 0 0 0;
	text-align:left;
	}
.content2 > div > p > a {
	color:#F4C13A;
	}

.content2 {
	padding:2rem 0 6rem 0;
	}
.content2 > div {
	width:100%;
	max-width:100rem;
	padding:1rem;
	margin:0 auto;
	}
.content2 > div p {
	margin:1rem 0 0 0;
	text-align:left;
	}
.content2 p > a {
	color:#F4C13A;
	}

.content2 h2 {
    margin: 4rem 0 0 1rem;
	text-align:left!important;
	/* padding-left:1rem!important; */
	}

.content2 ul {list-style: none; padding:0 0 0 4rem;}
.content2 ul li:before {
	content: '✓';
	}
.content2 ul li {
	font-size:3rem;
	text-align:left;
	padding-top:2rem;
	}
.content2 ul li:first-child {
	padding:0;
	}

.content2 ul li h4 {
	font-size:2rem;
	margin:-3.5rem 0 1rem 4rem; 
	padding:0;
	}
.content2 ul li p {
	text-align:left;
	margin:0; padding:0 1rem 1rem 4rem;
	}

.more {
	margin-top:3rem;
	}
#more1 {
	display:none;
	transition: all 1s ease-out;
	}

@media (max-width: 1300px) {
#expr {max-width:650px;}
.list {max-width:650px;}
}

@media (max-width: 1221px) and (min-width: 300px) {
#background3 {display: block;}
}

@media (min-width: 1100px) {
section.blockWht .brand3b {display:none;}
section.blockWht .brandslide > table {width:100%; margin-left:auto; margin-right:auto;}
}

@media (max-width: 1100px) and (min-width: 300px) {
	  #card-div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		align-content: center;
		margin: 0px;
	}

	#sound-card-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		align-content: center;
		margin: 0px;
	}

	#sound-card-info-opp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		align-content: center;
		/* margin-left: auto; 
		margin-top: 8%; 
		margin-right: 5%; */
		margin: 0px;
	} 

	#img-soundcard {
		height: 80%;
		width: 80%;
	}

	#heading-card {
		text-align: center;
	}

	#info-card {
		text-align: center;
	}

	#img-div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		align-content: center;
		margin-top: 0%; 
		margin-left: 0%;
		margin-right: 0%
	}

	#img-div-opp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		align-content: center;
		margin-top: 0%; 
		margin-left: 0%;
		margin-right: 0%
	}

	.half-circle {
		width: 500px;
		height: 200px;
		border-radius: 500px 500px 0 0;
	  -moz-border-radius: 500px 500px 0 0;
	  -webkit-border-radius: 500px 500px 0 0;
	  }
  
	  #ellipse-ear {
		  width: 120px;
		  height: 120px;
	  }
  
	   #ellipse-eye {
		  width: 120px;
		  height: 120px;
	  }
  
	   #ellipse-nose {
		  width: 120px;
		  height: 120px;
	  }
  
	  #imgCircle {
		  width: 35%;
		  height: 35%;
	  }
  }
  
@media (max-width: 1100px) and (min-width: 900px) {

		#textLeft div {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 900px;
			height: 420px;
		}

	}

@media (max-width: 1100px) and (min-width: 300px) {
	.half-circle div:nth-child(1) {
		width: 120px;
		height: 120px;
	}

	.half-circle div:nth-child(2) {
		width: 120px;
		height: 120px;
	}

	.half-circle div:nth-child(3) {
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 1100px) {
    .backgroundSmallImg3 {display: flex!important;}
	#slide3 {display:none;}
	#slidebrand, #slidebrand > div {background:#fff; color:#000;}
	#slidebrand > div h2, #slidebrand > div p {color:#000; margin-top:3rem;}
	.btnIcons {margin-top: 66px; margin-bottom: 136px}

section.blockWht > .brand3b {
	display:grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 10rem;
	grid-row-gap: 2rem;
	width: 100%;
	height:61rem;
	max-width:none;
	padding:6rem 8rem;
	}
.brand3b > div {text-align:left;}
.brand3b div h2, .brand3b div p {color:white; text-align:left;}
.brandslide > table {height:100%;}
.brandslide td {font-size:2rem; color:white; text-align:left; vertical-align:top; padding:0; line-height:1.8;}
.brandslide td td {font-size:1.8rem; line-height:1.2; padding:0.6rem 0; vertical-align:middle;}
.brandslide > table > tbody > tr:last-child > td {vertical-align:bottom;}
.brandslide td > p {font-size:2rem; line-height:1.17; padding-bottom:2rem;}
.brandslide table table td:first-child {padding:1rem 4rem 0.6rem 0; vertical-align:top;}
}

@media (max-width: 940px) {
.slideshow {height:510px;}
.sssb > div td:nth-child(2) {display:none;}
}

@media (max-width: 905px) {
	.siellipse {
		padding: 3rem;
	}
}

@media (max-width: 900px) and (min-width: 800px) {
#textLeft div {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 750px;
	height: 420px;
	}
}

@media (max-width: 800px) and (min-width: 500px) {
		#textLeft div {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 450px;
			height: 420px;
		}
	.crds > div {padding: 3rem 2rem;}
	.crds > div > div {column-gap: 2rem;}
	}

@media (max-width: 745px) {
.slideshow {height:490px;}
.brand3b div h2 {font-size:3rem;}
section.blockWht > .brand3b {padding: 3rem 2rem;}
}

@media(max-width: 700px) {
/* 		#div-icons-2 {
			display: block;
		}
	
		#div-icons-wide {
			display: none;
		} */
	}

@media (max-width: 700px) {
#cards {padding-left:0;}
.brandslide, .brandslide p, .brandslide div {
	text-align:left;
	align-items:left;
	}
.siellipse {
	width: 49%!important;
	padding:3rem 12rem!important;
	}
#gcontact div {flex-direction: column;}
#gcontact input[type="text"] {width: 97%;}
}

@media (min-width: 640px) {
.crds > div:hover > div {
	filter: invert(100%);
	}
}

@media (max-width: 640px) {
.crds {
	max-width:480px;
	display: flex;
	flex-direction:column;
	padding:1rem;
	align-content: center;
	}

.crds > div {background:#000; border-radius:2rem; padding:5rem;}
.crds .even {grid-template-columns: 4fr 1fr;}
.crds .even div:first-child {order:2; text-align:right;}
.crds > div > div {align-items:center; 	column-gap: 4rem;}
.crds img {filter: invert(100%); width:auto; max-width:50px;}
.crds h4, .crds p {color:#fff;}

section.blockWht > .brand3b {
	column-gap: 3rem;
	}
}

@media (max-width: 620px) {
.slideshow {height:470px;}
.slideshow h2 {font-size:3rem!important;}
.sssa > div:nth-child(odd) > div:last-child {padding: 0 22% 0 5%;}
.sssa > div:nth-child(even) > div:last-child {padding: 0 5% 0 25%;}
}

@media (max-width: 600px) { 
.sssBkg > div {
	padding:0 3rem;
	margin:0;
	}

.sellipse {
	padding:1rem;
	}
}

@media (max-width: 570px) {
.siellipse {padding:3rem 9rem!important;}

.servicea > div > div > div {display:block; height:auto!important; padding:3rem 0;}
.servicea > div > div {
    display:block;
	width: 100%!important;
	}
.servicea > div > div:last-child {
	height:auto;
	padding:3rem 1rem 1rem 1rem;
	}

.servicea > div:nth-child(odd) > div:last-child {padding: 0 3rem;}
.servicea > div:nth-child(even) > div:last-child {padding: 0 3rem;}

.sssContact > div > div {width:49%!important;}
.sssContact > div > div:first-child {width:55%!important; padding: 0!important;}
.sssContact > div > div:last-child {width:44%!important; padding-left: 2rem!important;}
}

@media (max-width: 500px) and (min-width: 400px) {

		#textLeft div {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 390px;
			height: 420px;
		}
	}

@media (max-width: 500px) and (min-width: 200px) { 
	.half-circle {
      width: 300px;
      height: 150px;
      border-radius: 300px 300px 0 0;
    -moz-border-radius: 300px 300px 0 0;
    -webkit-border-radius: 300px 300px 0 0;
    }

    #ellipse-ear {
    	width: 80px;
    	height: 80px;
    }

     #ellipse-eye {
    	width: 80px;
    	height: 80px;
    }

     #ellipse-nose {
    	width: 80px;
    	height: 80px;
    }

    #imgCircle {
    	width: 28%;
    	height: 28%;
    }

    .half-circle div:nth-child(1) {
    	width: 80px;
    	height: 80px;
    }

    .half-circle div:nth-child(2) {
    	width: 80px;
    	height: 80px;
    }

	.half-circle div:nth-child(3) {
    	width: 80px;
    	height: 80px;
    }
}

@media (max-width: 470px) {
.siellipse {padding:3rem 7rem!important;}
.circle3 {
    width: 350px;
    height: 240px;
	padding-top:100px;
	margin-bottom:-35px;
	}
.circle3 > div {
    width: 300px;
    height: 140px;
	}
.circle3 > div div {
    width: 90px;
    height: 90px;
	}
.circle3 > div div img {width: 6rem;}

section.blockWht > .brand3b {
	display:flex;
	flex-direction: column;
	padding:1rem 2rem;
	justify-content: center;
	}
.brandslide > table {
	width:96%;
	margin:0 auto;
	}
.brandslide a.bttc {padding:1rem 0;}

.brand3b > div, .brand3b div h2, .brand3b div p {text-align:center;}

}

@media (max-width: 420px) {
	.siellipse {padding:3rem 5rem!important;}
}

@media (max-width: 400px) {
.slideshow {height:440px;}
}

@media (max-width: 390px) {
		#textLeft div {
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 310px;
			height: 420px;
		}
	}

@media(max-width: 340px) {
		.sellipse {
			padding: 10px;
		}
	}

.rect-video {
	margin:3rem auto;
	width: 100%;
	max-width: 65.8rem;
	background-color: #D9D9D9; /* Grey color */
	background-size: contain;
	position: relative; /* Required for absolute positioning inside */
	}


/** 
* Accordion slides
*/

.accordion * {
	transition: all .7s ease 0s;
}

/* Background colours */

.sound-accordion>article:nth-child(1) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sound-bgm-1.jpg);
}

.sound-accordion>article:nth-child(2) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sound-vo-1.jpg);
}

.sound-accordion>article:nth-child(3) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sound-jingles-1.jpg);
}

.scent-accordion>article:nth-child(1) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/scent-purification-1.jpg);
}

.scent-accordion>article:nth-child(2) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/scent-odor-1.jpg);
}

.scent-accordion>article:nth-child(3) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/scent-frangance-1.jpg);
}

.sight-accordion>article:nth-child(1) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sight-digital-signage.png);
}

.sight-accordion>article:nth-child(2) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sight-led-walls.png);
}

.sight-accordion>article:nth-child(3) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sight-video-walls.png);
}

.sight-accordion>article:nth-child(4) {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/sight-interactive-signage.png);
}

/* Main layout */

.accordion {
	height: 60rem;
}

.accordion {
	list-style: none;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	overflow: hidden;
}

/* Articles */

.accordion>article,
.accordion>article p {
	flex: initial;
	width: 34%;
	height: 100%;
	text-align: left;
	color: #fff;
	text-decoration: none;
	vertical-align: bottom;
	box-sizing: border-box;
	position: relative;
}

.sight-accordion>article,
.sight-accordion>article p {
	width: 25%;
}

.accordion>article h3 {
	color: #fff;
	padding: 1rem;
}

.accordion>article h2 {
	color: #fff;
}

.accordion>article>div {
	padding: 6rem;
}

.accordion>article table {
	font-size: 1.6rem;
}

.accordion>article table td img {
	margin-right: 2rem;
}

/* Hover interaction */

.accordion:hover article {
	flex: initial;
	width: 20%;
}

.sight-accordion:hover article {
	flex: initial;
	width: 16%;
}

.accordion article:hover {
	width: 60%;
}

.sight-accordion article:hover {
	width: 52%;
}

.accordion article>div {
	opacity: 0;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
	-webkit-transition: opacity 0s;
}

.accordion article:hover>div {
	opacity: 1;
	transition: opacity 0s;
	-moz-transition: opacity 0s;
	-webkit-transition: opacity 0s;
}

.accordion article:hover h3 {
	display: none;
}

.sound-accordion>article:hover:nth-child(1) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sound-bgm-1.jpg);}
.sound-accordion>article:hover:nth-child(2) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sound-vo-1.jpg);}
.sound-accordion>article:hover:nth-child(3) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sound-jingles-1.jpg);}
.scent-accordion>article:hover:nth-child(1) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/scent-purification-1.jpg);}
.scent-accordion>article:hover:nth-child(2) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/scent-odor-1.jpg);}
.scent-accordion>article:hover:nth-child(3) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/scent-frangance-1.jpg);}
.sight-accordion>article:hover:nth-child(1) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sight-digital-signage.png);}
.sight-accordion>article:hover:nth-child(2) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sight-led-walls.png);}
.sight-accordion>article:hover:nth-child(3) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sight-video-walls.png);}
.sight-accordion>article:hover:nth-child(4) {background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/sight-interactive-signage.png);}

/* Navigation */

.accordion article>h3 {
	bottom: 3em;
	position: absolute;
	text-align: center;
	width: 100%;
	margin: 0;
	font-size: 3em;
	text-transform: none;
	text-shadow:1px 1px 3px #000;
}

/* Article layouts */

.accordion article div {
	text-align: left;
	width: 58vw;
}

.accordion article div p,
.accordion article div div h2,
.accordion article div h3 {
	margin: 0 0 1em 0;
}
.accordion article .slideh3 {
	font-size: 3em; font-weight:700;
	margin: 0 0 1em 0;
}

.accordion article div p {
	width: 40vw;
}

.sight-accordion article div table {
	width: 40vw;
}

@media (max-width: 1100px) {
	.accordion {
		display: none;
	}
}