
/* ========================= Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
	font-size:15px;
	line-height:21px;
}

h1, h2, h3, h4, h5, h6 {
	color:#222;
	font-family:Nunito, Arial, sans-serif;
	font-weight:normal;
}

figure { margin:0px; }
	figure img { width:100%; }

/* Font Variants */

.font-sharp { color:#404040; }
.font-required { color:#4790af; }

/* Links */

a, a:visited {
	color:#44a3fc;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#1b66ac;
}

/* Site Elements */
	
.margin0 { margin:0px !important; }

.responsive {
	display:none !important;
	width:100%;
	padding:10px;
	margin:0px;
}

.sep-border {
	width:100%;
	height:8px;
	background:url(../images/sep-border.png) no-repeat center;
	margin-bottom:20px;	
}

select {
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	padding:8px 12px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.scrollup {
    width:54px;
    height:54px;
    position:fixed;
    bottom:0px;
    right:20px;
	display:none;
    text-indent:-9999px;
    background:url('../images/back-to-top.png') no-repeat;
	z-index:400;
}

/* Figure Overlay */

.figure-overlay {
	text-align:center;
	position:relative;
	text-transform:uppercase;
}
	.figure-overlay a, .figure-overlay a img {
		display:block;
		position:relative;
	}	
	.figure-overlay a {
		overflow:hidden;
		color:#FFF;
	}
	.figure-overlay a:hover { color:#FFF; }
		.figure-overlay a div {
			position:absolute;
			background:transparent url(../images/base-figure-overlay.png) repeat;
			width:100%;
			height:100%;
		}
			.figure-overlay a div p {
				background:url(../images/base-figure-text.png) repeat;
				padding:20px;
				font-size:16px;
				font-family:'Open Sans', Arial, sans-serif;
				margin-bottom:0px;
			}
				.figure-overlay a div p i {
					font-style:normal;
					color:#f15620;
					font-size:12px;
					display:block;
					margin-top:5px;
				}
		.figure-overlay.figure-overlay-icon a div { background:url(../images/base-figure-text.png) repeat; }
			.figure-overlay.figure-overlay-icon a div p {
				padding:0;
				margin:0;
				width:100%;
				height:100%;	
			}
			
			/* Icon Overlay */
			.figure-overlay.figure-overlay-icon a div p.icon-plus { background:url(../images/icon-hover-plus.png) no-repeat center center; }
			
/* Button */

.btn, input[type="button"], input[type="submit"], input[type="reset"] {
	background-color:#53a7f6;
	padding:12px 18px !important;
	font-family:'PT Sans', Arial, sans-serif;
	text-transform:uppercase;
	color:#FFF !important;
	line-height:42px;
	font-size:14px;
	font-weight:bold;
	border:0px;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	border-radius:22px;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53a7f6), to(#4395e2));
	background:-webkit-linear-gradient(top, #53a7f6, #4395e2);
	background:-moz-linear-gradient(top, #53a7f6, #4395e2);
	background:-o-linear-gradient(top, #53a7f6, #4395e2);
}
input[type="button"], input[type="submit"], input[type="reset"], button.btn {
	line-height:1;
	padding:14px 18px !important;
}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background-color:#4395e2;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4395e2), to(#53a7f6));
	background:-webkit-linear-gradient(top, #4395e2, #53a7f6);
	background:-moz-linear-gradient(top, #4395e2, #53a7f6);
	background:-o-linear-gradient(top, #4395e2, #53a7f6);
}
	.btn i, input[type="button"] i, input[type="submit"] i, input[type="reset"] i { margin:1px 5px 0px 0px; }
	
/* Forms */

input[type="text"] {
	height:38px;
	padding:0px 12px;
	font-family:'PT Sans', Arial, sans-serif;
	border:1px solid #E0E0E0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
textarea {
	padding:12px;
	font-family:'PT Sans', Arial, sans-serif;
	border:1px solid #E0E0E0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

/* Header */

.header {
	text-align:center;
	margin-bottom:40px;
}
	.header h3 { margin:0px 0px 5px; }
	.header p { font-size:16px; }



/* ========================= Header ========================= */

#header {
	position:fixed;
	width:100%;
	z-index:999;
	background-color:#FFF;
	border-bottom:1px solid #EFEFEF;
	top:0;
}

	#header .logo {
		float:left;
		margin-top:15px;
	}
	
	#header .menu-nav {
		float:right;
		margin:0px;
	}
		#header .menu-nav ul { margin:0px; }
			#header .menu-nav ul li {
				float:left;
				list-style-type:none;
				font-family:'PT Sans', Arial, sans-serif;
				font-size:13px;
				text-transform:uppercase;
			}
				#header .menu-nav ul li a {
					padding:24px 30px 26px;
					float:left;
					color:#6D6D6D;
					font-weight:bold;
					border-top:2px solid #FFF;
				}
				#header .menu-nav ul li a:hover, #header .menu-nav ul li.active a {
					border-top:2px solid #44a3fc;
					color:#44a3fc;
				}
				#header .menu-nav ul li.active a { background-color:#F9F9F9; }
		#header .menu-nav select {
			margin-top:20px;
			width:300px;
			background-color:#F3F3F3;
			border:1px solid #EAEAEA;
			color:#6D6D6D;
		}



/* ========================= Slider ========================= */

#slider {
	margin-top:74px;
	padding:50px 0px;
	background:#2a2a2a url(../images/base-slider.jpg) repeat-y center;
}
	#slider .slider-images {
		height:460px;
		background:url(../images/base-slider-image.png) no-repeat;
		position:relative;
	}
	#slider .slider-images ul {
		margin:26px 0px 0px 90px;
		width:590px;
		height:370px;
	}
		#slider .slider-images ul li {
			list-style-type:none;
			text-align:center;
		}
			#slider .slider-images ul li img {
				width:100%;
				height:100%;
			}
		
	#slider .content { color:#E0E0E0; }
		#slider .content h3 {
			font-size:28px;
			line-height:34px;
			color:#FFF;
			margin:0px;
			/*text-transform:uppercase;*/
		}
		#slider .content h4 {
			font-size:18px;
			color:#FFF;
			margin:5px 0px 20px;	
		}
		#slider .content .flex-viewport {
			height:auto !important;
			position:static !important;
		}
		#slider .content ul {
			margin:10px 0px 0px;
			float:left;
			height:auto !important;
			position:static !important;
		}
			#slider .content ul li {
				list-style-type:none;
				float:left;
				width:100%;
				margin-bottom:10px;
			}
			#slider .content ul li:last-child { margin:0px; }
				#slider .content ul li a {
					padding:12px 15px;
					float:left;
					width:100%;
					background:url(../images/base-slider-transparent20.png) repeat;
					color:#D0D0D0;
					font-family:'PT Sans', Arial, sans-serif;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					border-radius:4px;
					-moz-box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
					-webkit-box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
					box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
				}
				#slider .content ul li a:hover, #slider .content ul li.flex-active-slide a {
					background:url(../images/base-slider-transparent40.png) repeat;;
					color:#FFF;
				}
					#slider .content ul li a i { margin:2px 10px 0px 0px; }
					
					

