/* customer stories banner */
.customer-banner .breadcrumbs, .customer-banner .breadcrumbs a {
    color: #fff;
    margin-top: -22px;
    margin-bottom: 0px;
    font-size: 14px; 
    line-height:19px;
    font-weight:400;
} 
.customer-banner {
	height:350px;
   	background-position:center center;
  	background-size: cover !important;
  	background-repeat: no-repeat;
  	padding: 40px 20px 60px 20px; 
	color: #fff;
}
.customer-banner .banner-flex-align {
    display: flex;
    align-items: center;
	height:280px;
}
.customer-banner h1{
    font-family:"Roboto", sans-serif ;
    color:#fff;
    font-weight: 300 ;
    font-size: 56px ;
    line-height: 62px ;
    margin: unset ;
    margin-bottom: 24px ;
    text-transform: unset ;
}
.customer-banner p {
    font-family:"Roboto", sans-serif ;
    color:#fff;
    font-weight: 300 ;
    font-size: 26px ;
    line-height: 32px ;
    margin: unset ;
    text-transform: unset ;
    margin-bottom:20px;
}
@media screen and (max-width: 991px) {
	
	.customer-banner h1{
   	 	margin-top:15px;
    	font-size: 48px ;
    	line-height: 52px ; 
  	}
	.customer-banner p {
   		font-size: 24px ;
    	line-height: 30px ;  
  	}
  	
	.customer-banner h1 br, .customer-banner h2 br, .customer-banner p br {
		display:none;
	}
}  
@media screen and (max-width: 767px) {
	.customer-banner {
		height:auto;
		padding: 40px 20px 40px 20px; 
		background-position:center left;
	}
	.customer-banner .banner-flex-align {
		display:block;
		height: auto;
		width: auto;
		margin-bottom:10px;
		margin-top:10px;
	}
	.customer-banner h1 br, .customer-banner h2 br, .customer-banner p br {
		display:none;
	}
	.customer-banner h1{
   	 	margin-top:15px;
    	font-size: 40px ;
    	line-height: 46px ; 
  	}
	
  	.customer-banner p {
   		font-size: 20px ;
    	line-height: 26px ;  
  	}
}


/* Facts boxes */
.customer-facts {
padding:0 10px 10px 10px;
margin-top:-50px;
}
.customer-facts-flex {
display:flex;align-items: center;justify-content: center;
}
.customer-facts-wrapper {
display:flex;align-items: center;justify-content: center;
}
.customer-facts-box {
width:250px;
height:132px;
margin:0 15px;
padding:0 20px;
border-radius:20px;
box-shadow: 0px 5px 8px #aaa;
align-items: center;
display:flex;
justify-content: center;
background-color:#fff;
font-size:16px;
line-height:22px;
}
.customer-facts-box .facts-num {
font-weight:600;font-size:52px;line-height:55px;color:#d15b10;
}
@media screen and (max-width: 1150px) {
	.customer-facts-flex  {
		display:block;
	}
.customer-facts-wrapper.btm {
margin-top:30px;
}
	
}   
@media screen and (max-width: 560px) {
.customer-facts {
padding:0 10px 0px 10px;


}
	.customer-facts-flex  {
		text-align:center;
	}
.customer-facts-wrapper {
display:inline-block;
margin:auto;

}.customer-facts-wrapper.btm {
margin-top:0px;
}
.customer-facts-box {
margin-bottom:30px;
}
}   

/* top quote when no facts */

.top-quote {
	font-size:26px;
	line-height:36px;
}
.top-quote span {
	margin-top:10px;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	display:block;
}

@media screen and (max-width: 767px) {
	.top-quote {
		font-size:22px;
		line-height:32px;
	}
}


/* customer story area */

.main-box {
  	display: flex;
  	flex-wrap: wrap;
}

/* sidbar area  */

