@font-face {
	font-family: oswald;
	src: url(fonts/Oswald-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: oswald;
	src: url(fonts/Oswald-Light.ttf);
	font-weight: 100;
}
@font-face {
	font-family: oswald;
	src: url(fonts/Oswald-Regular.ttf);
	font-weight: 200;
}
@font-face {
	font-family: proximanova;
	src: url(fonts/ProximaNova-Regular.otf);
	font-weight: 200;
}
@font-face {
	font-family: proximanova;
	src: url(fonts/ProximaNovaBold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: proximanova-italic;
	src: url(fonts/ProximaNova-RegItalic.otf);
	font-weight: 200;
}
@font-face {
	font-family: proximanova-italic;
	src: url(fonts/ProximaNova-SemiboldItalic.otf);
	font-weight: bold;
}

.text-black {
	color: #000;
}
h2.title {
	font-family: oswald;
	font-size: 42px;
	font-weight: 200;
	text-transform: none;
	line-height: 62px;
	padding-bottom: 20px;
}

.article-thumb__title {
	margin: 0;
}
.article-thumb__short p {
	margin: 0;
	color: #333;
	height: 50px;
}
.content-studio-slider {
	margin-top: -20px;
}
.carousel-main-caption {
	font-family: oswald;
	position: absolute;
	text-align: left;
	color: #fff;
	top: 50px; /* prev:20% */
	left: 15%;
	z-index: 10;
}
.carousel-main-caption .title {
	font-family: oswald;
	font-weight: 200;
	font-size: 38px;
	width: 375px;
	height: 68px;
	border: none;
	color: #ffffff;
	line-height: 57px;
	padding: 6px 20px;
	margin-bottom: 2%;
	/* margin-top: 20%; */
	background-color: #000;
}
.carousel-main-caption .title-small {
	font-family: oswald;
	font-weight: 200;
	border: none;
	color: #ffffff;
	font-size: 28px;
	line-height: 57px;
	padding: 1px 13px;
	margin-bottom: 2%;
	background-color: #000;
	height: 50px;
	width: 269px;
}
.carousel-main-caption .subtitle{
	font-family: oswald;
	font-weight: bold;
	font-size: 41px;
	line-height: 57px;
	margin-top: 0px;
	padding-top: 60px;
	color: #000;
}
.carousel-main-caption .tagline {
	font-family: oswald;
	font-weight: 100;
	font-size: 48px;
	line-height: 60px;
	max-width: 400px;
	text-shadow: 2px 2px #0004;
}
.carousel-main-caption .tagline .keyphrase {
	font-family: oswald;
	font-weight: bold;
}

#contentStudioCarousel .carousel-indicators{
	position: absolute;
	justify-content: flex-end;
	list-style: none;
	display: unset;
	bottom: 15%;
	margin-right: 100px;
	z-index: 15;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}
#contentStudioCarousel .carousel-indicators .active{
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAxcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMSAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJDb250ZW50LVN0dWRpb19Qb3BVcC1FeHBhbmRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTkuMDAwMDAwLCAtNjEzLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJTbGlkZXItQ2lyY2xlcy1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMjAuMDAwMDAwLCA2MTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNC1Db3B5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjYuNSIgY3k9IjYuNSIgcj0iNi41Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC00LUNvcHktNSIgZmlsbD0iI0ZGRkZGRiIgY3g9IjYuNSIgY3k9IjYuNSIgcj0iMy41Ij48L2NpcmNsZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")
}
#contentStudioCarousel .carousel-indicators li {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	height: 15px;
	width: 15px;
	margin: 0px 3px;
	text-indent: -999px;
	background-color: #fff0;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAxcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDEwMSAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJDb250ZW50LVN0dWRpb19Qb3BVcC1FeHBhbmRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMTkuMDAwMDAwLCAtNjEzLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJTbGlkZXItQ2lyY2xlcy1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMjAuMDAwMDAwLCA2MTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtNC1Db3B5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjYuNSIgY3k9IjYuNSIgcj0iNi41Ij48L2NpcmNsZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")
}

