/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;}html {font-family: sans-serif; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}body {margin: 0;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}mark {background: #ff0;color: #000;}code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; /* 1 */padding: 0; /* 2 */}button,input,select,textarea {font-family: inherit; /* 1 */font-size: 100%; /* 2 */margin: 0; /* 3 */}button,input {line-height: normal;}button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}button[disabled],input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}table {border-collapse: collapse;border-spacing: 0;}h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin-top: 0;	margin-left: 0;	padding-top: 0;	padding-left: 0;}


/*
* Theme Name: Rudermann Template
* Theme URI: http://themes.tvda.eu
* Description: Responsive Retina Ready HTML Template for creative or digital agency
* Author: Iya Sidelnikov and TVDA
* Author URI: http://themes.tvda.eu
* Version: 1.0
*/

/* ========================================================
   General
======================================================== */

	/* Common Styles ------------------------------------------ */
	
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	
	body {
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 200;
		line-height: 1.5;
		color: #414141;
		background-color: #fff;
	}
	
	strong, b {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* iOS fix for Helvetica Neue Light */
		-webkit-font-smoothing: antialiased;
	}
	
	
	a { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #2bb5cf;
		text-decoration: none;
		-webkit-transition: color 0.1s linear, background-color 0.1s linear;
		   -moz-transition: color 0.1s linear, background-color 0.1s linear;
		    -ms-transition: color 0.1s linear, background-color 0.1s linear;
		     -o-transition: color 0.1s linear, background-color 0.1s linear;
		     	transition: color 0.1s linear, background-color 0.1s linear;
	}
	
	a:hover, a:focus { color: #656a71; }
	
	p { margin-bottom: 0.8em; }
	p.lead { font-size: 20px !important; margin: 0 0 1em 0; }
	p.gray { color: #656a71;}
	p.black { color: #333;}
	p.large { font-size: 16px; }
	
	h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; color: #333; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; margin: 0 0 0.6em 0; }
	h1, h2 { line-height: 1.1; }
	h3, h4, h5 {  line-height: 1.1; }
	h1 { font-size: 52px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 1.2em; }
		
	img {
		/* Responsive images (ensure images don't scale beyond their parents) */
		max-width: 100%;
		/* Part 1: Set a maxium relative to the parent */
		width: auto\9;
		/* IE7-8 need help adjusting responsive images */
		height: auto;
		/* Part 2: Scale the height according to the width, otherwise you get stretching */
		vertical-align: middle;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}
	
	hr { margin: 20px 0; border: 0; border-top: 1px solid #d2d2d2; border-bottom: 0; }
	hr.dotted { border-top: 1px dotted #d2d2d2; }
	hr.clear-top { margin-top: 0; }
	hr.clear-bottom { margin-bottom: 0; }
	
	article p + img, article h1 + img, article h2 + img, article h3 + img, article h4 + img, article h5 + img, article h6 + img { margin: 14px 0 23px 0; }
	
	address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.5; }
	
	.vertical-align { display: table-cell; vertical-align: middle; }
	
	.color-text { color: #2bb5cf; }
	
	::-moz-selection { background: #2bb5cf; color: #fff; }
	::selection { background: #2bb5cf; color: #fff; }
	
	.slider { margin: 44px 0 44px 0; overflow: hidden;}
	
	#loading a { display: block; padding: 7px 0; margin: 20px 0 60px 0; background: #2bb5cf; color: #fff; text-align: center; font-size: 18px; -webkit-font-smoothing: antialiased; }
		#loading a:hover { background: #bcbcc4; color: #333; }


	/* Header and Navigation ------------------------------------------ */
	
	header { min-height: 120px; background: #f8f9f9; z-index: 99; position: relative; }
	
	header #logo { font-size: 12px; margin-top: 39px; }
		header #logo p { padding-top: 22px; color: #333; }
		header #logo a { display: block; border: 0; float: left; margin: 0 10px 0 0; font-size: 40px; line-height: 1; letter-spacing: -2px; -webkit-font-smoothing: antialiased; }
		header #logo a:hover { opacity: 0.8; filter: alpha(opacity=80); }
	
	header nav ul#navigation { padding-top: 57px; }
		header nav ul#navigation.pull-right > li { display: inline-block; margin-left: 18px; font-size: 18px; letter-spacing: -1px; -webkit-font-smoothing: antialiased; }
			header nav ul#navigation.pull-right > li > a { color: #333; padding-top: 53px; }
			header nav ul#navigation.pull-right > li > a:hover { color: #2bb5cf; }
			header nav ul#navigation.pull-right > li > a.active { border-top: 4px solid #2bb5cf; color: #2bb5cf; }
			
			
		/* Dropmenu Navigation ------------------------------------------ */
				
		header nav .pull-right > li { position: relative; padding-bottom: 20px; }
		header nav li:hover .dropmenu-active { display: block; margin-top: 6px; z-index: 100; }
		header nav li .dropmenu-active { display: none; position: absolute; right: 50%; margin-right: -75px; width: 150px; top: 70%; background: #fff; z-index: 5; text-align: left; }
		    header nav .dropmenu-active li { margin-left: 0; }
		        header nav .dropmenu-active a { font-size: 14px; letter-spacing: 0; -webkit-font-smoothing: antialiased; }
		header nav li.last .dropmenu-active { right: 0; margin-right: 0; }
		header nav li.submenu:hover:before { content: ""; position: absolute; border-left: 7px solid rgba(113, 101, 58, 0); border-right: 7px solid rgba(113, 101, 58, 0); border-bottom: 7px solid #fff; bottom: 6px; left: 40%; }
		
		
		/* Navigation for mobile ------------------------------------------ */
		
		.selectnav { width: 100%; margin: 20px 0;}



	/* Footer and Second Navigation ------------------------------------------ */

	footer { margin-top: 70px; margin-bottom: 35px; }
		footer .span12 { border-top: 1px solid #d2d2d2; padding-top: 35px; }
		footer nav  { padding-top: 0; }
		footer p { line-height: 1.3; display: block; float: left; }
			footer nav li {display: inline-block; position: relative; top: -2px; }
			footer nav li a { margin-left: 18px; font-size: 14px; letter-spacing: -1px; color: #333; -webkit-font-smoothing: antialiased; }
			footer nav li a.active { color: #2bb5cf; }
	
	.theme-author { font-size: 11px; }
		.theme-author a { color: #ccced0; }
		.theme-author a:hover { color: #2bb5cf; }


	/* Titles ------------------------------------------ */
	
	#title {
		margin-top: 38px;
		margin-bottom: 32px;
		text-align: center;
		-webkit-font-smoothing: antialiased;
	}
	
	#title .span12 {
		padding-bottom: 16px;
		border-bottom: 1px solid #d2d2d2;
	}
	
	#title .date {
		margin: -33px 0 5px 0;
	}
	
	#page-title {
		margin-top: 48px;
		margin-bottom: 50px;
		-webkit-font-smoothing: antialiased;
	}
	
	#page-title hr {
		margin-top: 30px;
	}
	
	#page-title h2 {
		display: block;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#page-title h2 + .dropdown {
		position: relative;
		top: -7px;
		float: left;
		margin-left: 80px;
	}
	
	#page-title .span2 p {
		color: #bcbcc4;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
		text-align: right;
		line-height: 1;
		margin-top: 7px;
	}

	#page-title .span2 .number {
		display: block;
		font-size: 30px;
	}
	
	.up-title {
		display: block;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #333;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
	}
	

	/* Social Icons ------------------------------------------ */	
	
	.social-icons {
		margin: 0;
	}
	
	.social-icons li {
		display: inline-block;
		margin: 0 6px 10px 0;
		
	}
	
	.social-icons li a {
		display: block;
		overflow: hidden;
		width: 30px;
		height: 30px;
		background: #bcbcc4;
		color: #f8f9f9;
		font-size: 16px;
		text-align: center;
		line-height: 1.9;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
		-webkit-font-smoothing: antialiased;
	}
	
	.social-icons li a:hover {
		background: #2bb5cf;
		color: #f8f9f9;
	}



/* ========================================================
   Common Elements
======================================================== */

	/* Services Icons ------------------------------------------ */
	
	.service-icon {
		width: 90px;
		height: 90px;
		float: left;
		overflow: hidden;
		margin-top: 14px;
		background-position: right top;
		background-repeat: no-repeat;
	}
	
	.service-icon.icon1 {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url(../img/services/strategy.png);
		background: -Webkit-image-set(url(../img/services/strategy.png) 1x, url(../img/services/strategy@2x.png) 2x) right top no-repeat; /* Image for Retina */
	}
	
	.service-icon.icon2 {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url(../img/services/creative.png);
		background: -Webkit-image-set(url(../img/services/creative.png) 1x, url(../img/services/creative@2x.png) 2x) right top no-repeat; /* Image for Retina */
	}
	
	.service-icon.icon3 {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url(../img/services/dev.png);
		background: -Webkit-image-set(url(../img/services/dev.png) 1x, url(../img/services/dev@2x.png) 2x) right top no-repeat; /* Image for Retina */
	}
	
	.service-icon.icon4 {
		background-position: right top;
		background-repeat: no-repeat;
		background-image: url(../img/services/click.png);
		background: -Webkit-image-set(url(../img/services/click.png) 1x, url(../img/services/click@2x.png) 2x) right top no-repeat; /* Image for Retina */
	}
	
	.service-desc {
		margin: 0 0 72px 120px;
	}


	/* Bar with Social Elements ------------------------------------------ */
	
	#social-data {
		width: 100%;
		background: #f8f9f9;
		margin: 23px 0 20px 0;
		min-height: 300px;
	}
	
	#social-data .row {
		background: url(../img/bubble.png) top right no-repeat;
	}
	
	#social-data .span4 {
		margin-top: 56px;
		margin-bottom: 33px;
	}
	
	#social-data h5 {
		margin: 0 0 22px 0;
	}
	
	.follow p {
		text-transform: uppercase;
		font-size: 12px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #333;
		margin-bottom: 6px;
	}
	
	#twitter-feed .tweet-date { display: block; color: #bcbcc4; font-size: 12px; margin-top: 6px; }
		#twitter-feed p { margin-bottom: 6px; }
			#twitter-feed p a { font-weight: 200; }
		#twitter-feed .tweet-date { margin-bottom: 22px; }
	
	.photostream {
		max-height: 170px;
		overflow: hidden;
	}
	
	.photostream li {
		display: inline-block;
		position: relative;
		margin: 0 10px 10px 0;
	}
	
	.photostream li img {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
	}
	
	.photostream li a {
		display: block;
		overflow: hidden;
		position: absolute;
		width: 50px;
		height: 50px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	.photostream li .hover {
		position: absolute;
		width: 50px;
		height: 50px;
		background: #2bb5cf;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		    -ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
	}
	
	.photostream li a:hover .hover {
		opacity: 0.4;
		filter: alpha(opacity=40);
	}
	
	.photostream li a i {
		display: block;
		position: absolute;
		width: 50px;
		height: 50px;
		font-size: 20px;
		color: #fff;
		line-height: 2.4;
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: 10;
		-webkit-font-smoothing: antialiased;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		    -ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
	}
	
	.photostream li a:hover i {
		opacity: 1;
		filter: alpha(opacity=100);
	}


	/* Clients ------------------------------------------ */

	#clients {
		text-align: center;
		height: 90px;
	}
	
	#clients .vertical-align {
		height: 90px;
	}
	
	#clients ul li {
		display: inline-block;
		margin: 20px;
		height: 50px;
		overflow: hidden;
	}
	
	#clients ul li:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transition: all 0.5s linear;
		   -moz-transition: all 0.5s linear;
		   	-ms-transition: all 0.5s linear;
		     -o-transition: all 0.5s linear;
		     	transition: all 0.5s linear;
	
	}
	
	#clients + footer {
		margin-top: 20px;
	}
	
	
	/* Yellow Line With Social Data ------------------------------------------ */
	
	#yellow-line  {
		width: 100%;
		background: #2bb5cf;
		margin: 75px 0 50px 0;
	}
	
	#yellow-line .vertical-align {
		height: 80px;
	}
	
	#yellow-line a {
		color: #fff;
	}
	
	#yellow-line a:hover {
		color: #333;
	}
	
	#yellow-line h5 {
		display: block;
		float: left;
		margin: 0;
	}
	
	#yellow-line a.presentation i {
		display: block;
		width: 60px;
		height: 60px;
		text-align: center;
		float: left;
		overflow: hidden;
		font-size: 32px;
		line-height: 1.8;
		color: #2bb5cf;
		background: #fff;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		   		border-radius: 50%;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		   	-ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
		-webkit-font-smoothing: antialiased;
	}
	
	#yellow-line .pdf-desc {
		margin-left: 75px;
		padding-top: 12px;
		-webkit-font-smoothing: antialiased; 
	}
	
	#yellow-line .pdf-desc .pdf-title {
		font-size: 18px;
		color: #fff;
		line-height: 1;
		margin: 0;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		  	-ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
	}
	
	#yellow-line .pdf-desc .pdf-info {
		color: #333;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		margin: 0;
	}
	
	#yellow-line a.presentation:hover i {
		background: #333;
	}
	
	#yellow-line a.presentation:hover .pdf-title {
		color: #333;
	
	}
	
	#yellow-line h5 {
		color: #fff;
	}
	
	#yellow-line .social-icons {
		display: block;
		float: left;
		margin-left: 10px;
		margin-bottom: 0;
	}
	
	#yellow-line .social-icons li {
		margin-bottom: 0;
	}
	
	#yellow-line .social-icons li a {
		background: #f8f9f9;
		color: #2bb5cf;
	}
	
	#yellow-line .social-icons li a:hover {
		background: #333;
		color: #2bb5cf;
	}



