@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,400,400italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(share-button.css);
@import url(hover-min.css);
@import url(reset.css);

/* -------------------------------- 
Primary style
-------------------------------- */

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 15px;
  line-height:24px;
  color: #333;
  background-color: white;
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .number {font-family: 'Vanitas-Bold';}
body, html {height: 100%;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
a {color: #3e3947;text-decoration: none;}
img {max-width: 100%;vertical-align:bottom}
h1 {font-size:43px;text-transform:uppercase;font-weight:200;line-height:47px;margin:30px 0 0 0}
h2 {font-size:38px;font-weight:300;margin:0 0 30px 0;line-height:35px;text-transform:uppercase;letter-spacing:2px}
.effect-goliath h2 {font-size:22px;font-weight:300;margin:0;line-height:23px;text-transform:normal;letter-spacing:0px}

p {margin-bottom:10px}


.colcontainer{
    overflow:hidden;
    width:100%;
    display: table;
    border-collapse:separate;
	border-spacing: 10px 0;
}
.row {display:table-row}
.col4{
    width:25%;
    display: table-cell; 
    border:1px solid #ccc;
	box-sizing:border-box;
	background:#fff  
}
.boxcontainer{
    overflow:hidden;
    width:100%;
    display: table;
    border-collapse:separate;
}
.box2, .box4{display: table-cell; box-sizing:border-box;padding:40px 30px;background:#fff;vertical-align:middle}
.box2 {width:50%;}
.box4 {width:25%;}
.magenta {background:#ea098d}
.pink {background:#fbc6e4}

.col4 .inner {padding:18px;}
.col3 {width:33.33%;float:left }
.step-num:hover ~ .col4 {border:3px solid #000;}
.symbols {font-size:30px;font-weight:600;padding-left:5px}

/* ========================= STEPS ========================= */

.step-num,.step-num-cell{-webkit-transition:all .3s ease 0s}
.checkout-steps{margin:0 auto;padding:30px 0 20px;}
.step{float:left;text-align:center;width:25%}
.step-num{display:inline-block;height:45px;width:45px;transition:all .3s ease 0s}
.step-num-cell{display:table;height:100%;width:100%;position:relative;transition:all .3s ease 0s;border:1px solid #ddd;border-radius:50%}
.step-num-cell span{display:table-cell;vertical-align:middle;cursor:pointer}
.step-num-cell:after{
	background:#333;bottom:-50px;content:"";height:1px;left:0;
	position:absolute;width:100%;opacity:0;filter:alpha(opacity=0);
	-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s
	}
.step-num-cell.active,.step-num-cell:hover{border:1px solid #333;background:#333;color:#fff}
.step-num-cell.active:after,.step-num-cell:hover:after{opacity:1;filter:alpha(opacity=100)}

/* ========================= BENEFITS ========================= */

.benefit-num,.benefit-num-cell{-webkit-transition:all .3s ease 0s}
.checkout-steps{margin:0 auto;padding:30px 0 20px;}
.benefit{float:left;text-align:center;width:33.33%}
.benefit-num{display:inline-block;height:220px;width:220px;transition:all .3s ease 0s}
.benefit-num-cell{display:table;height:100%;width:100%;position:relative;transition:all .3s ease 0s;background:#fff;;border-radius:50%;border:4px solid #b0c9d1}
.benefit-num-cell span{display:table-cell;vertical-align:middle;cursor:pointer;padding:0 15px}

.benefit-num-cell.active,.benefit-num-cell:hover{background:#085a66;color:#fff;border:4px solid #085a66}
.benefit-num-cell.active:after,.benefit-num-cell:hover:after{opacity:1;filter:alpha(opacity=100)}


.number {font-size:30px;margin-top:10px}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eee;
}
hr.headunderline {
    width: 120px;
    border-color: #085a66;
    margin-top: 20px;
    margin-bottom: 20px;
}
hr.about {
    width: 200px;
    border-color: #c2e648;
    margin-top: 0;
	border-top: 1px solid #c2e648;
	margin-bottom:0
}
hr.why {
    width: 200px;
    border-color: #085a66;
    margin-top: 50px;
	border-top: 1px solid #085a66;
	margin-bottom:0
}
/* ========================= HEADER ========================= */
	
.header h2 {font-size:28px;line-height:30px;text-transform:uppercase;margin-top:20px}	
.header{text-align: center;width:100%;position: fixed;z-index:1}
.header.sticky {position: fixed;top:0}
.topheading {padding:5px 30px;display:inline-block;margin-top:20px}

.togglesocial {position:fixed;right:180px;top:19px;z-index:1000}

/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */

.cd-img-replace {
  display: inline-block;
  overflow: hidden;
  text-indent: 90%;
  white-space: nowrap;
}

/* -------------------------------- 
Main components 
-------------------------------- */

.cd-section {padding:100px 0;overflow:hidden;position:relative;z-index:2;}
.countercontainer {padding-top:35px;width:100%;max-width:1000px;margin:0 auto;text-align:center}
#home-section.cd-section {
	background: url(../img/bk.jpg) no-repeat left center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
	text-align:center;padding:0;
	min-height:100%;overflow:hidden
	}	
#home-section .cclogo {max-width:206px}
#about-the-client.cd-section {background:#d2187b url(../img/map.png) no-repeat left center fixed;color:#fff;padding:90px 0 0 0}
	#about-the-client.cd-section .wrap {max-width: 760px;padding:0 20px}
	#about-the-client.cd-section h2 {
		border: 2px solid #c2e648;
		display: inline-block;
		padding: 15px 20px;
		margin: 0 0 30px 0;
		background: #d2187b;
		color: #fff;
	}
#about-the-client .col3 {display:inline-block;padding:0 20px;width:33.33%}
#about-the-client .colcontainer{border-spacing:0;margin-top:30px}
#about-the-client .counter, #about-the-client .counter1 {font-size:60px;}
#about-the-client .counterstyle {font-size:18px}
.mb-wrap {margin:30px auto;clear:both;max-width:760px;}
.mb-style-2 blockquote{padding-top: 120px}
.mb-style-2 blockquote:after {
	font-family: 'icons';
	background: #d83a1f;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	content: '\275e'; 
	position: absolute;
	font-size: 70px;
	line-height: 130px;
	text-align: center;
	top: 0px;
	left: 50%;
	margin-left: -65px;
	color: rgba(255,255,255,0.5);
}
#business-challenges .mb-style-2 blockquote:after{background: #d2187b;}
#business-challenges .mb-author{color:#1a3e50} 
#manthans-solution .mb-author{color:#f0ca67}

.mb-style-2 blockquote p {
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	font-size: 18px;
	display: inline;
	color: #fff;
	line-height: 27px;
}

.mb-style-2 .mb-attribution {
	text-align: center;
}

.mb-style-2 .mb-author{
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 10px;
	color: #d83a1f;
	margin:10px 0;
	font-family: 'Roboto Slab', serif;
}

.mb-style-2 cite a{
	color: #d7aa94;
	font-style: italic;
}

.mb-style-2 cite a:hover{
	color: #d83a1f;
}
.testimonial {display:table;width: calc(100% - 20px);margin:0 auto;font-family: 'Roboto Slab', serif;font-weight:300;font-size:20px;line-height:30px;clear:both}
.testimonial .quotes {display:table-cell;width:25px;vertical-align:top}
.testimonial .quotes img {margin-top:10px}
.testimonial blockquote {display:table-cell;padding:0 40px;vertical-align:top;margin-top:0}
.testimonial p.mb-author {color:#fff;font-size:16px;font-weight:700 !important}


#testimonial.cd-section {background: url(../img/bk7.jpg) no-repeat top center fixed;background-size:cover;}
#testimonial p.mb-author {color:#d83a1f;}

#business-challenges.cd-section {background-color: #9dbb39;background: url(../img/bk6.jpg) no-repeat top center fixed;background-size:cover;}
	#business-challenges.cd-section .col4 {border:none;vertical-align:top;width:33.33%;}
	#business-challenges .col4.hvr-shutter-out-horizontal:before {background:#d83a1f;}
	#business-challenges .col4:hover {cursor:pointer}
	#business-challenges .testimonial {display:table;max-width:1230px;margin:50px auto 0;color:#fff;background:rgba(157,187,57,0.8);padding:25px;box-sizing:border-box}
	#business-challenges h2 {color:#fff;padding-bottom:20px}

#why-manthan.cd-section {background: url(../img/bk3.jpg) no-repeat top center fixed;background-size:cover;padding:200px 0 100px;font-size: 16px !important;line-height:26px}
	#why-manthan.cd-section h2 {border:1px solid #085a66;display:inline-block;padding:15px 20px;background:#fff}
	#why-manthan.cd-section .wrap {max-width: 680px;padding:0 20px}

#manthans-solution.cd-section {background-color: #30596e;}
	#manthans-solution.cd-section .col4 {border:1px solid #234150;margin-top:100px}
	#manthans-solution.cd-section .col4:hover {cursor:pointer}
	#manthans-solution.cd-section h2 {color:#fff}
	#manthans-solution .mb-style-2 cite {color: #fff;}
	#manthans-solution .testimonial {display:table;max-width:1230px;margin:0 auto;color:#fff;background:#d83a1f;padding:25px;box-sizing:border-box}
	#manthans-solution .colcontainer {border-spacing:10px 15px}
	
#business-results.cd-section {background: url(../img/bk5.jpg) no-repeat top center fixed;background-size:cover;}
	#business-results.cd-section .col4 {border: 1px solid #fff;vertical-align:top}
	#business-results.cd-section hr.headunderline {border-color: #d83a1f}
	#business-results .col4:hover hr.headunderline{border-color: #fff}
	#business-results .col4.hvr-shutter-out-horizontal:before {background:#d83a1f;}
	#business-results .col4:hover {cursor:pointer}
	#business-results.cd-section h2 {color:#fff}
	#business-results .colcontainer {margin-top:-15px}
#business-results .number {
    font-size: 30px;
    margin-top: 10px;
    background: #d83a1f;
    border-radius: 50%;
    height: 50px;
    width: 50px;
	line-height:50px;
	margin:0 auto 20px;
	color:#fff
}
#testimonial.cd-section {background-color: #fff;}

#manthan.cd-section {padding:80px 0 50px;background-color: #fff}

#quantified-benefits.cd-section {background:url(../img/noise.png) repeat;color:#fff;padding-bottom:20px;overflow:hidden;position:relative}
#quantified-benefits.cd-section h2 {border:1px solid #fff;display:inline-block;padding:15px 20px;}
#quantified-benefits.cd-section .wrap {position:relative;z-index:2}
#quantified-benefits.cd-section img {position:absolute;z-index:1;bottom:0;left:0;height:100%;width:auto}

#requestconsult.cd-section {background: url(../img/bk4.jpg) no-repeat top center fixed;background-size:cover;color:#fff}
#requestconsult.cd-section h2 {display:inline-block;padding:15px 20px;}
#request-consultation {padding:20px 0}
#request-consultation .field {padding:10px;width:25%;float:left;box-sizing:border-box}
#request-consultation input[type='text'] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;

	width:100%;
	padding:20px;
	box-sizing:border-box;
	border:none;
	background:#fff
	}
#request-consultation input[type='submit'] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;

	padding:20px 30px;
	box-sizing:border-box;
	border:none;
	background:#d83a1f;
	font-family: 'Roboto Slab', serif;
	font-size:15px;
	margin-top:10px;
	color:#fff;
	cursor:pointer;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	}
#request-consultation input:hover {background:#d9d9d9}
#request-consultation input[type='submit']:hover {background:#30596e}
input:focus { outline:none;}
*::-webkit-input-placeholder {color: #333;}
*:-moz-placeholder {color: #333;}
*::-moz-placeholder {color: #333;}
-input-placeholder {color: #333;}

#why-manthan h2.title {margin:60px 0 20px}


.col5 {width:20%;float:left}
.col5 img {width:100%;height:auto}

.cd-section .wrap {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin:0 auto
}


footer {text-align:center;background:#30596e;padding:30px;color:#fff;position:relative;z-index:2}
footer p {margin:0;font-size:13px;}
footer p.links {margin:0;font-size:14px;margin-bottom:20px;text-transform:uppercase}
footer a {color:#fff}
footer a:hover, #manthan a:hover {color:#9dbb39}

.counter, .counter1{font-family: 'Oswald', sans-serif;font-size:60px;line-height:70px}
.social {margin:20px 0 40px;border-top:1px solid #dbdedd;border-bottom:1px solid #dbdedd;padding:20px 0}
.social img {margin:0 10px}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	
	border-top: 30px solid #f00;
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:auto
}

#business-challenges .arrow-down {border-top: 30px solid #d2187b}
#manthans-solution .arrow-down {border-top: 30px solid #d83a1f;}
#business-results .arrow-down {border-top: 30px solid #30596e;}
img.manthanlogo {max-width:200px;height:auto;margin:20px 0}
#home-section img.manthanlogo {max-width:130px;height:auto;margin:25px 0 0}

img.dashboard {width:100%;max-width:550px;height:auto;margin:30px 0 0}
img.bccolumnimg {margin:20px 0 30px;max-width:150px;height:auto}
img.manthanlogoheader {position:fixed;top:10px;right:10px;max-width:150px}
img.ico {width:100%;max-width:150px;margin:10px 0 20px;height:auto}
/**
 * Circle Styles
 */

.circle {
  position: relative;
  display: block;
  margin: 30px 0;
  background-color: transparent;
  color: #222;
  text-align: center;
  width:25%;
  float:left;
  font-size:15px;
  padding:15px;
  box-sizing:border-box
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ddd;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 25px;
  vertical-align: middle;
}

/* #Counter Section
================================================== */

.counter-section {
	padding:30px 0 30px;
	max-width:1000px;
	width:100%;
	margin:0 auto
	   
}
.counter-box {
	text-align:center;
	padding:20px 0;
	margin-bottom:40px;
}
.counter-details {
	color:#fff;
	margin:15px 0 0 0;
	text-transform: uppercase;
	font-size:18px
}
.count {
	font-size: 60px;
	line-height: 1.2;
	padding: 0;
	margin-bottom: 20px;
	display:block;
	text-transform: uppercase;
}


/* MENU
================================================== */

.cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 38px;
  height: 44px;
  background: url("../img/cd-arrow-bottom.svg") no-repeat center center;
}

/* No Touch devices */
.cd-nav-trigger {
  display: none;
}

.no-touch #cd-vertical-nav {
  position: fixed;
  right: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.no-touch #cd-vertical-nav li {
  text-align: right;
}
.no-touch #cd-vertical-nav a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-touch #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
.no-touch #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.no-touch #cd-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-touch #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}
.no-touch #cd-vertical-nav a.is-selected .cd-dot {
  background-color: #ccc;
}
.no-touch #cd-vertical-nav .cd-dot {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  top: 6px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #000;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.no-touch #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 10px;
  padding: 2px;
  color: #000;
  font-size: 13px;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  display:none
}

/* Touch devices */
.touch .cd-nav-trigger {
  display: block;
  z-index: 999;
  position: fixed;
  bottom: 30px;
  right: 5%;
  height: 44px;
  width: 44px;
  border-radius: 0.25em;
  background: rgba(0, 0, 0, 0.9);
}
.touch .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #3e3947;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
}
.touch .cd-nav-trigger span::before {
  top: -9px;
}
.touch .cd-nav-trigger span::after {
  bottom: -9px;
}

.touch #cd-vertical-nav {
  position: fixed;
  z-index: 1000;
  right: 5%;
  bottom: 30px;
  width: 90%;
  max-width: 400px;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.95);
}
.touch #cd-vertical-nav a {
  display: block;
  padding: 1em;
  border-bottom: 1px solid rgba(62, 57, 71, 0.1);
}
.touch #cd-vertical-nav a span:first-child {
  display: none;
}
.touch #cd-vertical-nav a.is-selected span:last-child {
  color: #d88683;
}
.touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span {
  background-color: rgba(62, 57, 71, 0);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  background-color: #3e3947;
  height: 3px;
  width: 20px;
  border-radius: 0;
  left: -8px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 0;
}
.touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}
.mathanlogo {width:200px;float:left;}
	.mathanlogo img {width:175px;margin-top:2px}