.tabs-wrapper {
	font-size: 18px;
}
.tab_content h3{
	font-size: 28px;
}
/* bootstrap client logo carousel */
/* https://www.mobilefish.com/services/base64/base64.php */
#clientLogoCarousel {
	width: 110%;
	right: 5%;
}
#clientLogoCarousel .carousel-control-next, #clientLogoCarousel .carousel-control-prev {
	position: absolute;
	width: auto;
}
#clientLogoCarousel .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCI gaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Im h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vc mcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iQ29udGVudC1TdHVkaW9fUG9wVXAtRXhwYW5kZWQi IHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV 2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzY5LjAwMDAwMCwgLTM0My4wMDAwMDApIj 4KICAgICAgICA8ZyBpZD0iQXJyb3dzLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEuM DAwMDAwLCAzNDMuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJH cm91cC0yIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTMiIHBvaW50cz0iMTM xNi4xMzk3MiAxNC4xNjk0NTE5IDEzMDEuODYwMjggMCAxMjk4IDMuODMwNTQ4MDkgMTMxMi4yNz k0NCAxOCAxMjk4IDMyLjE2OTQ1MTkgMTMwMS44NjAyOCAzNiAxMzE2LjEzOTcyIDIxLjgzMDU0O DEgMTMxOC4wNjg4IDE5LjkxNDIyMjMgMTMyMCAxOCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8 L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")
}
#clientLogoCarousel .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCI gaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjIgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Im h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vc mcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iQ29udGVudC1TdHVkaW9fUG9wVXAtRXhwYW5kZWQi IHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV 2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MS4wMDAwMDAsIC0zNDUuMDAwMDAwKSI+Ci AgICAgICAgPGcgaWQ9IkFycm93cy1Db3B5LTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxLjAwM DAwMCwgMzQzLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0iR3Jv dXAtMiI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC0zIiB0cmFuc2Zvcm09InR yYW5zbGF0ZSgxMS4wMDAwMDAsIDIwLjAwMDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2 xhdGUoLTExLjAwMDAwMCwgLTIwLjAwMDAwMCkgIiBwb2ludHM9IjE4LjEzOTcxODYgMTYuMTY5N DUxOSAzLjg2MDI4MTM2IDIgMCA1LjgzMDU0ODA5IDE0LjI3OTQzNzMgMjAgMCAzNC4xNjk0NTE5 IDMuODYwMjgxMzYgMzggMTguMTM5NzE4NiAyMy44MzA1NDgxIDIwLjA2ODc5OTQgMjEuOTE0MjI yMyAyMiAyMCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC 9nPgo8L3N2Zz4=");
}

/* client slider style */
.content {
	width: 100%;
	margin: 0 auto;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	z-index: 50;
	}

.content .clients .client {
	height: 175px;
	width: 175px;
	line-height: 175px;
	border-radius: 50%;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #d3d3d3;
	overflow: hidden;
	display: inline-block;    zoom: 1;
}
.content .clients .client img {
	max-height: 80%;
	max-width: 80%;
	margin: 0 auto;
	vertical-align: middle;    border: 0;
	vertical-align: baseline
}
.content .clients .client .helper {
	height: 100%;
	vertical-align: middle;
	display: none;
}

/* tab content */
.tab_content {
	padding: 75px 0;
	margin-top: -61px;
	background-color: rgb(212, 212, 212);
}
.tab_content p{
	font-family: proximanova;
	font-size: 23px;
	line-height: 30px;
}
.tab_content ul {
	padding-left: 20px;
}
.tab_content ul.cyan {
	list-style-image: url('https://s3.amazonaws.com/sng-global-web-assets/images/IconArrowCyan.svg');
}
.tab_content ul.pink {
	list-style-image: url('https://s3.amazonaws.com/sng-global-web-assets/images/IconArrowPink.svg');
}
.tab_content ul.blue {
	list-style-image: url('https://s3.amazonaws.com/sng-global-web-assets/images/IconArrowBlue.svg');
}
.tab_content ul.yellow {
	list-style-image: url('https://s3.amazonaws.com/sng-global-web-assets/images/IconArrowYellow.svg');
}
.tab_content ul li {
	font-family: proximanova;
	font-size: 24px;
	line-height: 30px;
	color: #000;
	padding: 0 0 32px 5px;
}
.tab_content.content_studio h4 {
	color: #8733FF;
	margin: 20px 0px 5px;
}
.tab_content.content_studio h4::before {
	content: url('https://s3.amazonaws.com/sng-global-web-assets/images/IconArrowPink.svg');
    padding-right: 10px;
}
.tab_content.content_studio p.indent {
	margin-left: 20px;
}
/* Custom Content */
.custom-contents_item p {
    /* font-family: proximanova; */
    font-size: 17px;
    line-height: 26px;
}