/* ========================================================
   About Page
======================================================== */

	/* Team Block ------------------------------------------ */
	
	#team {
		width: 100%;
		background: #f8f9f9;
		margin: 85px 0;
		padding: 70px 0 60px 0;
	}
	
	.big-title {
		font-size: 72px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 1;
		color: #333;
		text-align: center;
		margin-bottom: 60px;
		-webkit-font-smoothing: antialiased; 
	}
	
	.profile-wrp {
		width: 220px;
		float: left;
		background: #fff;
		margin-bottom: 30px;
		margin-left: 20px;
		position: relative;
		overflow: hidden;
	}
	
	
	.profile-wrp .profile-photo {
		position: relative;
		width: 100%;
		cursor: pointer;
		margin-bottom: 16px;
	}
	
	.profile-wrp .profile-photo .profile-icon {
		display: block;
		position: absolute;
		left: -200px;
		top: 50%;
		margin-top: -40px;
		width: 100%;
		font-size: 60px;
		text-align: center;
		color: #fff;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-font-smoothing: antialiased;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		    -ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
	}
	
	.profile-wrp .profile-photo:hover .profile-icon {
		opacity: 1;
		filter: alpha(opacity=100);
		left: 0;
	}
	
	.profile-wrp .profile-photo .overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #2bb5cf;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
		    -ms-transition: all 0.1s linear;
		     -o-transition: all 0.1s linear;
		     	transition: all 0.1s linear;
	}
	
	.profile-wrp .profile-photo:hover .overlay {
		opacity: 0.5;
		filter: alpha(opacity=100);
	}
	
	.profile-wrp img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.profile-wrp .profile-name {
		font-size: 18px;
		color: #2bb5cf;
		margin: 0 20px 2px 20px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		line-height: 1.1;
		letter-spacing: -1px;
		-webkit-font-smoothing: antialiased;
	}
	
	.profile-wrp .profile-position {
		margin: 0 20px 16px 20px;
		padding-bottom: 16px;
		font-size: 12px;
		color: #333;
		border-bottom: 1px solid #bcbcc4;
	}
	
	.profile-wrp .profile-desc {
		font-size: 12px;
		padding: 0 20px 33px 20px;
		line-height: 1.5;
	}
	
	.profile-wrp .social-icons {
		margin: 0 20px 20px 20px;
	}
	
		.profile-wrp .social-icons li a {
			background: #f8f9f9;
			color: #bcbcc4;
		}
		
		.profile-wrp .social-icons li a:hover {
			background: #bcbcc4;
			color: #f8f9f9;
		}
	
	.profile-wrp .overlay-wrp {
		background: #2bb5cf;
		height: 440px;
		-webkit-font-smoothing: antialiased;
		position: absolute;
	    height: 100%;
	    left: -100%;
	    bottom: 0;
	    display: block;
	    width: 100%;
	    cursor: pointer;
	}
	
	.profile-wrp .content-wrp{
	    position: relative;
	}
		
	.profile-wrp .overlay-wrp .profile-name {
		display: inline-block;
		color: #333;
		font-size: 24px;
		line-height: 1.1;
		margin: 36px 20px 1px 20px;
	}
	
	.profile-wrp .overlay-wrp .profile-position {
		margin-bottom: 24px;
		color: #333;
		font-size: 12px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		border-bottom: 1px solid #333;
	}
	
	.profile-wrp .overlay-wrp .profile-quote {
		margin: 0 20px 20px 20px;
		color: #fff;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 24px;
		letter-spacing: -1px;
		line-height: 1.1;
	}


/* ========================================================
   Blog
======================================================== */

.img-caption {
	margin: 16px 0 20px 35%;
	width: 65%;
}

.img-caption p {
	font-size: 11px !important;
	font-style: italic;
	color: #bcbcc4;
}

.tag  {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 1px 6px 0; 
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bcbcc4;
	text-transform: uppercase;
	background: #f8f9f9;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	-webkit-font-smoothing: antialiased; 
}

.tag:hover  {
	color: #f8f9f9;
	background: #bcbcc4;
}

.blog-post .tags {
	display: block;
	float: none;
	margin-bottom: 6px;
}
 
.comments {
	width: 100%;
	overflow: hidden;
	color: #bcbcc4;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #d2d2d2;
	-webkit-font-smoothing: antialiased;
}

