/******************** flaticon.css ******************************/
@font-face {
	font-family:"Flaticon";
	src:url("../font/flaticon.eot");
	src:url("../font/flaticon.eot#iefix") format("embedded-opentype"),url("../font/flaticon.woff") format("woff"),url("../font/flaticon.ttf") format("truetype"), url("../font/flaticon.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}

[class*="flaticon-"] {
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after {
	font-family:Flaticon;
	font-style:normal;
	display:inline-block;
	line-height:1em;
	position:relative;
}
.flaticon-target:before {
	content: "\e122";
}
.flaticon-traffic:before {
	content: "\e12b";
}
.flaticon-home34:before {
	content: "\e085";
}
.flaticon-241:before {
	content:"\e000";
}
.flaticon-app8:before {
	content:"\e006";
}
.flaticon-app9:before {
	content:"\e007";
}
.flaticon-arrow241:before {
	content:"\e009";
}
.flaticon-arrow270:before {
	content:"\e00a";
}
.flaticon-arrow367:before {
	content:"\e00c";
}
.flaticon-arrow86:before {
	content:"\e012";
	left:-10px;
}
.flaticon-article2:before {
	content:"\e017";
}
.flaticon-ascendant5:before {
	content:"\e018";
}
.flaticon-bald10:before {
	content:"\e01a";
}
.flaticon-bars23:before {
	content:"\e01d";
}
.flaticon-browser15:before {
	content:"\e020";
}
.flaticon-browser2:before {
	content:"\e021";
}
.flaticon-arrow90:before {
	content:"\e014";
}
.flaticon-business53:before {
	content:"\e022";
}
.flaticon-close11:before {
	content: "\e045";
}
.flaticon-business9:before {
	content:"\e025";
}
.flaticon-businessman46:before {
	content:"\e029";
}
.flaticon-businessman52:before {
	content:"\e02a";
	top:-4px;
}
.flaticon-businessman53:before {
	content:"\e02b";
}
.flaticon-businessman55:before {
	content:"\e02c";
}
.flaticon-businessman59:before {
	content:"\e02d";
}
.flaticon-businessmen10:before {
	content:"\e02f";
}
.flaticon-businessmen6:before {
	content:"\e030";
}
.flaticon-buying4:before {
	content:"\e031";
}
.flaticon-calendar60:before {
	content:"\e032";
}
.flaticon-calendar68:before {
	content:"\e033";
}
.flaticon-caret2:before {
	content:"\e034";
}
.flaticon-check2:before {
	content:"\e039";
}
.flaticon-check23:before {
	content:"\e03a";
}
.flaticon-chevron15:before {
	content:"\e03d";
}
.flaticon-choosing3:before {
	content:"\e03f";
}
.flaticon-chrome3:before {
	content:"\e040";
		top:9px;
}
.flaticon-codings:before {
	content:"\e048";
}
.flaticon-credit59:before {
	content:"\e04d";
}
.flaticon-css4:before {
	content:"\e050";
}
.flaticon-data45:before {
	content:"\e052";
}
.flaticon-debugging:before {
	content:"\e053";
}
.flaticon-design:before {
	content:"\e054";
}
.flaticon-desktop18:before {
	content:"\e055";
}
.flaticon-doc1:before {
	content:"\e057";
}
.flaticon-dollar116:before {
	content:"\e058";
}
.flaticon-dollar49:before {
	content:"\e059";
}
.flaticon-dollar51:before {
	content:"\e05a";
}
.flaticon-dollar66:before {
	content:"\e05b";
}
.flaticon-dollars14:before {
	content:"\e05c";
}
.flaticon-ecommerce1:before {
	content:"\e063";
}
.flaticon-edit1:before {
	content:"\e064";
}
.flaticon-edit26:before {
	content:"\e065";
}
.flaticon-email28:before {
	content:"\e067";
}
.flaticon-employee:before {
	content:"\e068";
}
.flaticon-envelope4:before {
	content:"\e069";
}
.flaticon-envelope5:before {
	content:"\e06a";
}
.flaticon-external2:before {
	content:"\e06e";
}
.flaticon-facebook25:before {
	content:"\e070";
}
.flaticon-facebook7:before {
	content:"\e071";
}
.flaticon-firefox:before {
	content:"\e073";
}
.flaticon-fonts:before {
	content:"\e076";
}
.flaticon-globe10:before {
	content:"\e078";
}
.flaticon-google26:before {
	content:"\e07b";
}
.flaticon-graphic5:before {
	content:"\e07d";
}
.flaticon-heart3:before {
	content:"\e081";
	top:0;
}
.flaticon-html:before {
	content:"\e088";
}
.flaticon-html10:before {
	content:"\e089";
}
.flaticon-html2:before {
	content:"\e08a";
}
.flaticon-html7:before {
	content:"\e08b";
}
.flaticon-human74:before {
	content:"\e08c";
}
.flaticon-idea11:before {
	content:"\e08d";
}
.flaticon-increasing5:before {
	content:"\e08e";
}
.flaticon-info3:before {
	content:"\e08f";
}
.flaticon-insignia:before {
	content:"\e090";
}
.flaticon-internet7:before {
	content:"\e091";
}
.flaticon-istockphoto:before {
	content:"\e094";
}
.flaticon-js:before {
	content:"\e096";
}
.flaticon-keywords:before {
	content:"\e098";
}
.flaticon-laptop73:before {
	content:"\e09a";
}
.flaticon-leadership:before {
	content:"\e09b";
}
.flaticon-line26:before {
	content:"\e09f";
}
.flaticon-link19:before {
	content:"\e0a0";
}
.flaticon-link22:before {
	content:"\e0a1";
}
.flaticon-linkedin10:before {
	content:"\e0a2";
}
.flaticon-linkedin2:before {
	content:"\e0a5";
}
.flaticon-locked1:before {
	content:"\e0ac";
}
.flaticon-magnifying35:before {
	content:"\e0b0";
}
.flaticon-male132:before {
	content:"\e0b2";
}
.flaticon-man77:before {
	content:"\e0b4";
}
.flaticon-map32:before {
	content:"\e0b5";
}
.flaticon-master3:before {
	content:"\e0b6";
}
.flaticon-men9:before {
	content:"\e0b8";
	width:90%;
}
.flaticon-menu10:before {
	content:"\e0b9";
}
.flaticon-mobile117:before {
	content:"\e0bc";
}
.flaticon-mobile132:before {
	content:"\e0bd";
}
.flaticon-mobile15:before {
	content:"\e0be";
}
.flaticon-mobile188:before {
	content:"\e0bf";
}
.flaticon-mobile22:before {
	content:"\e0c1";
}
.flaticon-moz:before {
	content:"\e0c3";
}
.flaticon-navigation9:before {
	content:"\e0c4";
}
.flaticon-office22:before {
	content:"\e0c8";
}
.flaticon-opera1:before {
	content:"\e0cb";
}
.flaticon-page36:before {
	content:"\e0cc";
}
.flaticon-page58:before {
	content:"\e0ce";
}
.flaticon-page61:before {
	content:"\e0d0";
}
.flaticon-part3:before {
	content:"\e0d5";
}
.flaticon-pay1:before {
	content:"\e0d6";
}
.flaticon-paypal10:before {
	content:"\e0d9";
}
.flaticon-paypal11:before {
	content:"\e0da";
}
.flaticon-person128:before {
	content:"\e0dd";
}
.flaticon-phone68:before {
	content:"\e0e0";
}
.flaticon-php1:before {
	content:"\e0e1";
}
.flaticon-play18:before {
	content: "\e0e2";
}
.flaticon-professional6:before {
	content:"\e0ea";
}
.flaticon-psd2:before {
	content:"\e0ef";
}
.flaticon-question17:before {
	content:"\e0f0";
}
.flaticon-refresh:before {
	content:"\e0f1";
}
.flaticon-responsive:before {
	content:"\e0f2";
}
.flaticon-responsive12:before {
	content:"\e0f4";
}
.flaticon-responsive16:before {
	content:"\e0f5";
}
.flaticon-responsive8:before {
	content:"\e0f6";
}
.flaticon-rocket5:before {
	content:"\e0f8";
}
.flaticon-running15:before {
	content:"\e0f9";
}
.flaticon-safari5:before {
	content:"\e0fa";
}
.flaticon-sale5:before {
	content:"\e0fb";
}
.flaticon-scaling1:before {
	content:"\e0fc";
}
.flaticon-screens4:before {
	content:"\e0fd";
}
.flaticon-search15:before {
	content:"\e0fe";
}
.flaticon-seo14:before {
	content:"\e0ff";
}
.flaticon-seo17:before {
	content:"\e100";
}
.flaticon-settings24:before {
	content:"\e103";
}
.flaticon-shop3:before {
	content:"\e104";
}
.flaticon-shopping111:before {
	content:"\e106";
}
.flaticon-shopping79:before {
	content:"\e10a";
}
.flaticon-shopping95:before {
	content:"\e10b";
}
.flaticon-simple31:before {
	content:"\e10d";
	transform:scale(2.6);
	top:0;
}
.flaticon-sitemap1:before {
	content:"\e10e";
}
.flaticon-skrill:before {
	content:"\e10f";
}
.flaticon-skrill1:before {
	content:"\e110";
}
.flaticon-small16:before {
	content:"\e112";
}
.flaticon-small68:before {
	content:"\e114";
	transform:scale(2.6);
	top:0;
}
.flaticon-google21:before {
  content: "";
}
.flaticon-play35:before {
  content: "";
}
.flaticon-smartphone:before {
	content:"\e116";
}
.flaticon-social6:before {
	content:"\e119";
}
.flaticon-social71:before {
	content:"\e11a";
}
.flaticon-speech55:before {
	content:"\e11b";
}
.flaticon-sql2:before {
	content:"\e11c";
}
.flaticon-telephone47:before {
	content:"\e124";
}
.flaticon-thumbs26:before {
	content:"\e128";
}
.flaticon-time7:before {
	content:"\e129";
}
.flaticon-transit5:before {
	content:"\e12c";
}
.flaticon-twitter16:before {
	content:"\e12e";
}
.flaticon-user105:before {
	content:"\e132";
}
.flaticon-visa4:before {
	content:"\e136";
}
.flaticon-weblinks:before {
	content:"\e138";
}
.flaticon-website11:before {
	content:"\e139";
}
.flaticon-website8:before {
	content:"\e13a";
}
.flaticon-window26:before {
	content:"\e13d";
}
.flaticon-winners:before {
	content:"\e13e";
}
.flaticon-wordpress12:before {
	content:"\e140";
}
.flaticon-wordpress4:before {
	content:"\e141";
}
.flaticon-working2:before {
	content:"\e142";
}
.flaticon-world:before {
	content:"\e143";
}
.flaticon-writing14:before {
	content:"\e145";
}
.flaticon-youtube3:before {
	content:"\e146";
}
.flaticon-youtube7:before {
	content:"\e147";
}
.flaticon-zip7:before {
	content:"\e148";
}
.flaticon-google17:before {
  content: "";
}
.flaticon-facebook11:before {
  content: "";
}
.flaticon-newspapers:before {
	content: "\e0c5";
}
.scale008:before {
	transform:scale(0.8);
	-webkit-transform:scale(0.8);
}
.scale095:before {
	transform:scale(0.95);
	-webkit-transform:scale(0.95);
}
.scale1:before {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.scale105:before {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.scale12:before {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.scale125:before {
	transform:scale(1.25);
	-webkit-transform:scale(1.25);
}
.scale13:before {
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
}
.scale135:before {
	transform:scale(1.35);
	-webkit-transform:scale(1.35);
}
.scale14:before {
	transform:scale(1.4);
	-webkit-transform:scale(1.4);
}
.scale15:before {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
}
.scale16:before {
	transform:scale(1.6);
	-webkit-transform:scale(1.6);
}
.scale17:before {
	transform:scale(1.7);
	-webkit-transform:scale(1.7);
}
.scale18:before {
	transform:scale(1.8);
	-webkit-transform:scale(1.8);
}
.scale19:before {
	transform:scale(1.9);
	-webkit-transform:scale(1.9);
}
.scale195:before {
	transform:scale(1.95);
	-webkit-transform:scale(1.95);
}
.scale2:before {
	transform:scale(2);
	-webkit-transform:scale(2);
}
.scale21:before {
	transform:scale(2.1);
	-webkit-transform:scale(2.1);
}
.scale22:before {
	transform:scale(2.2);
	-webkit-transform:scale(2.2);
}
.scale24:before {
	transform:scale(2.4);
	-webkit-transform:scale(2.4);
}
.scale28:before {
	transform:scale(2.8);
	-webkit-transform:scale(2.8);
}
.scale29:before {
	transform:scale(2.9);
	-webkit-transform:scale(2.9);
}
.scale36:before {
	transform:scale(3.6);
	-webkit-transform:scale(3.6);
}
.scale41:before {
	transform:scale(4.1);
	-webkit-transform:scale(4.1);
}
.scale42:before {
	transform:scale(4.2);
	-webkit-transform:scale(4.2);
}
.bf-l15:before {
	left:-15px;
}
.bf-t20:before {
	top:-20px;
}
.bf-t10:before {
	top:-10px;
}
.bf-top0:before {
	top:0px;
}
.bf-top5:before {
	top:5px;
}
.bf-top10:before {
	top:10px;
}
.bf-top15:before {
	top:15px;
}
.bf-top20:before {
	top: 20px;
}
.clouds_BG .cloud {
   margin-top: -205px !important;
}
.divimages{display:none;}
/******************** animate.css ******************************/
@-webkit-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-moz-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-o-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-webkit-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -webkit-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
}
@-moz-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -moz-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateY();
	}
}
@-o-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -o-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateY();
	}
}
@keyframes fadeInUp {
		0% {
		 opacity:0;
		 transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 transform:translateY();
	}
}
@-webkit-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -webkit-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
}
@-moz-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -moz-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateY();
	}
}
@-o-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -o-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateY();
	}
}
@keyframes fadeInDown {
		0% {
		 opacity:0;

		 transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 transform:translateY();
	}
}
@-webkit-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -webkit-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateX();
	}
}
@-moz-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -moz-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateX();
	}
}
@-o-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -o-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateX();
	}
}
@keyframes fadeInLeft {
		0% {
		 opacity:0;
		 transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 transform:translateX();
	}
}
@-webkit-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -webkit-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateX();
	}
}
@-moz-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -moz-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateX();
	}
}
@-o-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -o-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateX();
	}
}
@keyframes fadeInRight {
		0% {
		 opacity:0;
		 transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 transform:translateX();
	}
}
@-webkit-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-moz-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-o-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-webkit-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
	100% {
		 opacity:0;
		 -webkit-transform:translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -moz-transform:translateY();
	}
	100% {
		 opacity:0;
		 -moz-transform:translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -o-transform:translateY();
	}
	100% {
		 opacity:0;
		 -o-transform:translateY(-20px);
	}
}
@keyframes fadeOutUp {
		0% {
		 opacity:1;
		 transform:translateY();
	}
	100% {
		 opacity:0;
		 transform:translateY(-20px);
	}
}
@-webkit-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
	100% {
		 opacity:0;
		 -webkit-transform:translateY(20px);
	}
}
@-moz-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -moz-transform:translateY();
	}
	100% {
		 opacity:0;
		 -moz-transform:translateY(20px);
	}
}
@-o-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -o-transform:translateY();
	}
	100% {
		 opacity:0;
		 -o-transform:translateY(20px);
	}
}
@keyframes fadeOutDown {
		0% {
		 opacity:1;
		 transform:translateY();
	}
	100% {
		 opacity:0;
		 transform:translateY(20px);
	}
}
@-webkit-keyframes bounceIn {
		0% {
		 opacity:0;
		 -webkit-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -webkit-transform:scale(1.05);
	}
	70% {
		-webkit-transform:scale(.9)
	}
	100% {
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes bounceIn {
		0% {
		 opacity:0;
		 -moz-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -moz-transform:scale(1.05);
	}
	70% {
		-moz-transform:scale(.9)
	}
	100% {
		-moz-transform:scale(1)
	}
}
@-o-keyframes bounceIn {
		0% {
		 opacity:0;
		 -o-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -o-transform:scale(1.05);
	}
	70% {
		-o-transform:scale(.9)
	}
	100% {
		-o-transform:scale(1)
	}
}
@keyframes bounceIn {
		0% {
		 opacity:0;
		 transform:scale(.3);
	}
	50% {
		 opacity:1;
		 transform:scale(1.05);
	}
	70% {
		transform:scale(.9)
	}
	100% {
		transform: scale(1)
	}
}
/******************** bootstrap.css ******************************/
/** Bootstrap v2.3.0 */
.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	display:table;
	line-height:0;
	content:"";
}
.clearfix:after {
	clear:both;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block;
}
audio,canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
a:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
a:hover,a:active {
	outline:0;
}
sub,sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
button,input,select,textarea {
	margin:0;
	font-size:100%;
	vertical-align:middle;
}
button,input {
	*overflow:visible;
	line-height:normal;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
}
label,select,button,input[type="submit"] {
	cursor:pointer;
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none;
}
textarea {
	overflow:auto;
	vertical-align:top;
}
@media print {
	* {
		color:#000 !important;
		text-shadow:none !important;
		background:transparent !important;
		box-shadow:none !important;
	}
	a,a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,h2,h3 {
		orphans:3;
		widows:3;
	}
	h2,h3 {
		page-break-after:avoid;
	}
}
body {
	margin:0;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:20px;
	color:#333333;
	background-color:#ffffff;
}
a {
	color:#4CB9DA;
	text-decoration:none;
}
a:hover,a:focus {
	color:#4CB9DA;
	text-decoration:underline;
}
.img-circle {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
}
[class*="span"] {
	float:left;
	min-height:1px;
	margin-left:20px;
}
.container,.navbar-fixed-top .container {
	width:940px;
}
.span12 {
	width:940px;
}
.span10 {
	width:715px;
}
.span9-5 {
	width:75%!Important;
}
.span9 {
	width:665px;
}
.span8 {
	width:590px;
}
.span7 {
	width:498px;
}
.span6 {
	width:440px;
}
.span5 {
	width:380px;
}
.span4 {
	width:300px;
}
.span4 {
	width:286px;
}
.span3 {
	width:212px;
}
.span2-5 {
	width:25%!Important;
}
.span2 {
	width:164px;
}
.offset2 {
	margin-left:12px;
}
.row-fluid {
	width:100%;
	*zoom:1;
}
.row-fluid:before,.row-fluid:after {
	display:table;
	line-height:0;
	content:"";
}
.row-fluid:after {
	clear:both;
}
.row-fluid [class*="span"] {
	display:block;
	float:left;
	width:100%;
	min-height:30px;
	margin-left:2.127659574468085%;
	*margin-left:2.074468085106383%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.row-fluid [class*="span"]:first-child {
	margin-left:0;
}
.row-fluid .span12 {
	width:100%;
	*width:99.94680851063829%;
}
.row-fluid .span12.img-span {
	margin:50px 0;
}
.row-fluid .span10 {
	width:82.97872340425532%;
	*width:82.92553191489361%;
}
.row-fluid .span9 {
	width:74.46808510638297%;
	*width:74.41489361702126%;
}
.row-fluid .span8 {
	width:65.95744680851064%;
	*width:65.90425531914893%;
}
.row-fluid .span7 {
	width:57.44680851063829%;
	*width:57.39361702127659%;
}
.row-fluid .span6 {
	width:48.93617021276595%;
	*width:48.88297872340425%;
}
.row-fluid .span5 {
	width:40.42553191489362%;
	*width:40.37234042553192%;
}
.row-fluid .span4 {
	width:31.914893617021278%;
	*width:31.861702127659576%;
}
.row-fluid .span3 {
	width:23.404255319148934%;
	*width:23.351063829787233%;
}
.row-fluid .span2 {
	width:14.893617021276595%;
	*width:14.840425531914894%;
}
.row-fluid .offset2 {
	margin-left:19.148936170212764%;
	*margin-left:19.04255319148936%;
}
.row-fluid .offset2:first-child {
	margin-left:17.02127659574468%;
	*margin-left:16.914893617021278%;
}
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right {
	float:right;
}
.container {
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
}
.container:before,.container:after {
	display:table;
	line-height:0;
	content:"";
}
.container:after {
	clear:both;
}
p {
	margin:0 0 10px;
}
small {
	font-size:100%;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
cite {
	font-style:normal;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
h1,h2,h3,h4,h5,h6 {
	margin:10px 0;
	font-family:inherit;
	font-weight:bold;
	line-height:20px;
	color:inherit;
	text-rendering:optimizelegibility;
}
h1,h2,h3 {
	line-height:40px;
}
h1 {
	font-size:38.5px;
}
h2 {
	font-size:31.5px;
}
h3 {
	font-size:24.5px;
}
h4 {
	font-size:17.5px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:11.9px;
}
ul,ol {
	padding:0;
	margin:0 0 10px 0px;
}
ul ul {
	margin-bottom:0;
}
li {
	line-height:20px;
}
dl {
	margin-bottom:20px;
}
dt,dd {
	line-height:20px;
}
dt {
	font-weight:bold;
}
dd {
	margin-left:10px;
}
hr {
	margin:20px 0 40px 0;
	border:0;
	border-top:1px solid #cccccc;
}
blockquote {
	padding:0 0 0 15px;
	margin:0 0 20px;
	border-left:5px solid #eeeeee;
}
blockquote p {
	/* margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25;*/
}
blockquote small {
	display:block;
	line-height:20px;
	color:#999999;
}
blockquote small:before {
	content:'\2014 \00A0';
}
q:before,q:after,blockquote:before,blockquote:after {
	content:"";
}
address {
	display:block;
	margin-bottom:20px;
	font-style:normal;
	line-height:20px;
}
code,pre {
	padding:0 3px 2px;
	font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
	font-size:12px;
	color:#333333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
code {
	padding:2px 4px;
	color:#d14;
	white-space:nowrap;
	background-color:#f7f7f9;
	border:1px solid #e1e1e8;
}
pre {
	display:block;
	padding:9.5px;
	margin:0 0 10px;
	font-size:13px;
	line-height:20px;
	word-break:break-all;
	word-wrap:break-word;
	white-space:pre;
	white-space:pre-wrap;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.15);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
form {
	margin:0 0 20px;
}
fieldset {
	padding:0;
	margin:0;
	border:0;
}
legend {
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
	font-size:21px;
	line-height:40px;
	color:#333333;
	border:0;
	border-bottom:1px solid #e5e5e5;
}
label,input,button,select,textarea {
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}
input,button,select,textarea {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
label {
	display:block;
	margin-bottom:5px;
}
select,textarea,input[type="text"],input[type="number"],input[type="email"] {
	display:inline-block;
	height:20px;
	padding:4px 6px;
	margin-bottom:10px;
	font-size:14px;
	line-height:20px;
	color:#555555;
	vertical-align:middle;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
input,textarea {
	width:206px;
}
textarea {
	height:auto;
}
textarea,input[type="text"],input[type="number"],input[type="email"] {
	background-color:#ffffff;
	border:1px solid #cccccc;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;
	transition: border linear 0.2s,box-shadow linear 0.2s;
}
textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus {
	border-color:rgba(82,168,236,0.8);
	outline:0;
	outline:thin dotted \9;
	/* IE6-9 */
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}
input[type="file"],input[type="submit"] {
	width: auto;
}
select,input[type="file"] {
	height:30px;
	/* In IE7,the height of the select element cannot be changed by height,only font-size */
	*margin-top:4px;
	/* For IE7,add top margin to align select with labels */
	line-height:30px;
}
select {
	width:220px;
	background-color:#ffffff;
	border:1px solid #cccccc;
}
select:focus,input[type="file"]:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
input:-moz-placeholder,textarea:-moz-placeholder {
	color:#999999;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color:#999999;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#999999;
}
input[class*="span"],select[class*="span"],textarea[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"] {
	float:none;
	margin-left:0;
}
.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"] {
	display:inline-block;
}
input,textarea {
	margin-left:0;
}
input.span12,textarea.span12 {
	width:926px;
}
input[readonly] {
	cursor:not-allowed;
	background-color:#eeeeee;
}
input:focus:invalid,textarea:focus:invalid {
	color:#b94a48;
	border-color:#ee5f5b;
}
input:focus:invalid:focus,textarea:focus:invalid:focus,.invalid {
	border-color:#e9322d;
	-webkit-box-shadow:0 0 6px #f8b9b7;
	-moz-box-shadow:0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}
.invalid {border-color:#e9322d !important;-webkit-box-shadow:0 0 6px #f8b9b7 !important;-moz-box-shadow:0 0 6px #f8b9b7 !important;box-shadow: 0 0 6px #f8b9b7 !important;}

/* Allow for input prepend/append in search forms */
table {
	max-width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing: 0;
}
/* White icons with optional class,or on hover/focus/active states of certain elements */
.dropdown {
	position:relative;
}
.dropdown-toggle {
	*margin-bottom:-3px;
}
.dropdown-toggle:active {
	outline:0;
}
.dropdown .caret {
	margin-top:8px;
	margin-left:2px;
}
.dropdown-menu {
	padding:5px 0;
	position:absolute;
	display:none;
}
.dropdown-menu>li>a {
	display:block;
	padding:3px 30px;
	clear:both;
	font-weight:normal;
	line-height:45px;
	color:#333333;
	white-space:nowrap;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
	color:#ffffff;
	text-decoration:none;
	background-color:#3EA9F5;
}
.fade {
	opacity:0;
	-webkit-transition:opacity 0.15s linear;
	-moz-transition:opacity 0.15s linear;
	-o-transition:opacity 0.15s linear;
	transition:opacity 0.15s linear;
}
.fade.in {
	opacity:1;
}
.collapse {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition:height 0.35s ease;
	-moz-transition:height 0.35s ease;
	-o-transition:height 0.35s ease;
	transition:height 0.35s ease;
}
.btn {
	display:inline-block;
	*display:inline;
	padding:4px 12px;
	margin-bottom:0;
	*margin-left:.3em;
	color:#333333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	*background-color:#e6e6e6;
	background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
	background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);
	background-repeat:repeat-x;
	border:1px solid #cccccc;
	*border:0;
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color:#b3b3b3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom:1;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.btn:hover,.btn:focus,.btn:active {
	color:#333333;
	background-color:#e6e6e6;
	*background-color:#d9d9d9;
}
.btn:active {
	background-color:#cccccc \9;
}
.btn:first-child {
	*margin-left:0;
}
.btn:hover,.btn:focus {
	color:#333333;
	text-decoration:none;
	background-position:0 -15px;
	-webkit-transition:background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear;
}
.btn:focus {
	outline:none;
}
.btn:active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}
.btn-large {
	/* padding:11px 19px;font-size:17.5px;*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.btn-block {
	display:block;
	width:100%;
	padding-right:0;
	padding-left:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.btn-info {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#49afcd;
	*background-color:#2f96b4;
	background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
	background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);
	background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);
	background-repeat:repeat-x;
	border-color:#2f96b4 #2f96b4 #1f6377;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover,.btn-info:focus,.btn-info:active {
	color:#ffffff;
	background-color:#2f96b4;
	*background-color:#2a85a0;
}
.btn-info:active {
	background-color:#24748c \9;
}
button.btn,input[type="submit"].btn {
	*padding-top:3px;
	*padding-bottom:3px;
}
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
	padding:0;
	border:0;
}
input[type="submit"].btn.btn-large {
	*padding-top:7px;
	*padding-bottom:7px;
}
.tooltip {
	position:absolute;
	z-index:1030;
	display:block;
	font-size:12px;
	line-height:1.4;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:visible;
}
.tooltip.in {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.tooltip.top {
	padding:5px 0;
	margin-top:-3px;
}
.tooltip.right {
	padding:0 5px;
	margin-left:3px;
}
.tooltip.bottom {
	padding:5px 0;
	margin-top:3px;
}
.tooltip.left {
	padding:0 5px;
	margin-left:-3px;
}
.tooltip-inner {
	max-width:200px;
	padding:8px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	background-color:#000000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.tooltip-arrow {
	position:absolute;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}
.tooltip.top .tooltip-arrow {
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-top-color:#000000;
	border-width:5px 5px 0;
}
.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-right-color:#000000;
	border-width:5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-left-color:#000000;
	border-width:5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
	top:0;
	left:50%;
	margin-left:-5px;
	border-bottom-color:#000000;
	border-width:0 5px 5px;
}
.popover {
	position:absolute;
	top:0;
	left:0;
	z-index:1010;
	display:none;
	max-width:276px;
	padding:1px;
	text-align:left;
	white-space:normal;
	background-color:#ffffff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}
.popover.top {
	margin-top:-10px;
}
.popover.right {
	margin-left:10px;
}
.popover.bottom {
	margin-top:10px;
}
.popover.left {
	margin-left:-10px;
}
.popover-title {
	padding:8px 14px;
	margin:0;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	background-color:#f7f7f7;
	border-bottom:1px solid #ebebeb;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.popover-title:empty {
	display:none;
}
.popover-content {
	padding:9px 14px;
}
.popover .arrow,.popover .arrow:after {
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}
.popover .arrow {
	border-width:11px;
}
.popover .arrow:after {
	border-width:10px;
	content:"";
}
.popover.top .arrow {
	bottom:-11px;
	left:50%;
	margin-left:-11px;
	border-top-color:#999;
	border-top-color:rgba(0,0,0,0.25);
	border-bottom-width:0;
}
.popover.top .arrow:after {
	bottom:1px;
	margin-left:-10px;
	border-top-color:#ffffff;
	border-bottom-width:0;
}
.popover.right .arrow {
	top:50%;
	left:-11px;
	margin-top:-11px;
	border-right-color:#999;
	border-right-color:rgba(0,0,0,0.25);
	border-left-width:0;
}
.popover.right .arrow:after {
	bottom:-10px;
	left:1px;
	border-right-color:#ffffff;
	border-left-width:0;
}
.popover.bottom .arrow {
	top:-11px;
	left:50%;
	margin-left:-11px;
	border-bottom-color:#999;
	border-bottom-color:rgba(0,0,0,0.25);
	border-top-width:0;
}
.popover.bottom .arrow:after {
	top:1px;
	margin-left:-10px;
	border-bottom-color:#ffffff;
	border-top-width:0;
}
.popover.left .arrow {
	top:50%;
	right:-11px;
	margin-top:-11px;
	border-left-color:#999;
	border-left-color:rgba(0,0,0,0.25);
	border-right-width:0;
}
.popover.left .arrow:after {
	right:1px;
	bottom:-10px;
	border-left-color:#ffffff;
	border-right-width:0;
}
.nav {
	margin-bottom:20px;
	margin-left:0;
	list-style:none;
}
.nav>li>a {
	display:block;
}
.nav>li>a:hover,.nav>li>a:focus {
	text-decoration:none;
	background-color:#eeeeee;
}
.nav-tabs {
	*zoom:1;
}
.nav-tabs:before,.nav-tabs:after {
	display:table;
	line-height:0;
	content:"";
}
.nav-tabs:after {
	clear:both;
}
.nav-tabs>li {
	float: left;
}
.nav-tabs>li>a {
	/* padding-right:12px;padding-left:12px;margin-right:2px;*/
	line-height:14px;
}
.nav-tabs {
	border-bottom:1px solid #ddd;
}
.nav-tabs>li {
	margin-bottom:-1px;
}
.nav-tabs>li>a {
	padding:25px;
	line-height:20px;
	background-color:rgba(171,201,168,0.2);
}
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
	border-color:#eeeeee #eeeeee #dddddd;
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus {
}

.tabbable {
	*zoom:1;
}
.tabbable:before,.tabbable:after {
	display:table;
	line-height:0;
	content:"";
}
.tabbable:after {
	clear:both;
}
.tab-content {
	overflow:auto;
}
.tabs-left>.nav-tabs {
	border-bottom:0;
}
.tab-content>.tab-pane {
	display:none;
}
.tab-content>.active {
	display:block;
}
.tabs-left>.nav-tabs>li {
	float:none;
}
.tabs-left>.nav-tabs>li>a {
	min-width:74px;
	margin-right:0;
	margin-bottom:3px;
}
.tabs-left>.nav-tabs {
	float:left;
	margin-right:19px;
}
.tabs-left>.nav-tabs>li>a {
	margin-right:-1px;
}
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
	color:#333!Important;
}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
	border-color:#ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}
.navbar {
	*position:relative;
	*z-index:2;
	/* margin-bottom:20px;*/
	overflow:visible;
}
.navbar-inner {
	min-height:40px;
	padding-right:20px;
	padding-left:20px;
	/* background-color:#fafafa;background-image:-moz-linear-gradient(top,#ffffff,#f2f2f2);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));background-image:-webkit-linear-gradient(top,#ffffff,#f2f2f2);background-image:-o-linear-gradient(top,#ffffff,#f2f2f2);background-image:linear-gradient(to bottom,#ffffff,#f2f2f2);background-repeat:repeat-x;*/
	border:1px solid #d4d4d4;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
	*zoom:1;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);
	box-shadow:0 1px 4px rgba(0,0,0,0.065);
}
.navbar-inner:before,.navbar-inner:after {
	display:table;
	line-height:0;
	content:"";
}
.navbar-inner:after {
	clear:both;
}
.navbar .container {
	width:auto;
}
.nav-collapse.collapse {
	height:auto;
	overflow:visible;
}
.navbar .brand {
	display:block;
	float:left;
	padding:10px 20px 10px;
	font-size:20px;
	font-weight:200;
	color:#777777;
	text-shadow:0 1px 0 #ffffff;
}
.navbar .brand:hover,.navbar .brand:focus {
	text-decoration:none;
}
.navbar .btn {
	margin-top:5px;
}
.navbar-fixed-top {
	position:fixed;
	right:0;
	left:0;
	z-index:1030;
	margin-bottom:0;
}
.navbar-fixed-top .navbar-inner {
	border-width:0 0 1px;
}
.navbar-fixed-top .navbar-inner {
	padding-right:0;
	padding-left:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.navbar-fixed-top .container {
	width:940px;
}
.navbar-fixed-top {
	top:0;
}
.navbar-fixed-top .navbar-inner {
	-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);
	box-shadow:0 1px 10px rgba(0,0,0,0.1);
}
.navbar .nav {
	position:relative;
	display:block;
	margin:0;
}
.navbar .nav.pull-right {
	float:right;
	margin-right:0;
}
.navbar .nav>li {
	float:left;
}
.navbar .nav>li>a {
	float:none;
	padding:10px 15px 10px;
	color:#fff;
	text-decoration:none;
	/*text-shadow:0 1px 0 #ffffff;*/
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
	color:#fff;
	text-decoration:none;
	background-color:transparent;
}
.navbar .btn-navbar {
	display:none;
	float:right;
	padding:7px 10px;
	margin-right:5px;
	margin-left:5px;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#ededed;
	*background-color:#e5e5e5;
	background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
	background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
	background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5);
	background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5);
	background-repeat:repeat-x;
	border-color:#e5e5e5 #e5e5e5 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
}
.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active {
	color:#ffffff;
	background-color:#e5e5e5;
	*background-color:#d9d9d9;
}
.navbar .btn-navbar:active {
	background-color:#cccccc \9;
}
.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret {
	border-top-color:#333333;
	border-bottom-color:#333333;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
	border-top-color:#777777;
	border-bottom-color:#777777;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
	color:#cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
	color:#cccccc;
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position:40px 0;
	}
	to {
		background-position:0 0;
	}
}
@-moz-keyframes progress-bar-stripes {
	from {
		background-position:40px 0;
	}
	to {
		background-position:0 0;
	}
}
@-ms-keyframes progress-bar-stripes {
	from {
		background-position:40px 0;
	}
	to {
		background-position:0 0;
	}
}
@-o-keyframes progress-bar-stripes {
	from {
		background-position:0 0;
	}
	to {
		background-position:40px 0;
	}
}
@keyframes progress-bar-stripes {
	from {
		background-position:40px 0;
	}
	to {
		background-position:0 0;
	}
}
.carousel {
	position:relative;
	margin-bottom:20px;
	line-height:1;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
}
.carousel-inner>.item {
	position:relative;
	display:none;
	-webkit-transition:0.6s ease-in-out left;
	-moz-transition:0.6s ease-in-out left;
	-o-transition:0.6s ease-in-out left;
	transition:0.6s ease-in-out left;
}
.carousel-inner>.active {
	display:block;
}
.carousel-inner>.active {
	left:0;
}
.carousel-indicators {
	position:absolute;
	top:15px;
	right:15px;
	z-index:5;
	margin:0;
	list-style:none;
}
.carousel-indicators li {
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin-left:5px;
	text-indent:-999px;
	background-color:#ccc;
	background-color:rgba(255,255,255,0.25);
	border-radius:5px;
}
.carousel-indicators .active {
	background-color:#fff;
}
.pull-right {
	float:right;
}
.pull-left {
	float: left;
}

