@media (min-width: 1200px) { .container { width: 90% !important; } }

.h-5{
	font-size:18px;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 1.3;
	color:white;
}

.ServicesOffering-tile:hover {
	cursor: pointer;
	
}

.p-5 {
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 300;
	/* padding-bottom: 24px; */
	margin-top: 30px;
}

.p-5a {
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 300;
	margin-top: 20px;
}

.p-0 {
	padding:0px;
	
}

.p-15 {
	padding:15px;
	
}
@media (min-width: 992px){
	.col-md-2a{
		width:19.5%;
	}
	.col-md-4a{
		width:32.8%;
	}
	.clientsSection  .container  .casestudy{
	border-right:1px solid #c5c5c5;
	}
}
@media (min-width: 1200px) {
.col-lg-2a{
	width:19.5%;
}
}

.mr-5p {
	margin-right:0.5%
	
}

.ServicesOffering-tile {
	background-color: #535353;
       /*  background-color: #535353ab;
    background-color: #f1f6fae0 !important;*/
	color: #fff;
	flex-wrap: wrap;
	align-items: flex-end;
	position: relative;
	flex-grow: 0;
	display: flex;
      /*box-shadow: 0 0.5rem 1.2rem rgba(0,0,0,.2);*/
}
.ServicesOffering-tile-alternate{
 background-color: #2a2a2a !important;
}

/* .ServicesOffering-tile-alternate:hover{
   background-color: #535353ab !important;
} */

.ServicesOffering-tile:hover{
	/* transition: background-color 0.5s ease; */
	 background-color: #2a2a2a;	
}

.fl {
	
	display:flex;
}

.readmore {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 5px 10px;
	border: 1px solid #fff;
	font-weight: 500;
	background: #2a2a2a;
	display:none;
	z-index:10;
	width: 30%;
    text-align: center;
	
}

.readmore:hover {
	background:#B3223C;
	border-color:#B3223C;
	display: block;
	
}
.readmorea {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: 500;
	background: transparent;
	display:none;
	z-index:10;
	width: 100%;
    text-align: center;
	font-size:40px;
	
}

.ServicesOffering-tile:hover .readmorea {
	transition: display 0.5s ease;
	display: block;
	
}

.ServicesOffering-tile:hover .readmore {
	transition: display 0.5s ease;
	display: inline-table;
	
}

.ServicesOffering-tile:hover .ServicesOffering-tileImage {
	/* background: #2a2a2a; */
	/* opacity: 0.7; */
	
}

.ServicesOffering-tileHeader {
	border-top: 4px solid #B3223C;
	border-left: none;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	align-self: stretch;
	flex-direction: column;
	display: flex;
	position: relative;
	
}

.u-img--objectFit {
	width:100%;
	
}
.u-imgHolder{
	width: 100%;
	height: 85px;
	overflow: hidden;
	
}

.u-imgHolder-a {
	width: 100%;
	height: 110px;
	overflow: hidden;
	
}

.mbm20 {
	margin-bottom: -20px;
	
}

.learn_more {
	color:white !important; 
	font-size:14px; 
	font-weight:bold;
	text-decoration: none !important;
}


.learn_more:hover {
	color:white; 
}


.mb-5p {
	/* margin-bottom:40px; */
	display:flex;
	
}

.ServicesOffering-services {
	display:flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	align-items: stretch;
	justify-content: center;
	
}

.background-container{
	padding:0 5%;
	
}

@media (min-width: 768px) {
	.col-sm-2a {
		width:20%;
		
	}
	
}

.careerbutton {
	padding: 25px 50px;
	background: rgb(179,34,60);
	margin-top: 20px;
	display: inline-block;
	color: white;
	font-size: 20px;
}

.careerbutton:hover {
	background: rgb(183, 62, 84);						  
	color:white !important;
	
}

.WTUbutton {
	padding: 8px 8px;
	background: rgb(179,34,60);
	margin-bottom: 20px;
	display: inline-block;
	color: white;
	font-size: 20px;
	border:none;
	border-radius: 4px;
}

.WTUbutton:hover {
	padding: 8px 8px;
	background: rgb(183, 62, 84);
	margin-bottom: 20px;
	display: inline-block;
	color: white;
	font-size: 20px;
	border:none;
	border-radius: 4px;
}

.WTUbuttonMobile {
	padding: 8px 8px;
	background: rgb(179,34,60);
	margin-bottom: 20px;
	display: inline-block;
	color: white;
	font-size: 16px;
	border:none;
	border-radius: 4px;
}