.custom-contents_item .article-thumb {
	padding: 10px 0;
}

@media screen and (max-width: 768px){
	.custom-contents_item hr {
		display: none;
	}
}
.view-more {
	font-family: proximanova;
	font-weight: bold;
	font-size:24px;
	line-height: 29px;
}

.content-studio-nav {
	font-family: oswald;
	font-weight: 200;

	font-size: 18px;
	line-height: 60px;

	color: #fff;
	height: 60px;
	bottom: 0;
 	background-color: #0004;
}
.content-studio-nav a {
	color: #fff;
}
.content-studio-nav_item {
	line-height: 60px;
	padding: 0 5px;
	border-right: 1px solid #0008;
	cursor: pointer;
}
.content-studio-nav_item:hover {
	background-color: #0004;
	color: #fff;
}
.content-studio-nav_item:hover > a{
	color: #000;
}
.content-studio-nav_item.active {
	background-color: rgb(212, 212, 212);
	color: #000;
	border: none;
}
.content-studio-nav_item.active a{
	color: #000;
}
.content-studio-nav_item a:hover{
	color: #000;
}

.tabs-content-nav{
	min-height: 40px;
}
.tabs-content-wrapper {
	background-image: #e3e3e3;
}
.tab-contend-header {
	margin: 40px 0px;
}
.tab-contend-header .icon {
	z-index: 1;
	margin-top: -10px;
}
.tab-contend-header .icon img{
	height: 100px;
	margin-left: -30px;
}
.tab-contend-header .icon-text {
    padding-left: 6%;
    padding-top: 23px;
    background-color: rgba(255, 255, 255, 0.280);
    margin-left: -40px;
    height: 80px;
}
.tab-contend-header .icon-text.mid {
	padding-left: 15%;
	margin-left: -20px;
	max-width: 90%;
}
.tab-contend-header .icon-text.mid h2{
	font-size: 24px;
}

.tab-contend-header .icon-text h2{
	font-family: oswald;
	font-weight: 100;
	font-size: 24px;
	line-height: 32px;
}

/* Clients */
#clientLogoSanCarousel {
	display: none;
}

/* contact us section */
#contact_us p{
	font-family: proximanova;
	font-size: 24px;
	line-height: 30px;
}
.contact-icon {
	width: 47px;
	height: 47px;
	margin: 0px 10px 0px 0px;
}

/* footer section */
.footer{
	height: 200px;
	background-color: black;
	color: white;
}

/* slider caption for iphone 6/7/8 */
@media screen  and (max-width: 443px){
	.carousel-main-caption .title {
		margin-bottom: 10px;
	}
	.carousel-main-caption .title-small {
		display: none !important;
	}
	.carousel-main-caption .title,
	.carousel-main-caption .title-small {
		line-height: 22px;
		margin-top: 0;
		font-size: 16px;
		width: 150px;
		padding: 5px 0px 0px 5px;
		height: 32px;
	}
	.carousel-main-caption .subtitle {
		font-size: 18px;
		width: 150px;
		top: 0;
		padding-top: 0px;
		line-height: 24px;
		text-shadow: none;
	}
	.carousel-main-caption .tagline {
		font-size: 19px;
		line-height: 22px;
		width: 140px;
		padding-top: 10px;
	}
	.carousel-main-caption .tagline.multimedia {
		/* margin-top: 25px; */
	}
}

