body {color:#393f48;}
p {color:#434a54;}
h1 {padding-bottom:20px;}
h4 {line-height:1.4em;}

/*---- ANIMATIONS ----*/
.navbar, .navbar.scrolled, .logo, .speech, .we-do { -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}


/*----- NAVIGATION BAR -----*/
.navbar {background:#f6f8fa;}
.navbar.scrolled{border-bottom:1px solid #fc6500 !important;}

.navbar-toggle {font-size:30px; padding:0.3em 0.3em 0 0.3em; margin:0.3em 0.5em 0.4em 0.5em; background:#fff; line-height:30px;}

.logo {float:left; display:block; padding:0.5em;}
.logo img {max-width:160px; width:100%;}

/* Required to make image fluid in IE */
.logo img:not(.png) {
  width: 100%;
}		


/*----- Home Call to Action -----*/
.call-act {height:100vh; background:#fff; padding-bottom:0 !important; margin-bottom:0 !important;}
.call-act .speech-box {padding:0 40px !important;margin-top:60px !important;}

.call-act .speech{position:relative; width:100%; height:300px; text-align:center; background-color:#f6f8fa;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:5px; line-height:300px;}

.call-act .speech:before {content:''; position:absolute; width:0; height:0; left:80px; top:100%; border:10px solid; border-color:#f6f8fa transparent transparent #f6f8fa;}

.call-act .speech p {display:inline-block; vertical-align:middle; font:300 italic 36px 'Roboto', sans-serif; color:#6d747d; padding:40px; line-height:normal;}
.call-act .speech p:before {position:absolute; left:12px; top:12px; content:'\32'; font-family:'zybeq'; color:#e5e6e8;}
.call-act .speech p:after {position:absolute; right:15px; bottom:10px; content:'\33'; font-family:'zybeq'; color:#e5e6e8;}

.call-act .speech p span {color:#4e3392;}

.call-act .speech-footer {float:left; display:inline; width:100%; position:relative;}
.call-act .speech-footer img {max-width:100px; position:absolute; left:-40px; top:-40px; border:none; padding:6px;}
.call-act .speech-footer p {padding-left:90px; padding-top:15px; font-style:italic; color:#99a3b1;}

.call-act h3 {display:inline-block; font-size:24px; font-weight:400; color:#434a54; text-align:center; line-height:36px;
padding:3vh 15vw !important;}


.btn-custom {background:#fc6500; color:#fff; font:500 36px 'Roboto', sans-serif; padding:15px 30px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s; margin-top:30px;}
.btn-custom:hover {background:#fff; color:#fc6500;
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(78,51,146,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(78,51,146,1);
box-shadow: inset 0px 0px 0px 2px rgba(78,51,146,1);

}


/*--------- WE DO ---------*/
.we-do {left:0; bottom:0; width:100%; background:#f6f8fa; text-align:center; margin-top:1em; }
.we-do h4 {font-size:1.7em; font-weight:300; color:#6d747d; padding-top:20px;}
.we-do ul li { display: inline-block; padding: 10px 20px; margin-top:10px; font-size:15px; color:#99a3b1; }
.we-do span.we-icon {display:block; text-align:center; font-size:24px; color:#abb1b5; padding-bottom:0.3em;-webkit-text-stroke: 0.Xpx;}



.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding:15px 0;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px; font-weight:500; font-size:14px;
}

.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 75%;
  background-color: rgb(78,51,146);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}


/*-------- ABOUT US-----------*/
.about {margin-top:50px; background:#fff; padding-bottom:0 !important; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
img.abt-gfx {float:none; margin:0 auto;}

.abt-think {padding-top:60px; padding-bottom:20px;}
.abt-think p {text-align:left !important;}
.abt-think h4 {text-align:left !important;}
.abt-think h3.punch {padding-top:10px; padding-bottom:10px; color:#fc6500;}





/*-------- SERVICES ---------*/
.icon-resp {font-size: 11.9vw; color:#99a3b1; text-align:center; padding-top:25px;}

@media (max-width:960px) {
	#services h2, #our-resources h2 {text-align:center; font-size:24px;}
}



/*---- CONTACT US-----*/

#contact-form .form-group {margin-left:0 !important;margin-right:0 !important;}

#contact-form .btn-custom {font-weight:500;  font-size:20px; margin-top:0; padding:10px 20px;}

.inner-addon {position: relative;}

/* style icon */
.inner-addon .icon {
  position: absolute;
  pointer-events: none;
  color:#b7bbc2; font-size:0.78em;
}

/* align icon */
.left-addon .icon  {left:10px; top:8px;}

/* add padding  */
.left-addon input, .left-addon textarea  { padding-left:  35px; }

.form-control {
  font-size: 14px;
  color:#555 !important;
  border: 1px solid #e3e4e8 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075) !important;
          box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075) !important;
  line-height:1.5em;
}
.form-control:focus {
  border-color: rgba(78, 51, 146, 1) !important;
  outline: 0;}




/*-------------PORTFOLIO---------------*/
.portfolio-item {padding-bottom:30px;}

.portfolio-items .thumbnail {border-color:#f0f2f5 !important; border-radius:0 !important; height:320px !important; max-height:325px !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.portfolio-items .thumbnail img {
	width:auto;
	max-width:100%;
	height:300px;
}


.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #4e3392;
  border: 1px solid #4e3392;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.thumbnail {margin-bottom:0; overflow:hidden; clear:both;}

.thumbnail img {text-align:center; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;padding:0; }


.portfolio-item .item-title {font:600 15px 'Open Sans', sans-serif; padding:0.7em 0.5em;}
.portfolio-item .item-title a {color:#6d747d; display:inline-block; width:100%;}
.portfolio-item .item-title a:hover {color:#434a54;}



.thumbnail:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}  

.portfolio-item:hover .item-title {background:#f6f8fa;}
.portfolio-item:hover .item-title a{color:#4e3392;}
.portfolio-item:hover .item-title a:after{content:'\27';font-family:'zybeq'; position:relative; top:2px; left:3px; font-weight:300;}





/*--------- FOOTER ---------*/
.footer {float:left; display:inline-block; width:100%; text-align:center; background:#fff; padding:2em 1em 2em 1em; font-size:15px; }
.footer p {color:#d1d5dc;}



@media (max-width:48.000em){
	.example-header .container { width: 100%; }
  	.we-do ul { width: 100%; font-weight: normal; }
  	.we-do ul li { width: 33.33%; float: left;}
	
	#contact-form .btn-custom {display:block; width:100%; text-align:center;}
	.icon-resp {font-size: 96px;}
}
/*
@media (max-width:540px) {
	.we-do {display:none;}
}*/

@media (max-width:900px) {
	.call-act .speech-box {margin-top:80px !important;}
	.call-act .speech {height:100% !important; line-height:28px !important;}
	.call-act .speech p {font-size:18px !important; font-weight:400; line-height:28px !important;}
	.call-act h3 {font-size:20px !important; line-height:30px;}
	.call-act .speech-footer p {font-size:18px;}
	
	.btn-custom {font-size:20px !important; padding:10px 15px !important;}
}

@media (max-width:980px) {
	.logo {padding:0.8em !important;}
	.navbar-toggle {padding:0.3em 0.3em 0 0.3em; margin:0.2em !important; }
	
	.call-act .speech-box {margin-top:80px !important;}
	.call-act .speech{height:100%; line-height:100%;}
}

@media (max-width:1200px) {
	.call-act {height:auto!important;}
	.we-do {position:relative !important; float:left !important; width:100%;}
	.call-act h3 {padding:2vh 10vw !important;}
	.call-act .speech p {font-size:24px; font-weight:400; line-height:34px;}
	.call-act .speech{height:250px; line-height:250px;}
}

/*------ HEIGHT MEDIA QUERY---------*/
@media (max-height:10200px) {
	.we-do {position:relative !important; float:left !important; width:100%;}
}