/*	################################################################

	File Name: style.css
	Template Name: Personalist
	Created By: Filiz OZER
	http://themeforest.net/user/designingmedia
	
	1) BASIC
	2) SKELETON
	3) SITE SKELETON
	4) SIDEBARS WIDGETS
	5) POST OPTIONS
	6) MODULES
	7) RESPONSIVE

################################################################# */ 

	/* ----------------------------------------------------
		BASIC
	------------------------------------------------------- */
	html, body, div, span, applet, object, iframe, 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: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	/* ----------------------------------------------------
		SKELETON
	------------------------------------------------------- */
	body {
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		background:#ededed;
		font-size: 18px;
		font-weight: 300;
		color: #676763;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		line-height:1.6;
		word-wrap: break-word;
	}

	h1,h2,h3,h4,h5,h6{ 
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		font-family: 'Lato',sans-serif !important;
		line-height:155% !important;
		color:#212121;
	}
	h1{
		font-size: 28px; 
	}
	h2{
		font-size: 26px; 	
	}
	h3{
		font-size: 24px; 
	}
	h4{
		font-size: 22px; 		
	}
	h5{
		font-size: 20px; 		
	}
	h6{
		font-size: 17px;  	
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color:#212121 !important;
		text-decoration:none !important; 
	}
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover{
		color:#fff !important;
	}
	p {
		margin: 0 0 20px 0;
	}
	p img {
		margin: 0;
	}
	p.lead {
		font-size: 21px;
		line-height: 27px;
	}
	em { 
		font-style: italic; 
	}
	strong { 
		font-weight: bold; 
		color: #212121;
	}
	small {
		font-size: 80%;
	}
	mark {
		background-color:#E54939;
		color:#fff; 
		padding:0 10px;
	}
	.portfolio .filters a.filter-active {
		border-bottom: 3px solid #E54939;
	}
	p.drop-caps:first-child:first-letter {
		float: left;
		font-size: 75px;
		line-height: 60px;
		padding: 4px;
		margin-right: 7px;
		margin-top: 5px;
		font-family: Georgia;
	}
	
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover,
	p.drop-caps.full:first-child:first-letter {
		background-color:#E54939;
	}
		
	p.drop-caps.full:first-child:first-letter {
		color: #fff;
		padding: 7px;
		margin-right: 7px;
	}
	
	.text-style {
		font-style:italic;
		color:#676767 !important;
	}

	::-moz-selection  {
		color: #fff;
		text-shadow:none;
		background:#E54939;
	}
	::selection {
		color: #fff;
		text-shadow:none;
		background:#E54939;
	}
	blockquote {
		border-left: 5px solid #E54939 !important;
		font-size: 17.5px !important;
		margin: 0 0 20px !important;
		padding: 10px 20px !important;
	}
	a,
	.btn {
		-webkit-transition: background-color .2s linear, color .2s linear;
		-moz-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	a, a:visited {
		color: #212121;
		text-decoration: none;
		outline: 0;
	}
	a:hover, a:focus {
		color: #E54939;
	}
	p a, p a:visited {
		line-height: inherit;
	}
	.doc .title {
		margin:20px 0;
	}
	.check li:before {
		content: "\f00c";
		font-family: "FontAwesome";
		font-size: 16px;
		color:#E54939;
		left: 0;
		padding-right:5px;
		position: relative;
		top: 2px;
	}
	.check li {
		list-style:none;
		margin-bottom:4px;
	}
	.check {
		margin-left:0; 
		padding-left:0
	}
	.check li a {
		color:#656565;
	}
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li {  margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	.hidden{
		display:none
	}
	.alignleft{
		float:left
	}
	.alignright{
		float:right
	}
	.aligncenter{
		margin-left:auto;
		margin-right:auto;
		display:block;
		clear:both
	}
	.text-left {
		text-align:left !important;
	}
	section::before,
	section::after {
		position: absolute;
		content: '';
		pointer-post-wraps: none;
	}	
	.first {
		clear:both !important
	}
	.last{
		margin-right:0 !important
	}
	.soundcloud {
		width:100%;
	}
	.soundcloud,
	.vimeo {
		border:none;
	}
	
	/* ----------------------------------------------------
		SITE SKELETON
	------------------------------------------------------- */
	
	#wrapper {
		background:#fff;
	}
	.header {
		background:#FFFFFF;
		padding: 65px 0 0;
	}
	.footer {
		background:#262626;
		color: #989898;
		font-size: 18px;
		line-height: 30px;
		padding: 75px 0;
	}
	.copyright {
		background:#171717;
		color: #676763;
		font-size: 18px;
		border-top:1px solid #212121;
		padding: 30px 0 10px;
	}
.copyright a{
	color:#676763;
}
	.logo {
		font-size:31px;
		color:#262626;
		text-transform:uppercase;
		font-weight:900;
		line-height:24px;
	}
	.logo a {
		color: #212121;
		cursor:pointer;
	}
	.dropdown-menu {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #E54939 #EDEDED #EDEDED;
		border-image: none;
		border-right: 1px solid #EDEDED;
		border-style: solid;
		border-width: 3px 1px 1px;
		box-shadow: none;
	}
	.navbar-toggle {
		margin-top:0;
	}
	.down,
	.downbar {
		cursor:pointer;	
		top:0;
		right:80px;	
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:#fff;
		font-size:18px;
		position:absolute;
		background:#E54939;
		border-top:none;
	}	
	.down {
		color:#E54939;
		background:#ffffff;
	}
	.up {
		top: -45px;
		display: none;
	}
	.arrow {
		cursor:pointer;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background:none;
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top:10px;
	}
	.navbar-default,
	.navbar-collapse {
		background:#fff;
		border:none;
		box-shadow:none;
	}
	.navbar-brand {
		padding-left:0 !important;
		padding-top:0 !important;
	}
	.navbar-nav > li > a {
		color: #676763 !important;
		font-size: 18px;
		padding-bottom: 15px;
		padding-top: 10px;
	}
	.white-section {
		background:#FFFFFF;
		padding: 30px 0;
	}
	.grey-section {
		background:#f2f2f2;
		padding: 50px 0;
		border-bottom:1px solid #dedede;
	}
	.dark-section {
		background:#262626 !important;
	}
	.blog-wrapper {
		padding:50px 0 100px;
	}
	.page-header {
		border-bottom:0;	
	}
	.page-header h1 {
		font-family: 'Lato';
		font-size: 48px;
		font-weight: 900;
		line-height: 60px;
	}
	.page-header .lead {
		font-family: 'Lato';
		font-size: 21px;
		line-height:34px;
		margin:20px 0 10px;
		font-weight: 300;
	}
	.single_portfolio_desc {
		margin-bottom:20px;
	}
	.single_portfolio_desc .title h3,
	.footer .title h3 {
		font-size: 21px;
		color:#fff;
		margin-bottom:12px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}
	.footer-menu ul{
		list-style:none;
		list-style-position:outside;
		display:inline;
		margin:0;
	}   
	.footer-menu li{ 
		float:left;
		list-style:none;
		padding:0 0 10px 20px; 
	}
	.footer-menu li a {
		color:#676763;
	}
	.footer .form-control {
		background:#333;
		height:40px;
		border-color:#313131;
	}
	.footer .btn:hover {
		background:#333;
	}
	.footer .widget {
		margin-bottom:10px
	}
	.form-control:focus {
		box-shadow:none;
		border-color:#E54939
	}
	.form-control {
		height:40px;
		border-radius:0;
		margin-bottom:15px;	
	}
	.content .widget .title {
		margin:20px 0;
	}

	/* ----------------------------------------------------
		SIDEBARS WIDGETS
	------------------------------------------------------- */
	
	.desc {
		margin-top:20px;
	}
	.footer .widget a {
		color: #989898;
	}
	.recent_tweets li a {
		border-bottom: none !important;
		display:inline !important;
		text-decoration:underline;
	}
	.recent_tweets li:before {
		content: "\f099";
		font-family: 'FontAwesome';
		font-size: 21px !important;
		position: relative;
		color:#0084B4;
		padding-right:12px;
	}
	.recent_tweets li,
	.recent_posts ul li {
		border-bottom: 1px solid #313131;
		color: #989898;
		display: block;
		padding: 10px 0;
		position: relative;
		text-decoration: none;
	}
	
	.recent_posts li:last-child,
	.recent_tweets li:last-child {
		border-bottom:0;
	}
	.portfolio-filter ul,
	.contact_details,
	.recent_posts ul,
	.recent_tweets ul,
	.flickr {
		margin-left:0;
	}
	.flickr li img {
		width:90px;
		margin:20px 10px 0;
		float:left;
	}
	.recent_posts_widget p {
		margin-top:10px;
		margin-bottom:5px;
	}
	.recent_posts_widget li {
		display:block;
		margin:30px 0 5px;
		overflow:hidden;
		position:relative;
	}
	.recent_posts_widget li img {
		width:100px;
		float:left;
		margin-right:20px;
	}
	.recent_posts_widget a {
		font-weight:normal;
		color:#fff !important;
	}
	.recent_posts_widget i {
		color:#F7C221;
		font-size:14px;
	}
	.servicebox {
		margin-bottom:40px;
	}
	.servicebox h3 {
		font-size:24px;
	}
	.service-icon-circle {
		overflow:hidden;
		margin:20px auto;
		display:block;
		background:#E54939;
		position:relative;
		color:#fff;
		border:1px solid #fff;
		height:120px;
		width:120px;
		line-height:130px;
		-webkit-transition: background-color .2s linear, color .2s linear;
		-moz-transition: background-color .2s linear, color .2s linear;
		-o-transition: background-color .2s linear, color .2s linear;
		-ms-transition: background-color .2s linear, color .2s linear;
		transition: background-color .2s linear, color .2s linear;
	}
	.servicebox:hover .service-icon-circle {
		background:#212121;
	}
	.service-icon-circle i {
		font-size:38px;
	}
	.post-wrapper .media {
		margin:20px 0 0;
	}
	#sidebar .widget img,
	.post-wrapper .entry img,
	.single_portfolio_media img,
	.footer img  {
		zoom: 1;
		filter: alpha(opacity=80);
		opacity: 0.8;
			-webkit-transition: opacity .8s linear, opacity .8s linear;
			-moz-transition: opacity .8s linear, opacity .8s linear;
			-o-transition: opacity .8s linear, opacity .8s linear;
			-ms-transition: opacity .8s linear, opacity .8s linear;
			transition: opacity .8s linear, opacity .8s linear;
	}
	#sidebar .widget img:hover,
	.post-wrapper .entry img:hover,
	.single_portfolio_media img:hover,
	.footer img:hover {
		zoom: 1;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.tagcloud a {
		background:#FFFFFF;
		border: 1px solid #E54939;
		border-radius: 0;
		background:#E54939;
		box-shadow: none !important;
		color: #fff !important;
		display: block;
		float: left;
		font-size: 13px;
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 5px 15px;
		text-decoration: none;
	}
	.tagcloud a:hover {
		background:#212121;
		border:1px solid #fff;
		color: #fff !important; 
		text-decoration: none; 
	}
	.notfound {
		text-align:center;
		font-size:64px !important;
	}
	.not_found h1 {
		margin-bottom:0;
		font-size: 200px;
		padding-bottom:0;
		font-weight: bold;
		line-height: 1;
	}
	.search_form {
		position:relative;
	}
	.search_form:after {
		color: #d9d9d9;
		font-size: 12px;
		height: 40px;
		line-height: 40px;
		position: absolute;
		width: 40px;
		right:0;
		top:0;
		font-family: 'FontAwesome';
		content: "\f002";
	}
	#sidebar .title h3 {
		font-weight:bold;
		padding:0 !important;
		margin:0 !important;
		line-height:100% !important;
	}
	#sidebar .recent_tweets li, #sidebar .recent_posts ul li {
		border-color:#efefef;
	}
	#sidebar .widget {
		padding: 3rem 4rem !important
	}
	#sidebar .widget,
	.post-wrapper {
		background:#FFFFFF;
		overflow: hidden;
		position: relative;
		z-index: 0;
		-webkit-box-shadow:  3px 3px 1px rgba(0, 0, 0, 0.03);
		box-shadow:  3px 3px 1px rgba(0, 0, 0, 0.03);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		padding: 4rem 4rem 2.4rem;
		margin-bottom: 1.6rem;
	}
	.footer .widget {
		padding:20px;
	}
	
	/* ----------------------------------------------------
		POST OPTIONS
	------------------------------------------------------- */
	.jquery-bar {
		text-align:center;
		background: #E54939;
		width:100%;
		position: relative;	
		color:#fff;
		margin:0;
		overflow:hidden;
		padding: 10px 20px 10px;
		text-transform:uppercase;
	}
	.jquery-bar p {
		font-family: 'Lato';
		font-size: 18px;
		text-transform:none;
		margin:0;
		line-height: 40px;
	}
	.jquery-bar a {
		color:#fff;
		text-decoration:underline;
	}
	.jquery-bar .notification {
		display:block;
		width:auto;
	}
	.post-wrapper .title h3 {
		font-size:34px;
		line-height:100% !important;
		font-weight:bold;
	}
	.social a {
		width:40px;
		height:40px;
		border:1px solid #6F6F6F;
		font-size: 18px;
		display:inline-block;
		text-align:center;
		margin-left:0;
		line-height:40px;
		color:#6F6F6F;
	}
	.quote-post {
		background:#fff;
		padding:20px;
		position:relative;
	}
	.quote-post blockquote {
		border-left:0;
	}
	.quote-post:after {
		content: "\f10e";
		display: block;
		font-family: 'FontAwesome';
		font-size: 41px !important;
		top:15%;
		opacity: 0.1;
		position: absolute;
		right:3%;
	}	
	.pagination > li > a, .pagination > li > span {
		border: 1px solid #efefef;
		color: #ffffff;
		background:#E54939;
		float: left;
		line-height: 1.6;
		margin-left: 5px;
		padding: 6px 15px;
		position: relative;
		text-decoration: none;
	}
	.pagination > li > a:focus,
	.pagination > li > a:hover {
		background:#212121;
		border-color:#212121;
		color:#fff;
	}
	.post-wrapper .byline {
		background: #fff;
		border-radius: 0;
		display: inline-block;
		letter-spacing:0.7px;
		font-size: 16px;
		line-height: 24px;
		margin: 10px 0;
		padding: 0 10px 0 0;
		position: relative;
	}
	.post-wrapper .byline span {
		padding-right:10px;
	}
	.post_type {
		border-bottom: 1px solid #EFEFEF;
		margin:10px 0;
		padding:0 10px;
		font-size:34px !important;
	}
	.post-footer {
		position:relative;
		display:block;
		overflow:hidden;
		margin:30px 0 0;
		padding:15px 0;
		border-top:1px solid #EFEFEF;
	}
	#comments .media {
		margin:35px 0 0;
		display:block;
	}
	#comments .media-heading {
		padding-left:15px
	}
	#comment_form_wrapper .title h3 {
		font-size:21px !important;
		margin-bottom:20px;
	}
	#comments li p {
		line-height: 28px;
		padding-left:15px;
	}
	#comments .btn {
		color:#fff !important;
	}
	#comments .media img {
		width:80px;
		height:80px;
	}
	#contactform fieldset {
		padding:10px;
		border:1px solid #eee;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	#contactform legend {
		padding:7px 10px; 
		font-weight:bold; 
		color:#000; 
		border:1px solid #eee; 
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		margin-bottom:0 !important; 
		margin-bottom:20px;
	}
	#contactform span.required{ 
		font-size: 13px; 
		color: #ff0000;
	}
	#message {
		margin: 10px 0; 
		padding: 0;
	}
	.error_message {
		display: block; 
		height: 22px; 
		line-height: 22px; 
		background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
		 padding: 3px 10px 3px 35px; 
		 color:#8a1f11;
		 border: 1px solid #FBC2C4; 
		 -webkit-border-radius:5px;
	}
	.loader {
		padding: 0 10px;
	}
	#contactform #success_page h1 {
		background: url(images/success.gif) left no-repeat; 
		padding-left:22px;
	}
	acronym {
		border-bottom:1px dotted #ccc;
	}
	.contact_details li {
		list-style:none;
		margin:5px 5px 10px;
	}
	.contact_details li i {
		font-size:18px;
		padding-right:5px;
	}
	
	/* ----------------------------------------------------
		MDOULES
	------------------------------------------------------- */
	.single_portfolio_desc .title h3 {
		color:#212121 !important;
		font-size:28px !important;
		margin-bottom:10px !important;
	}
	
	#fancybox-close {
		right:-35px;
	}
	.pager li > a, .pager li > span {
		background-color: #E54939;
		border: 1px solid #fff;
		border-radius: 0;
		color:#fff;
		margin:30px 0 0;
		display: inline-block;
		padding: 5px 14px;
	}
	.pager li > a:hover, .pager li > span:hover {
		background-color:#212121;
		color:#fff;
	}
	.btn-primary {
		background-color: #E54939;
		background-image: none !important;
		border: 0 none;
		border-radius: 0;
		box-shadow: none !important;
		color: #FFFFFF !important;
	}
	.btn-primary:focus,
	.btn-primary:hover {
		background-color: #212121;
		background-image: none !important;
		border: 0 none;
		border-radius: 0;
		box-shadow: none !important;
		color: #FFFFFF !important;
	}
	.product_details {
		background:#fff;
		padding:30px;
		border:1px solid #ededed;
		margin:20px 0;
	}
	
	.product_details strong {
		display: inline-block;
		min-width: 130px !important;
	}
	.dmtop {
		background-image: url(images/arrow.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-color:#E54939;
		z-index: 9999;
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		position: fixed;
		bottom: -100px;
		right: 25px;
		cursor: pointer;
		-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		-o-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
		overflow: auto;
	}
	#map{
		height:450px;
		width:100%;
		border:10px solid #fff;
		margin-bottom:30px;
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}
	.map .row .col-lg-4{
		float:right;
		margin-top:-450px;
		z-index:9
	}
	.contact-icon {
		margin:20px 0;
		overflow:hidden;
	}
	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}
	.progress {
		position:relative;
		overflow:visible
	}
	.skill_count {
		position:absolute;
		right:0;
		font-size:16px; 
		color:#212121;
		top:-9px
	}
	.skills_bar {
		padding-right:35px;
		margin:10px 0;
		overflow:hidden;
	}
	.skills_bar small {
		font-size:14px;
		color:#212121;
		margin:10px 0;
	}
	.progress-bar {
		background-color:#E54939;
	}
	.progress {
		border-radius:0;
		box-shadow:none;
		border-bottom:1px solid #212121;
		background:none;
		margin:10px 0;
		height:18px;
	}
	#accordion-second  {
		margin:30px 0;
	}
	#accordion-second .accordion-group{
		margin-bottom:10px;
	}
	#accordion-second .accordion-heading{
		border-bottom:0;
		margin:2px 0;
		font-size:18px;
	}
	#accordion-second .accordion-heading .accordion-toggle{
		display:block;
		cursor:pointer;
		padding:0 !important;
		color:#212121;
		outline:none!important;
		text-decoration:none
	}
	#accordion-second .accordion-heading .accordion-toggle > em {
		border-radius:0;
		background:#E54939;
		color: #FFFFFF;
		font-size:15px;
		height: 30px;
		line-height: 30px;
		margin-right: 10px;
		text-align: center;
		width: 30px;
	}
	#accordion-second .accordion-inner{
		padding:9px 10px 9px 45px;
	}	
	.tab-content {
		border:1px solid #ededed;
	}
	.tab-content p {
		padding:15px;
	}
	.dm-shadow {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	}
	.post-wrapper img {width:100%;}
		
	/* ----------------------------------------------------
		RESPONSIVE
	------------------------------------------------------- */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.colio { margin-right: 24px!important; }
		.portfolio .list .thumb,
		.portfolio .list .thumb img { width: 100%; height: auto; }
		#sidebar .widget {
			padding: 3rem 2rem !important;
		}
		.post-wrapper img {width:100%;}
	}
	@media only screen and (max-width: 767px) {
		.post-wrapper img {width:100%;}
		.copyright {text-align:center;}
		.footer-menu {display:none}
		.navbar-toggle {padding:3px 10px;}
		.page-header h1 {font-size:36px;}
		.down, .downbar {right:0;}
		.jquery-bar p {padding:0 30px;font-size:15px;line-height:30px;}
		.colio-container {margin:0;}
		h1, h2, h3, h4, h5, h6 { text-align: center; }
		.preview-theme + p { margin-bottom: 42px; }
		.main-header { margin: 21px 0 0!important; }
		.purchase { text-align: center; padding-top: 21px; }
		.portfolio .filters { float: left; margin-top: 0; text-align: center; width: 100%; }
		.portfolio .filters a { margin: 0 10px; }
		.portfolio .list li { float: none; margin-right: 0; }
		.colio { margin-right: 0!important; }
		
		.portfolio .list .thumb img,
		.portfolio .list .thumb { width: 100%; height: auto; }
	}
	@media only screen and (max-width: 479px) {
		.portfolio .list .thumb img,
		.portfolio .list .thumb { width: 100%; height: auto; }
	}