/* #Table of Contents

1. Site Styles
2. Header
3. Main Section
   3.1. Features
   3.2. Projects
   3.3. Testimonials
   3.4. Subscribe Form
4. Footer Section
5. CSS Hacks
6. Media Queries
================================================== */



/* ========================= 1. Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
}

body {
	font-family:'PT Sans', Arial, sans-serif;
	color:#7a7a7a;
	font-size:15px;
	line-height:21px;
}

h1, h2, h3, h4, h5, h6 {
	color:#41abce;
	font-family:'Titillium Web', Arial, sans-serif;
	font-weight:normal;
	text-rendering:auto;
}

figure { margin:0px; }
	figure img { width:100%; }

ul { margin:0px; }

/* Links */

a, a:visited {
	color:#41abce;
	-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:#4a4a4a;
}

/* Site Elements */

input[type="text"], input[type="password"], input[type="email"], textarea {
	height:40px;
	padding:0px 12px;
	font-family:'Titillium Web', Arial, sans-serif;
	outline:none;
	font-size:14px;
	color:#a9a9a9;
	border:1px solid #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset -1px 1px 2px #eaeaea;
	-webkit-box-shadow:inset -1px 1px 2px #eaeaea;
	box-shadow:inset -1px 1px 2px #eaeaea;
}
textarea {
	height:auto;
	padding:12px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border:1px solid #e0e0e0;
	color:#7a7a7a;
}

input[type="text"].input-medium, input[type="password"].input-medium, input[type="email"].input-medium, textarea.input-medium {
	height:50px;
	font-size:15px;
	padding:0px 16px;
}
input[type="text"].input-large, input[type="password"].input-large, input[type="email"].input-large, textarea.input-large {
	height:60px;
	font-size:16px;
	padding:0px 20px;
}
textarea.input-medium, textarea.input-large { height:auto; }