/* .col- 		Extra small < 576px wide or less*/
@media screen and (max-width: 576px) {
	.tabs-wrapper h3 {
		font-size: 28px;
	}
	.carousel-indicators{
		display: none !important;
	}
	.carousel-main-caption {
		top: 15px
	}
	.carousel-main-caption .title {
		margin-bottom: 10px;
	}
	.carousel-main-caption .title-small {
		display: none !important;
	}
	.carousel-main-caption .title,
	.carousel-main-caption .title-small {
		line-height: 22px;
		/* margin-top: 40px; */
		font-size: 16px;
		width: 150px;
		padding: 5px 0px 0px 5px;
		height: 32px;
	}
	/*	.carousel-main-caption .title-small {
			font-size: 16px;
			line-height: 52px;
			padding: 0px 10px;
			height: 50px;
			width: 162px;
		}
	*/
	.carousel-main-caption .subtitle {
		font-size: 18px;
		width: 150px; /* previously 260px */
		/*	height: 60px; */
		top: 0;
		padding-top: 0px;
		line-height: 24px;
		text-shadow: none;
	}
	.carousel-main-caption .tagline {
		font-size: 19px;
		line-height: 22px;
		width: 140px;
		padding-top: 10px;
		text-shadow: none;
	}
	.content-studio-nav {
		background-color: #000;
		height: 372px;
	}
	.content-studio-nav .content-studio-nav_item {
		font-size: 0.9em;
		line-height: 60px;
		border: 1px solid rgba(212, 212, 212, 0.26);
	}
	.tab_content {
		padding: 90px 0;
		margin-top: 0px;
	}

	.tab-contend-header .icon-text,
    .tab-contend-header .icon-text.mid {
        padding-left: 65px;
		margin-left: 10px;
    }
	.tab-contend-header .icon-text.mid {
		max-width: 85%;
		margin-left: 10px;
	}
	.tab-contend-header .icon-text h2,
	.tab-contend-header .icon-text.mid h2 {
		font-size: 24px;

	}
	.tab-contend-header .icon img {
		margin-left: -15px;
	}
	/* not sure if she wants these indented on mobile
	.tab_content.content_studio p.indent {
		margin-left: 0;
	}
	.tab_content.content_studio h4 {
		margin: 20px 0px 5px 0;
	}
	*/
	#clientLogoCarousel{
		display: none;
	}
	#clientLogoSanCarousel{
		display: block;
	}
	#clientLogoSanCarousel .content .clients .client {
		height: 140px;
		width: 140px;
		line-height: 140px;
	}
	#contact_us p{
		font-size: 17px;
		line-height: 27px;
	}
	#contact_us .email-text {
		padding-top: 8px;
	}
}

/* .col-sm- Small  more than 577px and less than 768px*/
@media screen and (min-width: 577px) and (max-width: 768px){
	h3 {
		font-size: 28px;
	}
	.carousel-main-caption .title {
		line-height: 22px;
		margin-top: 0;
		font-size: 28px;
		width: 263px;
		padding: 14px 11px;
		height: 50px;
	}
	.carousel-main-caption .title-small {
		line-height: 52px;
	}
	.carousel-main-caption .tagline {
		font-size: 34px;
		line-height: 38px;
		margin-top: 10px;
		width: 250px;
	}
	.carousel-main-caption .subtitle {
		padding-top: 10px;
		max-width: 300px;
		font-size: 30px;
	    line-height: 30px;
	}
	.content-studio-nav {
		background-color: #000;
		height: 180px;
	}
	.content-studio-nav_item {
		font-size: 0.9em;
		line-height: 60px;
		border: 1px solid rgba(212, 212, 212, 0.26);
	}
	.tab_content {
		padding: 90px 0;
		margin-top: 0;
	}
	.tab-contend-header .icon-text,
	.tab-contend-header .icon-text.mid  {
		margin-left: 10px;
	}
	.tab-contend-header .icon-text.mid {
		padding-left: 65px;
		max-width: 85%;
	}
	.tab-contend-header .icon-text h2,
	.tab-contend-header .icon-text.mid h2 {
		font-size: 24px;
	}
	.tab-contend-header .icon img {
		margin-left: -15px;
	}
	.carousel-indicators{
		display: none !important;
	}
	#clientLogoCarousel{
		display: none;
	}
	#clientLogoSanCarousel{
		display: block;
	}
	.tab_content.content_studio h4 {
		margin: 20px 0px 5px 20px;
	}
}