/* ========================= Introduction ========================= */

#introduction { margin-top:60px; }
	#introduction .row-fluid {
		background-color:#f0f0f0;
		border-left:5px solid #44a3fc;
		padding:20px 30px;
	}
		#introduction .row-fluid h1 {
			font-size:30px;
			margin:0px 0px 10px;	
		}
		#introduction .row-fluid p { font-size:16px; }
		#introduction .row-fluid .button {
			text-align:right;
			padding-top:20px;
		}
		
		
		
/* ========================= Features ========================= */

#features { margin-top:60px; }
	#features .item {
		margin-bottom:40px;	
	}
		#features .item img {
			float:left;
			width:20%;
		}
		#features .item .content {
			float:right;
			width:75%;
		}
			#features .item .content h4 {
				font-family:'Bree Serif', serif;
				font-size:18px;
				margin:0px 0px 10px;
			}
			#features .item .content p { margin:0px; }
			
			

/* ========================= HowTo ========================= */

#howto { margin-top:20px; }
	#howto .step {
		margin-top:20px;
		margin-bottom:30px;
		text-align:center;
		padding:0px 20px 30px;
		border:1px dashed #e0e0e0;
		cursor:pointer;
		-webkit-transition:background-color .2s ease;
		-moz-transition:background-color .2s ease;
		-ms-transition:background-color .2s ease;
		-o-transition:background-color .2s ease;
		transition:background-color .2s ease;
	}
	#howto .step:hover { background-color:#f9f9f9; }
		#howto .step .step-number {	position:relative; }
		#howto .step h4 { margin-bottom:20px; }
			#howto .step .step-number .number {
				position:absolute;
				width:50px;
				height:50px;
				background-color:#3a3a3a;
				color:#FFF;
				font-family:Nunito, Arial, sans-serif;
				font-size:20px;
				top:-25px;
				left:42%;
				line-height:40px;
				border:5px solid #e0e0e0;
				-moz-border-radius:25px;
				-webkit-border-radius:25px;
				border-radius:25px;
				-webkit-transition:background-color .2s ease;
				-moz-transition:background-color .2s ease;
				-ms-transition:background-color .2s ease;
				-o-transition:background-color .2s ease;
				transition:background-color .2s ease;
			}
			#howto .step:hover .step-number .number {
				background-color:#44a3fc;
				border:5px solid #c8e4ff;
			}
		#howto .step img {
			opacity:.6;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter:alpha(opacity=60);
			-webkit-transition:opacity .2s ease-in-out;
			-moz-transition:opacity .2s ease-in-out;
			-ms-transition:opacity .2s ease-in-out;
			-o-transition:opacity .2s ease-in-out;
			transition:opacity .2s ease-in-out;
		}
		#howto .step:hover img {
			opacity:1;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
		}
		#howto .step .content { margin-top:50px; }
			#howto .step .content p { margin:20px 0px 0px; }
			
			
			