.section-joint { 

    height: auto;
    margin-top: -163px;
    text-align: center;
    width: 100%;
} 
.what-actually{background-image:url("../images/what-actually.png"); background-repeat:no-repeat; background-position:bottom center;}


.what-actually .bottom-tabs li a::before {
    background-color: #5EC0DE;
    border-radius: 100px;
    content: "";
    display: block;
    height: 10em;
    left: -3px;
    margin-bottom: -80%;
    position: relative;
    top: -30px;
    width: 10em;
    z-index:-1;
}

.what-actually .bottom-tabs li a {
    position: relative;
    display: b;
    width: 10em;
    display: block;
    z-index: 0;
}

.what-actually .bottom-tabs li {
 padding: 75px 3% 6%;
}

.what-actually .bottom-tabs li a:after {
  background-color:#5EC0DE;
  content: "";
  display: block;
  height: 10px;
  margin-bottom: 4px;
  position: relative;
  right: -85%;
  top: -15px;
  width: 60%;
  z-index: 0;
}

.what-actually .bottom-tabs li.active:before {
  margin-left: -28px;
  padding-left: 1px;
}

.what-actually .bottom-tabs li.active:after {
  margin-left: -23px;
}
.align-from-top {padding:68px 0 35px !important}
.botttomheadalign i:before {
  background-color: #5EC0DE;
  border-radius: 100%;
  font-size: 120px;
  height: 151px;
  padding: 52px 30px 30px;
  text-align: center;
  text-indent: -3px;
  width: 172px;
}
.botttomheadalign .flaticon-search15:before {
  height: 145px;
  padding: 58px 30px 30px;
}
.botttomheadalign .flaticon-info3 {margin: 0 0 -58px;}
.botttomheadalign .flaticon-info3:before {
  height: 172px;
  padding: 90px 60px 30px;
  position: relative;
  text-indent: -21px;
  top: -29px;
  width: 172px;
}
.botttomheadalign i:after {
  border-right: 12px dotted #5EC0DE;
  content: "";
  display: block;
  height: 195px;
  margin-left: 85px;
  position: absolute;
  top: 7px;
  width: 25px;
}
.botttomheadalign .flaticon-info3:after {
  margin-left: 115px;
}




