@charset "utf-8";

/*
Theme Name: Absolute
Theme URI: http://ahnianikov.com/demo/absolute
License: GNU General Public License and Themeforest License
License URI: http://themeforest.net/licenses/regular_extended
Description: Responsive Portfolio WordPress Theme.
Author: Themex
Author URI: http://themeforest.net/user/themex
Version: 2.1
Tags: responsive, unique sliders, custom background, localization-ready, one page, interactive, ajax
*/

/*--------------------CSS Structure--------------------

1. RESET/NORMALIZE
		Global Styles
		Form Elements
		Floating Styles
		
3. LAYOUT
		Columns
		Containers
		Header
			- Logo
			- Social Links
			- Main Menu
			- Select Menu
		
4. ELEMENTS
		Titles
	  	Lists
		Dividers
		Dropcaps
		Buttons
		Tabs
		Toggles
	
5. GALLERY
		Filter
		Gallery Thumbnail
		Gallery Item
		
6. BLOG
		Post
		Comments
		
7. SLIDERS
		Thumbs Slider
		Fade Slider
		Gallery Slider
		Testimonials Slider
		
8. CONTACT PAGE
		Contact Form
		Google Map	

9. WIDGETS
		Twitter
		Flickr
		
10. RESPONSIVE STYLES
		768-999
		480-767
		320-479	

------------------------------------------------*/

/* ============================== RESET/NORMALIZE =========================== */

/*-------------------------------- Global Styles -----------------------------*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left; outline:none; }

img, a img, form, fieldset, iframe {border: 0;}

body {
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	line-height:1.5em;
	background-color:#fff;
	background-attachment:fixed;
	background-image:url(images/patterns/pattern_1.png);
	background-position:center top;
	overflow:hidden;
	overflow-y:scroll;

}

img, 
iframe,
object,
embed {
	max-width: 100%;	
}

img {
	height:auto;
}

object, embed {
    height:100%;
}

ol, ul {
	list-style: none;
	margin:0 0 1.5em;
	padding: 0;
}
				
ul li, ol li {
	margin:0;
}

ul li a,
ol li a {text-decoration:none;} 

address {
	margin: 0 0 1.5em;
	padding: 0;
	font-style: normal;
}

table {
	width:100%;
	max-width:100%;
	border:1px solid #ccc;
	border-right-width:0;
	border-bottom-width:0;
	border-spacing: 0;
	border-collapse: collapse;
}

thead {
	font-size:1em;
	background-color:#000;
	color:#fff;
}

th,td {
	padding:0.5em 10px;
	border:1px solid #ccc;
	border-left-width:0;
	border-top-width:0;
}
	
p {
	margin:0 0 1em 0;
	padding: 0;
}

::-moz-selection { color: #fff;  background-color: #FF4E50; }
::selection { color: #fff;  background-color: #FF4E50; }

a {
	text-decoration:none;
	color: #FF4E50;
}

a:hover {
	color:#000;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight:bold;
	line-height:1em;
}

h1 {
	font-size:2.5em;
	letter-spacing:-1px;
	margin-bottom: 0.5em;
}

h2 {
	font-size:2em;
	margin-bottom: 0.7em;
}

h3	{
	font-size:1.5em;
	margin-bottom:1em;
}
				
h4	{
	font-size:1.3em;
	margin-bottom:1em;
}

h5 {
	font-size:1.2em;
	margin-bottom:1em;
} 

h6	{
	font-size:1.1em;
	margin-bottom:1em;
}

pre, code {
    font-family: mono-space,monospace;
    overflow: auto;
    padding: 30px;
    white-space: pre;
}

blockquote {
    font-style: italic;
    color: #000;
    line-height: 1.5em;
	margin-bottom:1em;
	padding:0 0 0 17px;
	border-left:3px solid #000;
	font-size:1.1em;
}

/*---------------------------- Form Elements  -------------------------*/

input, select, textarea {
	width:auto;
	padding:0.5em 9px;
	font-size:1em;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#6c6b6b;
	border:1px solid #ccc;
	background:#fff;
	outline:none;
	margin:0 0 1.5em 0;
	-moz-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	-webkit-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
}

textarea {
	resize:none;
} 

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#aaa;
}

input[type="submit"],
input[type="button"] {
	margin:0;
	border:0;
	outline:0;
	cursor:pointer;
}

/*------------------------ Floating Styles -----------------------*/

.clear {
	clear:both;
}

.nomargin {
	margin:0!important;
}

.hidden {
	display:none;
}

.fullwidth {
	display:block;
	width:100%;
	height:auto;
}

.alignnone {
    margin: 0;
}