/* ========================= Main Tabs ========================= */

#main-tabs { margin-top:30px; }
	#main-tabs .tabs {
		margin:0px 0px 40px;
		text-align:center;
		background:#F0F0F0 url(../images/tabs-base.png) repeat;
		display:inline-table;
		width:100%;
	}
		#main-tabs .tabs li {
			list-style-type:none;
			display:inline;
		}
			#main-tabs .tabs li a {
				font-size:14px;
				color:#6F6F6F;
				font-family:'PT Sans', Arial, sans-serif;
				text-transform:uppercase;
				padding:12px 30px;
				display:inline-block;
				border-right:1px solid #FFF;
				color:#E0E0E0;
				background-color:#313439;
			}
			#main-tabs .tabs li.last-element a { border-right:0px; }
			#main-tabs .tabs li a:hover, #main-tabs .tabs li.active a {
				background-color:#44a3fc;
				color:#FFF;
			}
	
	/* Latest Projects */
	
	#main-tabs .latest-projects .item { margin-bottom:30px; }
		#main-tabs .latest-projects .item figure {
			border:1px solid #EAEAEA;
			padding:3px;
			background-color:#f9f9f9;	
		}
			
	/* Pricing Tables */
	
	#main-tabs .pricing-tables { text-align:center; }
		#main-tabs .pricing-tables .item {
			padding:20px 20px 30px;
			background-color:#F6F6F6;
			border:1px solid #DADADA;
			margin-bottom:30px;
			margin-top:10px;
		}
		#main-tabs .pricing-tables h3 {
			font-weight:bold;
			font-size:18px;
			margin:0px 0px 5px;
		}
		#main-tabs .pricing-tables ul { margin:0px 0px 20px 0px; }
			#main-tabs .pricing-tables ul li {
				list-style-type:none;
				padding:12px 0px;
				border-bottom:1px dashed #E0E0E0;
			}
			#main-tabs .pricing-tables ul li.price {
				border-bottom:0px;
				color:#222;
				font-family:Nunito, Arial, sans-serif;
				font-weight:bold;
				font-size:16px;
				padding:25px 0px 5px;
			}
		#main-tabs .pricing-tables .item.recommended {
			background-color:#313439;
			border:1px solid #000;
			color:#e0e0e0;
			margin-top:1px;
			padding:30px 20px 40px;
			position:relative;
		}
			#main-tabs .pricing-tables .item.recommended .pricing-badge {
				width:75px;
				height:75px;
				position:absolute;
				left:-2px;
				top:-2px;
				background:url(../images/pricing-badge.png) no-repeat top left;
			}
			#main-tabs .pricing-tables .item.recommended h3 { color:#FFF; }
				#main-tabs .pricing-tables .item.recommended ul li { border-bottom:1px dashed #2a2a2a; }
				#main-tabs .pricing-tables .item.recommended ul li.price {
					border-bottom:0px;
					color:#FFF;
				}
			
	/* Testimonials */
	
	#main-tabs .testimonials { text-align:center; }
		#main-tabs .testimonials .item {
			margin-bottom:30px;
			cursor:pointer;
		}
		#main-tabs .testimonials .text {
			margin-top:5px;
			font-size:14px;
		}
		#main-tabs .testimonials .arrow {
			border-top:20px solid #F0F0F0;
			border-left:16px solid transparent;
			border-right:16px solid transparent;
			display:inline-block;
		}
			#main-tabs .testimonials .item:hover .arrow { border-top:20px solid #44a3fc; }
		#main-tabs .testimonials img {
			width:148px;
			margin:0px auto 15px;
			display:block;
		}
		#main-tabs .testimonials .name {
			font-family:'PT Sans', Arial, sans-serif;
			font-size:12px;
			color:#FFF;
			padding:4px 12px 6px;
			background-color:#3a3a3a;
			-moz-border-radius:18px;
			-webkit-border-radius:18px;
			border-radius:18px;
			display:inline-block;
			margin-top:15px;
		}
			#main-tabs .testimonials .item:hover .name { background-color:#44a3fc; }
		#main-tabs .testimonials .arrow, #main-tabs .testimonials .name {
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}
		
		
		