/****************************** bootstrap-responsive.css ******************************/
/** Bootstrap Responsive v2.3.0 */
.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	display:table;
	line-height:0;
	content:"";
}
.clearfix:after {
	clear:both;
}
@-ms-viewport {
	width:device-width;
}


@media (max-width:2560px)
{

	#slides {
    height: 760px !important;
}
}
@media (min-width:1200px) {
	[class*="span"] {
		float:left;
		min-height:1px;
		margin-left:30px;
	}
	.container,.navbar-fixed-top .container {
		width:1170px;
	}
	.span12 {
		width:1170px;
	}
	.span10 {
		width:880px;
	}
	.span9 {
		width:825px;
	}
	.span8 {
		width:725px;
	}
	.span7 {
		width:607px;
	}
	.span6 {
		width:539px;
	}
	.span5 {
		width:470px;
	}
	.span4 {
		width:353px;
	}
	.span3 {
		width:257px;
	}
	.span2 {
		width:200px;
	}
	.offset2 {
		margin-left:230px;
	}
	.row-fluid {
		width:100%;
		*zoom:1;
	}
	.row-fluid:before,.row-fluid:after {
		display:table;
		line-height:0;
		content:"";
	}
	.row-fluid:after {
		clear:both;
	}
	.row-fluid [class*="span"] {
		display:block;
		float:left;
		width:100%;
		min-height:30px;
		margin-left:2.564102564102564%;
		*margin-left:2.5109110747408616%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left:0;
	}
	.row-fluid .span12 {
		width:100%;
		*width:99.94680851063829%;
	}
	.row-fluid .span12.img-span {
		margin:50px 0;
	}
	.row-fluid .span10 {
		width:82.90598290598291%;
		*width:82.8527914166212%;
	}
	.row-fluid .span9 {
		width:74.35897435897436%;
		*width:74.30578286961266%;
	}
	.row-fluid .span8 {
		width:65.81196581196582%;
		*width:65.75877432260411%;
	}
	.row-fluid .span7 {
		width:57.26495726495726%;
		*width:57.21176577559556%;
	}
	.row-fluid .span6 {
		width:48.717948717948715%;
		*width:48.664757228587014%;
	}
	.row-fluid .span5 {
		width:40.17094017094017%;
		*width:40.11774868157847%;
	}
	.row-fluid .span4 {
		width:31.623931623931625%;
		*width:31.570740134569924%;
	}
	.row-fluid .span3 {
		width:23.076923076923077%;
		*width:23.023731587561375%;
	}
	.row-fluid .span2 {
		width:14.52991452991453%;
		*width:14.476723040552828%;
	}
	.row-fluid .offset2 {
		margin-left:19.65811965811966%;
		*margin-left:19.551736679396257%;
	}
	.row-fluid .offset2:first-child {
		margin-left:17.094017094017094%;
		*margin-left:16.98763411529369%;
	}
	input,textarea {
		margin-left:0;
	}
	input.span12,textarea.span12 {
		width:1156px;
	}
}
@media (max-width:1200px) {
.what-actually {
  background-position: 43% bottom;
  background-size: 107em auto;
}
.what-actually .bottom-tabs li {padding-top:66px;}

	.clouds_BG .cloud {
   margin-top: -185px !important;
}
}
@media (max-width:978px){
.what-actually {
  background-position: 48% bottom;
  background-size: 107em auto;
}
.what-makes [class*="span"]  {margin-left:10px !important;}

.what-makes .botttomheadalign i:before {
  height: 138px;
  padding: 29px 32px 30px;
  text-indent: -18px;
  width: 138px;
}
.what-makes .botttomheadalign i:after {
  margin-left: 69px;
  top: 5px;
}

.what-makes .botttomheadalign .flaticon-search15:before {
  height: 125px;
  padding: 46px 32px 30px;
  text-indent: 5px;
}
.what-makes .botttomheadalign .flaticon-info3:before {
  font-size: 85px;
  height: 108px;
  margin-bottom: 60px;
  padding: 60px 36px 36px;
  text-indent: -13px;
  top: 0;
  transform: scale(1);
  width: 130px;
}
/*a#demo01 {display:none;}*/
}

@media (min-width:768px) and (max-width:979px) {
	
	.navbar .scroll .brand {
		padding:5px 20px!Important;
}
	.smallscreenlogo{ display:none!Important;}
	.navbar .brand { margin-top: 4px!Important;}
	.full-bg-image{
		 background-position: -78px 111px !important;
    background-size: 120% auto !important;
		}
	[class*="span"] {
		float:left;
		min-height:1px;
		margin-left:20px;
	}
	.container,.navbar-fixed-top .container {
		width:724px;
	}
	.span12 {
		width:724px;
	}
	.span10 {
		width:541px;
	}
	.span9 {
		width:505px;
	}
	.span8 {
		width:447px;
	}
	.span7 {
		width:372px;
	}
	.span6 {
		width:331px;
	}
	.span5 {
		width:290px;
	}
	.span4 {
		width:216px;
	}
	.span3 {
		width:157px;
	}
	.span2 {
		width:121px;
	}
	.offset2 {
		margin-left:60px;
	}
	.row-fluid {
		width:100%;
		*zoom:1;
	}
	.row-fluid:before,.row-fluid:after {
		display:table;
		line-height:0;
		content:"";
	}
	.row-fluid:after {
		clear:both;
	}
	.row-fluid [class*="span"] {
		display:block;
		float:left;
		width:100%;
		min-height:30px;
		margin-left:2.7624309392265194%;
		*margin-left:2.709239449864817%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left:0;
	}
	.row-fluid .span12 {
		width:100%;
		*width:99.94680851063829%;
	}
	.row-fluid .span12.img-span {
		margin:50px 0;
	}
	.row-fluid .span10 {
		width:82.87292817679558%;
		*width:82.81973668743387%;
	}
	.row-fluid .span9 {
		width:74.30939226519337%;
		*width:74.25620077583166%;
	}
	.row-fluid .span8 {
		width:65.74585635359117%;
		*width:65.69266486422946%;
	}
	.row-fluid .span7 {
		width:57.18232044198895%;
		*width:57.12912895262725%;
	}
	/* .row-fluid .span6{width:48.61878453038674%;*width: 48.56559304102504%;}*/
	.row-fluid .span5 {
		width:40.05524861878453%;
		*width:40.00205712942283%;
	}
	/*.row-fluid .span4{width:31.491712707182323%;*width: 31.43852121782062%;}*/
	.row-fluid .span3 {
		width:22.92817679558011%;
		*width:22.87498530621841%;
	}
	.row-fluid .span2 {
		width:14.3646408839779%;
		*width:14.311449394616199%;
	}
	.row-fluid .offset2 {
		margin-left:19.88950276243094%;
		*margin-left:19.783119783707537%;
	}
	.row-fluid .offset2:first-child {
		margin-left:17.12707182320442%;
		*margin-left:17.02068884448102%;
	}
	input,textarea {
		margin-left:0;
	}
	input.span12,textarea.span12 {
		width:710px;
	}
.what-actually {
  background-position: 50% 140px;
  background-size: 107em auto;
}
}
@media (min-width:640px) and (max-width:767px) {
	.span12 {
		width:580px;
	}
	.span10 {
		width:425px;
	}
	.span9 {
		width:396px;
	}
	.span7 {
		width:282px;
	}
	.span6 {
		width:259px;
	}
	.span5 {
		width:235px;
	}
	.span4 {
		width:168px;
	}
	.span3 {
		width:122px;
	}
	.span2 {
		width:91px;
	}
	.offset2 {
		margin-left:37px;
	}

#header-section .innerbg { background-position: -389px -72px !important;
    background-size: 199% auto !important;}
.container{width:100%!Important;}

	
}