.date {
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bcbcc4;
	-webkit-font-smoothing: antialiased;
}


	/* Posts List ------------------------------------------ */
	
	.blog-post .up-title {
		margin-bottom: 2px;
	}
	
	.blog-post hr {
		margin-top: 42px;
		margin-bottom: 50px;
	}
	
	.blog-post h4 {
		margin: 3px 0 29px 0;
		line-height: 1.2;
	}
	
	.blog-post h4 a {
		color: #333;
	}
	
	.blog-post h4 a:hover {
		color: #2bb5cf;
	}
	
	.blog-post p {
		font-size: 16px;
	}
	
	.blog-post .date {
		margin-bottom: 14px;
	}
	
	.blog-post .blog-text p {
		font-size: 16px;
		line-height: 1.5;
	}
	
	.blog-post .preview-img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 5px 0 34px 0;
	}
	
	.blog-post .preview-img img {
		display: block;
	}
	
	.blog-post .twitter-post {
		display: block;
		position: relative;
		border: 10px solid #1dadea;
		background: #1dadea;
		color: #fff;
		padding: 66px 10%;
		margin: 10px 0 17px 0;
		text-align: center;
		-webkit-font-smoothing: antialiased; 
	}
	
	.blog-post .twitter-post:hover {
		background: #fff;
		color: #1dadea;
	}
	
	.blog-post .twitter-post .username {
		display: block;
		font-size: 12px;
		color: #333;
		text-transform: uppercase;
		margin-bottom: 26px;
	}
	
	.blog-post .twitter-post p {
		font-size: 36px;
		line-height: 1.2;
		margin-bottom: 29px;
		letter-spacing: -1px;
	}
	
	.blog-post .twitter-post .tweet-date {
		display: block;
		font-size: 12px;
	}
	
	.blog-post .twitter-post i.icon-twitter {
		position: absolute;
		bottom: 5px;
		right: 30px;
		font-size: 50px;
	}


	/* Blog Full Post ------------------------------------------ */
	
	.full-post .blog-text {
		margin-top: 2px;
	}
	.full-post .blog-text {
		margin-bottom: 52px;
		font-size: 16px;
	}
	
	.full-post .blog-text blockquote.big,
	.full-post .blog-text .slider,
	.full-post .blog-text .info-block {
		margin-left: -30px;
		margin-right: -30px;
	}
	
	.full-post .blog-text .video-blog {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.full-post .blog-text .video-blog p {
		font-size: 14px;
	}
	
	.full-post .up-title {
		float: left;
		margin-right: 10px;
		padding-top: 4px;
	}
	
	.full-post .span4 .up-title {
		margin-left: 30px;
	}
	
	.full-post p.comments {
		display: block;
		border: none;
		margin: 0 0 0 -30px;
		padding-top: 2px;
		text-align: right;
		color: #333;
	}
	
	.full-post p.comments i {
		color: #bcbcc4;
		font-size: 14px;
	}
	
	.comment-info cite {
		font-size: 20px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
		color: #333;
		letter-spacing: -1px;
		display: block;
		
	}
	
	.comment-block {
		margin-top: 35px;
		margin-bottom: 25px;
	}
	
	.comment-info {
		-webkit-font-smoothing: antialiased; 
	}
	
	.comment-info a.time {
		font-size: 12px;
		color: #bcbcc4;
	}
	
	.comment-info a.time:hover {
		color: #2bb5cf;
	}
	
	.comment-text p {
		font-size: 12px !important;
		line-height: 1.6;
	}
	
	h5.add-comment-title {
		margin-top: 35px;
		margin-bottom: 5px;
	}
	
	p.comment-note {
		margin-bottom: 35px;
	}



/* ========================================================
   Portfolio
======================================================== */

.project-wrp {
	display: block;
	background: #f8f9f9;
	position: relative;
	overflow: hidden;
}

.project-wrp img {
	position: relative;
	display: block;
	width: 100%;
	height: 178px;
}

.project-wrp .project-name {
	position: relative;
	display: block;
	overflow: hidden;
	height: 20px;
	font-size: 14px;
	margin: 14px 20px 2px 20px;
	color: #2bb5cf;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
}

.project-wrp .project-desc {
	position: relative;
	display: block;
	overflow: hidden;
	height: 16px;
	padding: 0 20px 9px 20px;
	font-size: 12px;
	font-weight: 200;
	color: #414141;
	-webkit-font-smoothing: subpixel-antialiased;
}

.project-wrp .overlay-wrp {
	background: #2bb5cf;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -100%;
	display: block;
}

.project-wrp .overlay-wrp .project-name {
	display: inline-block;
	overflow: visible;
	top: 0 !important;
	height: auto;
	color: #333;
	font-size: 24px;
	line-height: 1.1;
	letter-spacing: -1px;
	margin: 16px 20px 11px 20px;
	padding-right: 15%;
}

.project-wrp .overlay-wrp .project-desc {
	margin-bottom: 0;
	top: 0 !important;
	color: #fff;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.project-wrp .overlay-wrp .project-date {
	margin: 0 20px;
	color: #333;
	font-size: 12px;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
}

.project-wrp .overlay-wrp i {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 36px;
	line-height: 0.6;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.project-wrp img, .project-wrp .project-name, .project-wrp .project-desc {
	-webkit-transition: all 0.15s linear;
	   -moz-transition: all 0.15s linear;
	   	-ms-transition: all 0.15s linear;
	     -o-transition: all 0.15s linear;
	     	transition: all 0.15s linear;
}

.project-wrp .content-wrp{
    position: relative;
}


/* ========================================================
   Project Page
======================================================== */

.background {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.background img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.background .gradient {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 50%;
	background: -webkit-linear-gradient(top, transparent, #fff);
	background:    -moz-linear-gradient(top, transparent, #fff);
	background:     -ms-linear-gradient(top, transparent, #fff);
	background:      -o-linear-gradient(top, transparent, #fff);
	background:         linear-gradient(top, transparent, #fff);
}

.background .pattern {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../img/pattern.png);
}

#project .container {
	position: relative;
	z-index: 20;
}

#project h1 {
	margin: 73px 0 49px 0;
	line-height: 0.9;
}

#project .project-info {
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #414141;
	-webkit-font-smoothing: antialiased;
}

#project .project-info .project-mounth {
	margin-left: 8%;
}

#project .up-title {
	margin-bottom: 4px;
}

a.launch {
	float: right;
	-webkit-font-smoothing: antialiased;
}

a.launch i.icon-link {
	display: inline-block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	background: #2bb5cf;
	text-align: center;
	color: #fff;
	line-height: 2.2;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	-webkit-transition: all 0.1s linear;
	   -moz-transition: all 0.1s linear;
	    -ms-transition: all 0.1s linear;
	     -o-transition: all 0.1s linear;
	     	transition: all 0.1s linear;
}

a.launch:hover i.icon-link {
	background: #333;
}

a.launch span {
	display: inline-block;
	font-size: 18px;
	padding-left: 10px;
}

a.launch:hover {
	color: #333;
}

.line {
	height: 1px;
	border-top: 1px solid #d2d2d2;
	margin-top: 10px;
	margin-bottom: 35px;
}

#project .project-description {
	color: #333;
	line-height: 1.5;
	margin-bottom: 44px;
}

#project .image-desc {
	padding-top: 56px;
}

#project .image-desc p, #project .image-desc h5 {
	padding-left: 10px;
}

#project .project-img {
	margin-bottom: 20px;
}

#case .row {
	margin-bottom: 60px;
}



/* ========================================================
   Services Page
======================================================== */

#process {
	margin-bottom: 75px;
}

#process hr.opener {
	margin: 0 0 68px 0;
}

#process hr.closer {
	margin: 55px 0 0 0;
}

#process h2 {
	text-align: center;
	margin-bottom: 51px;
}

.process-wrp {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 160px;
	margin: 0 10px 20px 10px;
	cursor: default;
}

.process-circle {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	-webkit-transition: all 0.15s linear;
	   -moz-transition: all 0.15s linear;
	    -ms-transition: all 0.15s linear;
	     -o-transition: all 0.15s linear;
	     	transition: all 0.15s linear;
	-webkit-font-smoothing: antialiased;
}

.process-circle.stage {
	background: #f8f9f9;
	color: #333;
	z-index: 10;
}

.process-circle.direction {
	background: #2bb5cf;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}

.process-circle span {
	width: 160px;
	height: 160px;
}

.process-circle span:after {
	content: '.';
}

.process-wrp:hover .process-circle.stage {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1;
}
	
.process-wrp:hover .process-circle.direction {
	opacity: 1;
	filter: alpha(opacity=0);
	z-index: 10;
}

#heart-works {
	margin-top: 64px;
	margin-bottom: 74px;
}

#heart-works .span12 {
	padding: 60px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

.heart {
	overflow: hidden;
	width: 550px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
}

a.heart-circle {
	display: inline-block;
	overflow: hidden;
	width: 80px;
	height: 80px;
	background: #2bb5cf;
	color: #fff;
	text-align: center;
	font-size: 42px;
	line-height: 2;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

a.heart-circle:hover {
	background: #ff0066;
	color: #fff;
}

.heart span {
	position: relative;
	bottom: 7px;
	font-size: 30px;
	padding-left: 20px;
	height: 80px;
}



/* ========================================================
   Contact Page
======================================================== */

.e-mail, .telephone {
	display: block;
	color: #333;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	margin-bottom: 14px;
}

.address {
	display: block;
	color: #bcbcc4;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	-webkit-font-smoothing: antialiased;
	margin: 0.9em 0 63px 0;
}

#map {
	height: 440px;
}

#contact-us hr {
	margin-top: 80px;
	margin-bottom: 41px;
}

#contact-us form {
	margin-top: 54px;
}

#contact-us form textarea {
	margin-bottom: 20px;
}



/* ========================================================
   Error 404 Page
======================================================== */

.error-page {
	margin-top: 73px;
	margin-bottom: 90px;
	text-align: center;
}
.error-page h1 {
	line-height: 1;
	margin-bottom: 13px;
}
.error-page p {
	font-size: 24px;
}
.error-page p a {
	font-weight: 200;
}
.error-page hr {
	margin-bottom: 30px;
}
.error-page .error-title {
	font-size: 260px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	letter-spacing: -4px;
	line-height: 1;
}
.error-background {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../img/countdown-bg.jpg) center -300px no-repeat;
}



/* ========================================================
   Icons Page (Optional)
======================================================== */
.the-icons {
	margin-left: 0;
}
.the-icons li {
	list-style-type: none;
	cursor: pointer;
	line-height: 42px;
	height: 42px;
	padding-left: 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 1px;
	border-radius: 4px;
 	-webkit-transition: all 0.15s linear;
	   -moz-transition: all 0.15s linear;
	    -ms-transition: all 0.15s linear;
	     -o-transition: all 0.15s linear;
	     	transition: all 0.15s linear;
}
.the-icons li [class^="icon-"],
.the-icons li [class*=" icon-"] {
	width: 32px;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}
.the-icons li:hover {
	background-color: #bcbcc4;
	color: #333;
}
.the-icons li:hover [class^="icon-"],
.the-icons li:hover [class*=" icon-"] {
	*font-size: 24px;
	*vertical-align: middle;
}
.the-icons li:hover [class^="icon-"]:before,
.the-icons li:hover [class*=" icon-"]:before {
	font-size: 24px;
	vertical-align: middle;
}



/* ========================================================
   Other (Optional)
======================================================== */

img.preview-responsive {
	position: relative;
	bottom: 61px;
}



/*
* Theme Name: Rudermann Template
* Theme URI: http://themes.tvda.eu
* Description: Responsive Retina Ready HTML Template for creative or digital agency
* Author: Iya Sidelnikov and TVDA
* Author URI: http://themes.tvda.eu
* Version: 1.0
*/

/* --------------------------------------------------------
	 Lists
-------------------------------------------------------- */