.WTUbuttonMobile:hover {
	padding: 8px 8px;
	background: rgb(183, 62, 84);
	margin-bottom: 20px;
	display: inline-block;
	color: white;
	font-size: 16px;
	border:none;
	border-radius: 4px;
}

.custspeak > div > div > .owl-item {
	border: 1px solid #e1e1e1;
	color:#a2a2a2;
	
}




.owl-item {
	display:inherit;
	
	
}

.item {
	align-items:flex-end;
	
}

.img-100{
	width: 100%;
	
}

.owl-stage-outer {
	padding-left:2px;
	
}

.custimg{
    position:absolute;
    width:100%;
    padding:20px 15px 0px 15px;
    margin-left: -15px;
    bottom: 30px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    
}
@media only screen and (min-width : 1200px) {
.custimg1{
    position:absolute;
    width:100%;
    padding:20px 15px 0px 15px;
    margin-left: -15px;
    bottom: 30px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    
}
}
@media only screen and (max-width : 1200px) {
.custimg1{
    width:100%;
    padding:30px;
    margin-bottom: 15px 15px 0px 15px;
    border-top: 1px solid #e1e1e1;
    text-align: center;
    
}
.customtestimonialparent {
    padding:0px !important;
    
}
.customtestimonialchild{
    padding:15px !important;
    
}
}
@media only screen and (max-width : 780px) {
        .img-100{
            width: 70%;
        }
		
		#custspeakcar > div > .owl-stage {
			display:flex;
		}
        
}   

.owl-theme .owl-nav [class*="owl-"] {
	background: #fff;
	/* border: 1px solid #e1e1e1 !important; */
	
}

.owl-next:hover {
	
	color:#fff !important;
	/* background: #e1e1e1 !important; */
	
}

.owl-prev:hover {
	
	color:#fff !important;
	/* background: #e1e1e1 !important; */
}

/* Anil */
/* Style the tab */
.tab {
    float: left;	
	padding-right:0;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 7px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    color: #00458C;
	font-weight: bold;		 
}

/* Create an active/current "tab button" class */
.tab button.active {
     color: #00458C;
	font-weight: bold;		 
}

.tab button:after{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
	right: 15px;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding-left:12px;
	padding-right:0;
	border-left: 1px solid #c5c5c5;
}


.insights_col{
	display: flex;
	margin-bottom: 20px;
}

.tabcontent .h-5{
	font-size: 18px;
}
/* Anil */


.es-carousel-wrapper {
	background: rgb(236,236,236) !important;
	
}

/* .tabcontent_client{
 height: 363px;
} */

.h-6 {
	font-size:16px;
	margin: 10px 0 20px 0;
	line-height: 1.3;
}


.ServicesOffering-tileHeader a{
	color:#fff !important;
}

.attr-nav > ul > li > a {
	padding: 2px 6px !important;
	
}

nav.navbar.bootsnav ul.nav > li:last-child > a:after {
	content:"";
	
}

/* Accordian css */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    /* background-color: #ccc; */
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

#insights_cont_mob button.active:after {
    content: "\2212";
	color: #fff;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	margin-bottom: 0px;
}
/* Accordian css end */


.few_quotes{
	background-color: #00458c;
	color: rgb(255,255,255);
	
}
.few_quotes h3{
	/* font-weight: bold; */
	padding: 3%;
}

#custspeakcar .owl-nav{
	display:none;
}

@media only screen and (min-width : 992px) {	
	#insights_cont_mob{
		display:none;
	}
	#insights_cont{
		display:block;
	}		 	
  }
@media only screen and (max-width : 991px) {          			
	#insights_cont_mob{
		display:block;
	}
	#insights_cont{
		display:none;
	} 
	
  }
 @media only screen and (max-width : 990px) {          			
	.mb-5p{
		margin-bottom:40px;
	}
	.clientsSection  .container  .casestudy{
		border-right:none;
		padding-right: 0;
	}
	.clientsSection  .container  .clientbody{		
		padding-left: 0;
	}
  }
  
#my-row {
    display: table;
}

#my-row .panel_white {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.whiteLine{
          background:#fff;
          width:100px;
          height:2px;
        }

.infoi{
	height:0;
}

.cs_content{
	padding: 15px 15px 15px 15px;background:#fff
}

#myCaro{
	background: #fff;
}

#myCaro .carousel-indicators li{
	border : 1px solid #565656;	
}
#myCaro .carousel-indicators .active{
	background: #565656;
}

.cs_navthumb{
	background:#fff;padding:10px 15px;color:#565656;display:none; border-top:1px solid #e1e1e1
}