.alignright {
    float:right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
	text-align:center;
	position:relative;
    margin: 0.5em auto 1em auto;
}

.aligncenter * {
	text-align:center;
}

.subtitle {
	display:block;
	margin:-0.5em 0 0 0;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
	display:block;
	overflow:hidden;
	border:1px solid #ccc;
}

/* ============================== LAYOUT ============================= */

/* ------------------------------ Columns ------------------------------*/

.one-half { width: 460px; }
.one-third { width: 300px; }
.two-third { width: 620px; }
.one-fourth {width:220px;; }
.three-fourth { width: 700px; }
.full { width: 100%; }

.column {
	position: relative;
	margin:0 20px 1.5em 0;
	float: left;
}

.column > .column {
	margin-bottom:0;
}

.last {
	margin-right: 0!important;
	clear: right;
}

/*----------------------------- Containers ----------------------------*/

.global-container {
	overflow:hidden;
	width:100%;
}

.widget-container {
	overflow:hidden;
	margin:0 0 1.5em 0;
}

.content {
	overflow:hidden;
	z-index:1;
	display:none;
	position:relative;
}

.header-container {
	
	position:fixed;
	z-index:1000;
	width:100%;
	border-top:4px solid #000;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.header {
	width:1000px;
	padding:3em 0 0 0;
	margin:0 auto;
	position:relative;
}

.page {
	position:absolute;
	left:-100%;
	top:0;
}

.page.current {
	left:0;
}

