/*
	Name: Responsy
	Date: April 2012
	Description: Responsive HTML5 Portfolio
	Version: 1.0
	Author: Ahmet Sali
	Autor URI: ahmetsali@gmail.com
*/

/* GLOBAL   
----------------------------------------------------------*/

/* Body */
html, body {
	width: 100%;
	height: 100%;
	
	
}
body {
	font-size: 13px;
	line-height: 1.429;
	
	text-align: left;
		
}

/* Headings */
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 16px; }	
h4 { font-size: 20px; }	
h5 { font-size: 12px; }	
h6 { font-size: 11px }		
h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 150%; margin-bottom: 10px; }

/* Anchors */
a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active { text-decoration:none; }
strong, b { font-weight:800; }
p b, p strong { font-weight:600; }
p {
	margin-bottom: 20px;
	line-height: 25px;
	padding-right: 50px;
}
.alert strong { font-weight:700; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:none; }

/* FONTS */
.btn, .alert, input, textarea, label, select, p, body, .post .category { font-family: 'Open Sans', sans-serif; }
i, blockquote p, .comment-meta a, .comment-reply-link, blockquote small, .post .info, .post .tags { font-family: Georgia, "Times New Roman", Times, serif; }
.media-box .mask .title, .post .post-title { font-family: 'Open Sans Condensed', sans-serif; }

::-moz-selection { background: #000; color: #fff; text-shadow:none; }
::selection { background: #000; color: #fff; text-shadow:none; }

/* Helpers */
.clear { clear:both; }
.center { text-align:center; margin:30px auto;}
img.center { margin: 10px 0 20px 100px !important; }
.left { float:left; }
.right { float:right; }
img.right, figure.right { float: right; margin: 0 0 2em 2em; }
img.left, figure.left { float: right; margin: 0 0 2em 2em; }
.align-left { float:left; margin-right:20px; margin-bottom:10px; }
.align-right { float:right; margin-left:20px; margin-bottom:10px; }
.align-center { text-align:center; }
.no-display { display:none; }
.no-border { border:none !important; }
.no-bg { background:none !important ; }
.text-justify { text-align:justify; }
.no-margin { margin:0 !important; }
.visible { display:block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.easing,.clients .client, .featured-posts .item a, #nav li ul li a, .social li a, #flickr_badge_wrapper img, .flex-direction-nav li a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .pagination a, .category a, ul.categories li a, .archives .list a, .tags a, .post .info a, input, textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }


/* HEADER   
----------------------------------------------------------*/
.header-wrap { padding-bottom:10px; }
.header .menu { display:none; margin-bottom:22px; margin-top:10px; height:auto; width:100%;  padding: 5px 10px; font-weight:800; text-transform:uppercase; outline:0; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/background/select-bg.png); background-position: right center; background-repeat: no-repeat; }

/* LOGO */
#logo { padding:10px 0 20px 0; }
#logo h1 { margin-bottom:0; margin-top:15px; line-height:100%; }
#logo p { margin:1px 0 7px 0; }
#logo img { max-height:200px; float:left; margin-right:16px; }
#logo a:hover { text-decoration:none; background:none; }

/* NAV MENU */
#nav { margin-top:0px; float:right; } 
#nav li { position:relative; display:inline-block; margin:0 4px; } 
#nav > li:last-child { margin-right:0px; }  
#nav li a {
	position: relative;
	display: block;
	padding: 17px;
	min-width: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	z-index: 300;
	color: #FFF;
}
#nav li a:hover, #nav li a.selected:hover, #nav li a.current {
	text-decoration: none;
	color: #FFF;
}

/* menu level 2 */
#nav ul {
	display: none;
	position: relative;
	width: 160px;
	z-index: 310;
	margin: 0;
	position: absolute;
	top: 52px;
	left: 0;
	padding: 10px 0 0 0;
	background-image: url(../img/background/nav-dropdown.png);
	background-position: 18px 4px;
	background-repeat: no-repeat;
	color: #FFF;
}
#nav ul li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #FFF;
}
#nav ul li a {
	text-align: left;
	padding: 10px 18px;
	font-size: 14px;
	color: #FFF;
	text-shadow:none;
}
#nav ul li:first-child a { border-top:none; }
#nav ul li:last-child a { border-bottom:none; }