/* ========================= Contact ========================= */

#contact { margin:30px 0px 60px; }
	#contact form { margin:2px 0px 0px; }
		#contact form input[type="text"], #contact form textarea {
			width:100%;
			margin-bottom:20px;
		}
		#contact form textarea { height:140px; }
	#contact .contact-info {
		font-family:'PT Sans', Arial, sans-serif;
		font-size:14px;
	}
			
			
			
/* ========================= Buy Now ========================= */

#buynow {
	text-align:center;
	border-top:1px solid #F0F0F0;
	margin-top:30px;
	padding:40px 0px 50px;
	background:#f9f9f9 url(../images/base-white.png) repeat top;
}
	#buynow h1 {
		font-size:30px;
		margin:0px 0px 10px;
	}
	#buynow p {
		font-size:16px;
		margin-bottom:30px;
	}
	
	
	
/* ========================= Clients ========================= */

#clients {
	background-color:#1A1A1A;
	padding:30px 0px;
	text-align:center;
}
	#clients img {
		opacity:.6;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter:alpha(opacity=60);
		-webkit-transition:opacity .2s ease-in-out;
		-moz-transition:opacity .2s ease-in-out;
		-ms-transition:opacity .2s ease-in-out;
		-o-transition:opacity .2s ease-in-out;
		transition:opacity .2s ease-in-out;
	}
	#clients img:hover {
		opacity:1;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:alpha(opacity=100);
		cursor:pointer;
	}
	
	

/* ========================= Footer ========================= */

#footer {
	background-color:#0C0C0C;
	color:#ACACAC;
}
	#footer a { color:#FFF; }
	#footer a:hover { color:#ACACAC; }
	
	#footer .copyright {
		float:left;
		padding-top:30px;
		font-family:'PT Sans', Arial, sans-serif;
		font-size:14px;
	}
	
	#footer .social { float:right; }
		#footer .social ul {
			margin:0px;
			float:left;
			border-left:1px solid #202020;	
		}
			#footer .social ul li {
				float:left;
				list-style-type:none;
			}
				#footer .social ul li a {
					float:left;
					padding:25px 30px;
					border-right:1px solid #202020;
				}
				#footer .social ul li a:hover { background-color:#000; }
				#footer .social ul li img {
					width:28px;
					height:28px;
				}
				
				
				
/* ========================= CSS Hacks ========================= */

.ie input[type="text"] { line-height:38px; }

.ie #slider .slider-images {
	height:370px;
	background:url(../images/base-slider-image2.png) no-repeat;
}
.ie #slider .slider-images ul {
	margin:21px 0px 0px 76px;
	width:468px;
	height:300px;
}

.ie #footer { height:60px; }
.ie #footer .copyright {
	padding:0px;
	line-height:60px;
}
.ie #footer .social ul { border:0px; }
.ie #footer .social ul li {
	padding:0px;
	line-height:54px;
}
.ie #footer .social ul li a {
	float:none;
	border:0px;
}
.ie #footer .social ul li a:hover { background-color:transparent; }
.ie #footer .social ul li img {
	width:24px;
	height:24px;
}
.ie #footer .social ul li img:hover {
	opacity:.6;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}

.ie7 .btn i { display:none; }

.ie7 #introduction .button { padding-top:5px; }

.ie7 #features .item { padding-bottom:40px; }

.ie7 #howto .step { width:27.33%; }
.ie7 #howto .step .step-number .number {
	left:40%;
	height:40px;
}

.ie7 #main-tabs { margin-top:60px; }
.ie7 #main-tabs .latest-projects .item { padding-bottom:20px; }
.ie7 #main-tabs .pricing-tables .item { width:18.9%; }
.ie7 #main-tabs .testimonials .arrow {
	border:0px;
	height:1px;
	background-color:#F0F0F0;	
}
.ie7 #main-tabs .testimonials .item:hover .arrow {
	border:0px;
	background-color:#44a3fc;	
}