@media (max-width:639px) {
	body {
		padding-right:20px;
		padding-left:20px;
	}
	.navbar-fixed-top {
		margin-right:-20px;
		margin-left:-20px;
	}
	.container {
		width:auto;
	}
	.row-fluid {
		width:100%;
	}
	[class*="span"],.row-fluid [class*="span"] {
		display:block;
		float:none;
		width:100%;
		margin-left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	[class*="span"].img-span,.row-fluid [class*="span"].img-span {
		margin:50px 0;
	}
	.span12,.row-fluid .span12 {
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.row-fluid .span12.img-span {
		margin:50px 0;
	}
	.row-fluid [class*="offset"]:first-child {
		margin-left:0;
	}
	input[class*="span"],select[class*="span"],textarea[class*="span"] {
		display:block;
		width:100%;
		min-height:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.span2-5 {
		width:100%!Important;
	}
	.span9-5 {
		width:100%!Important;
	}
	.span2-5.img-span {
		margin:50px 0;
	}
	footer .text-left {border-bottom: 2px solid #3B3C3E;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: center;}
	footer hr {display:none;}
.what-actually {
  background-position: 30% 100%;
  background-size: 110em auto;
}
.what-actually .bottom-tabs li {
  padding: 86px 0 0;
}
.what-actually .bottom-tabs li a:after {background-color:transparent;}

.what-makes .botttomheadalign i:after {
  display:none;
}
.what-makes .botttomheadalign i:before,.what-makes .botttomheadalign .flaticon-info3:before {transform:scale(1);}
.what-makes [class*="span"]:first-child {margin-top:0;}
.what-makes [class*="span"]:first-child .align-from-top {padding-top:0 !important;}
}

@media (max-width:767px) {
	.full-bg-image{ background-image:none!Important;}
	body {
		padding-top:0;
	}
	.navbar-fixed-top {
		position:static;
	}
	.navbar-fixed-top {
		margin-bottom:20px;
	}
	.navbar-fixed-top .navbar-inner {
		padding:5px;
	}
	.navbar .container {
		width:auto;
		padding:0;
	}
	.navbar .brand {
		padding-right:10px;
		padding-left:10px;
		margin:0 0 0 -5px;
	}
	.nav-collapse {
		clear:both;
	}
	.nav-collapse .nav {
		float:none;
		margin:0 0 10px;
	}
	.nav-collapse .nav>li {
		float:none;
	}
	.nav-collapse .nav>li>a {
		margin-bottom:2px;
	}
	.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a {
		padding:9px 15px;
		font-weight:bold;
		color:#777777;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	.nav-collapse .dropdown-menu li+li a {
		margin-bottom:2px;
	}
	.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus {
		background-color:#f2f2f2;
	}
	.nav-collapse .dropdown-menu {
		position:static;
		top:auto;
		left:auto;
		display:none;
		float:none;
		max-width:none;
		padding:0;
		margin:0 15px;
		background-color:transparent;
		border:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after {
		display:none;
	}
	.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after {
		display:none;
	}
	.navbar .nav-collapse .nav.pull-right {
		float:none;
		margin-left:0;
	}
	.nav-collapse,.nav-collapse.collapse {
		height:0;
		overflow:hidden;
	}
	.navbar .btn-navbar {
		display:block;
	}

.what-actually {
  background-position: 54% bottom;
  background-size: 108em auto;
}

.what-actually .bottom-tabs li a:before {
  height: 8em;
  left: 12px;
  top: -45px;
  width: 8em;
}
.what-actually .bottom-tabs li:last-child a:after {
display:none;
}
.what-actually .bottom-tabs li {padding-top:85px;}


.what-makes .botttomheadalign i:before,.what-makes .botttomheadalign .flaticon-info3:before {
  margin-left: -10px;
  transform: scale(0.8);
}
.what-makes .botttomheadalign i:after {
  margin-left: 60px;
}

}
@media (min-width:768px) {
	.nav-collapse.collapse {
		height:auto !important;
		overflow:visible !important;
	}
}
@media (min-width:768px) and (max-width:800px) {
	 .span2-5.img-span {
		margin:0!Important;
	}
	 .span2-5.tallimg {
		position: absolute!Important;
	}
}

/******************** style.css ******************************/
body {
	font-family:'Roboto';
	overflow-x:hidden;
}
ul {
	list-style:none outside none;
}
a:focus {
	outline:0 none;
}
section p a {
	text-decoration:underline;
}
.clearfix {
	min-height: 1px!Important;
}
	/* test borders */
.h-white-purple-top {
	/* Horizontal */
	background:linear-gradient(-135deg,#2b2b2b 5px, 0px),linear-gradient(135deg,#2b2b2b 5px,#fff 0px);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-size:10px 10px;
}

.h-zigzag-black {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-image: linear-gradient(-135deg, #2b2b2b 5px, rgba(0, 0, 0, 0) 0px), linear-gradient(135deg, #2b2b2b 5px, #FFFFFF 0px);
    background-origin: padding-box, padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

.h-zigzag-blue {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-image: linear-gradient(-135deg, #4CB9DA 5px, rgba(0, 0, 0, 0) 0px), linear-gradient(135deg, #4CB9DA 5px, #FFFFFF 0px);
    background-origin: padding-box, padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}




.h-white-purple-top {
	background-image:linear-gradient(-135deg,#9B59B6 5px,rgba(0,0,0,0) 0px),linear-gradient(135deg,#9B59B6 5px,#fff 0px);
	background-position:left top;
}
.arrowpadding {
	padding-top:31px!Important;
	padding-bottom:14px!Important;
}
	.arrow-intersect {
	position:absolute !important;
	width:100%;
	z-index:1;
}
.arrow-intersect a {
	position:relative;
	top:-30px;
	width:15%;
	display:block;
	border-radius:15px;
}
.arrow-intersect a i {
	border-radius: 15px;
}
		/*final colors*/
.white {
	color:#fff!Important;
}
.black {
	color:#2B2B2B!Important;
}
.blue {
	color:#4cb9da!Important;
}
.purple {
	color:#9b59b6!Important;
}
.red {
	color: #B92927!Important;
}
		/*final background colors*/
.white-bg {
	background-color:#fff!Important;
}
.black-bg {
	background-color:#2B2B2B!Important;
}
.blue-bg {
	background-color:#4cb9da!Important;
}
.border-blue{border-color:#4cb9da!Important;}
.blue-bg-dark {
	background-color:#3c94ae!Important;
}
.border-blue-dark{border-color:#3c94ae!Important;}
.purple-bg {
	background-color:#9b59b6!Important;
}
.border-purple{border-color:#9b59b6!Important;}
.purple-bg-dark {
	background-color:#7c4791!Important;
}
.purple-bg-darkest {
	background-color:#3A2242;
}
.border-purple-dark{border-color:#7c4791!Important;}
.whitetransprant {
	background-color:rgba(255,255,255,0.4);
}
.blacktransprant80percent {
	background-color:rgba(0,0,0,0.6);
}
.blacktransprant {
	background-color:rgba(0,0,0,0.5);
}
.dark-grey-bg {
	background-color:#2B2B2B!Important;
}
.brown-bg{ background-color:#54231F!Important;}
.black-bg-dark{background-color:#000000!Important;}
.min-height5{min-height:5px;}
	/*final textures*/		.texture3 {
	background-image:url("../images/patterns/texture3.png");
	background-attachment:scroll;
}
.blacktransprant{ background-color:rgba(0,0,0,0.5)}
.texture8 {
	background-image:url("../images/patterns/texture8.png");
	background-attachment:fixed;
}
.texture10 {
	background-image:url("../images/patterns/texture10.png");
	background-attachment:fixed;
}
.blue-bg a,.purple-bg a {
	color: #fff!Important;
}
			/* background images */
.web-design-bg {
	background:url("../images/web-design-bg.jpg") no-repeat fixed center top;
}
.web-developer-bg {
	background:url("../images/web-developer.png") no-repeat fixed center top;
}
.seo-bg {
	background:url(../images/seo-bg.png)no-repeat fixed center top;
}
.faq-bg {
	background:url("../images/faqs-bg-image.jpg") no-repeat fixed center top;
	/*background-size:cover;*/ min-height:580px;
}
.hire-bg {
	background:url("../images/collage-pic.jpg") no-repeat fixed center -162px;
	/*background-size:cover;*/ min-height:320px;
}
.portfolio-bg {
	background:url("../images/portfolio-bg.jpg")no-repeat fixed center top;
	min-height:605px;
}
#previous-portfolio {
  display: block;
  margin-bottom: -20px;
  margin-top: 20px;
}
		.bithistory-image {
	background:url("../images/adeel-illustratin.png") no-repeat bottom right;
	background-position:660px 68px;
}
.sectionpaddings {
	padding-bottom:90px;
	padding-top:80px;
}
#header-section .row-fluid.homeheading {
	padding-bottom:141px;
	padding-top:310px;
}
#header-section .web-developer-bg .row-fluid.homeheading {
	padding-bottom:85px;
	padding-top:205px;
}
#projectDetails {
  margin-right: 4%;
  min-height: 70em;
}
	/* font-sizes */
.f19 {
	font-size:19px;
	font-weight:400;
	line-height:29px;
}
	.f18 {
	font-size:18px;
	font-weight:300;
	line-height:29px;
}
.f23 {
	font-size:23px;
	line-height:1.65em;
	font-weight:300;
}
.f24 {
	font-size:24px;
	line-height:1.75em;
	font-weight:400;
}
.f16 {
	font-size:16px;
	line-height:29px;
	font-weight:300;
}

.f54 {
	font-size:54px;
	line-height:1.3em;
	font-weight:300
}
.f45 {
	font-size:45px;
	line-height:1.3em;
	font-weight:400
}
.f50 {
	font-size:50px;
	font-weight:100;
	line-height:52px;
}
.f83 {
	font-size:83px;
	line-height:1.1em;
	font-weight:100
}
.f75 {
	font-size:75px;
}
.f80 {
	font-size:80px;
}
.f100 {
	font-size:100px;
}
.f140::before {
    font-size: 140px !important;
}
.f150 {
	font-size:150px;
}
	.f175 {
	font-size:175px;
}
	.f200 {
	font-size:200px;
}
	.f225 {
	font-size:225px;
}
	.f250 {
	font-size:250px;
}
	.f275 {
	font-size:275px;
}
	.f275-resp {
	font-size:275px
}
.f300 {
	font-size:300px;
}
.f325 {
	font-size:325px;
}
.f350 {
	font-size:350px;
}
.f400 {
	font-size: 400px;
}
									/* font-families */
/*common classes */
.m-height500{ min-height:500px;}
.dotted-border{ border-bottom:1px dashed #dedede;}
.flnone {
	float:none!Important;
}
.display-inline-block {
	display:inline-block!Important;
}
.display-block {
	display:block!Important;
}
.display-none {
	display:none;
}
.hidden {visibility:hidden;}
.bordernone {
	border:none!Important;
}
.min-height0 {
	min-height:0!Important;
}
.upercase {
	text-transform:uppercase!Important;
}
.mauto {
	margin:0 auto!Important;
}
.minh600 {
	min-height:600px!Important;
}
.pull-none {
	float:none !important;
}
.full-width {
	width:100%!Important;
}
.blueshadow {
	box-shadow:0 0 15px rgba(0,0,0,0.6);
}
.blackshadow {
	box-shadow:0 0 15px rgba(0,0,0,0.6);
}
.upercase {
	text-transform:uppercase!Important;
}
.border {
	border:1px solid #E0E0E0
}
.fixed {
	position:fixed;
	z-index:10;
}
.blackshadow:before {
	box-shadow:0 0 15px rgba(0,0,0,0.8);
}
hr.black {
	border:0;
	border-top:1px solid #000000;
}
		hr.white {
	border:0;
	border-top:1px solid #ffffff;
}
.force-left {
	left:0;
	right:auto;
}
.force-right {
	left:auto;
	right: 0;
}
		/* margins */
.m0 {
	margin:0!Important;
}
	.ml0 {
	margin-left:0px!Important;
}
.mr50 {
	margin-right:50px!Important;
}
.mr20 {
	margin-right:20px!Important;
}
.mr2p {
	margin-right:2%!Important;
}
	.mb0 {
	margin-bottom:0!Important;
}
.mb5 {
	margin-bottom:5px!Important;
}
.mb10 {
	margin-bottom:10px!Important;
}
.mb30 {
	margin-bottom:30px!Important;
}
.mb40 {
	margin-bottom:40px!Important;
}
.mb50 {
	margin-bottom:50px!Important;
}
.mb60 {
	margin-bottom:60px!Important;
}
.mb90 {
	margin-bottom:90px!Important;
}
	.mt-4 {
	margin-top:-4px !important;
}
.mt10 {
	margin-top:10px!Important;
}
.mt20 {
	margin-top:20px!Important;
}
.mt30 {
	margin-top:30px!Important;
}
.mt40 {
	margin-top:40px!Important;
}
.mt50 {
	margin-top:50px!Important;
}
.mt70 {
	margin-top:70px!Important;
}
	.mtb10 {
	margin-top:10px;
	margin-bottom: 10px;
}
.m120 {margin:120px 0;}

		/* padding 4 sides */
.p0 {
	padding:0!Important;
}
.p10 {
	padding:10px!Important;
}
.p20 {
	padding:20px!Important;
}
.p25 {
	padding:25px!Important;
}
.p60 {
	padding:60px!Important;
}
.p60 {
	padding: 60px 0 !important;
}
		/*padding-bottoms */
.pb0 {
	padding-bottom:0px!Important;
}
.pb20 {
	padding-bottom:20px!Important;
}
.pb30 {
	padding-bottom:30px!Important;
}
.pb50 {
	padding-bottom:50px!Important;
}
.pb70 {
	padding-bottom:70px!Important;
}
.pb90 {
	padding-bottom: 90px!Important;
}
	/*padding-tops */
.pt0 {
	padding-top:0px!Important;
}
.pt20 {
	padding-top:20px!Important;
}
.pt30 {
	padding-top:30px!Important;
}
.pt40 {
	padding-top:40px!Important;
}
.pt50 {
	padding-top:50px!Important;
}
.pt60 {
	padding-top:60px!Important;
}
.pt80 {
	padding-top:80px!Important;
}
	.container {
		max-width:1170px;
}
.t65 {
	top:65px;
}
.t140 {
	top:140px;
}
.t13percent {
	top:13%;
}
.t0 {
	top:0px;
}
.l0 {
	left:0px;
}
.r0 {
	right: 0px;
}
/*common heights*/
.h-70 {
	height:70px;
}
.h-100 {
	height:100px;
}
.h-175 {
	height:175px;
}
.h-150 {
	height:150px;
}
.h-120 {
	height:120px;
}
.h-170 {
	height:170px;
}
.h-174 {
	height:174px;
}
.h-180 {
	height:180px;
}
.h-200 {
	height:200px;
}
.h-210 {
	height:210px;
}
.h-220 {
	height:220px;
}
.h-228 {
	height:228px;
}
.h-230 {
	height:230px;
}
.h-240 {
	height:240px;
}
.h-245 {
	height:245px;
}
.h-250 {
	height:250px;
}
.h-260 {
	height:260px;
}
.h-270 {
	height:270px;
}
.h-300 {
	height:300px;
}
.h-320 {
	height:320px;
}
.h-350 {
	height:350px;
}
.h-400 {
	height:400px;
}
.h-550 {
	height: 550px;
}
	/*common Widths*/
.w-90 {
	width:90px;
}
.w-100 {
	width:100px;
}
.w-175 {
	width:175px;
}
.w-120 {
	width:120px;
}
.w-200 {
	width:200px;
}
.w-210 {
	width:210px;
}
.w-206 {
	width:206px;
}
	.w-216 {
	width:216px;
}
.w-230 {
	width:230px;
}
.w-234 {
	width:234px;
}
.w-242 {
	width:242px;
}
.w-250 {
	width:250px;
}
.w-263 {
	width:263px;
}
.w-270 {
	width:270px;
}
.w-274 {
	width:274px;
}
.w-290 {
	width:290px;
}
.w-300 {
	width:300px;
}
.w-320 {
	width:320px;
}
.w-350 {
	width:350px;
}
.w-354 {
	width:354px;
}
.w-400 {
	width:400px;
}
.w-450 {
	width:450px;
}
.w-500 {
	width:500px;
}
.w-600 {
	width:600px;
}
.main-wrapper {
		height:100%;
		margin-left:auto;
		margin-right:auto;
		max-width:1360px;
		min-height:100%;
		min-width:100%;
		position:relative;
		overflow:hidden;
		width:100%;
}
.relative-only {
	position:relative;
}
.client-logos .span3:hover{border:1px solid #fff;}
/**************************** EVENTS ANIMATED ***************************/		.relative {
		position:relative;
			display:inline-block;
		min-height:230px;
}
.animated {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
}
.animated.hinge {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}
@-webkit-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-moz-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@-o-keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes fadeIn {
		0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -webkit-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
}
@-moz-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -moz-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateY();
	}
}
@-o-keyframes fadeInUp {
		0% {
		 opacity:0;
		 -o-transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateY();
	}
}
@keyframes fadeInUp {
		0% {
		 opacity:0;
		 transform:translateY(20px);
	}
	100% {
		 opacity:1;
		 transform:translateY();
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-o-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@-webkit-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -webkit-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
}
@-moz-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -moz-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateY();
	}
}
@-o-keyframes fadeInDown {
		0% {
		 opacity:0;
		 -o-transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateY();
	}
}
@keyframes fadeInDown {
		0% {
		 opacity:0;
		 transform:translateY(-20px);
	}
	100% {
		 opacity:1;
		 transform:translateY();
	}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-o-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -webkit-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateX();
	}
}
@-moz-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -moz-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateX();
	}
}
@-o-keyframes fadeInLeft {
		0% {
		 opacity:0;
		 -o-transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateX();
	}
}
@keyframes fadeInLeft {
		0% {
		 opacity:0;
		 transform:translateX(-20px);
	}
	100% {
		 opacity:1;
		 transform:translateX();
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-o-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -webkit-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -webkit-transform:translateX();
	}
}
@-moz-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -moz-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -moz-transform:translateX();
	}
}
@-o-keyframes fadeInRight {
		0% {
		 opacity:0;
		 -o-transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 -o-transform:translateX();
	}
}
@keyframes fadeInRight {
		0% {
		 opacity:0;
		 transform:translateX(20px);
	}
	100% {
		 opacity:1;
		 transform:translateX();
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-o-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-moz-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@-o-keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@keyframes fadeOut {
		0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
.fadeOut {
	-webkit-animation-name:fadeOut;
	-moz-animation-name:fadeOut;
	-o-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
	100% {
		 opacity:0;
		 -webkit-transform:translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -moz-transform:translateY();
	}
	100% {
		 opacity:0;
		 -moz-transform:translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
		0% {
		 opacity:1;
		 -o-transform:translateY();
	}
	100% {
		 opacity:0;
		 -o-transform:translateY(-20px);
	}
}
@keyframes fadeOutUp {
		0% {
		 opacity:1;
		 transform:translateY();
	}
	100% {
		 opacity:0;
		 transform:translateY(-20px);
	}
}
.fadeOutUp {
	-webkit-animation-name:fadeOutUp;
	-moz-animation-name:fadeOutUp;
	-o-animation-name:fadeOutUp;
	animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -webkit-transform:translateY();
	}
	100% {
		 opacity:0;
		 -webkit-transform:translateY(20px);
	}
}
@-moz-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -moz-transform:translateY();
	}
	100% {
		 opacity:0;
		 -moz-transform:translateY(20px);
	}
}
@-o-keyframes fadeOutDown {
		0% {
		 opacity:1;
		 -o-transform:translateY();
	}
	100% {
		 opacity:0;
		 -o-transform:translateY(20px);
	}
}
@keyframes fadeOutDown {
		0% {
		 opacity:1;
		 transform:translateY();
	}
	100% {
		 opacity:0;
		 transform:translateY(20px);
	}
}
.fadeOutDown {
	-webkit-animation-name:fadeOutDown;
	-moz-animation-name:fadeOutDown;
	-o-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}
@-webkit-keyframes bounceIn {
		0% {
		 opacity:0;
		 -webkit-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -webkit-transform:scale(1.05);
	}
	70% {
		-webkit-transform:scale(.9)
	}
	100% {
		-webkit-transform:scale(1)
	}
}
@-moz-keyframes bounceIn {
		0% {
		 opacity:0;
		 -moz-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -moz-transform:scale(1.05);
	}
	70% {
		-moz-transform:scale(.9)
	}
	100% {
		-moz-transform:scale(1)
	}
}
@-o-keyframes bounceIn {
		0% {
		 opacity:0;
		 -o-transform:scale(.3);
	}
	50% {
		 opacity:1;
		 -o-transform:scale(1.05);
	}
	70% {
		-o-transform:scale(.9)
	}
	100% {
		-o-transform:scale(1)
	}
}
@keyframes bounceIn {
		0% {
		 opacity:0;
		 transform:scale(.3);
	}
	50% {
		 opacity:1;
		 transform:scale(1.05);
	}
	70% {
		transform:scale(.9)
	}
	100% {
		transform:scale(1)
	}
}
.bounceIn {
	-webkit-animation-name:bounceIn;
	-moz-animation-name:bounceIn;
	-o-animation-name:bounceIn;
	animation-name: bounceIn;
}
		/*************************** TOP ******************************/
.navbar {
	font-size:12px;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
}
.scrolltoTop {
	background-color:rgba(0,0,0,0.18);
	bottom:1em;
	color:#000000;
	display:none;
	max-height:60px;
	padding:8px 0;
	position:fixed;
	right:1em;
	text-align:center;
	transition:all 0.2s ease 0s;
	width:45px;
}
.scrolltoTop span {
	height:20px
}
.scrolltoTop:hover {
	background-color:rgba(0,0,0,0.8);
}
.navbar-inner {
		border:none;
		padding-left:4px;
		padding-right:4px;
		padding-top:0;
		padding-bottom:4px;
		filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inner {
	background-color:rgba(0,0,0,0.4);
}
.navbar-inner.scroll {
	background-color:rgba(0,0,0,0.75);
}
.nav-open .navbar-inner {
	background-color:rgba(0,0,0,1);
}
.nav-open .navbar-inner .nav>li {
	border:1px solid #4A4A4A
}
	.navbar-inner .nav>li {
	padding:0;
	 text-align:center;
	 transition:all 0.25s ease 0s;
	 min-width:140px;
}
.navbar-inner.scroll .nav>li>a,.navbar-inner.scroll .nav .dropdown-toggle {
	padding:28px 0 20px;
}
.nav-collapse li.open .dropdown-menu {
	display:block;
}
.navbar-inner .nav>li>a,.navbar-inner .dropdown-toggle {
	 padding:63px 0 20px;
	float:none;
	padding-bottom:20px;
	transition:all 0.25s ease 0s;
		cursor:pointer;
	color:#fff;
}

.navbar-inner .nav>li>a.brand{
	 padding:56px 15px 10px;
}

	.navbar-inner .nav>li:hover,.navbar-inner .nav>li.active,.navbar-inner .nav>li.open {
	background-color:rgba(0,0,0,0.5);
	color:#fff;
}
.navbar-inner .nav>li.active:hover,.navbar-inner .nav>li.open:hover {
	background-color:rgba(0,0,0,0.6);
}
.dropdown-menu {
	padding-top:0;
}
.dropdown-menu li {
	background-color:rgba(0,0,0,0.6);
}
.dropdown-menu li:hover {
	background-color:rgba(0,0,0,0.9);
}
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle,.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a,.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus {
	color:#fff !important;
	background:none !important;
	box-shadow:none;
	box-shadow:none !important;
}
	.navbar .brand {
		color:#4cb9da;
		font-size:26px;
		position:relative;
}

.navbar .brand img,.navbar .scroll .brand img {
		width:100%;
		transition:all 0.25s ease 0s;
}
.navbar .scroll .brand img {
		width:50%;
		transition:all 0.25s ease 0s;
}
.navbar .nav {
		transition:all 0.25s ease 0s;
}
.navbar .brand img,.navbar .scroll .brand img {
		width:80%;
		transition:all 0.25s ease 0s;
}
.navbar .scroll .brand img {
		width:82%;
		transition:all 0.25s ease 0s;
}
.navbar-inner.scroll .nav > li > a.brand {
		padding:20px 15px 10px;
		transition:all 0.25s ease 0s;
		width:auto;
}
	.navbar .nav {
		transition:all 0.25s ease 0s;
}
.navbar .scroll .nav {
		transition:all 0.25s ease 0s;
}
.navbar-fixed-top,.navbar-static-top {
		-moz-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
}
	.navbar-fixed-top .navbar-inner,	.navbar-static-top .navbar-inner {
		-webkit-box-shadow:0 4px 0px rgba(50,50,50,0.03);
		-moz-box-shadow:0 4px 0px rgba(50,50,50,0.03);
		box-shadow:0 4px 0px rgba(50,50,50,0.03);
}
		.navbar-inner {
		-moz-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
	padding-bottom:0;
			background-color:rgba(0,0,0,0.4);
}
section {
		padding-top:100px;
		padding-bottom:90px;
				position:relative;
				z-index:1;
}
.arrow-intersect ~ section {
  z-index: 0;
}
#wrapper section:nth-last-of-type(n+1) {
  z-index: 1;
}
.headertop {
		background-image:url(../images/canvas-slate.jpg);
			background-repeat:repeat;
		background-attachment:.headertop;
}


/***************************** Hireme Form ******************************/
.submit-form input, .submit-form select, .submit-form textarea {
  font-size: 1em;
  height: auto;
  padding: 10px;
}
.submit-form select,.submit-form input[type=file] {}
.submit-form input[name="Attached_File"] {
  cursor: pointer;
  padding-right: 40px;
}
.submit-form .attachicon {
  font-size: 1.8em;
  right: 0;
  margin:12px;
  position: absolute;
  color:#3EA9F5;
  padding-top:8px;
}
.submit-form input[name=file]{
  position: absolute;
  width: 100%;
  opacity:0;
  z-index:1;
}

[id^="select_"] {
  background-color: #FAFAFA;
  border: 1px solid #A3A3A3;
  margin-top: -12px;
  max-height: 40%;
  position: absolute;
  width: 23em;
  z-index: 5;
}
[id^="select_"].overflow {overflow-y: scroll;}
[id^="select_"] input[type="text"] {width:auto;}
[id^=select_] label {
  position: relative;
  top: 6px;
}
[id^=select_].animated {animation-duration:0.3s;}
/***************************** SOCIAL BUTTONS ******************************/							/************************** BS ELEMENTS *********************************/			/*	hr,.inner,.innerblack{margin-bottom: 60px;}*/
.img-circle {
		-webkit-box-shadow:0px 0px 3px rgba(50,50,50,0.41);
			-moz-box-shadow:0px 0px 3px rgba(50,50,50,0.41);
				box-shadow:0px 0px 3px rgba(50,50,50,0.41);
		border:2px solid #fff;
}
	.navbar .btn-navbar,.navbar .btn-navbar:hover {
			float:right;
		padding:10px 10px;
		margin-right:0px;
		margin-left:5px;
		margin-top:7px;
		color:#ffffff;
		text-shadow:none;
		background-color:#fff;
		background-image:-moz-linear-gradient(top,#ffffff,#ffffff);
		background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ffffff));
		background-image:-webkit-linear-gradient(top,#ffffff,#ffffff);
		background-image:-o-linear-gradient(top,#ffffff,#ffffff);
		background-image:linear-gradient(to bottom,#ffffff,#ffffff);
		background-repeat:repeat-x;
		border:1px solid #2b2b2b;
		border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) #dedede;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffffffff',GradientType=0);
		filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
		box-shadow:rgb(153,153,153) 0px 1px 0px;
		-webkit-box-shadow:rgb(153,153,153) 0px 1px 0px;
		-moz-box-shadow:rgb(153,153,153) 0px 1px 0px;
		height:100%;
			-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;
}
/************************************** CUSTOM STYLES *************************/
.head-icon {
	/*border:5px solid #3B3C3E;*/
	/*border-radius:50%;*/
	font-size:50px;
	height:101px;
	line-height:95px;
	margin:20px auto 0;
	text-align:center;
	width: 101px;
}
		/*********************** APPS PANEL **************************/
.camein {
		width:100%;
		min-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
}
								#header-section .row-fluid {
				background:none/*#ECF0F1*/;
				padding-top:225px;
				padding-bottom:80px;
				z-index:2;
				position:relative;
}
	#header-section {
	overflow:hidden;
	}
		#header-section .innerbg {
				background:url(../images/home-bg2small.png) 105% -20px scroll;
					background-repeat:no-repeat;
				min-height:650px;
				width:100%;
				margin:0px;
				padding:0px;
				position:relative;
}
								.overlaybg {
				margin:0px;
				padding:0px;
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.3);
}
		.web-design-bg .overlaybg,.seo-bg .overlaybg {
	background-color:transparent;
}
.testimonial-box {
		border:4px solid transparent;
		padding:10px;
		margin-top:30px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-transition:0.25s;
		-moz-transition:0.25s;
		-o-transition:0.25s;
		transition:0.25s;
		position:relative;
		background-color:transparent;
}
.testimonial-box:hover {
		border:4px solid #4cb9da;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		border-radius: 7px;
}
/*.testimonial-box:nth-of-type(1):hover   {border-color:#3C94AE}*/
/*.testimonial-box:nth-of-type(2):hover	{border-color:#4CB9DA}
.testimonial-box:nth-of-type(3):hover	{border-color:#6fc7e1}
.testimonial-box:nth-of-type(4):hover	{border-color:#7C4791}
.testimonial-box:nth-of-type(5):hover	{border-color:#9B59B6}
.testimonial-box:nth-of-type(6):hover	{border-color:#966ba7}*/
.testimonial-box a {text-decoration:none; color:#2B2B2B;}
.testimonial-box a:before {
  background-color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonial-box .flaticon-app8:before {color:#3C94AE;}
.testimonial-box .flaticon-wordpress4:before {color:#4CB9DA;}
.testimonial-box .flaticon-html10:before {color:#6fc7e1;}
.testimonial-box .flaticon-seo14:before {color:#7C4791;}
.testimonial-box .flaticon-responsive16:before {color:#9B59B6;}
.testimonial-box .flaticon-shopping111:before {color:#966ba7;}

/****************************** FEATURES ***************************************/
#features-section {
				/*border-top:4px solid #dedede;*/
	min-height:550px;
				position:relative;
				overflow:hidden;
				color:#333;
}
				 .panel {
				/*display:inline-block;*/
	width:100%;
				min-width:100%;
				min-height:100px;
				z-index:3;
				margin:0px 0px 0px;
				padding:60px 0px;
}
					.inner,.innerblack {
						text-shadow:none;
			width:100%;
			display:inline-block;
			text-transform:none;
			border-top:1px solid #dedede;
			border-bottom:1px solid #dedede;
			padding:9px 0;
			margin-bottom:60px;
}
		#cats .inner {
	margin-bottom:0;
}
		#cats .inner a,#cats .inner .portfolio {
			display:block;
			margin:6px 0 0;
}
	.features-more {
		padding:30px 0px 30px;
		display:inline-block;
}
.features-more:first-child {
		border-top: none;
}

			/******************** New Changes code ******************************/

#more-about-the-freelancer{
	background:url(../images/white_wall.png) repeat;}		
.more-about-the-freelancer {
    background-image: url(../images/sec_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size:contain;
}	
#meet-my-team{
	background:url(../images/white_wall.png) repeat;
}	
.meet-my-team{
	background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll -60px -190px / 50% auto;
	padding-bottom: 0px;
    padding-top: 100px;}

.video_BG_2 {    
	background: url("../images/tablet.png") no-repeat scroll;
	background-position:center 167px;
    box-shadow: none;
    display: block;
	height:955px;}	
#sing-with-echo{
	background:url(../images/white_wall.png) repeat;
}	
.sing-with-echo{
	background: url(../images/rainbow.png) no-repeat right 46px;
	padding-bottom: 0px;
    padding-top: 100px;}

.whatmakesmediff{
	background: url(../images/patterns/pattern.png) repeat;
	padding-bottom: 90px;
    padding-top: 100px;
}
#content-writing{
	background: #fff url(../images/white_wall.png) repeat;}

.DivIcons {
	background: rgba(0, 0, 0, 0) url('../images/sprite.png') no-repeat scroll 0 0;
	width: 52px;
	height: 52px;
	display:inline-block;
}
.pencilbrush {background-position: -176px -29px;}
.meetmyteam {background-position: -88px -37px; width: 70px;}
.historical {background-position: -94px -127px;}
.timer {background-position: -25px -37px;}
.bulbicon {background-position: -26px -128px; width:59px; height:58px;}
.music-icon {background-position: -186px -126px;}




.padd_bottom{padding-bottom: 90px; display:block;}
.black-bg {
	background:url(../images/patterns/black_sec_pattern.jpg) repeat;
}
.clouds_BG .cloud
{ position:absolute;margin-top: -52px;z-index: 1;width: 100%;}
.stack{  z-index:0;margin-bottom: 0px;}

/******************** New Section CSS ******************************/
			
#testimonial-slider{padding-top: 0px !important;}
#testimonial-slider .right-section li
{
	color:white;
	border: none;
}
.right-section{
	background-color: rgba(0,0,0,.75);
	width:450px;
	height: 859px;
	float:right;
	padding: 10px 0 0 25px;
	}
.right-section ul{
	margin-left: 10px;
	margin-bottom:0;
}

.right-section h2{
	font-size:29px;
	line-height:35px;
	color:#ffffff;
	margin-left: 10px;
}
.client{
	font-size:19px;

}

.right-section h3{
	line-height:30px ;
	color:#ffffff;
	margin-left: 10px;
  	margin-top: 34px;
    margin-bottom: 16px;
}

.right-section h3 .blue{
	color:#4cb9da;
}
.arrows{
	width:155px;
	float:right;}


img#about-image { float: left; margin: 3px 8px 8px 0px; }

#background { position: relative; }
#backgrounds img { position: fixed; top: 0px; left: 0px; height: auto; min-height: 100%; min-width: 1024px; width: 100%; }

#container { text-align: left; margin: 0 auto; width: 100%; position: relative; }
#featured-text { height: 123px; position: relative; margin-bottom: 115px; }

.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }
#slides ul li .imgr {
border: medium none;
display: block;
left: 0 !important;

margin: auto;
padding: 0px;
top: 0px !important;
width: 100% !important;
max-width: 100% !important;
}

#testimonial-slider .videoPreview.blackshadow:before
{
 position: relative;;
}
#testimonial-slider .EchoVidPlayer img
{
	width:100%; height:100%; top:0px; 
}
#testimonial-slider .EchoVidPlayer .videoPreview
{
	width:95%; padding:0px; margin:0px auto; height:230px; margin-top:30px; position:relative;

}


.slides-navigation {
  top: 3%;
}
.slides-navigation a {
  display: block;
  text-decoration: none;
  height: 63px;
  width: 66px;
  top: 0;
  padding: 1px;

}
.slides-navigation a:before
{
   opacity:0.3;
    font-family: Flaticon;
  color: #FFF;
  font-size: 57px;
  margin-top: 14px;
  display: block;
}
.slides-navigation a.prev:before  {
  content: "\e00e";
  left: 0;
}
.slides-navigation a.next:before {
    right: 0;
	 content: "\e041";
 
  
}

.slides-navigation a.next:hover {
  opacity:0.3;
}
.slides-navigation a.prev:hover {
  opacity:0.3;
}
/******************** Header section changes CSS ******************************/
#header-section .outerbg {
	background: url("../images/tagline_bg.png") no-repeat scroll center center;
}
.homeh1 {
    background-color: transparent;
}

			/******************** superslides.css ******************************/

#slides {
  height: 756px  !important;
 
}

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 10%;
  width: 10%;
  left:88%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
.slides-navigation a.prev {
  right: 80px;
}
.slides-navigation a.next {
  right: 0;
}
			/***************************** New code ends ******************************/
			/***************************** PROJECTS ******************************/
/*******************Izotope Boxes********/
/*************thumbnails NEWS********/
/***************************** PRICE ********************************/
.nav-tabs>li>a {
	background-color:rgba(0,0,0,0.2);
	line-height:20px;
	padding: 25px;
}
/************************* PLANS ****************************************************/
/* * Copyright (c) 2013 Thibaut Courouble * http://www.cssflow.com * * Licensed under the MIT License:* http://www.opensource.org/licenses/mit-license.php */
/* ############################ TWITTER WIDGET ###################### */
#tweets {
	height:150px;
	margin-top: 20px;
}
/**************************** FOOTER ***********************************************/
footer {
	padding-top:50px;
	background:#438fa5;
	/*#4cb9da;*/
}
footer * {
	color: #fff;
}
footer a {
}
/****************************** BUTTONS *********************************************/
.btn.btn-large {
	padding-bottom:16px;
	padding-top:18px;
}
.btn {
	border:none;
	background:#34495e;
	color:white;
	text-decoration:none;
	text-shadow:none;
	-webkit-box-shadow:0px 1px 0px rgba(50,50,50,0.5);
	-moz-box-shadow:0px 1px 0px rgba(50,50,50,0.5);
	box-shadow:0px 1px 0px rgba(50,50,50,0.5);
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
	-webkit-backface-visibility:hidden;
	text-transform:uppercase;
}
.btn:hover,.btn:focus {
	background-color:#4e6d8d;
	color:white;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
	-webkit-backface-visibility:hidden;
}
.btn:active {
	background-color:#2c3e50;
	color:rgba(255,255,255,0.75);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.btn.btn-large {
	padding-bottom:25px;
	padding-top:25px;
}
.btn-transparent {
	background-color:rgba(0,0,0,0.2);
}
.btn-transparent:hover,.btn-transparent:focus,.btn-transparent:active {
	background-color:rgba(0,0,0,0.4);
}
.btn-semi-transparent {
	background-color:rgba(0,0,0,0.4);
	border-color:rgba(0,0,0,0.4);
}
.btn-full-black {
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(0,0,0,0.4);
}
.btn-semi-transparent:hover,.btn-semi-transparent:focus,.btn-semi-transparent:active {
	background-color:rgba(0,0,0,0.5);
	border-color:rgba(0,0,0,0.5);
}
.btn-full-black:hover, .btn-full-black:focus, .btn-full-black:active{
	background-color:#2b2b2b;
	border-color:#2b2b2b;
	}
.btn-info {
	background-color:#4CB9DA;
	border-color:#4CB9DA;
}
.btn-info:hover,.btn-info:focus,.btn-info:active {
	background-color:#3C94AE;
	border-color: #3C94AE;
}
 	 	 /**************************** COLORS *********************************/
/************************** SCROLL EVENT SCROLL BUTTONS ******************/
/* HOVER OPACITY EFFECT */
/* END HOVER OPACITY EFFECT */
.video-capion {
		bottom:0;
		left:0;
		position:absolute;
		width:95%;
		z-index:5;
		margin-left:0;
}
		.video-capion.full-width {
	padding:9px;
	width:97.5% !important;
}
.videoPreview {
	cursor:pointer;
	overflow:hidden;
	transition:all 0.2s ease;
}
.videoPreview:before {
	background-color:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.7);
	content:"\e0bb";
	display:block;
	font-family:Flaticon;
	font-size:100px;
	height:30%;
	margin:0 auto;
	padding:24.4% 0 15%;
	position:absolute;
	text-align:center;
	vertical-align:sub;
	width:100%;
	cursor:pointer;
	z-index:1;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	text-shadow:0px 0px 20px rgba(255,255,255,0.4);
	transform: scale(1.9);
}
.midVid.videoPreview:before {
	font-size:75px;
}
.smallVid.videoPreview:before {
	font-size:50px;
}
#slides .videoPreview::before
{
	padding-top:24.4% !important;
	padding-bottom:24.4% !important;
}
.videoPreview:hover {
	background-color:transparent;
}
.videoPreview:hover:before {
	opacity:1;
	background-color:rgba(0,0,0,0.3);
	text-shadow:0px 0px 20px rgba(255,255,255,0.6);
}
.videoPreview.blackshadow:before {
	text-shadow:0 0 15px rgba(0,0,0,1);
}
.videoPreview.blackshadow:hover:before {
	text-shadow:0 10px 18px rgba(0,0,0,1);
}
.full-bg-image {
	background-image:url("../images/working-since.jpg");
	background-position:center -20px;
	background-repeat:no-repeat;
}
.footer-grahpic{
	background-image: url(../images/footer-graphic.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
.full-bg-pattern {
	background-image:url(../images/overlay-pattern.png);
	;
}
.counter {
	display:inline-block;
	font-size:0;
	margin:0 20px;
	text-align:center;
	width:150px;
}
.counter .count {
	background-color:rgba(0, 0, 0, 0.3);
	border:1px solid #C8C8C8;
	border-radius:6px;
	color:#fff;
	display:block;
	height:150px;
	line-height:145px;
	margin-bottom:20px;
}
*[data-direction="center"] {
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	top:0;
	right: 0;
}



@media
only screen and (min-width: 2530px) {
.slides-navigation {
  left: 94% !important;
  width: 131px !important;
  top: 2%;
}
.right-section {
  height: 969px !important;
}
#slides {
  height: 759px !important;
}
#slides ul li .imgr {
 height:1210px !important;
}
.sing-with-echo {
  background-position: 1540px 46px;
  background-size: 51%;
}
.meet-my-team {
  background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll 490px -190px / 26% auto;
}
} 
@media (max-width:1920px){
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 1330px 46px;
}
.slides-navigation {
    left: 92% !important;
    width: 131px !important;
	top:4%;
}
#slides {
	height: 756px !important;
}
.right-section {
    height: 1270px;
}
#slides ul li .imgr {
    left: -130px !important;
	width: auto !important;
	max-width:none !important;
}
.meet-my-team {
  background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll 270px -190px / 33% auto;
}
}
@media (max-width:1600px){
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 1170px 46px;
}
.meet-my-team {
  background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll 170px -130px / 33% auto;
}
.slides-navigation {
    left: 90% !important;
}
#slides {
	height: 746px !important;
}
.right-section {
    height: 900px;
}	

