.cs-header{font-size: 20px;}
/*Offset*/
.tab-content > div{
	/*position : relative;
	top : -300px;
	padding-top : 300px;
	margin-bottom : -300px;*/
	scroll-margin-top : 30rem;
}
[data-tab-content] {
	display: none;
}
.active[data-tab-content] {
	display: block;
}
.tabs {
	display: flex;
	justify-content: space-around;
	list-style-type: none;
	margin: 0 8.5%;
	padding: 0;

}
.tab {
	padding:10px;
	/*box-shadow: 2px 2px 12px grey;*/
	background-color: #fff !important;
	width : 25%;
	height: 12vh;
	cursor: pointer;
}
.tab.active {background-color:#feca45 !important;}
a:hover {
	text-decoration : none !important;
	color : #000 !important;
}
.tab-content {
	margin : 0 8%;
}
.card-text{
	line-height: 1.5;
	min-height: 122px;
	text-align: left;
	vertical-align: middle;
	/*margin: 0 0 27px !important;*/
}
.card-view1 {
	border: 1px solid #fcf9f9;
	padding: 10px 2px;
	border-radius: 5px;
	margin-top: -49px;
	box-shadow: 2px 2px 12px grey;
}
.card-view1:hover {
	transform: scale(1.0150, 1.0150);
	transition: 0.2s;
}
.csbtn, .csbtn:visited{
	border: 0 solid #feca45;
	background: #feca45;
	color: #000;
	margin: 0 0 54px 45px;
	align-content: center;
	vertical-align: middle;
	border-radius: 6px;
	transition: 0.5s;
	font-size: 1.7rem;
}
.csbtn:hover {
	background: #fff;
	color: #000;
	box-shadow: 0px 15px 20px rgba(58, 181, 74, 0.4);
	transform: translateY(-7px);
}
.btn-casestudy, .btn-casestudy:visited {
	border: 0px solid #3AB54A;
	background: #3AB54A;
	color: #fff;
	margin: 0 0 54px 45px;
	align-content: center;
	vertical-align:middle;
	border-radius: 6px;
	transition: 0.5s;
	font-size: 1.7rem;
}
.btn-casestudy:hover {
	background: #fff;
	color: #000;
	box-shadow: 0px 15px 20px rgba(58, 181, 74, 0.4);
	transform: translateY(-7px);
}
/* Popup container - can be anything you want */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	width: 160px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 0;
	position: absolute;
	z-index: 1;
	bottom: 36px;
	left: 100%;
	margin-left: -55px;
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}
/* ---------------------------------------- */
.facebook1 {
	width: 100%;
	height: auto;
	font-size: 23px;
	background-color: #3b5999;
	color: #EEEEEE;
	border: 3px solid #3b5999;
	border-radius: 4px;
}
.linkedin1 {
	font-size: 23px;
	width: 100%;
	height: auto;
	background-color: #3b5999;
	color: #EEEEEE;
	border-radius: 4px;
	border: 3px solid #3b5999;
}
.twitter1{
	font-size: 23px;
	width: 100%;
	height: auto;
	color: #fff;
	background-color:#00aced;
	border-radius: 4px;
	border: 3px solid #00aced;
}
.envelope-square{
	font-size: 23px;
	width: 100%;
	height: auto;
	color: #fff;
	border-radius: 4px;
	background-color:#BB001B;
	border: 2px solid #BB001B;
}
a.facebook1:hover {
	color: #fff !important;
}
a.linkedin1:hover {
	color: #fff !important;
}
a.twitter1:hover {
	color: #fff !important;
}
a.envelope-square:hover {
	color: #fff !important;
}
.fa-share-alt{
	margin-right: 20px;
	margin-bottom: -65px;
	margin-left: 170px;
	position: relative;
	bottom: 118px;
	align-content: center;
	vertical-align:middle;
	font-size: 25px;
}

.card-style{
	padding : 0 35px 35px;
}
.tab-div{
	position: sticky;
	top: 72px;
	background: #fff;
	z-index: 2;
	padding : 10px;
}
.tab-heading{margin: -70px 0 70px 90px;}
.cs-icon-header{color: #000 !important;}

@media only screen and (max-width: 992px) {
	.tabs{display:block;}
	.tab{height:44px;width:auto;margin:3px 0;}
	.tab-div{top:0;}
	 .cs-header{font-size : 15px;}
	.cs-icon-header{padding : 15px;}
	.popup .popuptext {
		width:100px;
		padding:6px;
		bottom:-68px;
		left:85%;
	}
	.fa-share-alt {
		margin-left: 58px;
		bottom: 61px;
	}
	.tab-heading{margin: 0;}
}