/* menu level 3 */
#nav ul ul { top:0; left:auto; color: #FFF; right:160px; padding:0 8px 0 0; background:url(../img/background/nav-dropdown-left.png) 160px 16px no-repeat; }

/* social links */

/* FOOTER   
----------------------------------------------------------*/
.footer {
	margin-top: 100px;
	position: relative;
	height: 140px;
	clear:both;} 
}
.footer h3, .blog-part h3 { clear:left; margin-bottom:20px; font-size:14px; text-transform:uppercase; }
.footer .widget { min-height:1px; }
.text-widget .logo { width:56px; float:left; margin:0 15px 10px 0; }
.footer a { font-style:italic; }
.copy-text p {
	padding-top: 10px;
	margin-bottom: 0;
	text-align: right;
	font-size: 12px;
	margin-right:-20px;
}



/* MIDDLE   
----------------------------------------------------------*/
.middle { padding-bottom:60px; }
.main-slider, .aside { margin-top:20px; }
.content .main-slider { margin-top:4px; }

/* SLIDER   
----------------------------------------------------------*/
.main-slider { margin-bottom:50px !important; }
.flex-container .flex-direction-nav li a { top:auto; bottom:6%; width:32px; height:32px; opacity:0; background-image: url(../img/background/slider-arrows.png); background-position: 0 0; background-repeat: no-repeat; }
.flex-container:hover .flex-direction-nav li a { opacity:1; }
.flex-container .flex-direction-nav li .next { right:0px; background-position:-32px -32px; }
.flex-container:hover .flex-direction-nav li .next { right:20px; }
.flex-container .flex-direction-nav li .next:hover { background-position:0 -32px; } 
.flex-container .flex-direction-nav li .prev { left:auto; right:72px; background-position:0 0; }
.flex-container:hover .flex-direction-nav li .prev { right:52px; }
.flex-container .flex-direction-nav li .prev:hover { background-position:-32px 0; }


/* MAINPAGE BOXES   
----------------------------------------------------------*/
/* media boxes */
.media-box { position:relative; }
.media-box img { display:block; }
.media-box .mask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.media-box .mask .ico { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-position: 90% 10%; background-repeat:no-repeat; }
.media-box .mask .ico.image { background-image:url(../img/background/media-box-image.png); }
.media-box .mask .ico.video { background-image:url(../img/background/media-box-video.png); }
.media-box .mask .ico.link { background-image:url(../img/background/media-box-link.png); }
.media-box .mask .title { width:30%; margin-left:5%; margin-top:5%; font-size:25px; text-transform:uppercase; font-weight:800; line-height:100%; }

/* aside */
.aside h2 { margin-bottom:15px; font-size:32px; font-weight:300; line-height:120%; text-transform:lowercase; }

/* homepage parts */
.blog-part, .blog-post, .service { padding-top:34px; margin-bottom:30px; }
.blog-part { clear:left; }
.blog-part div { padding: 0 20px 0 0px; }
.blog-post h3, .service h3 { font-size:15px; font-weight:400; margin-top:16px; margin-bottom:0px; }
.blog-post h3 { margin-bottom:8px; }
.blog-part h3 { font-weight:800; padding-bottom:10px; margin-bottom:12px; }
.blog-part div p:last-child { margin-bottom:10px; }