div.sidebar {
  	flex-basis: 320px;
  	align-self: start;
  	position: sticky;
	top: calc(130px);
}
@media screen and (max-width: 780px) {
	div.sidebar {
		position:relative;
   		top: 0;
   		flex-grow: 1;
	}
}
.sidebar .side-logo {
	width:262px;
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.sidebar .side-logo {
		width:100%;
	}
}

.sidebar img {
	max-width:262px;
	margin:auto;
}

.side-menu {
	position: relative;
	border:1px solid #eee;
	font-size:16px;
	line-height:24px;
	padding:15px 20px;
	text-align:left;
	margin-right:30px;
}
@media (max-width: 767px)  {
	.side-menu {
		max-width:320px;
		margin:auto;
	}
}
.side-menu p{
	font-size:16px;
	line-height:24px;
}
.side-menu span{
	display:block;
	font-weight:600;
}
.side-menu a{
	display:block;
	font-weight:400;
	margin:3px 0 4px 0;
	line-height:22px;
}

.sidebar .cus-download-btn {
	display:block;
	background: linear-gradient(to right, #ffffff 0%,#ffffff 18%, #f7981d 18%,#f7981d 100%);
	width:262px;
	height:45px;
	padding-top:8px;
	color:white;
	font-weight:400;
	margin-top:20px;
	border:1px solid #eee;
	text-align:left;
}
@media screen and (max-width: 767px) {
	.sidebar .cus-download-btn {
		margin:auto;
		text-align:center;
		margin-bottom:0px;
		margin-top:20px;
		width:320px;
	}
}

.sidebar .cus-download-btn:hover {
	background: linear-gradient(to right, #ffffff 0%,#ffffff 18%, #e97f16 18%,#e97f16 100%);
	color:white;
}
.sidebar .cus-download-btn i {
	text-align:center;
	width:18%;
	height:43px;
	color:#f7981d;
	float:left;
	padding-top:5px;
}
.sidebar .cus-download-btn span {
	width:82%;
	text-align:center;
	display:inline-block
}

/* customer story column */

.cus-story {
  	flex-basis: 0;
  	flex-grow: 999;
  	min-width: 54%;
}
@media screen and (max-width: 767px) {
	.cus-story {
  		flex-basis: 0;
  		flex-grow: 999;
  		min-width: 100%;
	}
}

.cus-story .resources-sub-title {
	font-weight:300;
	margin-bottom:20px;
	font-size:21px;
	line-height:30px;

}

.cus-story h2 {
  	margin-bottom:20px;
  	margin-top:40px;
}
.cus-story a {
	font-weight:400;
}


.cus-story, .cus-story p, .cus-story ul li, .cus-story ol li {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	text-transform: unset;
	margin-bottom: 20px;
	color:#444;
}

.cus-story ul li, .cus-story ol li {
	margin-top:10px;
	margin-bottom: 0px;
	padding:0px;
}
.cus-story ul, .cus-story ol {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.cus-story .resources-sub-title {
	font-weight:300;
	margin-bottom:20px;
	font-size:18px;
	line-height:26px;

}
	.cus-story, .cus-story p, .cus-story ul li {
		font-family:"Roboto", sans-serif ;
		font-weight: 300 ;
		font-size: 16px ;
		line-height: 23px ;
		text-transform: unset ;
	   /*  margin-bottom:8px; */
	}
}
.cus-story blockquote {
	margin-top:40px;
	margin-bottom:40px;
	background-color:#f4f4f4;
	font-size:26px;
	line-height:40px;
	padding:30px 30px 35px 30px;
}
@media screen and (max-width: 767px) {
	.cus-story blockquote {
		margin-top:30px;
		margin-bottom:30px;
		font-size:22px;
		line-height:34px;
		padding:25px 25px 30px 25px;
	}
}
.cus-story blockquote span {
	margin-top:10px;
	font-size:16px;
	line-height:22px;
	font-weight:500;
	display:block;
}
.cus-story .white-box {
	padding:20px 30px 20px 30px;
	margin:0;
	text-align:center;
}

.cus-story vid {
	margin-top:40px;
	margin-bottom:15px;
	display:block;
}

.cus-story vid-caption {
	font-size:14px;
	line-height:20px;
	display:block;
	margin:20px 0;
	display:block;
}
.cus-story .takeaway-box {
	padding:20px 40px 20px 25px;
	margin:30px 0;
	background-color:#f5f5f6;
	display:flex;
	align-items: center;
}
.cus-story .takeaway-box img{
	align-self: center;
	margin-right:20px;
	padding:0px;
}

/* checkbox lists style */

.cus-story .fa-li {
	left: -2em;
	top: -1px;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}
.cus-story .fa-check-square  {
	color:orange;
	font-weight:normal;
}
.cus-story .fas.fa-check-square {
	font-weight: normal;
}
.more-customers .img-box {
	height:245px;border:1px solid #eee;
	display:flex;
	justify-content: center;
}
.more-customers .img-responsive {
	align-self: center;
	margin:0px;
}
.more-customers .txt-box {
	padding:20px 0;
	text-align:left;
}

.more-customers a{
	font-weight:500;
	display:block;
	margin-top:4px;
}

.cus-story footnotes {
	font-size:14px;
	line-height:22px;
	display:inline-block;
	margin-top:20px;
}
.cus-story footnotes a {
	font-weight:44;
}
@media screen and (max-width: 767px) {
.more-customers	.max-resource {
		max-width:360px;margin:auto
	}
}


.cus-story at-a-glance {
	max-width: 350px;
	background-color:#ff9835;
	color:#fff;
	float:right;
	margin:10px 0 20px 20px;
	padding:25px 20px 20px;
	font-weight:400;
	display:block;
	font-size:16px;
	line-height:24px;
}
.cus-story at-a-glance.full {
	max-width: 100%;
	float:none;
	margin:10px 0 20px 0px;
	padding:25px 25px 10px 25px;
}

.cus-story at-a-glance.outline {
	border:2px solid #ff9835;
	background-color:#fff;
	color:#444;
}
.cus-story at-a-glance.grey, .cus-story at-a-glance.gray {
	border:none;
	background-color:#f4f4f4;
	color:#444;
}
.cus-story at-a-glance.gray p, .cus-story at-a-glance.gray h3, .cus-story at-a-glance.outline p, .cus-story at-a-glance.outline h3 {
	color:#444;
}
.cus-story at-a-glance.blue {
	border:none;
	background-color:#05a3d9;
}
.cus-story at-a-glance p, .cus-story at-a-glance h3, .cus-story at-a-glance.blue p, .cus-story at-a-glance.blue h3 {
	color:#fff;
}
.cus-story at-a-glance h3, .cus-story at-a-glance.outline h3 {
	margin-top:5px;
	margin-bottom:10px;
}
.cus-story at-a-glance ul {
	padding-left:20px;
	margin-top:7px;
	margin-bottom:7px;
}
.cus-story at-a-glance ul li, .cus-story at-a-glance p {
	margin-top:5px;
	font-size:16px;
	line-height:24px;
}
.cus-story at-a-glance p {
	margin-bottom:5px;

}
@media screen and (max-width: 767px) {
	.cus-story at-a-glance {
		float:none;
		margin:10px auto;
	}
	
}

.cus-story table {
	margin-top:20px;

}
.cus-story table tr.header {
	color:#fff;
	background-color:#ff9835;
}

.cus-story table p, .cus-story table ul li, .cus-story table ol li {
	font-size: 16px;
	line-height: 24px;
	text-transform: unset;
	margin-bottom: unset;
	margin-top: unset;
	margin-bottom:10px;
}
.cus-story table p:last-child {
  margin-bottom:unset;
}
.cus-story table th {
	font-weight:500;font-size:16px;line-height:24px;
	padding:15px !important;
}
.cus-story table th.orange {
	color:white;
	background-color:#ff9835;
}
.cus-story table td {
	font-size:16px;line-height:24px;
	padding:15px !important;
}
.cus-story table td strong {
	margin-bottom:3px;
}