#slides ul li .imgr {
	height: 834px !important;
    left: -130px !important;
	width: auto !important;
	max-width:none !important;
}
}
@media (max-width:1440px){
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 1070px 46px;
}
.slides-navigation {
    left: 88% !important;
}

.clouds_BG .cloud {
   margin-top: -185px !important;
}
}
@media (max-width:1280px){
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 970px 46px;
}

.slides-navigation {
    left: 89% !important ;
}

#slides ul li .imgr {
    left: -130px !important;
	width: auto !important;
	max-width:none !important;
}

.clouds_BG .cloud {
   margin-top: -185px !important;
}
#header-section .innerbg {background-position: 59% -20px;}
}


@media (min-width:1000px)
{
#wrapper {background-color:#FFF;}
.fixed_footer { z-index:0; backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.fixed_footer:not(.scroll_footer) {
  bottom: 0;
  position: fixed;
  width:100%;
  margin-bottom:-34em;
}
section {background-color:#fff;}
.fixed_footer.scroll_footer .footer-grahpic {box-shadow:0 10px 7px -10px rgba(43, 43, 43, 0.3) inset;}
section:last-of-type:not(.footer-grahpic) {
margin-bottom: 34em; box-shadow:0 -1px 10px 0 rgba(43, 43, 43, 0.3);}
}
@media (max-width:1000px)
{
.fixed_footer { position: relative; }	
}
/***************************** @VIDEO *************************************************/
/***************************** @MEDIA *************************************************/
@media (min-width:1200px) {
	.smallscreen {
		display:none !important;
	}
	.bigscreen {
		display:block !important;
	}
	.navbar .brand.smallscreenlogo{ display:none;}
}
@media (max-width:1199px) {
	.web-developer-bg {
		background-position:-18em 0;
	}
	.bigscreen {
		display:block !important;
	}
	.smallscreen {
		display:none !important;
	}
	.f83 {
		font-size:78px;
	}
	.web-developer-bg .f83 {
		font-size:67px;
	}
.navbar .brand.smallscreenlogo{ display:none;}

    .hire-bg {
		background-position:0 -94px !important;
		background-size:120% auto !important;
}

}
@media (max-width:1199px) and (min-width:901px) {
	.span6 .video-capion {
		display:none;
	}
	#testimonial-slider .video-capion
	{
		display:block;
	}
	.navbar-inner .nav > li > a.brand {
    padding: 55px 15px 16px !important;
}
	.navbar-inner.scroll .nav > li > a.brand {
    padding: 20px 15px 16px !important;
}
	.navbar .brand img, .navbar .scroll .brand img {width:195px !important;}

.navbar-inner .nav > li > a, .navbar-inner .dropdown-toggle {
	font-size: 12px;

}
.nav.span10{width:786px;}


}
@media screen and (max-width:1100px) {
	/*.f150{font-size:110px;}.f250{font-size:200px;}.f300{font-size: 250px;}*/
	.clearfix[class*="pull"] {
		float:none !important;
		width: 100%;
	}
	/*Case 1*/
	/*Case 2*/
	/*Case 3*/
	.bithistory-image {
		background-position:170% 68px;
	}
	.h250-resp {
		height:250px;
	}
	.videoPreview:before { font-size:75px;}
}

@media (max-width:1024px)
{
	.clouds_BG .cloud {
   margin-top: -140px !important;
}
	
}
@media screen and (max-width:979px) {
	.navbar .scroll .brand img {
    width: 50%;
}
		.navbar-inner .nav>li {
	 min-width:103px;
}
	.navbar .brand.smallscreenlogo{ display: inline;
    float: left;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 6px;
    width: 60%;}
	/*Social Media Specific*/	.plogocont {
		width:158px;
	}
	.f83 {
		font-size:58px;
	}
	.web-developer-bg .f83 {
		font-size: 51px;
	}
	.videoPreview:before { font-size:65px;}
	.row-fluid .span4:not(.nomax) {
		max-width:30%;
		width:30%;
		margin-bottom:20px;
	}
}

@media (min-width:768px) {
	.navbar .btn-navbar {
		display: none;
	}
}
/* ---------------------------------------------------------------------- */
/*	Header/* ---------------------------------------------------------------------- */
@media (max-width:979px) {
	.web-developer-bg {
		background-position:-24em top;
	}
}
@media (max-width:767px) {

	.bigscreenlogo{ display:none;}
	
	blockquote{margin: 0 auto;
    max-width: 50%;
    text-align: center !important;
    width: auto;}
	.row-fluid .span4:not(.nomax) {
		max-width:96%;
		width:96%!Important;
		margin-bottom:20px;
	}
	
	.hide {
		display:none!Important;
	}
	.bigscreen {
		display:none !important;
	}
	.smallscreen {
		display:block !important;
	}
	.arrow-intersect a {
		float:none;
		margin:0 auto;
		width:30%;
	}
		.small-section-icons {
		color:#FFFFFF;
		display:inline-block;
		height:100px;
		margin-bottom:26px;
		margin-left:auto;
		margin-right:auto;
		padding:12px 10px 0;
		position:relative;
		top:0;
		vertical-align:bottom;
		width:100px;
	}
	.flaticon-writing14:before,.flaticon-link19:before {
		top:10px;
	}
	.flaticon-moz:before {
		left:-2px;
	}
	.width100percent {
		width:100%!Important;
	}
	/*	.f150{margin-top:40px!Important;font-size: 350px !important;}*/
	body {
			padding:0px;
	}
	.animate {
		animation:none !important;
		-moz-transition:none !important;
		-webkit-transition:none !important;
		-o-transition:color 0 ease-in !important;
		transition:none !important;
	}
	.container,.navbar .container {
			padding:0px 40px;
	}
		.navbar-inner .nav>li {
		 padding:9px 0!Important;
	}
		.navbar-inner {
			padding:10px 0px;
	}/*
		 	 .video-capion {
		display:none;
	}*/
	.navbar-fixed-top {
			position:fixed;
			margin-bottom:30px;
	}
		.navbar-fixed-top {
			margin-bottom:30px;
	}
		 .navbar-inner {
			padding:5px 0px;
	}
	.btn-navbar {
			margin-top: 15px;
	}
		/*custom styling Start*/
	.bottom-tabs-content li {
		left:12px;
		width:80% !important;
		word-wrap:break-word !important;
	}
	.navbar .nav>li>a,.navbar-inner .nav>li .dropdown-toggle {
		padding:12px;
	}
	.web-developer-bg {
		background-size:auto !important;
	}
	header,header div:first-child:not(.web-developer-bg,.web-design-bg) {
		background-attachment:scroll !important;
		background-position:50% bottom !important;
		background-size:190% auto !important;
	}
	.headertop,.purple-bg:not(.bithistory-image),.texture8 {
		background-size:auto !important;
	}
	.faq-bg,.portfolio-bg {
		min-height:215px;
		background-attachment:scroll;
		background-clip:border-box;
		background-color:rgba(0,0,0,0);
		background-origin:padding-box;
		background-position:0 115% !important;
		background-repeat:no-repeat;
		background-size:contain !important;
		min-height:200px;
	}
	.portfolio-bg.blue-main-bg,.faq-bg.blue-main-bg {
		background-color:#fff !important;
	}
	.portfolio-bg {
		background-image:url("../images/portfolio-bg.jpg");
		background-position:50% 70px !important;
		background-size:cover !important;
		min-height:250px;
	}
	.faq-bg {
		background-attachment:scroll;
		background-clip:border-box;
		-webkit-backface-visibility:visible;
		backface-visibility:visible;
		background-color:rgba(0,0,0,0);
		background-image:url("../images/faqs-bg-image.jpg");
		background-origin:padding-box;
		background-position:50% 24px !important;
		background-repeat:no-repeat;
		background-size:525% auto !important;
		min-height:215px;
		transition: min-height 0.5s ease;
	}
	.hire-bg {
	background-attachment:scroll;
		background-clip:border-box;
		-webkit-backface-visibility:visible;
		backface-visibility:visible;
		background-color:rgba(0,0,0,0);
		background-image:url("../images/collage-pic.jpg");
		background-origin:padding-box;
		background-position:0 -44px !important;
		background-repeat:no-repeat;
		background-size:175% auto !important;
		min-height:215px;
		transition: min-height 0.5s ease;
}
	.faq-bg:before {
		/*background:url("../images/faqs-bg-image.jpg") no-repeat scroll 50% 0 / 1104px auto rgba(0,0,0,0);*/
		content:"";
		height:40px;
		position:absolute;
		top:0;
		width:100%;
		z-index:0;
	}
	.navbar-inner .nav>li {
		background-color:rgba(0,0,0,0.3);
	}
	.dropdown-menu li,.dropdown-menu li:hover {
		background-color:transparent;
	}
	.navbar .nav {
		transition:none;
	}
	.navbar .brand {
		padding:2px 20px 11px 20px;
		margin-top:2px;
	}
	.navbar .brand img {
		width:75%!Important;
	}
	.navbar-inner .nav>li {
		margin-bottom:4px;
		padding-bottom:0;
	}
	.navbar .brand img {
		min-width:60px;
	}
	.f54 {
		font-size: 40px;
	}
	/*custom styling End*/
	#header-section .row-fluid {
				background:none/*#ECF0F1*/;
				padding:80px 20px 20px;
	}
							 .carousel.custom2 .carousel-indicators li {
		float:left;
		width:31%!Important;
	}
		.btn {
	}
				.features-more {
			border-top:3px solid #ddd;
			padding:50px 0px;
	}
		.features-more {
			background:none;
	}
		.features-more:nth-child(even) {
			background:none;
	}
						.text-right {
			text-align:right;
	}
				#header-section .row-fluid {
			padding:160px 20px 20px;
	}
				#header-section .innerbg {
			min-height:450px;
			height:100%;
	}
					.w100 {
		width:100%!Important;
	}
	.video-capion {
		margint-top:0!Important;
		margin-left:0!Important;
		padding: 9px;
	}
	/* ---------------------------------------------------------------------- */
	/*	Header/* ---------------------------------------------------------------------- */
	#header-section .row-fluid {
		padding:80px 0;
	}
	.container,.navbar .container {
		padding:0;
		width:90%;
	}
	header,header div:first-child:not(.web-developer-bg,.web-design-bg) {
		background-size:auto !important;
	}
	.f300 {
		font-size:305px!Important;
	}
	[class*="h-"]:not(.noauto) {
		height:auto;
	}
	#header-section .headingfaqs {
		padding-top:85px!Important;
	}
	.row-fluid.homeheading {
		padding-bottom:20px!Important;
		padding-top:85px!Important;
	}
	.f83 {
		font-size:46px;
	}
	.web-developer-bg .f83 {
		font-size:41px;
	}
	.footer-grahpic{
	background-position:-215px bottom;
	}
}
@media (max-width:767px) and (min-width:520px) {
	.faq-bg {
		min-height:330px;
	}
}
@media (min-width:768px) and (max-width:900px) {
		.width100percent {
		width:100%!Important;
	}
		.bigscreen {
		display:block!Important;
		margin-top:70px;
	}
		.arrow-intersect a {
		float:none;
		margin:0 auto;
		width: 25%;
	}
	.footer-grahpic {
    background-position: -700px bottom;
}
}