.page-inner {
	width:940px;
	padding:2.5em 30px 1.5em 30px;
	margin:3em auto;
	position:relative;
	background:#fff;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

/*---------------------------------- Logo ----------------------------------*/

.header .logo {
	float:left;
	padding-bottom:2em;
	font-family:Sansita One;

}

.header .logo a {
	color:#000;
	font-size:2.5em;
}

.header-container .runner {
	position:absolute;
	bottom:0;
	left:0;
	height:3px;
	width:0;
	background:#FF4E50;
}

/*------------------------------- Social Links -------------------------------*/

.social-links-container,
.top-content {
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
}

.top-content {
	padding:0.5em 0 0 0;
}

.social-links-container {
	width:24px;
}

.social-links {
	overflow:hidden;
	height:24px;
	float:right;
}

.social-links .trigger,.social-links a {
	display:block;
	float:right;
	height:24px;
	width:24px;
}

.social-links .trigger {
	background:#000;
	color:#fff;
	cursor:pointer;
	background:#000 url(images/expand_icons.png) 0 0 no-repeat;
}

.social-links .trigger:hover {
	background-color:#FF4E50;
}

.social-links-container.expanded .trigger {
	background-position:-24px 0;
}

.social-links a {
	background:url(images/social_icons.png) 0 0 no-repeat;
}

.social-links a:hover {
	opacity:0.8;
}

.social-links a.facebook {
	background-position: -72px 0;
}

.social-links a.twitter {
	background-position: -120px 0;
}

.social-links a.dribbble {
	background-position: -144px 0;
}

.social-links a.rss {
	background-position: -96px 0;
}

.social-links a.youtube {
	background-position: -48px 0;
}

.social-links a.vimeo {
	background-position: 0 0;
}

.social-links a.flickr {
	background-position: -24px 0;
}

.social-buttons {
	padding-top:0.5em;
}

.social-buttons .social-button {
	float:left;
	margin-right:5px;
	height:30px;
}

.social-buttons .social-button.googleplus { width:60px; }
.social-buttons .social-button.twitter {	width:80px; }
.social-buttons .social-button.facebook { width:75px; }

/*------------------------------- Main Menu -------------------------------*/

.menu {
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	padding-bottom:1em;
}

.menu a {
	color:#000;
	display:block;
}

.menu li {
	display:block;
	position:relative;
}

.menu li.hover {
	cursor:pointer;
}

.menu > ul > li {
	float:left;
	margin-left:30px;
	padding-bottom:1em;
}

.menu > ul > li > a {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
}

.menu li.hover > a,
.menu li.current > a,
.menu li a:hover {
	color:#FF4E50;
}

.menu ul ul {
	display:none;
	position:absolute;
	left:0;
	top:2em;
	z-index:1000;
	background:#fff;
	min-width:120px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
}

.menu ul ul li {
	display:block;
	border-top:1px solid #eee;
}

.menu ul ul li:first-child {
	border-width:0;
}

.menu ul ul a {
	display:block;
	font-weight:bold;
	padding:0.5em 10px;
}

.menu ul ul ul {
	left:100%;
	top:0;
}

/*------------------------------- Select Menu -------------------------------*/

.select-menu {
	display:none;
	background:#000 url(images/select_menu_arrow.png) right 1.1em no-repeat;
	position:relative;
	cursor:pointer;
	padding:0.75em 15px;
	line-height:1em;
	color:#fff;
	border-bottom:3px solid #FF4E50;
}

.select-menu select {
	height:2.5em;
	border:0;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:block;
	cursor:pointer;
}

/* ============================== TYPOGRAPHY ============================= */

/*------------------------------- Titles -------------------------------*/

.block-title {	
	overflow:hidden;	
	padding:0 0 1em 0;
	margin:0 0 1em 0;
	background:url(images/line_divider.png) 0 bottom repeat-x;
}

.block-title h5 {
	display:block;
	font-size:1.2em;
	line-height:1.2em;
	margin:0;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
}

.block-title h5 img {
	float:left;
	margin:0 10px -5px 0;
}

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

.page ul li{
	margin-bottom:0.5em;
	padding:0 0 0 20px;
	background:url(images/bullet_1.png) left 0.35em no-repeat;
}

ul.list-1 li,
li.list-1 {
	background-image:url(images/bullet_2.png);
}

ul.list-2 li,
li.list-2 {
	background-image:url(images/bullet_3.png);
}

ul.list-3 li,
li.list-3 {
	background-image:url(images/bullet_4.png);
}

ul.list-4 li,
li.list-4 {
	background-image:url(images/bullet_5.png);
}

ul.list-5 li,
li.list-5 {
	background-image:url(images/bullet_6.png);
}

ul.list-6 li,
li.list-6 {
	background-image:url(images/bullet_7.png);
}

.widget-container > ul {
	margin:0;
}

/*--------------------------------- Dividers --------------------------------*/

.striped-divider,
.line-divider {
	width:100%;
	margin-bottom:2.5em;
	clear:both;
}

.striped-divider {
	height:4px;
	background:url(images/striped_divider.png) 0 0 repeat-x;	
}

.line-divider {
	height:2px;
	background:url(images/line_divider.png) 0 0 repeat-x;	
}

/*------------------------------- Dropcaps ------------------------------*/

.dropcap {
    width:1.3em;
	height:1.3em;
	line-height:1.2em;
	float:left;
	text-align:center;
	font-size: 1.8em;
	margin-right:10px;
	text-transform:uppercase;
	background:#000;
	color:#fff;
}

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

.button,
input[type="submit"],
input[type="button"] {
	display:inline-block;
	cursor:pointer;
	padding:0.5em 10px;
	background-color:#FF4E50;
	color:#fff!important;
	text-transform:uppercase;
	text-shadow:0 -1px 0 rgba(0,0,0,0.1);
	position:relative;
	-moz-box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
	box-shadow:0 -1px 2px rgba(0,0,0,0.2) inset;
}

.button.medium {
	font-size:1.15em;
}

.button.large {
	font-size:1.3em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
	background:#000!important;
}

input[type="submit"]:active,
input[type="button"]:active,
.button:active {
	bottom:-1px;
}

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

.tabs-container {
	margin:-3px 0 1em 0;
	overflow:hidden;
}

.tabs-container ul.tabs{
	width:200%;
	margin:0 0 -1px 0;
	padding:0;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:3;
}

.tabs-container ul.tabs li{	
	margin:0 -1px 0 0;
	padding:0;
	background:none;
	display:block;
	float:left;
	cursor:pointer;
	position:relative;
	font-weight:bold;
	border-top:3px solid transparent;
}

.tabs-container ul.tabs li.current {
	border-top-color:#FF4E50;
	margin-top:1px;
	z-index:1;
}

.tabs-container ul.tabs li:hover {
	border-color:#000;
	color:#000;
	margin-top:1px;
	z-index:1;
}

.tabs-container ul.tabs li span {
	display:block;
	padding:0.5em 19px;
	border:1px solid #ccc;
	border-right-width:0;
}

.tabs-container ul.tabs li.current span,
.tabs-container ul.tabs li:hover span {
	border-top-width:0;
}

.tabs-container ul.tabs li.current span {
	border-bottom-color:#fff;
}

.tabs-container ul.tabs li:last-child span {
	border-right:1px solid #ccc;
}

.tabs-container .panes {
	overflow:hidden;
	clear:both;
	overflow:hidden;	
	position:relative;
	z-index:0;
}

.tabs-container .panes .pane {
	display:none;
	padding:1em 19px 0 19px;
	border:1px solid #ccc;
	overflow:hidden;
}

.tabs-container .panes .pane:first-child {
	display:block;
}

/*--------------------------------- Toggles -------------------------------------*/

.toggle {
	overflow:hidden;
	position:relative;
	margin-bottom:1em;
}

.toggle .toggle-title {
	padding:0.5em 19px 0.5em 30px;
	cursor:pointer;
	border:1px solid #ccc;
	font-weight:bold;
}

.toggle .toggle-title:hover,
.toggle.expanded .toggle-title {
	border-color:#999;
}

.toggle .toggle-content{
	padding:1em 19px 0 19px;
	display:none;
	border:1px solid #ccc;
	border-top-width:0;	
	overflow:hidden;
}

.toggle .icon {
	position:absolute;
	left:12px;
	top:0.9em;
	height:10px;
	width:10px;
	color:#fff;
	cursor:pointer;
	background:url(images/expand_icons.png) -7px -31px no-repeat;
}

.toggle.expanded .icon {
	background-position:-31px -31px;
}

/*------------------------------- Gallery -------------------------------*/

.gallery {
	width:960px;
	padding:0.5em 0 1em 0;
}

.filter {
	float:right;
	position:relative;
	overflow:hidden;
}

.filter  a {
	display:block;
	float:left;
	margin-left:3px;
	text-shadow:0 1px 0 #fff;
	text-transform:uppercase;
	color:#000!important;
	padding:0 5px;
}

.filter  a.current,
.filter  a:hover {
	color:#fff!important;
	background:#000;
	text-shadow:none;
}

.thumb {
	overflow:hidden;
	position:relative;
	border-bottom:3px solid transparent;
	margin-bottom:-3px;
	background:#fff;
	cursor:pointer;
}

.loading > .thumb {
	background:#fff;
}

.loading > .thumb,
.thumb:hover {
	border-color:#FF4E50;
}

.thumb img {
	width:100%;
	height:auto;
	display:block;
}

.loading > .thumb img,
.thumb:hover img {
	opacity:0.7;
}

.thumb .caption {
	position:absolute;
	background:#000;
	background:rgba(0,0,0,0.7);
	bottom:0;
	left:0;
	right:0;
	padding:1em 10px;
	color:#fff;
	text-align:center;
	margin:0;	
}

.thumb:hover .caption,
.loading > .thumb .caption{
	background:#000;
}

.thumb .caption a {
	color:#fff!important;
}

.bordered {
	display:block;
	width:100%;
	height:auto;
	border-bottom:3px solid #FF4E50;
	margin-bottom:1em;
}

.images-list {
	width:100%;
	overflow:hidden;
	margin-bottom:-1.5em;
}

.images-list ul {
	margin:0;
	padding:0;
	display:block;
}

.images-list ul li {
	width:100%;
	display:block;
	overflow:hidden;
	margin:0 0 1.5em 0;
	padding:0;
	background:none;
	position:relative;
}

.images-list ul li  img {
	width:100%;
	display:block;
	height:auto;
}

.images-list ul li a.fancybox {
	display:block;
	height:24px;
	width:24px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:3;
	background-image:url(images/zoom_icon.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

.images-list ul li a.fancybox:hover {
	background-color:#000;
}

/*------------------------------- Blog -------------------------------*/

.full-loaded-item {
	position:relative;
	overflow:hidden;
	display:none;
	padding:0 0 2em 0;	
}

.full-loaded-item.current-item {
	padding-bottom:0;
}

.full-loaded-item .controls {
	float:right;
	overflow:hidden;
}

.loaded-content {
	overflow:hidden;
	padding:0 0 1em 0;
	position:relative;
	top:0;
	left:0;
	width:940px;
	display:none;
}

.full-loaded-item.current-item,
.full-loaded-item.current-item .loaded-content {
	display:block;
}

.loaded-content .column {
	padding-top:0.5em;
	margin-bottom:0;
}

.loaded-content .arrow,
.loaded-content .close-button {
	display:block;
	width:18px;
	height:18px;
	float:right;
	margin-left:3px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.loaded-content .arrow-right {
	background-position: -18px 0;
}

.loaded-content .arrow:hover,
.loaded-content .arrow.loading {
	background-color:#FF4E50;
}

.loaded-content .close-button {
	width:19px;
	background:#000 url(images/close_icon.png) 0 0 no-repeat;	
}

.loaded-content .close-button:hover {
	background-color:#FF4E50;
}

.full-loaded-item.current-item .close-button {
	display:none;
}

.blog-content {
	overflow:hidden;
	margin-bottom:1em;
}

.post {
	overflow:hidden;
	margin-bottom:1em;
}

.post .featured-image{
	margin-bottom:0;	
}

.ajax-load-item .featured-image {
	cursor:pointer;
}

.page .post:last-child {
	margin-bottom:1em;
}

.post .ajax-load-item .featured-image:hover,
.post .ajax-load-item .featured-image-container.loading img {
	opacity:0.7;
}

.post-title {
	margin-bottom:0.5em;
}

.post-meta {
	font-style:italic;
	font-size:0.9em;
	margin:-0.4em 0 1em;
}

.comments-link {
	background:url(images/comment_icon.png) 0 2px no-repeat;
	display:block;
	float:left;
	width:19px;
	height:21px;
	text-align:center;
	text-decoration:none;
	color:#fff!important;
	margin-right:7px;
	font-size:0.9em;
}

.load-post-page {
	margin:-1em 0 0 0;
}

.loading-option .canvasLoaderHandler {
	position:absolute;
	top:0;
}

/*-------------------------------Comments------------------------------*/

.comment-list {
	overflow:hidden;
	clear:both;
	padding-top:1em;
}

.comment-list ol {
	display:block;
	padding:0;
	margin:-1em 0 0 0;
}

.comment-list ol li {
	list-style:none;
	padding:0;
	display:block;
	margin-bottom:1.5em;
	background:none;
	overflow:hidden;
}

.comment-list ol li p {
	margin:0;
}

.comment-list ol li .avatar-container {
	float:left;	
	text-align:center;
	margin-right:15px;
}

.comment-list ol li .avatar-container img {
	display:block;
	border:1px solid #ccc;
	padding:4px;
	margin-bottom:0.2em;
}

.comment-list ol li span.author {
	display:block;
	font-weight:bold;
}

.comment-list ol li span.author a {
	color:#333;
}

.comment-list ol li span.date {
	display:block;
	font-style:italic;
	margin-bottom:0.5em;
	color:#636363;
}

.comment-form {
	overflow:hidden;
	width:100%;
	margin:-1em 0 0 0;
}

.comment-form input[type="text"],
.comment-form select,
.comment-form textarea {
	display:block;
	width:45%;
}

/* ================================== SLIDERS ================================ */

/*------------------------------- Thumbs Slider -------------------------------*/

.thumbs-slider-container {
	width:100%;
	position:relative;
	margin:0 0 1em 0;
	overflow:hidden;
	clear:left;
}

.thumbs-slider {
	overflow:hidden;
	width:100%;
	padding:0.5em 0 0 0;
	height:auto!important;
}

.thumbs-slider > ul ,
.thumbs-slider > ul > li {
	margin:0;
	padding:0;
	display:block;
	background:none;
} 

.thumbs-slider > ul > li {
	overflow:hidden;
}

.thumbs-slider > ul > li {
	overflow:hidden;
}

.thumbs-slider > ul > li img {
	width:100%;
	display:block;
	height:auto;
}	

.thumbs-slider-container > span {
	position:absolute;		
	display:block;
	overflow:hidden;
	top:0;
}

.thumbs-slider-container span.arrow-left {
	right:21px;
	
}

.thumbs-slider-container span.arrow-right {
	right:0;	
}

.thumbs-slider-container > span > a {
	display:block;
	width:18px;
	height:18px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
}

.thumbs-slider-container span.arrow-right a {
	background-position: -18px 0;
}

.thumbs-slider-container > span > a:hover {
	background-color:#FF4E50;
}

/*------------------------------- Fade Slider -------------------------------*/
 
.main-slider {
	width:1000px;
	margin:3em auto -3em auto;
	position:relative;	
	overflow:hidden;
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.main-slider > ul {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.main-slider > ul > li {
	padding:0;
	margin:0;
	background:none;
	display:block;
	position:relative;
	left:0;
	top:0;
	z-index:1;
}

.main-slider > ul > li > a {
	font-size:0px;
	line-height:0px;
	display:block;
}

.main-slider > ul > li > iframe,
.main-slider > ul > li > img,
.main-slider > ul > li object,
.main-slider > ul > li embed {
	width:1000px!important;
	font-size:0px;
	line-height:0px;
	display:block;
}

.main-slider > ul > li > img {
	width:100%;
	display:block;
	height:auto;
}

.main-slider  .caption {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	padding:2.5em 30px 1.5em 30px;
	background:url(images/black_opacity_70.png);
	color:#fff;
	width:270px;
}

.main-slider .button:hover {
	-moz-box-shadow:0 0 5px rgba(255,255,255,0.2);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.2);
	box-shadow:0 0 5px rgba(255,255,255,0.2);
}

.main-slider .arrow {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(images/slider_arrows.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	text-indent:-9999px;
	position:absolute;
	top:10px;
	z-index:3;
	cursor:pointer;
	display:none;
	-moz-box-shadow:0 0 5px rgba(255,255,255,0.3);
	-webkit-box-shadow:0 0 5px rgba(255,255,255,0.3);
	box-shadow:0 0 5px rgba(255,255,255,0.3);
}

.main-slider .arrow:hover {
	background-color:#000;
}

.main-slider .arrow-left {
	right:37px;
}

.main-slider .arrow-right {
	right:10px;
	background-position:-24px 0;
}

/*------------------------------- Gallery Slider ------------------------------*/

.gallery-slider {
	width:100%;
	margin:0;
	position:relative;	
	overflow:hidden;
}

.gallery-slider iframe {
	width:620px!important;
}

.one-half .gallery-slider iframe {
	width:460px!important;
}

.gallery-slider > ul {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	width:10000px;
}

.gallery-slider > ul > li {
	padding:0;
	margin:0;
	background:none;
	display:block;
	position:relative;
	left:0;
	top:0;
	float:left;
}

.gallery-slider > ul > li  img {
	display:block;
	width:620px;
	height:auto;
}

.one-half .gallery-slider > ul > li  img {
	width:460px;
}

.gallery-slider  .caption {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	padding:2.5em 30px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	width:100%;
	z-index:8;
	width:240px;
}

.gallery-slider .zoomer {
	display:block;
	height:24px;
	width:24px;
	position:absolute;
	right:64px;
	top:10px;
	z-index:3;
	background-image:url(images/zoom_icon.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

.gallery-slider .arrow {
	width:24px;
	height:24px;
	cursor:pointer;
	background-image:url(images/slider_arrows.png);
	background-repeat:no-repeat;
	background-color:#000;
	background-color:rgba(0,0,0,0.7);
	text-indent:-9999px;
	position:absolute;
	top:10px;
	z-index:9;
	cursor:pointer;
	display:none;
}


.gallery-slider .arrow:hover,
.gallery-slider .zoomer:hover {
	background-color:#000;
}

.gallery-slider .arrow-left {
	right:37px;
}

.gallery-slider .arrow-right {
	right:10px;
	background-position:-24px 0;
}

/*------------------------------- Testimonials Slider ------------------------------*/

.testimonials-slider {
	overflow:hidden;
	position:relative;
}

.testimonials-slider > ul {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	position:relative;
}

.testimonials-slider > ul > li {
	background:none;
	margin:0;
	padding:0;
	position:relative;
	left:0;
	top:0;
	display:none;
	overflow:hidden;
}

.testimonials-slider > ul > li.current {
	display:block;
}

.testimonials-slider > ul > li .quote {
	font-size:1.1em;
	font-style:italic;
	overflow:hidden;
	background:url(images/testimonial_border.png) center bottom no-repeat;
	padding-bottom:1.6em;
	margin-bottom:0.5em;
}

.testimonials-slider > ul > li .author {
	overflow:hidden;
	text-align:center;
	width:100%;
	font-weight:bold;
}

.testimonials-slider .arrow {
	display:block;
	width:18px;
	height:18px;
	cursor:pointer;
	position:absolute;
	top:0;
	right:21px;
	background-color:#000;
	background-image:url(images/gallery_slider_arrows.png);
	background-repeat:no-repeat;
}

.testimonials-slider .arrow-right {
	background-position: -18px 0;
	right:0px;
}

.testimonials-slider .arrow:hover {
	background-color:#FF4E50;
}

/*------------------------------- Canvas Loader ------------------------------*/

.featured-image-container #canvasLoader,
.gallery-item #canvasLoader {
	width:50px;
	height:50px;
	left:0;
	top:0;
	position:absolute;
	cursor:pointer;
}

.canvasLoaderHandler {
	display:inline-block;
	width:20px;
	height:20px;
	overflow:hidden;
	position:relative;
	top:5px;
	margin-left:10px;
}

.canvasLoaderHandler #canvasLoader {
	position:relative;
	width:20px;
	height:20px;
}

/* ================================== CONTACT PAGE ================================ */

/*--------------------------------- Contact Form --------------------------------*/

.contact-form {
	width:480px;
	padding:0.5em 0 0 0;
	margin-bottom:0.5em;
}

.contact-form .text,
.contact-form .select,
.contact-form select {
	float:left;
	margin-right:20px;
	width:220px;
}

.contact-form input[type="text"] {
	display:block;
	width:200px;
}

.contact-form textarea {
	clear:both;
	display:block;
	width:440px;
	height:12em;
}

.contact-form  .captcha img{
	float:left;
	height:32px;
	width:auto;
	margin-right:10px;
}

.contact-form  .captcha input {
	width:40px;
}

.contact-form .success {
	font-size:1.1em;
	font-weight:bold;
}

/*--------------------------------- Google Map --------------------------------*/

.map-container {
	overflow:hidden;
	padding:0.5em 0 0 0;
	margin-bottom:1em;
}

.map-canvas {
	overflow:hidden;
	border:1px solid #ccc;	
}

/*------------------------------- Latest Tweet --------------------------------*/

.latest-tweet {
	overflow:hidden;
	padding-left:42px;
	margin-bottom:1em;
	font-size:1.5em;
	line-height:1.5em;
	background:url(images/tweet_icon.png) 0 0 no-repeat;
}

.latest-tweet ul,
.latest-tweet ul li {
	margin:0;
	padding:0;
	display:inline;
	background:none;
}

.widget-twitter ul {
	margin-bottom:0;
}

.widget-twitter ul li {
	background-image:url(images/bullet_7.png);
	background-position:0 0.2em;
}

/*---------------------------------- Flickr -----------------------------------*/

.flickr_badge_image{
	width:30%;
	float:left;
	margin-right:5%;
	padding-bottom:1em;
	margin-bottom:-4px;
}

.flickr_badge_image img {
	display:block;
	width:100%;
	height:auto;
	border-bottom:4px solid transparent;
}

.flickr_badge_image:hover {
	opacity:0.7;
}

.flickr_badge_image:hover img {
	border-color:#FF4E50;
}

/* ================================== CSS3 ANIMATIONS ================================ */

.page a {
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.fancybox,
a.zoomer,
a.button,
.social-links .trigger,
.jspDragTop,
.thumb .caption,
.thumbs-slider-container > span > a,
.loaded-content .close-button,
.loaded-content .arrow,
.testimonials-slider .arrow,
.main-slider .arrow,
.filter a {
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.thumb,
.toggle .toggle-title,
.flickr_badge_image img,
.tabs-container ul.tabs li {
	transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
}

.flickr_badge_image,
.post .featured-image,
.thumb img{
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

/* ================================== RESPONSIVE STYLES ================================ */

/*------------------------------- 768 Screen Styles ------------------------------*/

.screen-768 .header,
.screen-768 .main-slider {
	width:768px;
}

.screen-768 .page-inner {
	width:708px;
}

.screen-768 .gallery {
	width:728px;
}

.screen-768 .one-half { width: 344px; }
.screen-768 .one-third { width: 222px; }
.screen-768 .two-third { width: 464px; }
.screen-768 .one-fourth{width:162px; }
.screen-768 .three-fourth { width: 526px; }
.screen-768 .contact-form textarea { width: 324px; }
.screen-768 .contact-form input { width: 142px; }
.screen-768 .contact-form .text,
.screen-768 .contact-form .select { width: 162px; }

.screen-768 .main-slider > ul > li > iframe,
.screen-768 .main-slider > ul > li > img,
.screen-768 .main-slider > ul > li object,
.screen-768 .main-slider > ul > li embed {
	width:768px!important;
}

.screen-768 .main-slider .caption {
	position:relative;
	background:#000;
	width:708px;
}

.screen-768 .gallery-slider iframe,
.screen-768 .gallery-slider > ul > li  img  {
	width:464px!important;
}

.screen-768 .one-half .gallery-slider > ul > li  img,
.screen-768 .one-half .gallery-slider iframe {
	width:344px!important;
}

.screen-768 .loaded-content {
	width:708px;
}

/*------------------------------- 480 Screen Styles ------------------------------*/

.screen-480 .header {
	width:480px;
}

.screen-480 .page-inner {
	width:420px;
	padding-top:2em;
}

.screen-480 .header {
	padding-top:2.5em;
}	

.screen-480 .gallery {
	width:500px;
}

.screen-480 .header .menu,
.screen-480 .header-container .runner {
	top:-1000px;
}

.screen-480 .header .select-menu {
	display:block;
}

.screen-480 .header .logo {
	float:none;
	text-align:center;
	font-size:0.8em;
	padding-bottom:1em;
}

.screen-480 .thumbs-slider > ul {
	width:420px!important;
	margin:0!important;
}

.screen-480 .thumbs-slider > ul > li,
.screen-480 .thumbs-slider > ul > li .gallery-item {
	width:420px!important;
	float:none!important;
}

.screen-480 .thumbs-slider > ul > li:first-child,
.screen-480 .thumbs-slider > ul > li:last-child {
	display:none;
}

.screen-480 .thumbs-slider-container > span{
	display:none;
}

.screen-480 .one-half,
.screen-480 .one-third,
.screen-480 .three-fourth,
.screen-480 .one-fourth,
.screen-480 .two-third { 
	width: 420px;
	margin-right:0;
}

.screen-480 .comment-form textarea,
.screen-480 .comment-form input,
.screen-480 .contact-form textarea,
.screen-480 .contact-form input,
.screen-480 .contact-form .text,
.screen-480 .contact-form .select {
	width: 400px;
}

.screen-480 .gallery-slider {
	margin-bottom:1em;
}

.screen-480 .gallery-slider iframe,
.screen-480 .gallery-slider > ul > li  img {
	width:420px!important;
}

.screen-480 .loaded-content .controls {
	clear:left;
	float:left;
	margin-top:0.5em;
}

.screen-480 .loaded-content .images-list {
	margin:0;
}

.screen-480 .contact-form {
	margin-bottom:1em;
}

.screen-480 .filter {
	float:none;
	width:100%;
	margin-left:-5px;
	padding-top:0.5em;
}

.screen-480 .main-slider {
	width:480px;
}

.screen-480 .main-slider .caption {
	position:relative;
	background:#000;
	width:420px;
}

.screen-480 .main-slider > ul > li > iframe,
.screen-480 .main-slider > ul > li > img,
.screen-480 .main-slider > ul > li object,
.screen-480 .main-slider > ul > li embed {
	width:480px!important;
}

.screen-480 .loaded-content {
	width:420px;
}

/*------------------------------- 320 Screen Styles ------------------------------*/

.screen-320 .header {
	width:320px;
}

.screen-320 .page-inner {
	width:260px;
}

.screen-320 .page-inner {
	padding-top:2em;
}

.screen-320 .header {
	padding-top:2.5em;
}	

.screen-320 .header .menu,
.screen-320 .header-container .runner {
	top:-1000px;
}

.screen-320 .header .select-menu {
	display:block;
}

.screen-320 .header .logo {
	float:none;
	text-align:center;
	font-size:0.8em;
	padding-bottom:1em;
}

.screen-320 .thumbs-slider > ul {
	width:260px!important;
	margin:0!important;
}

.screen-320 .thumbs-slider > ul > li {
	width:260px!important;
	float:none!important;
}

.screen-320 .thumbs-slider > ul > li:first-child,
.screen-320 .thumbs-slider > ul > li:last-child {
	display:none;
}

.screen-320 .thumbs-slider-container > span{
	display:none;
}

.screen-320 .gallery {
	width:340px;
}

.screen-320 .one-half,
.screen-320 .one-third,
.screen-320 .three-fourth,
.screen-320 .two-third,
.screen-320 .one-fourth { 
	width: 260px;
	margin-right:0;
}

.screen-320 .comment-form textarea,
.screen-320 .comment-form input,
.screen-320 .contact-form textarea,
.screen-320 .contact-form input,
.screen-320 .contact-form .text,
.screen-320 .contact-form .select  {
	width: 240px;
}

.screen-320 .gallery-slider {
	margin-bottom:1em;
}

.screen-320 .gallery-slider iframe,
.screen-320 .gallery-slider > ul > li > img {
	width:260px!important;
}

.screen-320 .loaded-content .controls {
	clear:left;
	float:left;
	margin-top:0.5em;
}

.screen-320 .loaded-content .images-list {
	margin:0;
}

.screen-320 .contact-form {
	margin-bottom:1em;
}

.screen-320 ul.tabs {
	padding-top:3px;
	width:100%;
}

.screen-320 ul.tabs > li {
	border-right-width:0;
	float:none;
	margin:-3px 0 0 0;
}

.screen-320 ul.tabs li.current,
.screen-320 ul.tabs li:hover {
	margin:-2px 0 0 0;
	border-bottom-color:#ccc;
}

.screen-320 ul.tabs > li > span {
	border-bottom-width:0;
	border-right-width:1px;
}

.screen-320 ul.tabs li.border {
	display:none;
}

.screen-320 .filter {
	float:none;
	width:100%;
	margin-left:-5px;
	padding-top:0.5em;
}

.screen-320 .main-slider {
	width:320px;
}

.screen-320 .main-slider .caption {
	position:relative;
	background:#000;
	width:260px;
}

.screen-320 .main-slider > ul > li > iframe,
.screen-320 .main-slider > ul li > img,
.screen-320 .main-slider > ul li object,
.screen-320 .main-slider > ul li embed {
	width:320px!important;
}

.screen-320 .column > .column {
	margin-bottom:1em;
}

.screen-320 .loaded-content {
	width:260px;
}