/* .col-md- Medium < 768px wide or less
@media screen and (max-width: 768px) {
	.carousel-main-caption .tagline {
		margin-top: 20px;
	}
}
*/

/* .col-md- Medium ≥ 768px wide or wider*/
@media screen and (min-width: 769px)  and (max-width: 992px){

	.carousel-main-caption .title {
		line-height: 22px;
		margin-top: 10%;
		font-size: 28px;
		width: 263px;
		padding: 16px 11px;
		height: 50px;
	}
	.carousel-main-caption .title-small {
		line-height: 51px;
	}
	.carousel-main-caption .subtitle {
		padding-top: 40px;
	}
	.carousel-main-caption .tagline {
		font-size: 34px;
		line-height: 38px;
		width: 340px;
	}
	.content-studio-nav {
		position: relative;
		background-color: #0004;
		height: 60px;
		top: -60px;
	}
	.content-studio-nav_item {
		font-size: 0.8em;
		line-height: 60px;
		border: 1px solid #0004;
	}
	.tab_content {
		padding: 90px 0;
		margin-top: -61px;
	}
	.tab-contend-header .icon-text,
	.tab-contend-header .icon-text.mid {
		/* margin-left: -10px; */
		padding-left: 85px;
	}
	.tab-contend-header .icon-text.mid {
		max-width: 90%; /* previously 350px */
	}
	.tab-contend-header .icon-text h2,
	.tab-contend-header .icon-text.mid h2 {
		font-size: 24px;
	}
	.tab-contend-header .icon img {
		margin-left: -15px;
	}
	.content .clients .client{
		height: 170px;
		width: 170px;
		line-height: 170px;
    	margin-right: 2px;
		margin-bottom: 2px;
	}
	#clientLogoSanCarousel{
		display: none;
	}
	#clientLogoCarousel {
		display: block;
		width: 100%;
		right: 0;
	}
	#clientLogoCarousel .carousel-control-next {
    	right: -2%;
	}
	#clientLogoCarousel .carousel-control-prev {
    	left: -2%;
	}
	#contact_us p{
		font-size: 21px;
		line-height: 26px;
	}

}

/* weird tab content navbar behavior between 990px and 1094px width screes */
@media screen and (min-width: 990px) and (max-width: 1094px ){
	.content-studio-nav {
		font-size: 16px;
	}
}

/* .col-lg-	Large ≥ 992px wide or wider*/
@media screen and (min-width: 992px) {

	.carousel-main-caption .title-small {
		line-height: 51px;
	}
	.carousel-main-caption .subtitle {
		padding-top: 50px;
		font-size: 41px;
		margin-bottom: 5px;
	}
	.content-studio-nav {
		position: relative;
		background-color: #0004;
		height: 60px;
		top: -60px;
	}
	.content-studio-nav_item {
		line-height: 60px;
	}
	.content .clients .client{
		margin-right: 5px;
		margin-bottom: 10px;
	}
	#clientLogoCarousel .carousel-control-next {
    	right: -2%;
	}
	#clientLogoCarousel .carousel-control-prev {
    	left: -2%;
	}
}
/* .col-xl- Extra large ≥ 1200px wide or wider */
@media screen and (min-width: 1200px) {
	.carousel-main-caption .title {
		font-size: 38px;
		line-height: 50px;
		padding: 11px 20px;
		margin-top: 20%;
		/* width: 476px; */
		height: 75px;
	}
	.carousel-main-caption .title-small{
		font-size: 28px;
		line-height: 50px;
		width: 270px;
		margin-bottom: 10px;
	}
	.carousel-main-caption .tagline {
		font-size: 50px;
		line-height: 60px;
        max-width: 420px;
	}
	.content-studio-nav {
		position: relative;
		background-color: #0004;
		height: 60px;
		top: -60px;
	}
	.content-studio-nav_item {
		line-height: 60px;
	}
	#clientLogoCarousel .carousel-control-next {
    right: -4%;
	}
	#clientLogoCarousel .carousel-control-prev {
    left: -5%;
	}
}