ul.list {
	margin-bottom:20px;
}
		ul.list li {
				position:relative;
			padding-left:30px;
}
			ul.list li {
	margin-bottom:4px;
}
			ul.list li:before {
			position:absolute;
			left:0;
			top:0;
}
				ul.circle-list li {
			position:relative;
			margin-left:45px;
			padding:7px 0 9px;
			border-top:1px solid #e6e6e6;
}
			ul.circle-list li:first-child {
	border-top:none;
}
ul.circle-list li:before {
}
	ul.circle-list li:before {
			position:absolute;
			top:-1px;
			left:-47px;
			margin-top:7px;
			width:27px;
			height:29px;
			color:#e6e6e6;
			text-align:center;
			font-family:'Flaticon';
			font-size:29px;
			content:'\e041';
			line-height:25px;
				-webkit-transition:color .25s ease .01s,border-color .25s ease .01s,transfrom .25s ease .01s;
					transition:color .25s ease .01s,border-color .25s ease .01s,transfrom .25s ease .01s;
			-webkit-border-radius:50%;
					border-radius:50%;
}
					ul.circle-list li:after {
			position:absolute;
			top:0;
	left:-44px;
			margin-top:7px;
			width:26px;
			height:26px;
				background-color:#4cb9da;
			content:"";
			opacity:0;
						-webkit-transition:all .3s ease,opacity .25s ease;
					transition:all .3s ease,opacity .25s ease;
			-webkit-transform:scale(0);
							transform:scale(0);
					-webkit-border-radius:50%;
					border-radius:50%;
		 -webkit-transition:all 0.25s ease;
}
																			ul.circle-list li:hover:before {
	border-color:rgba(0,0,0,0);
	border-width:0;
	color:#FFFFFF;
	line-height:26px;
	width:26px;
	z-index:5;
}
			ul.circle-list li:hover:after {
			opacity:1;
			-webkit-transform:scale(1);
					transform: scale(1);
}
					/* Circle List Blue */
ul.circle-list.circle-list-blue li {
		border-top:medium none;
		float:left;
		margin-left:4%;
		margin-right:6%;
		width:40%;
}
	ul.circle-list.circle-list-blue li:before {
			border-color:#FFFFFF;
			color:#FFFFFF;
}
	ul.circle-list.circle-list-blue li:hover:before {
			color:#4cb9da;
			border-color:transparent;
}
	ul.circle-list.circle-list-blue li:after {
			background-color:#fff;
}
	ul.circle-list.circle-list-blue li a {
		 color:#FFFFFF;
}
	ul.circle-list.circle-list-blue li a:hover {
		 text-decoration:underline;
}

@media (max-width:767px) {
		ul.circle-list.circle-list-blue li {
		float:none;
		margin-right:0px;
		width: 92%;
	}
}
	/* 4 section tabs css */
/* Accordian */
/* progress bar */
/* carsol slider */
blockquote small {
	line-height: 40px;
}
/* carsoul slider */
.carousel .carousel-indicators {
	right:auto;
	top:-30px;
	left:48%;
}
.carousel.custom2 {
	padding:0 40px;
}
.carousel.custom2 .carousel-indicators {
	position:relative;
	right:auto;
	left:auto;
}
.carousel.custom2 .carousel-indicators:before {
	content:'';
	display:block;
	width:100%;
	top:17px;
	position:absolute;
	height:0px;
	background:rgba(0,0,0,0.1);
	border:rgba(0,0,0,0.05) solid 5px;
	border-radius:10px;
	z-index:-1;
}
.carousel.custom2 .carousel-indicators li {
	text-indent:0;
	height:auto;
	background:none;
	cursor:pointer;
}
.carousel.custom2 .carousel-indicators li .round {
	height:40px;
	width:40px;
	margin:0 auto 10px;
	text-align:center;
	line-height:40px;
	font-size:18px;
	border-radius:100px;
	position:relative;
}
.carousel.custom2 .carousel-indicators li.active,.carousel.custom2 .carousel-indicators li:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.carousel.custom2 .carousel-indicators li.active .round,.carousel.custom2 .carousel-indicators li:hover .round {
	background:#333;
}
.carousel-indicators li {
	text-indent:0;
	height:auto;
	background:none;
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=60);
}
@media (max-width:480px) {

	blockquote{margin: 0 auto;
    max-width: 60%;
    text-align: center !important;
    width: auto;}
	
	.arrow-intersect a {
		float:none !important;
		margin:0 auto !important;
		width:50% !important;
	}
	.width100percent {
		width:100%!Important;
	}
	.w100 {
		width:100%!Important;
	}
	.video-capion {
		margin-top:0!Important;
		margin-left:0!Important;
		padding:9px;
	}
	/*.f150{margin-top:40px!Important;font-size: 250px !important;}*/
	ul.carousel-indicators li {
		float:left;
		width:80px;
	}
	.carousel.custom2 {
		margin-top:20px;
	}
	.carousel.custom2 .carousel-indicators:before {
		top:10px;
	}
	.carousel.custom2 .carousel-indicators li {
		float:left;
		width:33%!Important;
	}
	.carousel.custom2 .carousel-indicators li .round {
		width:30px;
		height:30px;
		font-size:13px;
		line-height:30px;
	}
	.carousel.custom2 .carousel-indicators li .round:before {
		width:30px;
		height:30px;
	}
	.carousel.custom2 .carousel-indicators+.carousel-inner {
		margin: 0;
	}
		.smallscreenf24{font-size:16px; font-weight:300!Important;}
	.homeh1{margin-top: -7px;}
	.f83 {
    font-size: 41px;
}

.smallmt40 {
    margin-top: 19px !important;
}
.smallmb30 {
    margin-bottom: 10px !important;
}


}
/* -----------Left Tabs------ */
.tab-content {
	overflow:hidden;
}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
	background-color:#EEEEEE;
	border-color:#DDDDDD rgba(0,0,0,0) #DDDDDD #DDDDDD;
	color: #333333!important;
}
/* -----------Bottom Tabs------ */
.bottom-tabs-content ul li {
	float:left;
	margin-left:12%;
	margin-right:2%;
	width:36%;
	border-top:none;
}
.bottom-tabs-content ul.width100 li {
	width:auto!Important;
	line-height:27px;
}
.bottom-tabs-content {
	overflow:hidden;
}
.bottom-tabs-content ul li:before {
	border-color:#FFFFFF;
	color:#FFFFFF;
}
.bottom-tabs-content ul li:hover::before {
	color:#fff;
	font-size:0px;
	top:1px;
	left:-47px;
}
.bottom-tabs-content ul li:after {
	background-color:#fff;
}
.bottom-tabs {
	position:relative;
	text-align:center;
	margin:0 auto;
	border-top:1px solid #fff;
	background:transparent;
}
.bottom-tabs li {
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:5px;
	font-size:86%;
	padding:6%;
	position:relative;
	outline:none;
}
.bottom-tabs li a {
	color:#E5E5E5;
}
.bottom-tabs li a:hover,.bottom-tabs li.active a {
	color:#fff;
	font-weight:400;
}
.bottom-tabs li.active:after,.bottom-tabs li.active:before {
	content:'';
	position:absolute;
	top:-4px;
	border:solid transparent;
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.bottom-tabs li.active:after {
	border-color:transparent;
	border-top-color:#4cb9da;
	border-width:21px;
	left:50%;
	margin-left:-23px;
	margin-top:5px;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.bottom-tabs li.active:before {
	border-top-color:#FFFFFF;
	border-width:25px;
	left:50%;
	margin-left: -25px;
	margin-top:3px;
}
/* -----------End of Bottom Tabs------ */
/* -------------------------------------------------- */
/*	Social Icons	/* -------------------------------------------------- */
ul.social-icons {
	font-size:0;
}
		ul.social-icons li {
			display:inline-block;
				margin-right:5px;
				margin-bottom:5px;
				vertical-align:top;
}
		ul.social-icons li a {
				position:relative;
				display:block;
				width:40px;
				height:40px;
				border:1px solid #cfcfcf;
				text-decoration:none;
				border:1px solid rgba(207,207,207,.33);
				font:0/0 a;
				cursor:pointer;
				text-align:center;
				-webkit-transition:all .25s ease;
						transition:all .25s ease;
				-webkit-border-radius:3px;
						border-radius:3px;
}
					ul.social-icons li a:hover {
	border-color:transparent;
}
						ul.social-icons .facebook a:hover	 {
	background-color:#49699f;
}
		ul.social-icons .linkedin a:hover	 {
	background-color:#2c7cb7;
}
		ul.social-icons .youtube a:hover	 {
	background-color:#b72d24;
}
					ul.social-icons li i {
			color:#A0A0A0;
			display:block;
			font-size:20px;
			line-height:40px;
			text-align:center;
}
						ul.social-icons a:hover i {
	color: #fff;
}
		/* to be deleted colors */
.bluelight {
	color: #4cb9da!Important;
}
		 /*to be deleted background-colors */
.blue-main-bg {
	background-color: #4cb9da!Important;
}
				/* home images */
.plogocont {
	height:386px;
	margin:0 auto;
	position:relative;
	width:310px;
}
[class^="plogo-"] {
	background:url("../images/plat-form1.png") no-repeat scroll 12px 0 rgba(0,0,0,0);
	display:block;
	float:left;
	height:50px;
	margin-bottom:1em;
	margin-right:25px;
	width:140px !important;
	transition:all 0.2s ease;
}
[class^="plogo-"]:nth-of-type(even) {
	margin-right:0;
}
[class^="plogo-"].square {
	height:115px;
	width:140px !important;
}
.plogo-bootstrap {
	background-position:10px 8px;
	background-size:296px auto;
}
.plogo-YII {
	background-position:-155px 7px;
	background-size:296px auto;
}
.plogo-wordpress {
	background-position:4px -54px;
	background-size:316px auto;
}
.plogo-woocommerce {
	background-position:-163px -54px;
	background-size:303px auto;
}
.plogo-html5 {
	background-position:-192px -162px;
}
.plogo-css3 {
	background-position:-310px -162px;
}
.plogo-css3 {
	background-position:-310px -162px;
}
.plogo-codeigniter {
	background-position:-13px -298px;
}
.plogo-mysql {
	background-position:-128px -398px;
	height:102px !important;
	position:relative;
	top:9px;
}
.clearfix[class*="pull"] {
	margin:-15px !important;
}
.services-slider i {
	border:1px solid #fff;
	border-radius:6px;
	font-size:44px !important;
	line-height:96px !important;
	margin-bottom:15px;
	margin-left:0;
	width:100%;
	transition:all 0.25s ease 0s;
	color:#fff!Important;
}
.services-slider i:active,.services-slider i:hover {
	color:#2b2b2b!Important;
}
.services-slider li a {
	border:none !important;
	width:auto !important;
	font:small/0 arial !important;
	height:auto !important;
	color:#fff;
	display:inline!Important;
}
.services-slider li a:hover,.services-slider li.active a {
	color:#fff;
}
.services-slider li i:hover,.services-slider li.active i {
	background-color:#fff;
	color:#2b2b2b!Important;
}
.services-slider li {
	margin:0 1.1% !important;
	width:100px;
	padding-bottom:20px;
}
.tallimg {
	height:100%;
	position:absolute;
	right:0;
}
.f240 {
	font-size:240px;
}
.blacksec .features-more {
	padding:0;
	margin:40px 0 60px;
}
.blacksec .f300 {
	font-size:300px;
}
.blacksec .f250 {
	font-size:250px;
}


#attachement_clone {position:absolute; left:0; z-index:-1}
#att input[type=file] {width:92% !important; opacity:0;}
#att .attachicon {
  cursor: default;
  position: absolute;
  right: 0.5em;
  top: 28px;
}

@media (max-width:1025px){
.meet-my-team {
    background-position: -60px -80px ;
}
.video_BG_2 {
    background-position: center 217px;
    background-size: 100% auto;
    height: 825px;
}
.stack2 {
    margin: 0 auto 0 -6px;
    width: 957px;
}
.clouds_BG .cloud {
   
}
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 760px 51px;
}
.slides-navigation {
    left: 86% !important;
}
#slides {
     height: 756px !important;
     position: relative;
}