ul,
ol {
	padding: 0;
	margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}
li {
	line-height: 20px;
}
ul.unstyled,
ol.unstyled {
	margin-left: 0;
	list-style: none;
}
dl {
	margin-bottom: 20px;
}
dt,
dd {
	line-height: 20px;
}
dt {
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
dd {
	margin-left: 10px;
}
.dl-horizontal {
	*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
	display: table;
	content: "";
	line-height: 0;
}
.dl-horizontal:after {
	clear: both;
}
.dl-horizontal dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	#333-space: nowrap;
}
.dl-horizontal dd {
	margin-left: 180px;
}



/* --------------------------------------------------------
	 Buttons
-------------------------------------------------------- */

.btn {
	display: inline-block;
	margin: 10px 10px 10px 0;
	padding: 11px 20px;
	background: #bcbcc4;
	color: #fff;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	-webkit-font-smoothing: antialiased;
}

.btn:hover, .btn:focus {
	background: #2bb5cf;
	color: #fff;
}

.btn.small {
	padding: 6px 12px;
	font-size: 10px;
}

.btn.large {
	padding: 12px 24px;
	font-size: 14px;
}

.btn.color {
	background: #2bb5cf;
}

.btn.color:hover, .btn.color:focus {
	background: #bcbcc4;
	color: #414141;
}

.btn.dark {
	background: #f8f9f9;
	color: #414141;
}

.btn.dark:hover, .btn.dark:focus {
	background: #bcbcc4;
	color: #333;
}

.btn.rounded {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
}

#buttons p {
	display: block;
	margin-bottom: 10px;	
}

.btn:active {
	background: #333 !important;
	color: #fff !important;
	-webkit-transition: all 0s linear !important;
	   -moz-transition: all 0s linear !important;
	     -o-transition: all 0s linear !important;
	     	transition: all 0s linear !important;
}