.mathancontent{overflow:hidden;text-align:left;font-size:13px}
.mathancontent a {text-decoration:underline}

@media only screen and (min-width: 768px) {
  .touch .cd-nav-trigger, .touch #cd-vertical-nav {
    bottom: 40px;
  }
}
@media only screen and (max-width: 1200px) {
.cd-section .wrap {max-width:95%;box-sizing:border-box}	
}
@media only screen and (max-width: 1024px) {
	#home-section.cd-section {background-attachment:scroll;}
	#about-the-client.cd-section {background-attachment:scroll;}
	#business-challenges.cd-section {background-attachment:scroll;}
	#section4.cd-section {background-attachment:scroll;}
	#why-manthan.cd-section {background-attachment:scroll;}  
	#manthans-solution.cd-section {background-attachment:scroll;}  
	#section7.cd-section {background-attachment:scroll;}  
	#business-results.cd-section {background-attachment:scroll;}  
	#section9.cd-section {background-attachment:scroll;}  
	#home-section0.cd-section {background-attachment:scroll;}  
	.topheading {background:rgba(255,255,255,0.8);max-width:600px}
	.topheading br {display:none}
	.togglesocial {bottom:100px}
}

@media (max-width: 767px) {
	.colcontainer{border-spacing:0;}
	#manthans-solution .colcontainer {border-spacing:0}
	.col4{width:100%;display:block;margin-bottom:20px}
	.benefit {width:100%;margin-bottom:20px}
	.cd-section {padding:70px 20px}
	.mb-wrap {max-width:95%}
	#business-challenges.cd-section .col4 {width:100%}
	#request-consultation .field {width:50%}
	.testimonial {font-size:18px;line-height:28px;clear:both;width:100%}
	.testimonial .quotes {width:15px;}
	.testimonial blockquote {padding:0 20px;}
	#request-consultation .field {width:100%}
	.col3 {width:100%;padding:40px 0}
	#why-manthan.cd-section .wrap {max-width: 95%;}
	h1 {font-size: 30px;line-height: 35px;}
	br.hide {display:none}
	#request-consultation input[type='submit'] {width:100%}
	#request-consultation .field {padding:10px 0}
	#about-the-client.cd-section .wrap {max-width:90%;padding:0}
	#home-section .cclogo {max-width:150px}
	.cd-scroll-down {display:none}
	#about-the-client .col3,#quantified-benefits .col3 {width:100%;padding:0}
	img.lineimg {display:none}
	img.dashboard {margin-bottom:30px}
	hr.about  {display:none}
	.counter-box {margin:0}
	.mathanlogo {width:100%;float:left;}
	.mathanlogo img {width:175px;margin-top:2px}
	.mathancontent{overflow:auto;text-align:center;font-size:13px;width:100%;padding:20px;box-sizing:border-box}
	.mathancontent a {text-decoration:underline}
	img.manthanlogoheader {max-width:120px}
	.togglesocial {right:140px;}
}