#slides ul li .imgr {
    height: 100% !important;
	max-width:100%;

}
}

@media (max-width:1000px)
{
.fixed_footer { position: relative; }	
}
@media (max-width:700px) {
	.f200 {
		font-size:150px;
	}
}
@media (max-width:639px) {
    
	.bottom-tabs li {
		padding:9% 6%;
	}
	.row-fluid .span4 {
		max-width:100%;
		margin-bottom:20px;
	}
}
@media (max-width:479px) {
    .videoPreview:before { font-size:65px;}
	.bottom-tabs li {
		padding:10% 3%;
		font-size:84%;
	}
	.faq-bg {
		background-attachment:fixed!Important;
	}
}
@media (max-width:359px) {
	.bottom-tabs li {
		font-size:78%;
		padding:12% 2%;
	}
	.videoPreview:before { font-size:55px;}
}
@media (max-width:980px){
.meet-my-team {
    background-position: -60px -80px ;
}
.video_BG_2 {
    background-position: center 220px;
	height:795px;
}
.stack2 {
    margin: 0 auto 0 14px;
    width: 917px;
}
.clouds_BG .cloud {
  margin-top: -125px !important;
}
#slides ul li .imgr {
	left:-200px !important;
    margin: auto;
    padding: 0;
	top:0 ;
	height: 100% !important;
	width: auto !important;
	max-width:none !important;
}
.right-section {
    height: auto;
    padding-bottom: 220px;
}
#header-section .outerbg {
    background-position: 100% 58%;
    background-size: 115% auto;
}
}
@media (max-width:978px) {
	.web-design-bg .overlaybg {
		background-color:rgba(0,0,0,0.6);
	}
	.seo-bg {
		background-position:66% 4em;
	}
	.row-fluid form [class*="span"]
	{
		margin-left:0;
	}
}

@media (max-width:978px) and (min-width:768px) { 
.navbar .brand {margin-left:0}
.navbar-inner .nav > li > a.brand {
    padding: 34px 15px 16px !important;
}
.navbar-inner.scroll .nav > li > a.brand {
    padding: 16px 15px !important;
}
.navbar .brand img, .navbar .scroll .brand img {width:195px !important;}

.navbar-inner .nav > li > a, .navbar-inner .dropdown-toggle {
    padding: 46px 15px 20px;
	font-size: 12px;
}
.nav.span10{width:685px;}
}
@media (max-width:960px) {
.stack2 {
  margin: 0 auto 0 -87px;
  width: 901px;
}
.video_BG_2 {
  background-position: center 223px;
}
.sing-with-echo {
  background-position: 684px 55px;
}
 }
@media (max-width:950px) {
.stack2 {
  margin: 0 auto 0 -70px;
  width: 870px;
}
}
@media (max-width:900px) and (min-width:768px) {
	.case-list-icons .title {
		width:100%;
	}
	.case-list-icons .f250,.case-list-icons .f200 {
		font-size:220px;
	}
	.level {
		float:left;
		position:relative;
		width:100%;
	}
	.tallimg img {
		width:85%;
	}
	.tallimg .videoPreview>img {
		width:100%;
	}
	.span6 .video-capion {
		display:block;
	}
	.midscr-bf-ml20 {
		left:-20px;
	}
	.scr767-relative {
		position:relative!Important;
	}
	.web-design-bg {
		background-position:50% 0;
	}
	
}

@media (max-width:901px) {
.stack2 {
  margin: 0 auto 0 22px;
  width: 684px;
}
.video_BG_2 {
  background-position: center 224px;
}
.sing-with-echo {
  background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 580px 116px;
  background-size: 75% auto;
}
#header-section .outerbg {
  background-size: 155% auto;
}
}


/* More CSS written by Bilal on 26th Feb for 'our process' section of web designer page*/
@media (max-width:900px) {
	
    .videoPreview:before { font-size:50px;}
	.case-1-icon .image,.case-1-icon .content {
		width:100%;
		position:relative;
	}
	.case-1-icon .img-span {
		margin:50px 0;
	}
	.midscr-mt15 {
		margin-top:15px;
	}
	.midscr-mt0 {
		margin-top:0px !important;
	}
	.midscr-mb0 {
		margin-bottom:0px !important;
	}
	.midscr-m0 {
		margin:0px !important;
	}
	.midscr-w100 {
		width:100%;
	}
	.midscr-relative {
		position:relative !important;
	}
	.midscr-textcenter {
		text-align:center;
	}
	.case-divided-icons .image {
  margin: 25px 0;
		}
	.blacksec .title h4 {
		margin-bottom:30px;
		margin-top:60px;
	}
	.blacksec .features-more h4 {
		margin-top:0px;
	}
	.plogocont {
		width:55%;
	}
	.h-350:not(.no-h) {
		height:80%;
	}
	.h-300:not(.no-w),.h-270:not(.no-h) {
		height:50%;
	}
	.span10.videoPreview {
		width:100%;
	}
	.case-list-icons [class*="h-"] {
		height:50%;
	}
	.blacksec .f225 {
		font-size:225px;
	}
	.blacksec .f200 {
		font-size:200px;
	}
	.f100-resp {
		font-size:100px;
	}
	.bithistory-image {
		background-position:center 0;
	}
	.web-developer-bg {
		background-position:85% bottom;
	}

	.sing-with-echo {
  background-position: 580px 122px;
}

.clouds_BG .cloud {
  margin-top: -163px !important;
}
}


@media (max-width:800px){
.meet-my-team {
    background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll -60px -80px / 60% auto;
}
.video_BG_2 {
  background-position: center 218px;
    height: 705px;
}
.stack2 {
    margin: 0 auto 0 53px;
    width: 622px;
}
.clouds_BG .cloud {
  margin-top: -119px !important;
}

.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 580px 46px;
}

.slides-navigation {
    left: 84% ;
	top: 4% !important;
}
.slides-navigation a.next {
    right: 20px !important;
}

.right-section ul {
    margin-bottom: 0;
    margin-left: 10px;
}
.right-section {
    width: 400px;
}
#header-section .outerbg {
    background-position: 100% 58%;
    background-size: 165% auto;
}

#slides .videoPreview::before {
    padding-top: 27.4% !important;
    padding-bottom: 24.4% !important;
}
}

@media (max-width:768px) {
	.full-bg-image{
		 background-position: -78px 172px !important;
    background-size: 120% auto !important;
		}
	.navbar-inner .nav > li{min-width:100px;}
	.hide {
		display:none!Important;
	}
	[class*="h-"]:not(.noauto) {

		height:auto;
	}
	.f225 {
		font-size:180px;
	}
	/*.row-fluid .span4:not(.nomax) {
		max-width:30%;
		width:30%;
		margin-bottom:20px;
	}*/
	.row-fluid .span4.img-span {
		margin:50px 0;
	}
	.row-fluid .wInherit {
		width:inherit;
	}
	.submit-form .attachicon {
		margin:7px 42px !important;
	}
	.submit-form input[name="file"] {
		width:80% !important;
	}
	.web-developer-bg {
		background-position:65% -68px;
	}
	.btn {
		vertical-align:top!Important;
	}
	/*.inner{margin-bottom:0;}*/
	
/*New changes start*/
#sing-with-echo {
    padding-top: 60px;
}
.sing-with-echo {
    background-position: 580px 100px;
    background-size: 75% auto;
}
.video_BG_2 {
     background-position: center 177px !important;
    background-size: 107% auto;height: 715px;
}
.stack2 {
    margin: 0 0 0 45px;
    width: 638px;
}
.clouds_BG .cloud {
    margin-top: -161px !important;
}


.slides-navigation {
    left: 76%;
    top: 4% !important;
    width: 21%;
}
#slides ul li .imgr {
	left:-200px !important;
    margin: auto;
    padding: 0;
	top:0 ;
	height: 100% !important;
	width: auto !important;
	max-width:none !important;
}
#testimonial-slider .EchoVidPlayer .videoPreview
{
	margin:0px;margin-top:30px;
}
/*new changes end */	

#sing-with-echo p.inner.f19.mt10 span {
  display:none;
}


}
@media (min-width:639px) and (max-width:767px) {
	.blacksec .features-more:not(:first-child) .title {
		margin:60px 0 30px;
	}
	.blacksec .features-more .title {
		width:100%;
	}
	.blacksec .features-more .content {
		width:50%;
	}
	.bithistory-image {
		background-size:cover;
	}
}
@media screen and (max-width:660px) {
	.video-capion {
		display:none;
	}

	#testimonial-slider .video-capion
	{
		display:block;
	}
}
.lim750 {
	display:none;
}
@media screen and (min-width:750px) {
	.lim750 {
		display:block;
	}
}

@media (max-width:768px){
.stack2 {
    margin: 0 auto 0 44px;
    width: 638px;
}
.video_BG_2 {
    background-position: center 234px;
}
.sing-with-echo {
    background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 592px 160px / 75% auto;
}
}

@media (max-width:767px) {
	.container {
		width:620px;
	}
	[class*="h-"],[class*="w-"] {
		position:relative;
	}
	.case-list-icons .width100percent {
		width:auto !important;
	}
	ul.circle-list li:after {
		left:-24px;
	}
	.scr767-ml0 {
		margin-left:0px !important;
	}
	.scr767-mb28 {
		margin-bottom:28px;
	}
	.scr767-mt0 {
		margin-top:0px !important;
	}
	.scr767-mb0 {
		margin-bottom:0px;
	}
	.scr767-mt20 {
		margin-top:20px;
	}
	.scr767-w100 {
		width:100%;
	}
	.scr767-textcenter {
		text-align:center;
	}
	.plogocont {
		width:100%;
	}
	.plogocont .clearfix:nth-of-type(1) {
		display:none;
	}
	[class^="plogo-"] {
		margin-right:0px;
		transform:scale(0.8);
	}
	.blacksec .title h4 {
		text-align:center;
	}
	.case-list-icons [class*="h-"] {
		height:auto;
	}
	.tallimg {
		position:relative;
		right:auto;
	}
	.tallimg.span4 {
		width:100%;
		max-width:none;
	}
	.tallimg.span4.img-span {
		margin:50px 0;
	}
	.span8 {
		width:100%;
	}
	ul.circle-list li:before {
		left:-25px;
	}
	ul.circle-list li {
		margin-left:auto;
		margin-right:auto;
		padding-left:1em;
	}
	.bottom-tabs-content ul li {
		margin-left:5%;
		padding-left:1em;
	}
	.web-design-bg {
		background-position:70% -90px;
	}
	.homeheading div:first-child {
		margin-top:35px;
	}
	.homeheading .camein a {
		margin-bottom:30px;
		width:100%;
	}
	.homeheading .camein a:first-child+a {
		margin-left:0px;
	}
	.web-developer-bg {
		background-image:url("../images/web-developer-small.png");
	}
	.seo-bg {
		background-position:64% -5em;
	}
	.row-fluid form [class*="span"]
	{
		width:100% !important;
		max-width:none !important;
	}
	.submit-form .attachicon {
	margin: -2px 16px !important;
	}
}
@media (max-width: 736px)
{

.sing-with-echo {
  background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 560px 106px / 75% auto;
  background-position: 563px 134px;
}
.video_BG_2 {
  background-position: center 200px !important;  background-size: 100% auto;
  height: 675px;
}
.stack2 {
  margin: 0 auto 0 85px;
  width: 571px;
}
.clouds_BG .cloud {
  margin-top: -139px !important;
}
#header-section .outerbg {
  background-position: 100% 33%;
  background-size: 185% auto;
}
}
@media (max-width: 667px){
.stack2 {
  margin: 0 auto 0 76px;
  width: 518px;
}
.video_BG_2 {
  background-position: center 239px;
  height: 665px;
}
.clouds_BG .cloud {
  margin-top: -178px !important;
}
.sing-with-echo {
  background: rgba(0, 0, 0, 0) url("../images/rainbow.png") no-repeat scroll 480px 126px / 75% auto;
}
#header-section .outerbg {
  background-position: 100% 35%;
  background-size: 212% auto;
}


}
@media (max-width:640px){
.sing-with-echo {
    background-position: 415px 199px;
    background-size: 75% auto;
}
.video_BG_2 {
    background-position: -5px 243px;
    background-size: 101% auto;
    height: 625px;
}
.meet-my-team {
    background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll -60px -80px / 75% auto;
}
.stack2{width:501px;  margin: 0 auto;}
.clouds_BG .cloud {
    margin-top: -90px !important;
}

.slides-navigation {
    left: 75%;
    top: 4% !important;
    width: 21%;
}
.right-section ul {
    margin-bottom: 0;
    margin-left: 30px;
}
#header-section .outerbg {
    background-position: 100% 36%;
    background-size: 240% auto;
}
.what-makes [class*="span"] {
  margin-left: 20px !important;
}



.clouds_BG .cloud {
  margin-top: -131px !important;
}
}
/* Project Categories Section */
.portfolio div a img:nth-of-type(2) {
	display:none;
}
.portfolio div a:hover img:nth-of-type(2) {
	display:block;
}
.portfolio div a:hover img:nth-of-type(1) {
	display:none;
}
@media (max-width:639px) {
	.container {
		width:500px;
	}
	.scr639-mt60 {
		margin-top:60px;
	}
	.blacksec .features-more h4 {
		margin-top:60px;
	}
	.bithistory-image {
		background-position:0 0;
		background-size:cover;
	}
	.web-developer-bg {
		background-position:75% -72px;
	}
	.overlaybg {
		background-color:rgba(0,0,0,0.70);
	}
	.seo-bg {
		background-position:85% -60px;
	}
	.seo-bg .overlaybg {
		background-color:rgba(0,0,0,0.70);
	}

	.portfolio .span3 {
		width:48%;
		float:left!Important;
	}
	.ml-resp {
		margin-left:3%;
	}
	.clearfix-resp {
		clear:both;
		line-height:0;
	}
	#header-section .innerbg {
		background-position:75% 14%;
		background-size:75em auto;
	}
}


@media (max-width:600px){
/******************* new changes ********************/
.what-makes [class*="span"] {
  margin-left: 0px !important;
}
.meet-my-team {
    background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll -40px -120px / 80% auto;
}
.sing-with-echo {
  background-position: 440px 226px;
  background-size: 46% auto;
}
.video_BG_2 {
    background-position: -5px 245px;
    background-size: 101% auto;
    height: 620px;
}
.stack2 {
    margin: 0 auto;
    width: 471px;
}.clouds_BG .cloud {
    margin-top: -100px !important;
}

.slides-navigation {
  left: 80% !important;
}
.arrows a img {
    width: 40%;
}
#header-section .outerbg {
    background-size: 200% auto;
}



.clouds_BG .cloud {
  margin-top: -144px !important;
}
/******************* new changes end ********************/
	
}

@media (max-width:568px)
{
.video_BG_2 {
  background-position: center 190px !important;
  height: 600px;
}
.sing-with-echo {
  background-position: 441px 220px;
background-size: 46% auto;
}
.stack2 {
  margin: 0 auto 0 27px;
  width: 445px;
}
.clouds_BG .cloud {
  margin-top: -148px !important;
}

}
@media (max-width:533px)
{

.video_BG_2 {
  background-position: -5px 178px;
}
.sing-with-echo {
  background-position: 370px 222px;
}
.stack2 {
  margin: 0px auto 0 40px;
  width: 418px;
}
#testimonial-slider .EchoVidPlayer .videoPreview {
  height: 210px;
}
.clouds_BG .cloud {
    margin-top: -175px !important;
}

#slides {
    height: 736px !important;
    }
}
@media (max-width:500px){
/******************* new changes  ********************/
.slides-navigation {
    left: 71% !important;
    top: 4% !important;
}

.slides-navigation a.next {
    right: 20px !important;
}

#testimonial-slider .EchoVidPlayer .videoPreview
{
	margin:0px auto;margin-top:30px;
}
/******************* new changes end ********************/

}
@media (max-width:481px){
/******************* new changes  ********************/
	
#sing-with-echo {
    padding-top: 60px;
}
.sing-with-echo {
    background-position: 295px 234px;
}
.video_BG_2 {
    background-position: -5px 252px;
    height: 550px;
}
.stack2 {
    margin: 0 auto 0 50px;
    width: 377px;
}
.clouds_BG .cloud {
    
}
.DivIcons{ display:none;
}
.padd_bottom {
  padding-bottom: 100px;
}
/******************* new changes end ********************/

}

@media (max-width:480px) {
	.nav-collapse {
		-webkit-transform:translate3d(0,0,0);
	}
.what-actually {
  background-position: 44% bottom;
  background-size: 110em auto;
}
/*.what-actually .bottom-tabs li {
  margin-top: 50px;
  padding: 45px 0 0;
  text-align: center;
  width: 100%;
}*/

.what-actually .bottom-tabs li a:before {width:auto; background-color:transparent; content:none;}
.what-actually .bottom-tabs li a {width:auto;}
.what-actually .bottom-tabs li {padding:10% 3%;}
.what-actually .bottom-tabs li a:after {display:none;}
	.navbar .scroll .brand {
    padding: 0 22px 8px!Important;

}

.video_BG_2 {
    background-position: -5px 172px !important;
}


.sing-with-echo {
    background-position: 275px 124px !important;
    background-size: 500px !important;
}

.clouds_BG .cloud {
    margin-top: -155px !important ;
}
}