/* services */
.services {
	clear: left;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9eb8e8;

}
.services .item { margin-top:10px; margin-bottom:10px; }
.services .item a { color:#000; }
.services .item a:hover {color:#9eb8e8;}
.services img { display:block; margin:10px auto; width:64px; height:64px; }
.services h3 { font-weight:700; font-size:14px; }
.services .item a h3 { font-weight:700; color:#000; }
.services .item a:hover h3 { font-weight:700; color:#9eb8e8; }
.services p { text-align:justify; }
.service-title { text-align:left; padding-top:0px !important; margin-bottom:0 !important; }
.service-title span { float: right; font-size: 16px; }


/* CONTENT TYPOGRAPHY STYLES  
----------------------------------------------------------*/
.content h2, .content h3, .content h4, .content h5, .content h6 { clear:left; font-weight:400; }
.content h2 { padding-top:10px; padding-bottom:4px; margin-bottom:20px; }
.content h3 { font-weight:600; padding-top:8px; margin-bottom:12px; }
.content h6 { font-weight:600; }

/* page header */
.page-header { margin-bottom:30px !important; margin-top:18px !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { margin-left:12px; margin-top:6px; }
h1 small { font-size:15px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }

/* inline labels */
.label { font-size: 12px; text-transform:none; text-shadow:0 1px 0 rgba(0,0,0,.5); }

/* hero unit */
.hero-unit { text-align:center; margin:50px 0; padding:20px 50px 10px 50px; }
.hero-unit h1 { font-size: 40px; line-height:140%; }
.hero-unit p { font-size: 15px; margin-bottom:12px; margin-top:3px; }

.intro { font-size:17px; line-height:160%; }
.intro:first-letter {  font-size:300%;  font-weight:bold; line-height:100%; float:left; padding:10px 16px 5px 0; font-family:Georgia, "Times New Roman", Times, serif; }

pre { padding:14px 20px; margin-bottom:20px; }

/* list styles */
.content ul.list, .content ol.list { margin-bottom:20px; padding-left:8px; }
.content ul.list li, .content ol.list li { line-height:140%; margin:0 0 6px 0; }

/* table */
.table th { font-weight:600; }

/* featured text + button */
.featured { padding:20px 0; margin-bottom:30px; }
.featured h3 { margin:10px 20px 0 26px; font-weight:400; }
.featured .featured-btn { text-align:right; } 
.featured .featured-btn .btn { margin-right:30px; }

/* blockquotes */
blockquote { margin:20px 30px 20px 0; margin-left:0 !important; font-style:italic; padding-left:70px; padding-top:20px; border:0; background:url(../img/background/quotes.png) left top no-repeat; }
blockquote.well { padding-left:70px; padding-top:20px; background-position:10px 10px; }
blockquote p { margin-bottom:12px; line-height:140%; }

/* tagline */
.tagline { padding-top:12px; padding-bottom:16px; margin-bottom:24px !important; text-align:center; }
.content .tagline { margin-top:32px; }
.tagline h3 { padding:0 80px; margin-bottom:4px; font-size:25px; line-height:134%; font-weight:300; }
.tagline p { font-size:15px; }
.tagline *:first-child { padding-top:0; margin-top:0; }
.tagline *:last-child { padding-bottom:0; margin-bottom:0; }

/* tabs */
.nav-tabs > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	
}
.nav-tabs > li > a, .nav-pills > li > a {
	padding-right: 15px;
	padding-left: 20px;
	margin-right: 6px;
	background-color: #9eb8e8;
	font-size: 15px;
	text-shadow: none;
	color: #000;
	line-height: 22px;
}
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { margin-bottom: 5px; }
.nav-tabs > li { margin-bottom:0; }
.nav-tabs > li > a { border:0;  }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	border: 0;
	font-weight: 800;
	background-color: #C33;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.tabs-left .nav-tabs > li:last-child > a, .tabs-right .nav-tabs > li:last-child > a { margin-bottom: 0; }
.tabs-left .nav-tabs > li > a { margin-right: 0px; }


/* toggles */
.toggle.accordion { margin-bottom:0; }
.accordion-group .accordion-heading .accordion-toggle i { margin-right:10px; }
.accordion-group .accordion-heading .accordion-toggle i.icon-active { display:none; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-active { display:inline-block; }
.accordion-group.active .accordion-heading .accordion-toggle i.icon-passive { display:none; }

/* lightbox titles */
div.pp_default .pp_description { margin-top:8px !important; font-size:14px !important; font-weight:600 !important; }


/* CONTACT PAGE 
----------------------------------------------------------*/
.map { margin:30px 0; }
.contact-form { margin-top:30px; margin-bottom:30px; }
.contact-form label { display:block; }
.contact-form .text { width:94%; padding:10px; margin-bottom:20px; }
.contact-form textarea.text { min-height:100px; }
.contact-form .btn { margin-top:10px; padding:10px 60px; font-size:18px; font-weight:700; }
.contact-info { margin-top:28px; }
.contact-info p { line-height:100%; margin-bottom:10px; }
.contact-info b { min-width:60px; display:inline-block; }
.contact-info i { margin-right:10px; margin-top:3px; }
.contact-alert { margin-top:30px; }
.submit-area.loading { background-image:url(../img/background/loading.gif); background-position:right bottom; background-repeat:no-repeat; }

/* validation */
label.error { display:none !important; } 
input, textarea { outline:3px solid #fff; }

/* SIDEBAR 
----------------------------------------------------------*/
.sidebar { padding-bottom: 30px; }
.sidebar .widget { margin-top:50px; margin-bottom:20px; }
.sidebar .widget p:last-child { margin-bottom:0; }
.sidebar .featured-posts p:last-child { margin-bottom:8px; }
.sidebar h3 { padding-top:0px; margin-bottom:12px !important; font-size:14px; }
.sidebar .search-widget { height: 74px;  margin-bottom: 20px; }
.search-widget input { padding:6px !important; height:auto !important; width:80%; max-width:220px; }
.search-widget .send { display:none; }
.search-widget .input-append { padding-top:22px; }
.input-append .add-on, .input-append .send { margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; }
.sidebar .search-widget, .sidebar .widget { margin-left:30px; }

/* sidebar list */
.sidebar ul.list { margin-left:10px; }
.sidebar ul.categories li { width:40%; margin-right:5%; float:left; }




/* Comment Form */
.respond { margin-top:60px;  margin-bottom:30px; }
.respond-wrap { padding-top:20px; }
.respond-wrap .title, .respond-wrap p { padding-left:30px; padding-right:30px; }
.respond .title { font-size:24px; text-transform:uppercase; font-weight:800; }
.respond .input {  height:30px; }
.respond textarea.input { height:160px; }

/* Comments */
h3.comments-title { font-size:28px; margin-top:50px; margin-bottom:20px; text-transform:uppercase; border-bottom:0; }
ol.commentlist{	list-style-type: none; margin: 0 0 15px; }
ol.commentlist ul, ol.commentlist ol { list-style:none; }
.comment-author.vcard { font-size:18px; }
.comment-meta a{ font-style:italic; }
.commentlist .comment-body .avatar { left: 20px; position: absolute; right: auto; top: 20px; width:60px; }
.commentlist .comment-body { margin-bottom: 16px; min-height: 80px; overflow: hidden; position: relative; min-height: 90px; padding: 20px 20px 4px 96px; }
.commentlist .comment-body p { margin-top:10px; }
.commentlist .comment-body .says { display:none; }
.comment-reply-link { position:absolute; top:20px; right:20px; font-style:italic; }
.commentlist .children > li { padding-bottom: 10px; padding-left: 30px; margin-bottom: 10px; }
.commentlist .children li > .comment-body { margin-bottom: 10px;  background:none; }
.commentlist .highlighted > .comment-body { border: medium none; padding: 1px !important;}

/* GRID PAGE
----------------------------------------------------------*/
.show-grid [class*="span"] { margin-bottom: 20px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 40px; }


/* 404 PAGE
----------------------------------------------------------*/
.not-found { text-align:center; }
.not-found h2 { margin-bottom:4px; line-height:110%; font-size:160px }
.not-found h3 small { font-size:17px; font-weight:300; }



/* COLOR SPECIFIC STYLES GROUPED FOR EASY TEMPLATING
----------------------------------------------------------*/
/* text-colors */
body { color:#000; }
#nav li a, .portfolio-sidebar strong { text-transform: uppercase; color:#000; }
h1, h2, h3, h4, h5, h6 , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #portfolio .item h3.project-title, .table th, .nav > li > a:hover, .contact-info b, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter, #filters .current a, address strong { color:#000; }
#logo h1 a, .intro, ul.categories li a, .accordion-group.active .accordion-heading .accordion-toggle, .tagline h3 { color:#000; }
.aside p ,blockquote p, .accordion-group .accordion-heading .accordion-toggle, .post .tags a, .pagination a, .archives .list a { font-size:18px; color:#000; }
.nav > li > a, .aside h2, #logo p, .accordion-heading .accordion-toggle, .header .menu, .tagline p, .comment-meta a, .page-header h1 .back, .featured-posts .info p { color:#000; }
#nav ul li a, #portfolio .item  .category, #filters a, .post .info, .post .tags, .post .category a, .latest-portfolio .service span, .service-title span, .post-info, .archives .list li span, .copy-text p { color: #9eb8e8; }
#nav li a:hover, #nav li.active > a, #nav li a.selected:hover, #nav li a.current, #nav li a.selected, #nav li a.current-sub, .media-box .mask .title { color:#fff; text-shadow:0 1px 0 #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .category a:hover, ul.categories li a:hover, .archives .list a:hover, .tags a:hover, .post .info a:hover { text-decoration:none; color:#333; background-color:#FFFFA8; }

/* text-shadows */
/*h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .intro:first-letter { text-shadow: 1px 1px 0px #fff, 2px 2px 0px #ddd, 3px 3px 0px #aaa; }*/
#nav ul li a { text-shadow:none; }
.media-box .mask .title { text-shadow:none; }

/* backgrounds */
body { background:#fff; }
input:focus, textarea:focus, .flex-container .flex-direction-nav li a, .input-append .send { background-color: #fff; }
.flex-container .flex-direction-nav li a:hover { background-color:#222; }
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th, .nav > li > a:hover, .accordion-group.active .accordion-heading .accordion-toggle, .accordion-group .accordion-heading .accordion-toggle:hover, input, textarea, .commentlist .comment-body, #portfolio .item, pre, .well, .accordion-group .accordion-heading .accordion-toggle, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #cbcccf; }
#nav li.active, #nav > li:hover, #nav ul li { background:#333; }
#nav ul li a:hover { background:#000; }
.media-box .mask { background:#000; background: rgba(0, 0, 0, .7); }
.commentlist .highlighted > .comment-body { background-color: #98BAB1; }
#twitter-list ul li span { background:#fff; background:rgba(255,255,255,.3); }
.social li a { background-color:#bbb; }
.show-grid [class*="span"] { background-color: #EEE; }
input.error, textarea.error { background-color:#FFF4F4; }

/* border styles */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .footer, .search-widget, .post .tags, .post-single .media-box, .author-info, .commentlist .children > li, #portfolio .item, .header .menu, #twitter-list ul li span, #nav ul li a, .featured-posts .item { border-style:solid; }
.nav-tabs, #flickr_badge_wrapper img, .featured-posts img { border-style:solid; }

/* border-widths */
.content .footer, .post .tags, .author-info, #nav ul li a { border-width:2px 0 0 0; }
.footer { border-width:2px 0 0 0; }
.header-wrap, .page-header, .content h2, .blog-part h3, .search-widget, .post-single .media-box, .tagline, .featured-posts .item { border-width:0 0 1px 0; }
.commentlist .children > li { border-width:0 0 0 4px; }
.content .tagline { border-width:1px 0; }
.header .menu, #twitter-list ul li span { border-width:1px; }
.nav-tabs { border-width:0 0 5px 0; }
#flickr_badge_wrapper img { border-width:4px; }
.featured-posts img { border-width:3px; }

/* border colors */
.header-wrap, .page-header, .content h2, .tagline, .blog-part h3, .content .tagline, .search-widget, .post .tags, .post-single .media-box { border-color:#9eb8e8; }
.author-info, .author-bio .author-name, #portfolio .item, .header .menu, #twitter-list ul li span, #flickr_badge_wrapper img, .featured-posts .item { border-color:#000; }
.well, .footer, pre, .table th, .table td, .commentlist .children > li, input, textarea, .featured-posts img { border-color:#eee; }
#nav ul li a  { border-color:#fff; }
.nav-tabs { border-color:#fff; }
#flickr_badge_wrapper img:hover { border-color:#D90632; }
.input-append .send:hover { border-color: #ccc; }
input:focus, textarea:focus { border-color:#ccc; outline-color:#eee; background-color:#fff; }
 

/* MEDIA QUERIES - RESPONSIVE LAYOUT  
----------------------------------------------------------*/
@media (min-width: 1200px) {
	#portfolio { margin-left:-27px; }
	#portfolio .item { margin-left:27px; margin-bottom:50px; }
}
@media (min-width: 768px) and (max-width: 980px) {
	#portfolio { margin-left:-44px; }
	#portfolio .item { margin-left:44px; }
}
@media (max-width: 768px) {
	#nav li a { padding: 17px 14px; }
	.main-slider-narrow, .aside { float: none; clear:left; display: block; width: auto; }
	.main-slider-narrow:hover .flex-direction-nav { display:none; }
	.aside { text-align:center; margin:20px 0; }
	.sidebar ul.categories li { width: 90%; margin-right: 0; float: none; }
}
@media (max-width: 767px) {
	.header { text-align:center; width:100%; }
	#logo img { float:none; }
	#logo h1 { margin-top:6px; }
	#logo p { margin-top:6px; font-size:17px; }
	#nav { float:none; margin-top:26px; }
	.header .social { float:none; margin-top:36px; }
	#nav > li a { font-size:15px; }
	#twitter-list ul li { float:left; width:40%; }
	#portfolio .item { ; margin-bottom:40px; }
	#logo { padding:24px 0 12px 0; }
	.aside { padding:12px 0 0 0; }
	.tagline h3 { padding: 0 10px; }
	.sidebar .search-widget, .sidebar .widget { margin-left:0px; }
	.search-widget input { display:block; padding:8px !important; margin:0 auto; width:90%; max-width:90%; }
	.pagination { text-align:center; }
}
@media (max-width: 720px) {
	.services, .clients, .blog-part, .featured { margin-top:26px !important; }
	.latest-portfolio .service { margin-bottom:50px !important; }
	.portfolio-single { margin-bottom:32px !important; }
	.portfolio-single.post-slider { margin-bottom:62px !important; }
	.blog-post h3, .service h3 { margin-top:8px; }
	.portfolio-part { margin-top:0 !important; margin-bottom:30px !important; }
	.post-list { padding-top:0; }
	.featured .featured-btn { text-align: center; }
	.featured .featured-btn .btn { margin-right: 0px; margin-top:14px; }
	.footer .widget { margin-bottom:50px !important; }
	#portfolio { margin:0; margin-right:-20px; }
	#portfolio .item { width:44%; margin-right:16px; margin-left:0px; margin-bottom:20px; }
	#portfolio .item h3 { margin-top:8px; }
	#portfolio .item .category { margin-top:2px; margin-bottom:10px; }
	#filters { list-style:none; margin:20px 0; }
	.search-widget .input-append, .featured h3 { text-align:center; }
	.featured h3 { margin-top:0; margin-right:26px; }
	.input-append input, .input-append .uneditable-input { float:none !important; }
	.page-header h1 .back { display:block;  float:none; margin-top:2px; text-align:right; }
	.contact-info { margin-top:12px; }
}
@media (max-width: 480px) {
	.content p { font-size:15px; line-height:24px; }
	.flexslider { min-height: 100px !important; }
	#logo { padding-top:26px; }
	#nav { display:none; }
	.header .social { margin-top:0; }
	.header .menu { display:inline-block; }
	.commentlist .comment-body { padding-left:20px; }
	.commentlist .comment-body .avatar { position:relative; float:left; left:auto; top:auto; margin-right:20px; }
	#twitter-list ul li { float:none; width:auto; }
	.page-header { padding-bottom:2px; }
	.page-header { margin-top:12px !important; }
	.page-header h1 small { font-size:13px; margin-left:0; }
	.reply { margin:10px 0; }
	.comment-reply-link { position:inherit; }
	.service-title span { float:none; margin-left:10px; }
	.media-box .mask .title { font-size:18px !important; width:90%; margin-top:18% !important; }
	.search-widget input { width:100%; max-width:100%; }
}
.underline{
	
	text-decoration: underline;
 }