#overlay-case-study{
    opacity: 0;
    transition: opacity 200ms ease-in, height 0ms, width 0ms;
    transition-delay: 0ms, 200ms, 200ms;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: height 0ms 200ms, opacity 200ms ease-in, visibility 200ms, width 0ms 200ms, -webkit-transform 200ms ease-in;
    background: #fff;
    visibility: hidden;
    z-index: 999999;
    cursor: pointer;
}

#overlay-case-study.focused {
    opacity: 1;
    transition-delay: 0ms;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: height 0ms 0ms, opacity 200ms ease-out, visibility 0ms, width 0ms, -webkit-transform 200ms ease-out;
    transition: height 0ms 0ms, opacity 200ms ease-out, transform 200ms ease-out, visibility 0ms, width 0ms;
    transition: height 0ms 0ms, opacity 200ms ease-out, transform 200ms ease-out, visibility 0ms, width 0ms, -webkit-transform 200ms ease-out;
    visibility: visible;
}

body.noScroll { /* ...or body.dialogShowing */
	overflow: hidden;
}

/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
#caseStudyApp #caseStudyCarousel {
	/* background-color: #33d6ff; */
}
#caseStudyApp #caseStudyCarousel .carousel-item {
	text-align: center;
	background-color: #0d0b66;
    height: 300px;
}
#caseStudyApp #caseStudyCarousel .carousel-item h2 {
    color: white;
	padding-top: 10px;
	font-size: 2.4rem;
}
#caseStudyApp #caseStudyCarousel .carousel-item img {
	padding: 0px 70px 20px 70px;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-video {
	background-color: #0d215c;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-report {
	background-color: #e0558f;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-podcast {
	background-color: #2a65ee;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-case_study {
	background-color: #9da7b0;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-disruptive_study {
	background-color: #1a9bcc;
}
#caseStudyApp #caseStudyCarousel .carousel-item.product-brief {
	background-color: #2aee7c;
}
#caseStudyApp div#productsDetails {
	height: 300px;
    background-color: rgb(255, 174, 174);
}
#caseStudyApp div#header a.close,
#caseStudyApp div#productsDetails a.close  {
	width: 25px;
    height: 25px;
    margin: 10px;
}

#caseStudyApp svg line {
	stroke: rgb(47, 47, 47);
    stroke-width: 5px;
}
@media (max-width: 576px) {
    #caseStudyApp .carousel-item {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #caseStudyApp .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
	}

	#caseStudyApp #caseStudyCarousel .carousel-item h2 {
	    font-size: 2.5rem;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #caseStudyApp .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    #caseStudyApp .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    #caseStudyApp .carousel-inner .active + .carousel-item {
        display: block;
    }
    #caseStudyApp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #caseStudyApp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #caseStudyApp .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #caseStudyApp .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #caseStudyApp .carousel-item-next.carousel-item-left + .carousel-item,
    #caseStudyApp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    #caseStudyApp .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #caseStudyApp .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #caseStudyApp .carousel-item-prev.carousel-item-right + .carousel-item,
    #caseStudyApp .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #caseStudyApp .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    #caseStudyApp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #caseStudyApp .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #caseStudyApp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    #caseStudyApp .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #caseStudyApp .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #caseStudyApp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    #caseStudyApp .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #caseStudyApp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #caseStudyApp .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
	}
}

/* Nav Bar Fixes 991 from to 1289 */
@media (min-width: 991px) and (max-width: 1289px) {
	.content-studio-nav_item {
		font-size: 0.8em;
	}
}