@media (max-width:479px) {
	.container {
		width:90%;
	}
	.w-320,.w-350,.w-354,.w-400,.w-450,.w-500,.w-600 {
		width:100%;
	}
	
	.f325,.f350,.f400 {
		font-size:270px !important;
	}
	.f300 {
		font-size:250px !important;
	}
	.case-list-icons .f200 {
		font-size:120px;
	}
	.f275-resp {
		font-size: 220px
	}
	
	ul.circle-list li:before {left:0;}
	ul.circle-list li {padding-left:2.5em;}
	ul.circle-list li:after {left: 3px;}
}

@media (max-width:414px){
/******************* new changes ********************/

.right-section h2 {
	margin-left:10px;
}	
.right-section h3 {
	margin-left:10px;
}
.right-section ul{
	margin-left: 10px;
}
	
#testimonial-slider .EchoVidPlayer .videoPreview
{
	height: 220px;
}
.right-section {
  width: 414px;
}
.video_BG_2 {
  background-position: -5px 195px !important;
}
.padd_bottom {
  padding-bottom: 65px;
}
.clouds_BG .cloud {
  margin-top: -169px !important;
}
.stack2 {
  margin: 0 auto 0 23px;
  width: 325px;
}
.sing-with-echo {
  background-position: 250px 190px !important;
  background-size: 450px !important;
}
/******************* new changes end ********************/
	

}
@media (max-width:384px){
.right-section {
  width: 384px;
}
.EchoVidPlayer .videoPreview {
  height: auto!important;
}
.video_BG_2 {
  background-position: -2px 195px;
  height: 391px;
}
.stack2 {
  margin: 0 auto 0 24px;
  width: 300px;
}
.padd_bottom {
  padding-bottom: 0px;
}
.clouds_BG .cloud {
  margin-top: -26px !important;
}
.sing-with-echo {
  background-position: 250px 160px;
}
.meet-my-team {
  background-position: -40px -70px;
}



}


@media (max-width:375px){
/******************* new changes  ********************/
.right-section {
  width: 375px;
}
#testimonial-slider .EchoVidPlayer .videoPreview {
  height: 210px;
}

.stack2 {
  margin: 0 auto 0 23px;
  width: 294px;
}
.clouds_BG .cloud {
  margin-top: -30px !important;
}
.sing-with-echo {
  background-position: 250px 202px !important;
  background-size: 80% !important;
}
#header-section .outerbg {
  background-size: 250% auto;
  background-position: 100% 35%;
}

.video_BG_2 {
  background-position: -5px 190px !important;
}



#slides .videoPreview::before
{
	padding-top:24.4% !important;
	padding-bottom:24.4% !important;
}
/******************* new changes end ********************/

}
@media (max-width:360px) {
	blockquote{margin: 0 auto;
    max-width: 100%;
    text-align: center !important;
    width: auto;}
	
/******************* New Changes ********************/

.inner, .innerblack {
    margin-bottom: 60px;
}
.sing-with-echo {
   background-position: 250px 220px !important;
   background-size: 250px !important;
}
.clouds_BG .cloud {
    margin-top:-35px !important;
}
.right-section {
    max-width: 100% !important;
}

#testimonial-slider .EchoVidPlayer .videoPreview
{
	width:90%;
	height: 180px;
}
.slides-navigation a.next {
    right: 30px !important;
}
.slides-navigation {
    left: 62% !important;
    top: 4% !important;
    width: 49% !important;
}
#header-section .outerbg {
    background-size: 250% auto;
}
.meet-my-team {
    background: rgba(0, 0, 0, 0) url("../images/idea.png") no-repeat scroll -40px -60px / 100% auto;
}
.slides-navigation a::before {

    font-size: 43px;
    margin-top: -6px;
}
.stack2 {
  margin: 0 auto 0 22px;
  width: 282px;
}


.clouds_BG .cloud {
    
}

#slides {
    height: 670px !important;
}
/******************* new changes end ********************/

	}




@media (max-width:753px) and (min-width:753px)
{
	#sing-with-echo .stack2
	{
		margin-left:60px;
	}
}

@media (max-width:424px) and (min-width:424px)
{
	#sing-with-echo .stack2
	{
		margin-left: 25px;
		width: 329px;
		margin-top: -33px;
	}



	#sing-with-echo .video_BG_2
	{
		background-position: -5px 213px !important;
	}
	.clouds_BG .cloud {
    margin-top: -145px !important;
}
}
	
	
#header-section .headingfaqs {
	padding-top:340px;
	padding-bottom:30px;
}
.mainheading {
	background-color:rgba(0,0,0,0.7);
	width:80%;
	margin:10px auto;
	padding:5px;
	font-weight:700;
}
.subheading {
	background-color:rgba(43,190,226,0.8);
	padding:5px;
}
.blackli ul.circle-list.circle-list-blue li a {
	color:#4cb9da!Important;
}
.blackli ul.circle-list.circle-list-blue li a:hover {
	color:#2b2b2b!Important;
	text-decoration:none!Important;
}
.blackli ul.circle-list.circle-list-blue li:before {
	color:#cccccc!Important;
	border-color:transparent;
}
.blackli ul.circle-list.circle-list-blue li:hover:before {
			color:#2b2b2b!Important;
			border-color:transparent;
}
.navbar-inner .nav > li.min-width100{min-width:100px!Important;}

.homeh1 {
	padding: 8px 16px 20px;
}
			/******************** css.css ******************************/
/** Google web fonts */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:100;
	src:local('Roboto Thin'),local('Roboto-Thin'),url(http://themes.googleusercontent.com/static/fonts/roboto/v10/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:300;
	src:local('Roboto Light'),local('Roboto-Light'),url(http://themes.googleusercontent.com/static/fonts/roboto/v10/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:400;
	src:local('Roboto Regular'),local('Roboto-Regular'),url(http://themes.googleusercontent.com/static/fonts/roboto/v10/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:700;
	src:local('Roboto Bold'),local('Roboto-Bold'),url(http://themes.googleusercontent.com/static/fonts/roboto/v10/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-style:italic;
	font-weight:300;
	src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(http://themes.googleusercontent.com/static/fonts/roboto/v10/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}



@media (max-width:320px){
/******************* new changes  ********************/

.stack2 {
  margin: 0 auto 0 19px;
  width: 251px;
}
.clouds_BG .cloud {
   margin-top: -49px !important;
}

#testimonial-slider .EchoVidPlayer .videoPreview
{
	height: 160px;
}
#header-section .outerbg {
    background-size: 300% auto;
}

.sing-with-echo {
    background-size: 250px auto !important;
background-position: 220px 220px !important;
}
.video_BG_2 {
  background-position: -5px 196px !important;
}


/******************* new changes end ********************/
}


/****** New CSS - 10th October, 2016 **********/

.fulltime .EchoVidPlayer {padding-bottom: 17px;
    padding-right: 17px;}
	
.twoFText {padding-top: 100px; padding-bottom: 30px; margin-left:0!Important;}

#sing-with-echo .inner {margin-bottom:0px;}

#sing-with-echo .stack2 {padding-left: 6px; padding-top: 120px;}

@media (max-width:1200px) {#sing-with-echo .stack2 {padding-left: 0px;} }

@media (max-width:979px) { 
.fulltime .EchoVidPlayer {padding-bottom: 0;
    padding-right: 0;}
	
.twoFText {padding-top: 0px; padding-bottom: 20px;}

#sing-with-echo p.inner.f19.mt10 span {
  display:none;
}

}




#sing-with-echo .stack2 {
    left: 50%;
    margin-bottom: 0 !important;
    margin-left: -49.7%;
    margin-right: auto !important;
    margin-top: 10%;
    padding: 0 !important;
    position: absolute;
    width: 100%;
}

@media (max-width:1199px) { #sing-with-echo .stack2 {width: 124.5%;margin-left: -61.8%;margin-top: 12.9%} }
@media (max-width:1025px) { #sing-with-echo .stack2 {width: 101.7%;margin-left: -50.6%;margin-top: 12.7%} }
@media (max-width:979px) { #sing-with-echo .stack2 {width: 126.5%;margin-left: -63%;margin-top: 16.6%;} }
@media (max-width:900px) { #sing-with-echo .stack2 {width: 86%;margin-left: -42.7%;margin-top: 15.2%;} }
@media (max-width:768px) { #sing-with-echo .stack2 {width: 88%;margin-left: -43.7%;margin-top: 8.7%;} }
@media (max-width:560px) { #sing-with-echo .stack2 {width: 87.7%;margin-top: 12.7%;} }
@media (max-width:499px) { #sing-with-echo .stack2 {width: 75.2%;margin-top: 10%;margin-left: -39.8%;} }
@media (max-width:479px) { #sing-with-echo .stack2 {margin-top: 11.7%;width: 87.7%;margin-left: -43.7%;} #sing-with-echo .inner {font-size: 15px;}}
@media (max-width:414px) { #sing-with-echo .stack2 {margin-top: 9.1%;} }
@media (max-width:320px) { #sing-with-echo .stack2 {margin-top: 11.1%;} }


.right-section {
    padding: 10px 24px 0 25px;
    width: 488px;
}

.right-section p.white {
	
	line-height: 29px;
    padding: 0 11px;
}

@media (max-width:980px) { 

.right-section {
    padding: 10px 24px 200px 25px;
}
}

@media (max-width:767px) { 

.right-section {
    width: 94%;
}

#testimonial-slider .EchoVidPlayer .videoPreview {
	
	width:100%;
	height:100%;
}

#slides {
    height: 890px !important;
}

 }



 
 

/* Added by Adeel on 4th Nov, 2016 - homepage major changes */

.home_blog_wrapper .span4 {margin-bottom:20px;}
.home_blog_wrapper a, .home_blog_wrapper a:hover, .home_blog_wrapper a:focus {color: #333333; text-decoration: none;}

.home_blog_wrapper .span4 .post-img {
    overflow: hidden;
    position: relative;
}
.home_blog_wrapper .span4 .post-img img {
    transition: all 1s ease 0s;
    width: 100%;
}
.home_blog_wrapper .span4:hover .post-img img {
    transform: scale(1.15);
}
.home_blog_wrapper .span4 .post-content {
    background-color: #fff;
    border: 2px dashed;
    left: 20px;
    padding: 0 20px;
    position: relative;
    top: -27px;
}
.home_blog_wrapper h3 {
	color: #000;
    font-weight: 400;
}
.home_blog_wrapper .italic {
    font-style:italic;
	font-weight:300;
	color: #000;
}
.headingIcon {
	margin-bottom: 9px;
    margin-left: 7px;
}







.samplework-cover {
    background-image: url("../images/adeel-bg-new.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
	background-attachment: fixed;
}
.samplework-bgopacity {
    transition: background 1s ease;
	background-color: rgba(0, 0, 0, 0.7);
}


.services-webdesign {
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    margin-bottom: 30px;
    overflow: hidden;
    padding: 40px;
    position: relative;
    text-align: center;
}
.services-webdesign::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -92%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: 0.3s;
    width: 92%;
    z-index: 0;
}
.services-webdesign::before {
    background: #4CB9DA none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: -8%;
    top: 0;
    transition-duration: 0.3s;
    width: 8%;
    z-index: 0;
}
.services-m .col-md-6:last-child .services-webdesign, .services-m .col-md-6:nth-last-child(2) .services-webdesign {
    margin-bottom: 0;
}
.services-webdesign i.fa {
    color: hsl(0, 0%, 100%);
    font-size: 50px;
    line-height: 40px;
}
.services-webdesign h6 {
    color: hsl(0, 0%, 100%);
    font-size: 22px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
	z-index:2;
}
.services-webdesign h6::after {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 70px;
}
.services-webdesign p {
    color: hsl(0, 0%, 100%);
    margin: 0 auto;
    width: 100%;
	position: relative;
	z-index:2;
}
.services-webdesign:hover i.fa, .services-webdesign:hover h6, .services-webdesign:hover p {
    color: hsl(0, 0%, 20%);
}
.services-webdesign:hover h6::after {
    background-color: #333;
}
.services-webdesign:hover::after {
    left: 0;
    opacity: 1;
}
.services-webdesign:hover::before {
    opacity: 1;
    right: 0;
}


.heading {
    background-color: #4CB9DA;
    padding: 82px 20px;
    text-align: center;
	transition: background 1s ease;
}
.heading h2 {
    color: hsl(0, 0%, 100%);
    font-size: 56px;
    font-weight: 400;
    line-height: 70px;
    margin: 0;
    text-align: center;
}
.heading p {
    color: hsl(0, 0%, 100%);
    margin: 20px 0;
    text-align: center;
}

.extra-padding {
    padding: 165px 20px 155px;
}

.services-m {
    padding: 94px 0;
}

.services-m .span4:last-child .services-webdesign, .services-m .span4:nth-last-child(2) .services-webdesign {
    margin-bottom: 0;
}



.recent-work {
    margin-bottom: 38px;     
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.span4:last-child .recent-work {
    margin-bottom: 30px;
}

.recent-work:hover .b-bottom-line {
    bottom: 0;
}
.recent-work .b-top-line, .recent-work .b-bottom-line {
    transition: all 0.5s ease 0s;
}
.recent-work .b-bottom-line {
    background: hsla(0, 0%, 0%, 0.6) none repeat scroll 0 0;
    bottom: -100%;
    height: 100%;
    position: absolute;
    right: 0;
    width: 50%;
}
.recent-work:hover .b-top-line {
    top: 0;
    width: 50%;
}
.recent-work .b-top-line {
    background: hsla(0, 0%, 0%, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: -100%;
    width: 50%;
}
.figcaption {
    color: #ffffff;
    left: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    transform: translateY(-40%);
    width: 100%;
}
.b-opacityzero-go:hover .b-from-left {
    left: 0;
}
.b-opacityzero-go:hover .b-opacityzero {
    visibility: visible;
}
.b-from-left {
    left: -100%;
    position: relative;
}
.b-opacityzero {
    transition: all 0.5s ease 0s;
    visibility: hidden;
}
.b-delay03 {
    transition-delay: 0.3s !important;
}
.b-opacityzero-go:hover .b-from-right {
    right: 0;
}
.b-from-right {
    position: relative;
    right: -100%;
}
.figcaption ul li a {
    color: #fff;
    display: inline-block;
    font-size: 21px;
    line-height: 32px;
    list-style: outside none none;
    margin: 0 0 0 auto;
    text-align: center;
}
.figcaption ul {
    padding: 0;
}
.figcaption ul li {
    display: inline-block;
    list-style: outside none none;
}
.figcaption h6 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.figcaption {
    z-index: 1;
}


@media (max-width:639px) {
	
	.home_blog_wrapper [class*="span"], .home_blog_wrapper .row-fluid [class*="span"] {
    width: 95%;
    }
	.samplework-cover {
    background-position: center center;
    background-size: 270% auto;
    }
}

@media screen and (max-width: 767px) {
.services-m .col-md-6:nth-last-child(2) .services-webdesign {
    margin-bottom: 30px;
}
.services-webdesign p {
    width: 100%;
}
.services-webdesign {
    padding: 40px 24px;
}
.services-m {
    padding: 5px 0 40px;
}
.services-webdesign::before {
    width: 5%;
}
.services-webdesign::after {
    width: 96%;
}

.heading {
    margin: 0 -15px 30px;
    padding: 50px 20px;
    position: relative;
    z-index: 1;
}
.heading::after {
    background: inherit;
    content: "";
    height: 100%;
    left: -580px;
    position: absolute;
    top: 0;
    width: 490%;
    z-index: -1;
}
.heading h2 {
    font-size: 40px;
    line-height: 50px;
}

.services-m .span4:nth-last-child(2) .services-webdesign {
    margin-bottom: 30px;
}
.services-m {
    padding: 5px 0 40px;
}

#recent-work {
    padding: 80px 0;
}

#recent-work .recent-work img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
.recent-work {
    margin-top: 10px;
}
.recent-work:hover .b-top-line {
    width: 50.1%;
}

}


@media (min-width: 640px) and (max-width: 990px) {
.samplework .span3, .samplework .span9 {width:100%;margin-left:0;}
.samplework .span4 { width:45%;}
.samplework-cover {
    background-position: center;
    background-size: 285% auto;
}
}


@media (min-width: 768px) and (max-width: 990px) {
.heading {
    padding: 50px 20px;
    position: relative;
    z-index: 1;
}
.heading::after {
    background: inherit;
    content: "";
    height: 100%;
    left: -580px;
    position: absolute;
    top: 0;
    width: 490%;
    z-index: -1;
}
.samplework .heading p, .samplework .heading h2 {
    color: hsl(0, 0%, 100%);
}
.extra-padding {
    padding: 90px 20px;
}
#recent-work .recent-work img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
}

@media (min-width: 991px) and (max-width: 1200px) {
.heading h2 {
    font-size: 43px;
    line-height: 58px;
}
#recent-work .recent-work img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
.graphicdesign .span9{padding-top:225px;}
.zeroopacity {opacity:0;
   transition: opacity .9s ease-in-out;
   -moz-transition: opacity .9s ease-in-out;
   -webkit-transition: opacity .9s ease-in-out;}
}

@media (min-width: 1200px) {
.graphicdesign .span9 {padding-top:165px;}
.zeroopacity {opacity:0;
   transition: opacity .9s ease-in-out;
   -moz-transition: opacity .9s ease-in-out;
   -webkit-transition: opacity .9s ease-in-out;}
}






/*Image Popup - Magnific Popup */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1100px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


	
	
	
	
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
	

	

/* AnimatedModal - Content PopUp */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

#btn-close-modal {
	width:100%;
	text-align: center;
	cursor:pointer;
	margin-top: 40px;
}
.closebt {
	cursor: pointer;
	transition: all 0.2s ease 0s;
 }
 .closebt:hover {
	transform: rotate(90deg);
 }
 
.thumb {opacity:0; margin-top: 100px;}
.thumb a {
    font-style: italic;
    text-decoration: underline;
}
.thumb a:hover {
    font-weight:bold;
}
/* a#demo01 {
    position: absolute;
    z-index: 10000;
	width: 145px;
	text-align: center;
	line-height: 42px;
	letter-spacing: 1px;
	font-size: 14px;
	top: 15px;
	right: -36px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	opacity:1;
	-webkit-transition: background-color 300ms ease-out 50ms;
    -moz-transition: background-color 300ms ease-out 50ms;
    -o-transition: background-color 300ms ease-out 50ms;
    transition: background-color 300ms ease-out 50ms;
}
 a#demo01:hover {
	background-color: #2E91AD!Important;
	text-decoration:none;
} */