.btn {
	background-color:#41abce;
	padding:9px 20px;
	color:#FFF !important;
	line-height:40px;
	font-size:13px;
	font-family:'PT Sans', Arial, sans-serif;
	text-shadow:#404040 1px 1px;
	border:1px solid #2c9bbf;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4ec0e6), to(#349dbf));
	background:-webkit-linear-gradient(top, #4ec0e6, #349dbf);
	background:-moz-linear-gradient(top, #4ec0e6, #349dbf);
	background:-o-linear-gradient(top, #4ec0e6, #349dbf);
}
input[type="button"].btn, input[type="submit"].btn, input[type="reset"].btn, button.btn {
	line-height:1;
	padding:13px 20px 12px;
}
.btn:hover {
	background-color:#2b9cc1;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#37a8cd), to(#1f90b5));
	background:-webkit-linear-gradient(top, #37a8cd, #1f90b5);
	background:-moz-linear-gradient(top, #37a8cd, #1f90b5);
	background:-o-linear-gradient(top, #37a8cd, #1f90b5);
	border:1px solid #1c8cb1;
}
.btn:disabled {
	background:#a0a0a0;
	border:1px solid #909090;
}

.btn.btn-green {
	background-color:#48820a;
	border:1px solid #3a6c04;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#508d0f), to(#3e7504));
	background:-webkit-linear-gradient(top, #508d0f, #3e7504);
	background:-moz-linear-gradient(top, #508d0f, #3e7504);
	background:-o-linear-gradient(top, #508d0f, #3e7504);
}
.btn.btn-green:hover {
	background-color:#3d7204;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#457f06), to(#376703));
	background:-webkit-linear-gradient(top, #457f06, #376703);
	background:-moz-linear-gradient(top, #457f06, #376703);
	background:-o-linear-gradient(top, #457f06, #376703);
	border:1px solid #336102;
}

.btn.btn-orange {
	background-color:#ce4b17;
	border:1px solid #c9440e;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d55826), to(#c9420d));
	background:-webkit-linear-gradient(top, #d55826, #c9420d);
	background:-moz-linear-gradient(top, #d55826, #c9420d);
	background:-o-linear-gradient(top, #d55826, #c9420d);
}
.btn.btn-orange:hover {
	background-color:#b84011;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#be491b), to(#ac3507));
	background:-webkit-linear-gradient(top, #be491b, #ac3507);
	background:-moz-linear-gradient(top, #be491b, #ac3507);
	background:-o-linear-gradient(top, #be491b, #ac3507);
	border:1px solid #a3350a;
}

.btn.btn-pink {
	background-color:#b61f58;
	border:1px solid #ab154e;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bd2c63), to(#ae124d));
	background:-webkit-linear-gradient(top, #bd2c63, #ae124d);
	background:-moz-linear-gradient(top, #bd2c63, #ae124d);
	background:-o-linear-gradient(top, #bd2c63, #ae124d);
}
.btn.btn-pink:hover {
	background-color:#9f184b;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#a82154), to(#960e41));
	background:-webkit-linear-gradient(top, #a82154, #960e41);
	background:-moz-linear-gradient(top, #a82154, #960e41);
	background:-o-linear-gradient(top, #a82154, #960e41);
	border:1px solid #941042;
}

.btn.btn-purple {
	background-color:#970ba0;
	border:1px solid #84078c;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#a70eb1), to(#86088e));
	background:-webkit-linear-gradient(top, #a70eb1, #86088e);
	background:-moz-linear-gradient(top, #a70eb1, #86088e);
	background:-o-linear-gradient(top, #a70eb1, #86088e);
}
.btn.btn-purple:hover {
	background-color:#85078d;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#94099d), to(#74087b));
	background:-webkit-linear-gradient(top, #94099d, #74087b);
	background:-moz-linear-gradient(top, #94099d, #74087b);
	background:-o-linear-gradient(top, #94099d, #74087b);
	border:1px solid #730c7a;
}

.btn.btn-yellow {
	background-color:#c08902;
	border:1px solid #ad7d07;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d19604), to(#ae7c01));
	background:-webkit-linear-gradient(top, #d19604, #ae7c01);
	background:-moz-linear-gradient(top, #d19604, #ae7c01);
	background:-o-linear-gradient(top, #d19604, #ae7c01);
}
.btn.btn-yellow:hover {
	background-color:#a87802;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b88301), to(#946a03));
	background:-webkit-linear-gradient(top, #b88301, #946a03);
	background:-moz-linear-gradient(top, #b88301, #946a03);
	background:-o-linear-gradient(top, #b88301, #946a03);
	border:1px solid #936b07;
}

.btn.btn-medium {
	font-size:15px;
	line-height:50px;
	padding:14px 25px;
}
input[type="button"].btn.btn-medium, input[type="submit"].btn.btn-medium, input[type="reset"].btn.btn-medium, button.btn.btn-medium {
	line-height:1;
	padding:18px 25px 17px;
}

.btn.btn-large {
	font-size:17px;
	line-height:80px;
	padding:19px 30px;
}
input[type="button"].btn.btn-large, input[type="submit"].btn.btn-large, input[type="reset"].btn.btn-large, button.btn.btn-large {
	line-height:1;
	padding:23px 30x 22px;
}

figure.figure-hover { position:relative; }
	figure.figure-hover div {
		position:absolute;
		text-align:center;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(../images/base-figure-overlay.png) repeat;
		display:none;
	}
		figure.figure-hover div .icon-hover {
			position:absolute;
			right:0;
			bottom:0;
			width:48px;
			height:48px;
		}
		
		/* Figure hover icon */		
		figure.figure-hover div .icon-hover.icon-hover-plus { background:url(../images/icon-hover-plus.png) no-repeat center center; }
		
.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;
}

.submit-status {
	position:fixed;
	left:0;
	right:0;
	width:100%;
	background-color:#f0f0f0;
	border-bottom:1px solid #e0e0e0;
	padding:12px 0px;
	z-index:500;
	text-align:center;
	font-family:'Titillium Web', Arial, sans-serif;
	color:#2a2a2a;
}
.submit-status.submit-status-success {
	background-color:#cfeecf;
	border-bottom:1px solid #aee4ae;
	color:#0fbc0f;
}
.submit-status.submit-status-error {
	background-color:#f1cfc9;
	border-bottom:1px solid #f7b2a7;
	color:#d83232;
}

.pp_gallery ul a img {
	max-width:none;
	vertical-align:auto;
	width:50px;
}



/* ========================= 2. Header ========================= */

#header {
	text-align:left;
	background:url(../images/base-header.jpg) repeat;
	background-size:contain;
	background-attachment:fixed;
}
	#header .header-overlay {
		background:url(../images/header-overlay.png) repeat;
		padding:40px 0px 120px;
	}
	#header .logo { margin-bottom:15px; }
		#header .logo img { height:60px; }
	#header p {
		font-family:'Titillium Web', Arial, sans-serif;
		color:#FFF;
		font-size:30px;
		line-height:38px;
		margin:60px 0px 0px;
	}
	#header .social { margin-bottom:20px; }
		#header .social li {
			list-style-type:none;
			display:inline;	
		}
			#header .social li img {
				width:22px;
				height:22px;
				margin:0px 8px;	
			}
	#header .header-btn {
		margin-top:60px;
		color:#e0e0e0;
	}
		#header .header-btn strong { font-size:18px; }
	
	
	
/* ========================= 3. Main Section ========================= */

#main {
	background:#f9f9f9 url(../images/base-main.png) repeat;
	padding:50px 0px 20px;
}
	#main .header {
		text-align:center;
		margin-bottom:40px;
	}
		#main .header h2 {
			font-size:32px;
			margin:0px 0px 5px;
			font-family:Oswald, Arial, sans-serif;
			text-transform:uppercase;
			line-height:38px;
		}
		#main .header p {
			font-family:'Titillium Web', Arial, sans-serif;
			margin:0px;
			color:#9a9a9a;
			font-size:18px;
		}
	#main .sep-border {
		clear:both;
		height:20px;
		background:url(../images/sep-border-main.png) center center no-repeat;
		margin-bottom:40px;
	}
		
/* Features */

#main .features { padding:30px 0px 20px; }
	#main .features .item {
		margin-bottom:40px;
		overflow:hidden;
	}
		#main .features .item img {
			float:left;
			width:10%;	
		}
		#main .features .item .content {
			float:right;
			width:86%;
		}
			#main .features .item .content h4 {
				font-size:20px;
				font-weight:600;
				margin-top:0px;
				line-height:26px;
			}
			
/* Projects */

#main .projects {
	position:relative;
	padding-bottom:80px;
}
	#main .projects .flex-viewport { max-height:none; }
	#main .projects figure {
		margin-bottom:30px;
		background-color:#FFF;
		padding:4px;
		border:1px solid #d0d0d0;
	}
		#main .projects figure.figure-hover div {
			top:4px;
			bottom:4px;
			left:4px;
			right:4px;
		}
	#main .projects .flex-control-nav { bottom:60px; }
	#main .projects .flex-control-paging li a {
		width:40px;
		height:8px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
			
/* Testimonials */

#main .testimonials { padding-bottom:30px; }
	#main .testimonials .tab-pane {
		background-color:transparent;
		text-align:center;
		font-size:20px;
		line-height:28px;
		padding:0px;
		margin-bottom:30px;
		font-style:italic;
	}
	#main .testimonials .nav-tabs-testimonials {
		text-align:center;
		margin-bottom:0px;
	}
		#main .testimonials .nav-tabs-testimonials li {
			padding-bottom:35px;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=20)";
			filter:alpha(opacity=20);
			opacity:.2;
			-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;
		}
		#main .testimonials .nav-tabs-testimonials li.active {
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
			opacity:1;
		}
			#main .testimonials .nav-tabs-testimonials li a { color:#2a2a2a; }
			#main .testimonials .nav-tabs-testimonials li a:hover {
				color:#2a2a2a;
				background-color:transparent;	
			}
			#main .testimonials .nav-tabs-testimonials li img {
				width:128px;
				height:128px;
				margin-bottom:25px;
			}
			#main .testimonials .nav-tabs-testimonials li .name { background:url(../images/border-name-testimonials.png) center center repeat-x; }
				#main .testimonials .nav-tabs-testimonials li .name span {
					color:#FFF;
					text-transform:uppercase;
					font-size:13px;
					background-color:#5a5a5a;
					padding:8px 15px;
					line-height:18px;
					-moz-border-radius:17px;
					-webkit-border-radius:17px;
					border-radius:17px;
				}
			#main .testimonials .nav-tabs-testimonials li.active .name { background:url(../images/border-name-testimonials-active.png) center center repeat-x; }
				#main .testimonials .nav-tabs-testimonials li.active .name span { background-color:#41abce; }
				
/* Subscribe Form */

.subscribe-form {
	padding:40px 0px;
	background:#3a3a3a url(../images/base-subscribe.jpg) no-repeat top center;	
}
	.subscribe-form form { margin-bottom:0px; }
	.subscribe-form input {
		margin-bottom:5px;
		width:100%;
	}
	.subscribe-form input[type="text"], .subscribe-form input[type="text"]:focus { border:0px; }
	.subscribe-form label {
		color:#FFFFFF;
		font-size:15px;
		line-height:18px;
		text-shadow:#101010 1px 1px;
		cursor:default;
		margin:0px;
	}
	.subscribe-form input[type="submit"].btn.btn-medium { padding:18px 0px 17px; }



/* ========================= 4. Footer Section ========================= */

#footer {
	padding:25px 0px 22px;
	font-size:13px;
	line-height:18px;
}
	#footer p {
		float:left;
		margin:0px;
	}
	#footer img {
		float:right;
		height:18px;	
	}



/* ========================= 5. CSS Hacks ========================= */

.ie input[type="text"], input[type="password"], input[type="email"] { line-height:40px; }
.ie input[type="text"].input-medium, input[type="password"].input-medium, input[type="email"].input-medium { line-height:50px; }
.ie input[type="text"].input-large, input[type="password"].input-large, input[type="email"].input-large { line-height:60px; }

.ie #main .features .item img { width:12%; }
.ie #main .features .item .content { width:82%; }

/* IE7 */

.ie7 #main .projects .flex-control-nav { bottom:50px; }
.ie7 #main .projects figure {
	padding:0px;
	border:0px;
}
.ie7 #main .projects figure.figure-hover div {
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
.ie7 #main .projects figure.figure-hover div .icon-hover { left:0; }

.ie7 .subscribe-form input[type="text"] { width:86%; }
.ie7 .subscribe-form label { display:none; }



/* ========================= 6. Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {
	
	#main .features .item img { width:12%; }
	#main .features .item .content { width:82%; }
		
}

@media (min-width: 768px) and (max-width: 979px) {
	
	#main .features .item img { width:14%; }
	#main .features .item .content { width:80%; }
		
}

@media (max-width: 767px) {
	
	.scrollup { display:none !important; }
	
	#header, #header .header-overlay, #main, .subscribe-form {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#main .features { text-align:center; }
	#main .features .item img {
		float:none;
		width:64px;
		height:64px;
		margin-bottom:20px;
	}
	#main .features .item .content {
		float:none;
		width:100%;
	}
	
	#main .testimonials .nav-tabs-testimonials li {
		float:left;
		width:21%;
		margin-left:2%;
		margin-right:2%;
	}
	#main .testimonials .nav-tabs-testimonials li img {
		width:100%;
		height:auto;
	}
	#main .testimonials .nav-tabs-testimonials li .name { display:none; }
	
	.subscribe-form { background-position:center center; }
	.subscribe-form label { margin-bottom:20px; }
		
	#footer { text-align:center; }
	#footer p {
		float:none;
		margin-bottom:10px;
	}
	#footer img {
		float:none;
		height:auto;
	}
		
}

@media (max-width: 480px) {
	
	#header .header-btn .btn {
		display:block;
		margin:10px 0px;
		padding-top:0px;
		padding-bottom:0px;
	}
		
}