@media (max-width: 500px) {
	img.manthanlogoheader {display:none}
	.togglesocial {right:20px;}

}
@font-face {
	font-family: 'Vanitas-Bold';
	src: url('fonts/2780B3_6_0.woff') format('woff');}
	
@font-face {
  font-family: "charmingcharlie";
  src:url("fonts/charmingcharlie.eot");
  src:url("fonts/charmingcharlie.eot?#iefix") format("embedded-opentype"),
    url("fonts/charmingcharlie.woff") format("woff"),
    url("fonts/charmingcharlie.ttf") format("truetype"),
    url("fonts/charmingcharlie.svg#charmingcharlie") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "charmingcharlie" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "charmingcharlie" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before {
  content: "\62";
}
.icon-arrow-down:before {
  content: "\61";
}
.icon-share-alt:before {
  content: "\63";
}
.icon-twitter:before {
  content: "\64";
}
.icon-facebook:before {
  content: "\65";
}
.icon-linkedin:before {
  content: "\66";
}
.icon-google-plus:before {
  content: "\67";
}
.icon-sharethis:before {
  content: "\68";
}


.consultation input[type="text"], .consultation input[type="email"]{    width: 20%;
    float: left;
    margin-left: 50px;
    background: #e1e1e1;
    color: #000;     padding: 16px;
    border-radius: 5px;}
	.consultation {   }
	
	.form-success, .form-error {
    display: none;
    width: 100%;
    padding: 6px 18px 8px 18px !important;
    margin-top: 12px;
    color: #fff;
    background-color: #55c950;
    border-radius: 20px;
}
form .field-error {
    background: #D74B4B !important;
}
.form-error {
    background-color: #D74B4B;
	clear: both;
    width: 30%;
}
#contact_results h1, #contact_results h3, .consultation h2, .consultation h3{ text-align:center;font-family: 'ralewaysemibold', Helvetica, Arial, sans-serif;}
#contact_results h1, #contact_results h3{font-size: 23px; text-transform:none;
    letter-spacing: 0px;}
#contact_results h3{font-size:20px; margin: 0px 0px 10px 0px; letter-spacing: 0px;}
span.ut-quote-comment{margin-bottom:40px; padding: 10px 50px;}
.consultation h3{font-size:25px;         margin: 40px 0px 60px 0px;     letter-spacing: 0px;}
.content-section.consultation{    padding-top: 90px;}