button {
	padding: 10px 20px !important;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

button.small {
	padding: 4px 12px !important;
}

button.large {
	font-size: 14px;
	padding: 12px 24px !important;
}

button.search {
	position: relative;
	margin: 0;
	top: 2px;
	left: -28px;
	color: #bcbcc4;
	font-size: 16px;
	padding: 0 !important;
	background: none;
}

button.search:hover {
	color: #333;
	background: none;
}

.btn i {
	margin-right: 8px;
}



/* --------------------------------------------------------
	 Info block
-------------------------------------------------------- */

.info-block {
	position: relative;
	overflow: hidden;
	margin: 30px 0;
	background: #f8f9f9;
	padding: 35px 40px 25px 40px;
}

.info-block img {
	display: block;
	width: 100%;
	max-width: intrinsic;
	margin: 5px 0 35px 0;
}

.ib-text {
	position: relative;
	padding-right: 30%;
}

.info-block a.btn {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px;
}




/* --------------------------------------------------------
	 Intro block
-------------------------------------------------------- */

.intro p {
	font-size: 24px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 1.3;
	padding: 0 7% 0 7%;
	-webkit-font-smoothing: antialiased;
}

.intro p a {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.intro .span12 {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 35px;
	margin-bottom: 75px;
}


/* --------------------------------------------------------
	 Pricing Table
-------------------------------------------------------- */

.pricing-table {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0 14px 0;
}

.pricing-table h5 {
	display: block;
	margin: 0;
	width: 100%;
	padding: 17px 0;
	background: #f8f8f9;
	text-align: center;
}

.pricing-table .pt-price {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 17px 0;
	background: #dedee2;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

.pricing-table .pt-price span {
	display: block;
	font-size: 12px;
	color: #414141;
}

.pricing-table ul {
	margin: 0;
}

.pricing-table li {
	display: block;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #f8f9f9;
}

.pricing-table li:last-child {
	border-bottom: none;
}

.pricing-table .btn {
	width: 100%;
	margin-top: 10px;
	padding: 11px 0;
	text-align: center;
}

.pricing-table.recommend {
	margin-top: 0;
}

.pricing-table.recommend h5 {
	padding: 27px 0;
	background: #2bb5cf;
	color: #fff;
}

.pricing-table.recommend .pt-price {
	background: #6bcbdd;
	color: #fff;
}

.pricing-table.recommend .pt-price span {
	color: #fff;
}

.pricing-table.recommend li {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.pricing-table.recommend .btn {
	padding: 21px 0;
	color: #fff;
}



/* --------------------------------------------------------
	 Blockquote
-------------------------------------------------------- */

blockquote {
	margin: 30px 0;
	padding: 6px 0 6px 20px;
	border-left: 3px solid #2bb5cf;
	-webkit-font-smoothing: antialiased;
}

blockquote p {
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	line-height: 1.3;
	margin-bottom: 6px;
}

blockquote small {
	color: #bcbcc4;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}

cite {
	font-style: normal;
}

blockquote.small{
	margin: 0 0 30px 0;
}

blockquote.small p {
	font-size: 14px;
}

blockquote.small small {
	font-size: 12px;
}

blockquote.big {
	margin: 55px 0;
	padding: 54px 40px 50px 40px;
	text-align: center;
	border-left: none;
	border-top: 1px dotted #d2d2d2;
	border-bottom: 1px dotted #d2d2d2;
}

blockquote.big p {
	font-size: 36px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	line-height: 1.15;
}

blockquote.big small:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 11px;
	width: 29px;
	height: 23px;
	margin-top: 12px;
	margin-right: 10px;
	background-image: url(../img/quotes.png);
	background-position: left top;
	background-repeat: no-repeat;
	background: -Webkit-image-set(url(../img/quotes.png) 1x, url(../img/quotes@2x.png) 2x) left top no-repeat; /* Image for Retina */	
}

blockquote.big small {
	color: #bcbcc4;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}


/* --------------------------------------------------------
	 Accordion and Toggle
-------------------------------------------------------- */

.accordion, .toggle {
	margin-bottom: 40px;
}

.accordion-wrp h6, .toggle-wrp h6 {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 18px 20px 16px 20px;
	background: #f8f9f9;
	color: #bcbcc4;
	cursor: pointer;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

.accordion-wrp h6 i, .toggle-wrp h6 i {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -2px;
	font-size: 14px;
	line-height: .1;
	color: #333;
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	     -o-transition: all .2s linear;
	     	transition: all .2s linear;
}

.accordion-wrp h6:hover, .toggle-wrp h6:hover {
	background: #bcbcc4;
	color: #fff;
}

.accordion-wrp h6:hover i, .toggle-wrp h6:hover i {
	color: #fff;
}

.accordion-wrp .accordion-content, .toggle-wrp .toggle-content {
	padding: 16px 20px 25px 20px;
	display: none;
}

.accordion-wrp.current h6, .toggle-wrp.current h6 {
	background: #2bb5cf;
	color: #fff;
}

.accordion-wrp.current h6 i {
	color: #fff;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	   	-ms-transform: rotate(180deg);
	   	 -o-transform: rotate(180deg);
	   	 	transform: rotate(180deg);   	 	
}

.accordion-wrp.current .accordion-content, .toggle-wrp.current .toggle-content {
	display: block;
}

.toggle-wrp h6 i.icon-minus, .toggle-wrp.current h6 i.icon-plus {
	opacity: 0;
	filter: alpha(opacity=0);
}

.toggle-wrp.current h6 i.icon-minus {
	opacity: 1;
	filter: alpha(opacity=100);
}



/* --------------------------------------------------------
	 Tabs
-------------------------------------------------------- */

.tabs {
	margin-bottom: 40px;
}

.tabs ul {
	width: 100%;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #2bb5cf;
	-webkit-font-smoothing: antialiased;
}

.tabs ul li {
	display: inline-block;
	padding: 11px 20px;
	margin-right: 5px;
	background: #f8f9f9;
	color: #bcbcc4;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

.tabs ul li:last-child {
	margin-right: 0;
}

.tabs ul li:hover {
	background: #bcbcc4;
	color: #fff;
}

.tabs ul li.current {
	background: #2bb5cf;
	color: #fff;
}

.tabs .tab-content {
	background: #f8f9f9;
	padding: 16px 20px 25px 20px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.tabs .tab-content.active{
    display: block;
    position: relative;
}

.tabs .tab-content-wrp{
    position: relative;
}


/* --------------------------------------------------------
	 Close Button
-------------------------------------------------------- */

.close {
	float: right;
	font-size: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	opacity: .2;
	filter: alpha(opacity=20);
	-webkit-font-smoothing: antialiased;
}

.close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	filter: alpha(opacity=40);
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}



/* --------------------------------------------------------
	 Tables
-------------------------------------------------------- */
	
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

thead {
	color: #333;
	-webkit-font-smoothing: antialiased;
}

.table {
	width: 100%;
	margin-bottom: 20px;
}

.table th,
.table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #d2d2d2;
}

.table th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.table thead th {
	vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
	border-top: 0;
}

.table tbody + tbody {
	border-top: 2px solid #d2d2d2;
}

.table-condensed th,
.table-condensed td {
	padding: 4px 5px;
}

.table-bordered {
	border: 1px solid #d2d2d2;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
	border-left: 1px solid #d2d2d2;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
	background-color: #f8f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #f8f9f9;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
	display: table-cell;
	float: none;
	margin-left: 0;
}

.table td.span1,
.table th.span1 {
	float: none;
	width: 44px;
	margin-left: 0;
}

.table td.span2,
.table th.span2 {
	float: none;
	width: 124px;
	margin-left: 0;
}

.table td.span3,
.table th.span3 {
	float: none;
	width: 204px;
	margin-left: 0;
}

.table td.span4,
.table th.span4 {
	float: none;
	width: 284px;
	margin-left: 0;
}

.table td.span5,
.table th.span5 {
	float: none;
	width: 364px;
	margin-left: 0;
}

.table td.span6,
.table th.span6 {
	float: none;
	width: 444px;
	margin-left: 0;
}

.table td.span7,
.table th.span7 {
	float: none;
	width: 524px;
	margin-left: 0;
}

.table td.span8,
.table th.span8 {
	float: none;
	width: 604px;
	margin-left: 0;
}

.table td.span9,
.table th.span9 {
	float: none;
	width: 684px;
	margin-left: 0;
}

.table td.span10,
.table th.span10 {
	float: none;
	width: 764px;
	margin-left: 0;
}

.table td.span11,
.table th.span11 {
	float: none;
	width: 844px;
	margin-left: 0;
}

.table td.span12,
.table th.span12 {
	float: none;
	width: 924px;
	margin-left: 0;
}

.table tbody tr.success td {
	background-color: #dff0d8;
}

.table tbody tr.error td {
	background-color: #f2dede;
}

.table tbody tr.warning td {
	background-color: #fcf8e3;
}

.table tbody tr.info td {
	background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
	background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover td {
	background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover td {
	background-color: #faf2cc;
}

.table-hover tbody tr.info:hover td {
	background-color: #c4e3f3;
}



/* --------------------------------------------------------
	 Code and Pre
-------------------------------------------------------- */
code,
pre {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

code {
	padding: 3px 7px;
	color: #333;
	background-color: #bcbcc4;
}

pre {
	display: block;
	padding: 9px 12px;
	margin: 10px 0;
	font-size: 12px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	#333-space: pre;
	#333-space: pre-wrap;
	background-color: #bcbcc4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

pre.prettyprint {
	margin-bottom: 20px;
}

pre code {
	padding: 0;
	color: inherit;
	background-color: transparent;
	border: 0;
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}



/* --------------------------------------------------------
	 Alerts
-------------------------------------------------------- */

.alert {
	position: relative;
	padding: 10px 35px 10px 14px;
	margin: 20px 0;
	background-color: #faf2cb;
	color: #c09853;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert h5 {
	margin: 0;
}

.alert .close {
	position: absolute;
	top: 45%;
	right: 0;
	margin-top: -20px;
}

.alert-success {
	background-color: #c3e4b8;
	color: #468847;
}

.alert-danger,
.alert-error {
	background-color: #e7c1c0;
	color: #b94a48;
}

.alert-info {
	background-color: #b9dbee;
	color: #3a87ad;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}



/* --------------------------------------------------------
	 Tooltip
-------------------------------------------------------- */

.tooltip{
    position: absolute;
    top: -25px;
    margin-left: 50%;
    border-radius: 5px;
    display: none;
    z-index: 100;
    font-size: 11px;
    min-width: 100px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #bcbcc4;
  border-radius: 4px;
  position: relative;
}

.tooltip-inner .tooltip-arrow {
    position: absolute;
    border-left: 7px solid rgba(113, 101, 58, 0);
    border-right: 7px solid rgba(113, 101, 58, 0);
    border-top: 7px solid #bcbcc4;
    bottom: -5px;
    left: 40%;
}
  
    

/* --------------------------------------------------------
	 Dropmenu
-------------------------------------------------------- */

.dropmenu {
	position: relative;
	overflow: hidden;
	width: 230px;
	padding: 20px 20px 0px 20px;
	height: 40px;
	line-height: 1;
	background: url(../img/dm-border.png) no-repeat;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.1s ease;
	   -moz-transition: all 0.1s ease;
	     -o-transition: all 0.1s ease;
	     	transition: all 0.1s ease;
}


.dropdown:hover .dropmenu {
	background: #f8f9f9;
}

.dropmenu .menu-title {
	margin: 2px 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bcbcc4;
}

.dropmenu .selected {
	margin: 0;
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	letter-spacing: -1px;
}

.dropmenu i.icon-chevron-down {
	position: absolute;
	right: 20px;
	top: 55%;
	color: #333;
}

.dropmenu-active {
	display: block;
	position: absolute;
	width: 270px;
	z-index: 90000;
	background: #f8f9f9;
	height: auto;
	padding: 11px 0;
	border-bottom: 2px solid #2bb5cf;
	display: none;
}

.dropmenu-active ul {
	margin: 0;
}

.dropmenu-active li {
	display: block;
}

.dropmenu-active li a {
	display: block;
	padding: 4px 20px;
	color: #bcbcc4;
}

.dropmenu-active li a.drop-selected {
	color: #2bb5cf;
}	

.dropmenu-active li a:hover {
	color: #fff;
	background: #bcbcc4;
}



/* --------------------------------------------------------
	 Pagination (left-right)
-------------------------------------------------------- */

.left-right {
	margin-top: 20px;
	margin-bottom: 40px;
}

.left-right .span12 {
	padding-top: 20px;
	border-top: 1px dotted #d2d2d2;
}

.left-right a {
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bcbcc4;
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
}

.left-right .arrow:hover {
	color: #333;
}

.left-right .arrow i {
	display: inline-block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	font-weight: 200;
	font-size: 11px;
	line-height: 2.8;
	background-color: #bcbcc4;
	opacity: .3;
	filter: alpha(opacity=30);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

.left-right .arrow:hover i {
	background-color: #2bb5cf;
	opacity: 1;
	filter: alpha(opacity=100);
}

.left-right .arrow.pull-left i {
	margin-right: 10px;
}

.left-right .arrow.pull-right i {
	margin-left: 10px;
}

.left-right a.back {
	position: relative;
	top: 7px;
	display: block;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}

.left-right a.back:hover {
	color: #333;
}



/* --------------------------------------------------------
	 Pagination
-------------------------------------------------------- */

.pagination li {
	display: inline-block;
	margin: 0 2px 6px 0;
}

.pagination li a {
	display: block;
	padding: 5px 11px;
	background-color: #f8f9f9;
	font-size: 12px;
	color: #414141;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
	-webkit-font-smoothing: antialiased;
}

.pagination li a.previous, .pagination li a.next {
	background-color: #dedee2;
	color: #fff;
}

.pagination li a:hover {
	background-color: #bcbcc4;
	color: #fff;
}

.pagination li a.current {
	background-color: #2bb5cf;
	color: #fff;
}



/* --------------------------------------------------------
	 Responsive Video 16:9
-------------------------------------------------------- */

.embed-container {
    position: relative;
    padding-bottom: 51.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 20px 0 30px 0;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* --------------------------------------------------------
	 Forms
-------------------------------------------------------- */

form {
	margin: 0 0 20px;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1.5;
	color: #333;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: 0;
	border-bottom: 1px solid #d2d2d2;
	-webkit-font-smoothing: antialiased;
}

legend small {
	font-size: 14px;
	color: #414141;
}

label,
input,
button,
select,
textarea {
	font-size: 14px;
	font-weight: 200;
	line-height: 1.5;
}

input,
button,
select,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 30px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #414141;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
}

input,
textarea,
.uneditable-input {
	width: 206px;
	padding: 8px 6px;
}

textarea {
	height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(43, 181, 207,.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(43, 181, 207,.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(43, 181, 207,.4);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(43, 181, 207,.4);
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	*margin-top: 0;
	/* IE7 */

	margin-top: 1px \9;
	/* IE8-9 */

	line-height: normal;
	cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	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 */

	font-size: 15px;
}

select {
	width: 220px;
	border: 1px solid #d2d2d2;
	color: #333;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
	color: #999999;
	background-color: #1b1c1e;
	border-color: #d2d2d2;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
	cursor: not-allowed;
}

.uneditable-input {
	overflow: hidden;
	#333-space: nowrap;
}

.uneditable-textarea {
	width: auto;
	height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #464a4f;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #464a4f;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #464a4f;
}

.radio,
.checkbox {
	min-height: 20px;
	padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
	padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
	display: inline-block;
	padding-top: 5px;
	margin-bottom: 0;
	vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
	margin-left: 10px;
}

.input-mini {
	width: 60px;
}

.input-small {
	width: 90px;
}

.input-medium {
	width: 150px;
}

.input-large {
	width: 210px;
}

.input-xlarge {
	width: 270px;
}

.input-xxlarge {
	width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
}

.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"]{
	display: inline-block;
}

input,
textarea,
.uneditable-input {
	margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
	margin-left: 20px;
}

input.span12, textarea.span12, .uneditable-input.span12 {
	width: 926px;
}

input.span11, textarea.span11, .uneditable-input.span11 {
	width: 846px;
}

input.span10, textarea.span10, .uneditable-input.span10 {
	width: 766px;
}

input.span9, textarea.span9, .uneditable-input.span9 {
	width: 686px;
}

input.span8, textarea.span8, .uneditable-input.span8 {
	width: 606px;
}

input.span7, textarea.span7, .uneditable-input.span7 {
	width: 526px;
}

input.span6, textarea.span6, .uneditable-input.span6 {
	width: 446px;
}

input.span5, textarea.span5, .uneditable-input.span5 {
	width: 366px;
}

input.span4, textarea.span4, .uneditable-input.span4 {
	width: 286px;
}

input.span3, textarea.span3, .uneditable-input.span3 {
	width: 206px;
}

input.span2, textarea.span2, .uneditable-input.span2 {
	width: 126px;
}

input.span1, textarea.span1, .uneditable-input.span1 {
	width: 46px;
}

.controls-row {
	*zoom: 1;
}

.controls-row:before,
.controls-row:after {
	display: table;
	content: "";
	line-height: 0;
}

.controls-row:after {
	clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
	float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
	padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	cursor: not-allowed;
	background-color: #26282a;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
	background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
	color: #a58218;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
	color: #a58218;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
	border-color: #a58218;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
	border-color: #a58218;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a58218;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a58218;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a58218;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
	color: #a4211f;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
	color: #a4211f;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
	border-color: #a4211f;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
	border-color: #a61f19;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a61f19;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a61f19;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a61f19;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
	color: #8da518;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
	color: #8da518;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
	border-color: #8da518;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
	border-color: #8da518;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #8da518;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #8da518;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #8da518;
}

.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
	color: #1dadea;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
	color: #1dadea;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
	border-color: #1dadea;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
	border-color: rgba(82, 168, 236, .8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.8);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.8);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.8);
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
	color: #a4211f;
	border-color: #ee5f5b;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
	padding: 19px 20px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f8f9f9;
	border-top: 1px solid #d2d2d2;
	*zoom: 1;
}

.form-actions:before,
.form-actions:after {
	display: table;
	content: "";
	line-height: 0;
}

.form-actions:after {
	clear: both;
}

.help-block,
.help-inline {
	color: #bcbcc4;
}

.help-block {
	display: block;
	margin-bottom: 10px;
}

.help-inline {
	margin-left: 6px;
	padding-bottom: 10px;
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	vertical-align: middle;
	padding-left: 5px;
}

input.search-query {
	height: 22px;
	padding-right: 30px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input {
	display: inline-block;
	*display: inline;
	/* IE7 inline-block hack */

	*zoom: 1;
	margin-bottom: 0;
	vertical-align: middle;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
	display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
	display: inline-block;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
	padding-left: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
	float: left;
	margin-right: 3px;
	margin-left: 0;
}

.control-group {
	margin-bottom: 10px;
}

legend + .control-group {
	margin-top: 20px;
	-webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
	margin-bottom: 20px;
	*zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
	display: table;
	content: "";
	line-height: 0;
}

.form-horizontal .control-group:after {
	clear: both;
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}

.form-horizontal .controls {
	*display: inline-block;
	*padding-left: 20px;
	margin-left: 180px;
	*margin-left: 0;
}

.form-horizontal .controls:first-child {
	*padding-left: 180px;
}

.form-horizontal .help-block {
	margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
	margin-top: 10px;
}

.form-horizontal .form-actions {
	padding-left: 180px;
}



/* --------------------------------------------------------
	 Lightbox Previews
-------------------------------------------------------- */

.lightbox {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.lightbox .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #2bb5cf;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	    -ms-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

.lightbox:hover .overlay {
	opacity: .5;
	filter: alpha(opacity=50);
}

.lightbox i {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 100%;
	font-size: 40px;
	text-align: center;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
	     -o-transition: all .1s linear;
	     	transition: all .1s linear;
}

.lightbox:hover i {
	opacity: 1;
	filter: alpha(opacity=100);
}

.lightbox img {
	display: block;
}




/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	margin-left: -20px;
	*zoom: 1;
}
.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0;
}
.row:after {
	clear: both;
}
[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
}
.container {
	width: 940px;
}
.span12 {
	width: 940px;
}
.span11 {
	width: 860px;
}
.span10 {
	width: 780px;
}
.span9 {
	width: 700px;
}
.span8 {
	width: 620px;
}
.span7 {
	width: 540px;
}
.span6 {
	width: 460px;
}
.span5 {
	width: 380px;
}
.span4 {
	width: 300px;
}
.span3 {
	width: 220px;
}
.span2 {
	width: 140px;
}
.span1 {
	width: 60px;
}
.offset12 {
	margin-left: 980px;
}
.offset11 {
	margin-left: 900px;
}
.offset10 {
	margin-left: 820px;
}
.offset9 {
	margin-left: 740px;
}
.offset8 {
	margin-left: 660px;
}
.offset7 {
	margin-left: 580px;
}
.offset6 {
	margin-left: 500px;
}
.offset5 {
	margin-left: 420px;
}
.offset4 {
	margin-left: 340px;
}
.offset3 {
	margin-left: 260px;
}
.offset2 {
	margin-left: 180px;
}
.offset1 {
	margin-left: 100px;
}
.row-fluid {
	width: 100%;
	*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.row-fluid:after {
	clear: both;
}
.row-fluid [class*="span"] {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.127659574468085%;
	*margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
	width: 100%;
	*width: 99.94680851063829%;
}
.row-fluid .span11 {
	width: 91.48936170212765%;
	*width: 91.43617021276594%;
}
.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 .span1 {
	width: 6.382978723404255%;
	*width: 6.329787234042553%;
}
.row-fluid .offset12 {
	margin-left: 104.25531914893617%;
	*margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
	margin-left: 102.12765957446808%;
	*margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
	margin-left: 95.74468085106382%;
	*margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
	margin-left: 93.61702127659574%;
	*margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
	margin-left: 87.23404255319149%;
	*margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
	margin-left: 85.1063829787234%;
	*margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
	margin-left: 78.72340425531914%;
	*margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
	margin-left: 76.59574468085106%;
	*margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
	margin-left: 70.2127659574468%;
	*margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
	margin-left: 68.08510638297872%;
	*margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
	margin-left: 61.70212765957446%;
	*margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
	margin-left: 59.574468085106375%;
	*margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
	margin-left: 53.191489361702125%;
	*margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
	margin-left: 51.063829787234035%;
	*margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
	margin-left: 44.68085106382979%;
	*margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
	margin-left: 42.5531914893617%;
	*margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
	margin-left: 36.170212765957444%;
	*margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
	margin-left: 34.04255319148936%;
	*margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
	margin-left: 27.659574468085104%;
	*margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
	margin-left: 25.53191489361702%;
	*margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
	margin-left: 19.148936170212764%;
	*margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
	margin-left: 17.02127659574468%;
	*margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
	margin-left: 10.638297872340425%;
	*margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
	margin-left: 8.51063829787234%;
	*margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
	display: none;
}
[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;
	content: "";
	line-height: 0;
}
.container:after {
	clear: both;
}
.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
	*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}
.container-fluid:after {
	clear: both;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visible-phone {
	display: none !important;
}
.visible-tablet {
	display: none !important;
}
.hidden-desktop {
	display: none !important;
}
.visible-desktop {
	display: inherit !important;
}
.show-grid {
	min-height: 30px;
	line-height: 30px;
	background: #4e5257;
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   		border-radius: 4px;
}
@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important ;
	}
	.visible-tablet {
		display: inherit !important;
	}
	.hidden-tablet {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.container-fluid {
		padding: 0;
	}
	.dl-horizontal dt {
		float: none;
		clear: none;
		width: auto;
		text-align: left;
	}
	.dl-horizontal dd {
		margin-left: 0;
	}
	.container {
		width: 480px;
	}
	.row-fluid {
		width: 100%;
	}
	.row,
	.thumbnails {
		margin-left: 10px;
		margin-right: 10px;
	}
	.row .row {
		margin-left: 0;
		margin-right: 0;
	}
	.thumbnails > li {
		float: none;
		margin-left: 0;
	}
	[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.span12,
	.row-fluid .span12 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.row-fluid [class*="offset"]:first-child {
		margin-left: 0;
	}
	.input-large,
	.input-xlarge,
	.input-xxlarge,
	input[class*="span"],
	select[class*="span"],
	textarea[class*="span"],
	.uneditable-input {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.input-prepend input,
	.input-append input,
	.input-prepend input[class*="span"],
	.input-append input[class*="span"] {
		display: inline-block;
		width: auto;
	}
	.controls-row [class*="span"] + [class*="span"] {
		margin-left: 0;
	}
}
@media (max-width: 479px) {
	.container {
		width: 320px;
	}

	.nav-collapse {
		-webkit-transform: translate3d(0, 0, 0);
	}
	.page-header h1 small {
		display: block;
		line-height: 20px;
	}
	input[type="checkbox"],
	input[type="radio"] {
		border: 1px solid #ccc;
	}
	.form-horizontal .control-label {
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left;
	}
	.form-horizontal .controls {
		margin-left: 0;
	}
	.form-horizontal .control-list {
		padding-top: 0;
	}
	.form-horizontal .form-actions {
		padding-left: 10px;
		padding-right: 10px;
	}
	.media .pull-left,
	.media .pull-right {
		float: none;
		display: block;
		margin-bottom: 10px;
	}
	.media-object {
		margin-right: 0;
		margin-left: 0;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.row {
		margin-left: -20px;
		*zoom: 1;
	}
	.row:before,
	.row:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.row:after {
		clear: both;
	}
	[class*="span"] {
		float: left;
		min-height: 1px;
		margin-left: 20px;
	}
	.container {
		width: 724px;
	}
	.span12 {
		width: 724px;
	}
	.span11 {
		width: 662px;
	}
	.span10 {
		width: 600px;
	}
	.span9 {
		width: 538px;
	}
	.span8 {
		width: 476px;
	}
	.span7 {
		width: 414px;
	}
	.span6 {
		width: 352px;
	}
	.span5 {
		width: 290px;
	}
	.span4 {
		width: 228px;
	}
	.span3 {
		width: 166px;
	}
	.span2 {
		width: 104px;
	}
	.span1 {
		width: 42px;
	}
	.offset12 {
		margin-left: 764px;
	}
	.offset11 {
		margin-left: 702px;
	}
	.offset10 {
		margin-left: 640px;
	}
	.offset9 {
		margin-left: 578px;
	}
	.offset8 {
		margin-left: 516px;
	}
	.offset7 {
		margin-left: 454px;
	}
	.offset6 {
		margin-left: 392px;
	}
	.offset5 {
		margin-left: 330px;
	}
	.offset4 {
		margin-left: 268px;
	}
	.offset3 {
		margin-left: 206px;
	}
	.offset2 {
		margin-left: 144px;
	}
	.offset1 {
		margin-left: 82px;
	}
	.row-fluid {
		width: 100%;
		*zoom: 1;
	}
	.row-fluid:before,
	.row-fluid:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-left: 2.7624309392265194%;
		*margin-left: 2.709239449864817%;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.7624309392265194%;
	}
	.row-fluid .span12 {
		width: 100%;
		*width: 99.94680851063829%;
	}
	.row-fluid .span11 {
		width: 91.43646408839778%;
		*width: 91.38327259903608%;
	}
	.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 .span1 {
		width: 5.801104972375691%;
		*width: 5.747913483013988%;
	}
	.row-fluid .offset12 {
		margin-left: 105.52486187845304%;
		*margin-left: 105.41847889972962%;
	}
	.row-fluid .offset12:first-child {
		margin-left: 102.76243093922652%;
		*margin-left: 102.6560479605031%;
	}
	.row-fluid .offset11 {
		margin-left: 96.96132596685082%;
		*margin-left: 96.8549429881274%;
	}
	.row-fluid .offset11:first-child {
		margin-left: 94.1988950276243%;
		*margin-left: 94.09251204890089%;
	}
	.row-fluid .offset10 {
		margin-left: 88.39779005524862%;
		*margin-left: 88.2914070765252%;
	}
	.row-fluid .offset10:first-child {
		margin-left: 85.6353591160221%;
		*margin-left: 85.52897613729868%;
	}
	.row-fluid .offset9 {
		margin-left: 79.8342541436464%;
		*margin-left: 79.72787116492299%;
	}
	.row-fluid .offset9:first-child {
		margin-left: 77.07182320441989%;
		*margin-left: 76.96544022569647%;
	}
	.row-fluid .offset8 {
		margin-left: 71.2707182320442%;
		*margin-left: 71.16433525332079%;
	}
	.row-fluid .offset8:first-child {
		margin-left: 68.50828729281768%;
		*margin-left: 68.40190431409427%;
	}
	.row-fluid .offset7 {
		margin-left: 62.70718232044199%;
		*margin-left: 62.600799341718584%;
	}
	.row-fluid .offset7:first-child {
		margin-left: 59.94475138121547%;
		*margin-left: 59.838368402492065%;
	}
	.row-fluid .offset6 {
		margin-left: 54.14364640883978%;
		*margin-left: 54.037263430116376%;
	}
	.row-fluid .offset6:first-child {
		margin-left: 51.38121546961326%;
		*margin-left: 51.27483249088986%;
	}
	.row-fluid .offset5 {
		margin-left: 45.58011049723757%;
		*margin-left: 45.47372751851417%;
	}
	.row-fluid .offset5:first-child {
		margin-left: 42.81767955801105%;
		*margin-left: 42.71129657928765%;
	}
	.row-fluid .offset4 {
		margin-left: 37.01657458563536%;
		*margin-left: 36.91019160691196%;
	}
	.row-fluid .offset4:first-child {
		margin-left: 34.25414364640884%;
		*margin-left: 34.14776066768544%;
	}
	.row-fluid .offset3 {
		margin-left: 28.45303867403315%;
		*margin-left: 28.346655695309746%;
	}
	.row-fluid .offset3:first-child {
		margin-left: 25.69060773480663%;
		*margin-left: 25.584224756083227%;
	}
	.row-fluid .offset2 {
		margin-left: 19.88950276243094%;
		*margin-left: 19.783119783707537%;
	}
	.row-fluid .offset2:first-child {
		margin-left: 17.12707182320442%;
		*margin-left: 17.02068884448102%;
	}
	.row-fluid .offset1 {
		margin-left: 11.32596685082873%;
		*margin-left: 11.219583872105325%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 8.56353591160221%;
		*margin-left: 8.457152932878806%;
	}
	input,
	textarea,
	.uneditable-input {
		margin-left: 0;
	}
	.controls-row [class*="span"] + [class*="span"] {
		margin-left: 20px;
	}
	input.span12, textarea.span12, .uneditable-input.span12 {
		width: 710px;
	}
	input.span11, textarea.span11, .uneditable-input.span11 {
		width: 648px;
	}
	input.span10, textarea.span10, .uneditable-input.span10 {
		width: 586px;
	}
	input.span9, textarea.span9, .uneditable-input.span9 {
		width: 524px;
	}
	input.span8, textarea.span8, .uneditable-input.span8 {
		width: 462px;
	}
	input.span7, textarea.span7, .uneditable-input.span7 {
		width: 400px;
	}
	input.span6, textarea.span6, .uneditable-input.span6 {
		width: 338px;
	}
	input.span5, textarea.span5, .uneditable-input.span5 {
		width: 276px;
	}
	input.span4, textarea.span4, .uneditable-input.span4 {
		width: 214px;
	}
	input.span3, textarea.span3, .uneditable-input.span3 {
		width: 152px;
	}
	input.span2, textarea.span2, .uneditable-input.span2 {
		width: 90px;
	}
	input.span1, textarea.span1, .uneditable-input.span1 {
		width: 28px;
	}
}
@media (min-width: 1200px) {
	.row {
		margin-left: -30px;
		*zoom: 1;
	}
	.row:before,
	.row:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.row:after {
		clear: both;
	}
	[class*="span"] {
		float: left;
		min-height: 1px;
		margin-left: 30px;
	}
	.container {
		width: 1170px;
	}
	.span12 {
		width: 1170px;
	}
	.span11 {
		width: 1070px;
	}
	.span10 {
		width: 970px;
	}
	.span9 {
		width: 870px;
	}
	.span8 {
		width: 770px;
	}
	.span7 {
		width: 670px;
	}
	.span6 {
		width: 570px;
	}
	.span5 {
		width: 470px;
	}
	.span4 {
		width: 370px;
	}
	.span3 {
		width: 270px;
	}
	.span2 {
		width: 170px;
	}
	.span1 {
		width: 70px;
	}
	.offset12 {
		margin-left: 1230px;
	}
	.offset11 {
		margin-left: 1130px;
	}
	.offset10 {
		margin-left: 1030px;
	}
	.offset9 {
		margin-left: 930px;
	}
	.offset8 {
		margin-left: 830px;
	}
	.offset7 {
		margin-left: 730px;
	}
	.offset6 {
		margin-left: 630px;
	}
	.offset5 {
		margin-left: 530px;
	}
	.offset4 {
		margin-left: 430px;
	}
	.offset3 {
		margin-left: 330px;
	}
	.offset2 {
		margin-left: 230px;
	}
	.offset1 {
		margin-left: 130px;
	}
	.row-fluid {
		width: 100%;
		*zoom: 1;
	}
	.row-fluid:before,
	.row-fluid:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-left: 2.564102564102564%;
		*margin-left: 2.5109110747408616%;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.564102564102564%;
	}
	.row-fluid .span12 {
		width: 100%;
		*width: 99.94680851063829%;
	}
	.row-fluid .span11 {
		width: 91.45299145299145%;
		*width: 91.39979996362975%;
	}
	.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 .span1 {
		width: 5.982905982905983%;
		*width: 5.929714493544281%;
	}
	.row-fluid .offset12 {
		margin-left: 105.12820512820512%;
		*margin-left: 105.02182214948171%;
	}
	.row-fluid .offset12:first-child {
		margin-left: 102.56410256410257%;
		*margin-left: 102.45771958537915%;
	}
	.row-fluid .offset11 {
		margin-left: 96.58119658119658%;
		*margin-left: 96.47481360247316%;
	}
	.row-fluid .offset11:first-child {
		margin-left: 94.01709401709402%;
		*margin-left: 93.91071103837061%;
	}
	.row-fluid .offset10 {
		margin-left: 88.03418803418803%;
		*margin-left: 87.92780505546462%;
	}
	.row-fluid .offset10:first-child {
		margin-left: 85.47008547008548%;
		*margin-left: 85.36370249136206%;
	}
	.row-fluid .offset9 {
		margin-left: 79.48717948717949%;
		*margin-left: 79.38079650845607%;
	}
	.row-fluid .offset9:first-child {
		margin-left: 76.92307692307693%;
		*margin-left: 76.81669394435352%;
	}
	.row-fluid .offset8 {
		margin-left: 70.94017094017094%;
		*margin-left: 70.83378796144753%;
	}
	.row-fluid .offset8:first-child {
		margin-left: 68.37606837606839%;
		*margin-left: 68.26968539734497%;
	}
	.row-fluid .offset7 {
		margin-left: 62.393162393162385%;
		*margin-left: 62.28677941443899%;
	}
	.row-fluid .offset7:first-child {
		margin-left: 59.82905982905982%;
		*margin-left: 59.72267685033642%;
	}
	.row-fluid .offset6 {
		margin-left: 53.84615384615384%;
		*margin-left: 53.739770867430444%;
	}
	.row-fluid .offset6:first-child {
		margin-left: 51.28205128205128%;
		*margin-left: 51.175668303327875%;
	}
	.row-fluid .offset5 {
		margin-left: 45.299145299145295%;
		*margin-left: 45.1927623204219%;
	}
	.row-fluid .offset5:first-child {
		margin-left: 42.73504273504273%;
		*margin-left: 42.62865975631933%;
	}
	.row-fluid .offset4 {
		margin-left: 36.75213675213675%;
		*margin-left: 36.645753773413354%;
	}
	.row-fluid .offset4:first-child {
		margin-left: 34.18803418803419%;
		*margin-left: 34.081651209310785%;
	}
	.row-fluid .offset3 {
		margin-left: 28.205128205128204%;
		*margin-left: 28.0987452264048%;
	}
	.row-fluid .offset3:first-child {
		margin-left: 25.641025641025642%;
		*margin-left: 25.53464266230224%;
	}
	.row-fluid .offset2 {
		margin-left: 19.65811965811966%;
		*margin-left: 19.551736679396257%;
	}
	.row-fluid .offset2:first-child {
		margin-left: 17.094017094017094%;
		*margin-left: 16.98763411529369%;
	}
	.row-fluid .offset1 {
		margin-left: 11.11111111111111%;
		*margin-left: 11.004728132387708%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 8.547008547008547%;
		*margin-left: 8.440625568285142%;
	}
	input,
	textarea,
	.uneditable-input {
		margin-left: 0;
	}
	.controls-row [class*="span"] + [class*="span"] {
		margin-left: 30px;
	}
	input.span12, textarea.span12, .uneditable-input.span12 {
		width: 1156px;
	}
	input.span11, textarea.span11, .uneditable-input.span11 {
		width: 1056px;
	}
	input.span10, textarea.span10, .uneditable-input.span10 {
		width: 956px;
	}
	input.span9, textarea.span9, .uneditable-input.span9 {
		width: 856px;
	}
	input.span8, textarea.span8, .uneditable-input.span8 {
		width: 756px;
	}
	input.span7, textarea.span7, .uneditable-input.span7 {
		width: 656px;
	}
	input.span6, textarea.span6, .uneditable-input.span6 {
		width: 556px;
	}
	input.span5, textarea.span5, .uneditable-input.span5 {
		width: 456px;
	}
	input.span4, textarea.span4, .uneditable-input.span4 {
		width: 356px;
	}
	input.span3, textarea.span3, .uneditable-input.span3 {
		width: 256px;
	}
	input.span2, textarea.span2, .uneditable-input.span2 {
		width: 156px;
	}
	input.span1, textarea.span1, .uneditable-input.span1 {
		width: 56px;
	}
	.thumbnails {
		margin-left: -30px;
	}
	.thumbnails > li {
		margin-left: 30px;
	}
	.row-fluid .thumbnails {
		margin-left: 0;
	}
}
@media (max-width: 979px) {
	body {
		padding-top: 0;
	}
}
@media (max-width: 979px) {
	.visible-big-desktop {
		display: none !important ;
	}
}



/*
* Theme Name: Rudermann Template
* Theme URI: http://themes.tvda.eu
* Description: Responsive Retina Ready HTML Template for creative or digital agency
* Author: Iya Sidelnikov and TVDA
* Author URI: http://themes.tvda.eu
* Version: 1.0
*/

/* --------- Desktop --------- */
@media (min-width: 1200px) {

	.profile-wrp { width: 270px; margin-left: 30px; }
	.profile-wrp .overlay-wrp .profile-quote { font-size: 28px; }
	
	.process-wrp { width: 180px; height: 180px; margin: 0 25px 20px 25px; }
	.process-circle { font-size: 24px; }
	.process-circle span { width: 180px; height: 180px; }
	
	.img-caption { width: 50%; margin-left: 50%; }
	
}

/* --------- iPad Vertical --------- */

@media (min-width: 768px) and (max-width: 979px) {

	header nav ul#navigation { padding-top: 0; margin-top: 56px; }
	header nav ul#navigation.pull-right > li { font-size: 16px; margin-left: 10px; }
	header nav ul#navigation.pull-right > li > { padding-top: 0; }
	header nav ul#navigation.pull-right > li > a.active { padding-bottom: 4px; border-top: none; border-bottom: 2px solid #2bb5cf; color: #2bb5cf; }
	
	footer nav li a { margin-left: 8px; font-size: 12px; }
	
	.profile-wrp { width: 352px; margin-left: 20px; }
	.profile-wrp .overlay-wrp .profile-quote { font-size: 28px; }
	
	#yellow-line .social-icons { margin-left: 0; }
	
	.process-wrp { width: 130px; height: 130px; margin: 0 5px 20px 5px; }
	.process-circle { font-size: 18px; }
	.process-circle span { width: 130px; height: 130px; }
	
	.img-caption { margin: 16px 0 0 30%; width: 70%; }
	
	.background .gradient { height: 80%; }
	
	.full-post .blog-text .video-blog p { font-size: 12px; }
	.full-post .blog-text .video-blog h5 { font-size: 18px; }

}

/* --------- Mobile Phones --------- */
@media (max-width: 767px) {

	h1 { font-size: 48px; }
	h2 { font-size: 44px; }
	h3 { font-size: 38px; padding-top: 0.4em; }
	h4 { font-size: 26px; padding-top: 0.4em; }
	h5 { font-size: 22px; padding-top: 0.4em; }
	h6 { font-size: 16px; }
	
	p:last-child { margin-bottom: 1.6em; }
	p.large { font-size: 14px; }
	p.lead { font-size: 18px; }
	
	header { min-height: 90px; }
	header #logo { margin-top: 15px; }
	
	footer { margin-top: 40px; margin-bottom: 15px; }
	footer .span12 { padding-top: 15px; }
	
	#title { margin-top: 34px; margin-bottom: 33px; }
	#title .span12 { padding-bottom: 12px; }
	#title .date { margin: -20px 0 5px 0; }
	
	#page-title { margin-top: 28px; margin-bottom: 28px; }
	#page-title h2 { float: none; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 10px; }
	#page-title h2 + .dropdown { top: 0; margin-top: 10px; margin-left: 0; }
	
	.intro .span12 { margin-top: 0; margin-bottom: 45px; }
	.intro p { font-size: 20px; margin-bottom: 0}
	
	.service-desc { margin-bottom: 50px; }
	
	#social-data .span4 { margin-top: 16px; margin-bottom: 23px; }
	#social-data .span4:first-child { margin-top: 34px;}
	#social-data .span4:last-child { margin-bottom: 40px; }
	#social-data .row { background: none; }
	#twitter-feed { margin-bottom: 28px; }
	
	#clients + footer { margin-top: 60px; }
	
	#team { margin: 45px 0; padding: 30px 0 0 0; }
	.big-title { font-size: 58px; margin-bottom: 53px !important; }
	.profile-wrp { width: 100%; margin-left: 0;}
	.profile-wrp .overlay-wrp .profile-quote { font-size: 28px; }
	
	#yellow-line  { margin-top: 40px}
	#yellow-line .social-icons { margin-left: 0; }
	.pdf-title span.visible-big-desktop { display: inline !important; }
	
	
	#heart-works { margin-top: 34px; margin-bottom: 40px; }
	#heart-works .span12 { padding-top: 30px; padding-bottom: 17px; }
	.heart { width: 100%; text-align: center; }
	.heart-circle { display: block !important; position: relative; margin: 0 auto 20px auto; }
	.heart span { font-size: 18px; padding-left: 0;}
	
	#process { margin-bottom: 40px; }
	#process hr.opener { margin-bottom: 30px; }
	#process hr.closer { margin-top: 30px; }
	#process h2 { font-size: 30px; letter-spacing: -1px; margin-bottom: 30px; }
	.process-wrp { width: 84px; height: 84px; margin: 0 2px 4px 2px; }
	.process-circle { font-size: 14px; }
	.process-circle span { width: 84px; height: 84px; }
	.process-circle span:after { content: ''; }
	
	.slider { margin: 30px 0 20px 0;}
	
	.img-caption { margin: 16px 0 0 0; width: 100%; }
	.img-caption p { margin: 0; }
	.tag { font-size: 10px; margin-right: 1px; margin-bottom: 5px; }
	
	.blog-post.tags { margin-bottom: 0; }
	.blog-post .preview-img { margin-bottom: 20px; }
	.blog-post h4 { font-size: 20px; margin-bottom: 17px; }
	.blog-post .date { font-size: 14px; margin-bottom: 7px;}
	.blog-post .post-info { margin-bottom: 30px; }
	.blog-post p:last-child { margin-bottom: 0; }
	.blog-post .twitter-post { margin-top: 20px; margin-bottom: 5px; padding: 46px 4%; }
	.blog-post .twitter-post p { font-size: 24px; margin-bottom: 29px; }
	.blog-post hr { margin-top: 30px; margin-bottom: 22px; }
	
	.full-post .blog-text { margin-bottom: 30px; font-size: 14px; }
	.full-post .blog-text blockquote.big, .full-post .blog-text .slider, .full-post .blog-text .info-block { margin-left: 0; margin-right: 0; }
	.full-post .f-tags { margin-top: 20px;}
	
	.comment-block { margin-top: 17px; margin-bottom: 0; }
	.comment-block .comment-info { margin-bottom: 14px; }
	h5.add-comment-title { margin-top: 10px; }
	
	blockquote.big { padding: 30px 10px 30px 10px; margin: 35px 0; }
	blockquote.big p { font-size: 24px; }
	
	.dropdown { width: 100%; }
	.dropmenu { width: 100%; height: 60px; margin-top: -10px; box-sizing: border-box; }
	.dropmenu-active { width: 460px; }
	
	.address { margin: 0.9em 0 30px 0; }
	#map { height: 300px; }
	#contact-us hr { margin-top: 55px; }
	
	#project h1 { margin: 45px 0 20px 0; line-height: 0.9; }
	#project .project-info { font-size: 14px; }
	a.launch { float: left; margin-bottom: 20px; }
	#project .image-desc { padding-top: 20px; }
	#project .image-desc p, #project .image-desc h5 { padding-left: 0; }
	#case .row { margin-bottom: 20px; }
	#project .background .gradient { height: 100%; }
	#project .line { border-top: 1px solid #373a3d; }
	
	.error-page { margin-top: 33px; margin-bottom: 50px; }
	.error-page p { margin-bottom: 0; }
	.error-page .error-title { font-size: 200px; }
	.error-background { background: none; }
	
	#loading a { padding: 8px 0; font-size: 16px; }
	
	.accordion-wrp h6, .toggle-wrp h6 { padding: 14px 20px 12px 20px; }
	
	.info-block a.btn { position: inherit; margin-top: 20px; }
	.ib-text { padding-right: 0; }
	
	.form-inline input { margin-bottom: 10px; }
	
	.pricing-table.recommend { margin-top: 20px; }
	
	img.preview-responsive { bottom: 22px; }

}

/* --------- iPhone Vertical  --------- */
@media (max-width: 479px) {

	h1 { font-size: 38px; }
	h2 { font-size: 38px; }
	
	.dropmenu-active { width: 300px; }
	
	#social-data .span4 { margin-top: 6px; margin-bottom: 23px; }
	#social-data .span4:first-child { margin-top: 26px; margin-bottom: 23px; }

	#process hr.closer { margin-top: 10px; }
	#process h2 { font-size: 20px; letter-spacing: -1px; margin-bottom: 20px; }
	.process-wrp { display: inline-block; width: 56px; height: 56px; margin: 0 0 20px 0; }
	.process-circle { font-size: 10px; letter-spacing: 0; font-weight: normal; }
	.process-circle span { width: 56px; height: 56px; }
	
	.big-title { font-size: 36px; margin-bottom: 35px !important; }
	
	.error-page .error-title { font-size: 140px; letter-spacing: -2px; }
	.error-page p { font-size: 18px; }
	
	.address { font-size: 14px !important; letter-spacing: 0; line-height: 1.3; }
	.telephone, .e-mail { letter-spacing: -1px; }
	
}