.ie7 #contact form input[type="text"], .ie7 #contact form textarea { width:85%; }
.ie7 #contact form textarea { width:96%; }

.ie7 #buynow { margin-top:60px; }

.ie7 #footer .copyright {
	text-align:center;
	float:none;
}
.ie7 #footer .social { display:none; }


	
/* ========================= Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {
	
	#slider .slider-images {
		height:370px;
		background:url(../images/base-slider-image2.png) no-repeat;
	}
	#slider .slider-images ul {
		margin:21px 0px 0px 76px;
		width:468px;
		height:300px;
	}
	
	#howto .step .step-number .number { left:41%; }
	
	#features .item img { width:25%; }
	#features .item .content { width:70%; }
		
}

@media (min-width: 768px) and (max-width: 979px) {
	
	
	#slider .slider-images {
		height:284px;
		background:url(../images/base-slider-image3.png) no-repeat;
	}
	#slider .slider-images ul {
		margin:16px 0px 0px 58px;
		width:360px;
		height:230px;
	}
	#slider .content h4 { margin-bottom:0px; }
	#slider .content > p { display:none; }
	
	#introduction .row-fluid .button { padding-top:5px; }
	
	#features .item img { width:30%; }
	#features .item .content { width:60%; }
	
	#howto .step .step-number .number { left:38%; }
	
	#clients .row-fluid > div {
		width:33.33%;
		float:left;
		margin:10px 0px;
	}
		
}

@media (max-width: 767px) {
	
	.responsive { display:block !important;	}
	
	.scrollup { display:none !important; }
	
	#header, #slider, #buynow, #clients, #footer {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#header .logo { margin:20px 0px; }
	#header .menu-nav ul { display:none; }
	
	#slider .slider-images {
		background:none;
		margin-bottom:20px;
		height:auto;
	}
	#slider .slider-images ul {
		width:auto;
		height:auto;
		margin:0px;
	}
	#slider .slider-images ul li img {
		height:auto;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border:20px solid #0A0A0A;
	}
	
	#introduction, #introduction .row-fluid .button { text-align:center; }
	#introduction .row-fluid .button { padding:10px 0px; }
	
	#features .item { text-align:center; }
	#features .item img {
		float:none;
		width:64px;
		height:64px;
		margin-bottom:20px;	
	}
	#features .item .content {
		float:none;
		width:100%;	
	}
	
	#howto .step .step-number .number { left:47%; }
	
	#main-tabs .latest-projects .item, #main-tabs .pricing-tables .item, #main-tabs .testimonials .item {
		width:46%;
		float:left;
		margin-left:2%;
		margin-right:2%;	
	}
	
	#contact form { margin-bottom:30px; }
	
	#clients .row-fluid > div {
		width:33.33%;
		float:left;
		margin:10px 0px;
	}
	
	#footer {
		text-align:center;
		padding-bottom:30px;
	}
	#footer .copyright {
		float:none;
		margin-bottom:20px;
	}
	#footer .social, #footer .social ul, #footer .social ul li, #footer .social ul li a {
		float:none;
		border:0px;
	}
	#footer .social ul li { display:inline; }
	#footer .social ul li a { padding:0px 15px; }
	#footer .social ul li a:hover { background-color:transparent; }
	#footer .social ul li img:hover {
		opacity:.6;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter:alpha(opacity=60);
	}
	
}

@media (max-width: 540px) {
	
	#header {
		text-align:center;
		padding-bottom:20px;
		position:static;
		width:auto;
	}
	#header .logo, #header .menu-nav { float:none; }
	#header .menu-nav select { width:100%; }
	
	#slider { margin-top:0px; }
	
	#howto .step .step-number .number { left:45%; }
	
	#main-tabs .tabs li { display:block; }
	#main-tabs .tabs li a { width:100%; border:0px; }
	
	#clients .row-fluid > div {
		width:50%;
		float:left;
	}
	
}

@media (max-width: 480px) {
	
	#slider { padding-top:40px; }
	#slider .slider-images { display:none; }
	#slider .content { margin-top:0px; }
	
	#howto .step .step-number .number { left:43%; }
	
	#main-tabs .latest-projects .item, #main-tabs .pricing-tables .item, #main-tabs .testimonials .item {
		width:100%;
		float:none;
		margin-left:0px;
		margin-right:0px;	
	}
		
}

@media (max-width: 300px) {
	
	#howto .step .step-number .number { left:40%; }
	
	#clients .row-fluid > div {
		width:100%;
		float:none;
	}
	
}