#nextcs .active{ display:block;}

.cs_navnext{ cursor:pointer; color:#00458c; font-size:14px; font-weight:500;}

.cs_navnext > span {
	color: #B3223C;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase
	}
	
.cs_navthumb > .col-md-3{
	padding:0px
	
}

.cs_navthumb > .col-md-9 {
	padding-right:0px
	
}

#myCaro > .carousel-indicators {
	bottom: 10px;
	
}

.cs_navnext > p {
	margin-top:5px;
	font-size:16px;
	
}

@media (min-width: 1025px) { 
	#thumbs { width: 80%;position: absolute;top: -25%;left: 0%;overflow: hidden;right: 0; margin:auto; }
	#big { margin-top: 150px;z-index: 0; }  
	#big .item { padding-left:70px;padding-right:70px };	
	.item_head{ font-weight: 700;margin-bottom: 24px; font-size:22px !important; }
	/* .item  p{font-size:16px;margin-bottom: 20px;} */
	.boderright{ border-right: 1px solid rgba(255,255,255,0.2); }
	.owl-stage {
	 display:flex;
	}
}
@media (max-width: 1024px) {
	#thumbs{top: -21%;}	
	.owl-stage {
	 display:flex;
	}
}
@media (max-width: 1023px) { 
	#big { margin-top: 10px; z-index: 0;} 
		.outer{ padding-top: 5%; }
	#big .owl-nav{ display: none}
	#big .item { padding: 5px 20px; }
	#thumbs{top: 13vh;}
	#thumbs .owl-nav{ position: absolute; top: 20%; width:100% }
	#thumbs .owl-nav .owl-prev{ float:left;left: -7px;position: absolute; }
	#thumbs .owl-nav .owl-next{ float:right;position: absolute;right: -7px;}
	.owl-stage-outer{padding-left: 0;}
	.abt__box{ padding: 5px;}
	.abt__box__headline { font-size: 18px; }
	.abt__box__tagline{ font-size: 12px; }
	#thumbs .item{height: 105px; }
	.item_head{ font-weight: 700;margin-bottom: 24px; font-size:18px; }
	.item  p{font-size:14px;}	
	#big .item  div{padding:0;} 
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
			.headcontent{
				color:#fff; font-size:20px !important;margin-top: 60px; width: 100%;
			}
			.slider_text h3{
				font-size:35px;
			}
			.headcontent{
				margin-top:30px;
			}
			.gexp {
				width: 90%; position: inherit; left: 0; right: 0; margin: auto;margin-top: -5px; height:100%
			}
			.gexppara {
				position:absolute; bottom:0px; margin-bottom:-5px;
			}
			.sqshapetop {
			width: 0;height: 0;border-top: 70px solid white;border-left: 70px solid transparent;right: 0;position: absolute;
			}

			.sqshapebottom {
			width: 0;height: 0;border-left: 70px solid white;border-top: 70px solid transparent;left: 0;position: absolute;bottom: 0;
			}
			.mb-30 {
				margin-bottom:30px;
			}
			.h-100 {
			height:100%;
			}
			.w-80 {
			width:90%;
			}
			.gexpcenter{
			text-align:center;
			position: inherit;
			left: 0;
			right: 0;
			margin: auto;
			
			}
			.rotgimg{
				text-align:right;
			}
			.rotgimg > img{
				width:250px; max-width:290px
			}
			
			.downloadwp{
			text-transform: uppercase; margin-top:10%; padding: 15px 9px; font-size: 16px !important;
			}
			.mh-350px{
				min-height:280px;
				margin-bottom: 50px;
			}
			.mb-100{
					margin-bottom:50px
				}
				.malign {
					text-align:center;
					padding: 40px 0 0 0;
					
				}
				.clientsSection{
					padding-top:0px;
				}
				.clientsSection .container .casestudy {
					border-right:0px;
				}
				.container{
					padding:0px;
				}
				.casestudy{
					padding-right:0px;
				}
				.clientbody{
					padding-left:0px;
				}
				.tab {
					padding-left:0px;
				}
				#consumer .insights_col{
					padding-right: 0px;
				}
			}

#big .owl-prev {
	/* background: transparent url(/assests/images/icons/left-wht-arrow.png) no-repeat; */
	background: url(/assets/images/icons/left-wht-arrow.png) no-repeat center;
}
#big .owl-next {
	/* background: transparent url("/assests/images/icons/right-wht-arrow.png") no-repeat; */
	background: url(/assets/images/icons/right-wht-arrow.png) no-repeat center;
}