/*
Theme Name: ERIC
Version: 1.5.4
Author: c55
Author URI: http://c55.com.au
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/
/* --- Table Of Content

01. GENERAL STYLES 
		1. CSS Reset
		2. Basic HTML
		3. General Layout
02. COMPONENTS STYLES
		1. Header
		2. Footer
		3. Menu
		4. Slider
        5. Pagination
        6. Image sizes
03. PAGE SPECIFIC STYLES
		1. Home
		2. Inner Page
04. BLOG & Archive Styles
		1. General Post Styles
		2. Table
        3. Gallery
		4. Comments List & Respond Form
05. PORTFOLIO STYLES 
		1. Portfolio Index
		2. Portfolio Post
06. WIDGETS
		1. General Widgets Styles
		2. Calendar
		3. Search Box
		4. Really Simple Twitter Widget (plugin)
		5. Flickr
		6. Custom Recent Posts
		7. Custom Recent Comments
        8. Advertises
07. EXTRAS
		1. Contact Form
		2. Columns
		3. Buttons
		4. Lists
		5. Boxes
		6. Dropcaps
		7. Pullquotes
		8. Highlights
		9. Image Frames
		10. Dividers
		11. Toggle Content
		12. Tab Group
		13. Testimonials
		15. Social Links
		16. Instant Size
		17. Slideshow
		18. Isotope
		19. Meteor Slider
		20. Sliding Way
        21. Orbit Slider
        22. Meteor Slider
        23. Folioscene Slider
        24. Revolution Slider

--- */
/* ________________________________________________________________________________________________________________

                                                  01. GENERAL STYLES
   ________________________________________________________________________________________________________________ */
   
/* ------- 1. CSS Reset ------- */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: left;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* ------- 2. Basic HTML ------- */
body {
	font: 13px/20px Arial, Helvetica, FreeSans, sans-serif;
	background-color: #ddd;
    background-repeat: no-repeat;
    background-position:center 0;
}

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

a:focus { outline: 1px dotted invert; }

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {max-width:100%;height:auto;}

hr {
	border: 0 #dfdfdf solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1 { font-size: 35px; }

h2 { font-size: 31px; }

h3 { font-size: 26px; }

h4 { font-size: 22px; }

h5 { font-size: 18px; }

h6 { font-size: 15px; }

h1, h2, h3, h4, h5, h6 { color: #3d3d3d; line-height: 1.1; font-weight: normal;}
h1, h2 { letter-spacing: -2px; }
h3, h4, h5 { letter-spacing: -1px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #3d3d3d; }

ol { list-style: decimal; }

ul { list-style: disc; }

#wrapper p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { padding-bottom: 20px; }

ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }

input { vertical-align: middle; }

em { font-family: Arial, Helvetica, FreeSans, sans-serif; }

b, strong { color: #3d3d3d; }

acronym, abbr { cursor: help; border-bottom: 1px dashed #424242; }

blockquote {
	font-size: 15px;
	line-height: 22px;
	padding: 6px 10px 0 30px;
}

blockquote, blockquote p {
	color: #aaa;
	font-family: georgia;
	font-size: 14px;
	line-height: 21px;
	font-style: italic;
}

del { color: #b2b2b2; }

pre, code {
	background: none repeat scroll 0 0 #f5f5f5;
	color: #808080;
	display: block;
	font-size: 12px;
	margin-bottom: 20px;
	padding: 10px 15px;
}

dt { font-weight: bold; }

dd { margin-left: 20px; }

fieldset {
	border: 1px solid #c0c0c0;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding: 10px 15px;
}

legend { padding: 0 5px; position: static; white-space: nowrap; }

small { font-size: 0.85em; line-height: 1.5em; }

big { font-size: 1.2em; line-height: 1.4em; }

sub { font-size: smaller; vertical-align: sub; }

sup { font-size: smaller; vertical-align: super; }

.clear { clear: both; }

.mobile-only {display:none;}

.abs {position:absolute!important;}

.no-margin {margin:0!important}

.border {border:3px solid #e6e6e6; }

.hidden { display: none; }

.text, input[type=text], input[type=email] {
	background-color: #f0f0f0;
	border: none;
	padding: 7px 10px;
	vertical-align: middle;
	font: 12px/20px Arial, Helvetica, FreeSans, sans-serif;
	color: #777;
    width: 100%;
	border-radius: 2px;
    border:1px solid #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.textarea, textarea {
	color: #b0b0b0;
	font: 12px/20px Arial, Helvetica, FreeSans, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.fl { float: left; }

.fr { float: right; }

.alignleft, img.alignleft, a img.alignleft { float: left; margin: 5px 25px 20px 0; }

.alignright, img.alignright, a img.alignright { float: right; margin: 10px 0 10px 16px; }

.aligncenter, img.aligncenter, a img.aligncenter { margin: 10px auto; display: block; }

.upper { text-transform: uppercase; }

.ui-draggable, .ui-draggable a { cursor: move; }

.horiz-list li { list-style: none; float: left; }

/* ------- 3. General Layout ------- */

.inner { width: 940px; margin: 0 auto; }

#wrapper.boxed {
	width: 1040px;
    margin: 0 auto;
    border-left: 3px solid #d6d6d6;
    border-right: 3px solid #d6d6d6;
}

#wrapper .inner {
	clear: both;
	position: relative;
	text-align: left;
	width: 940px;
}

#main {
	padding: 40px 0 20px;
}

.content {
	display:inline-block;
	color: #808080;
    width:600px;
}

.content.full-width {width: 100%!important; }

#backtotop {
    position:fixed;
	cursor : pointer;
	display : none;
	position : fixed;
	bottom : 15px;
    right:15px;
	font-size : 26px;
    line-height:34px;
    width:36px;
    height:36px;
	padding	: 5px;
	text-align : center;
    color:#fff;
	background-color : #000;
	border-radius : 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
	opacity: 0.50; /* CSS3 standard */
    z-index:999;
}

/* ________________________________________________________________________________________________________________

                                                  02. COMPONENTS STYLES  
   ________________________________________________________________________________________________________________ */
   
/* ------- 1. Header ------- */

#topbg {
	background: #E8E8E8 url(images/header_slider_bg.png) no-repeat center top;
    background-size:cover;
}

#topbg #header {background:transparent none no-repeat center top!important;}

#header {
	height: 170px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

#header #searchform input {
background:transparent;
border:none;
color:#eee;
width:110px;
height:auto;
padding:4px 5px;
text-align:center;
}

#header #searchform .button {display:none;}

#logo { position: absolute; left: 0; top: 0; }

#logo h1 {
	font-size: 48px;
	line-height: 1;
	text-align: left;
	font-weight: bold;
    padding-bottom:0;
}

#logo img {max-width:100%;height:auto;}

#blogdesc { color: #b2b2b2; line-height: 1; }

#header-optarea {
	position: absolute;
	top: 9px;
	left: 842px;
	line-height: 30px;
	font-size: 11px;
    color: #bbb;
}

#header-optarea a {color: #ffab45;}
#header-optarea a:hover {color: #ffc982;}

#intro { position: absolute; right: 140px; top: 52px; }

/* ------- 2. Footer ------- */

#before-footer {padding:35px 0 1px;}

#footer {
	clear: both;
    padding: 35px 0 10px;
	position: relative;
	color: #a0a0a0;
	background-color: #eee;
    border-top:6px solid #f6f6f6;
}

#footer .column { float: left; width: 220px; margin: 0 0 5px 20px; }

#footer .column-width-1 {float:none;width:100%;}
#footer .column-width-2 {width:460px;}
#footer .column-width-3 {width:300px;}
#footer .column-width-4 {width:220px;}

#footer .column-1 { margin-left: 0!important; }

#footer .fr {
	position: relative;
}

#footer .fr p { color: #999; padding: 8px 15px 0 0; }

#footer .fr p a { color: #999; }

#footer .fr p a:hover { color: #ccc; }

#footer .widget {color: #999;}
#footer .widget-title {color: #bbb;font-size:13px;padding-bottom:20px;}
#footer .iwak-widget-flickr .flickr_badge_image img {  width:67px; height: 67px; border-color: #ccc;border-width:3px;}
#footer .text, #footer .textarea, #footer input[type="text"] {color:#b0b0b0;}

#bottom {
    padding:10px 0;/*7px 0 6px;*/
    font-size: 11px;
    line-height: 19px;
    font-weight: 600;
    color: #e0e0e0;
    background-color: #444;
    border-top: 5px solid #333;
}

#bottom .fl {color:#ccc;}
#bottom .fl a {color:#eee;}
#bottom .fl a:hover {color:#888;}
#bottom .fr a {color: #999;}
#bottom .fr a:hover {color: #eee;}
#bottom .menu li {float: left; padding: 0 8px; margin: 0}
#bottom .menu li.first {padding-left: 0}

/* ------- 3. Menu ------- */

.menu, .menu * { margin: 0; padding: 0; list-style: none; }

#main-nav > li {float: left; padding: 0 8px; margin-bottom:20px;}

#main-nav > li > a {color: #999}

#header-menu > .current-menu-ancestor > a, #header-menu > li:hover > a, #header-menu > li > a:active { color: #404040; }

#header-menu { width:100%; }

#header-menu select {display:none;}

#main-nav { line-height: 1.0; display:inline-block; margin: 47px 0 1em; }

#main-nav .menu-desc {display:block;color:#999;}

#main-nav > li > a > .menu-title {font-size:13px;line-height:23px;color:#aaa}

#main-nav > li > a > .menu-desc {color:#999;padding:8px 0;display:none;}

#main-nav > li > a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #b2b2b2;
	line-height: 19px;
    padding-bottom:20px;
}

#main-nav > li { float: left; position: relative; padding:0 15px 0 35px}

#main-nav > .current-menu-ancestor > a > .menu-title, #main-nav > li:hover > a > .menu-title, #main-nav > li > a:active > .menu-title { color: #777; }

#main-nav > .current-menu-ancestor, #main-nav > .current-menu-item {background: transparent url(images/menu_hover.png) no-repeat 15px 7px}

#main-nav ul {
    display:none;
	position: absolute;
	top: -999em;
	width: 200px;
	left: 20px;
}

#main-nav ul ul { left: 195px; /* match ul width */ }

#main-nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#main-nav li:hover ul {
	top: 25px; /* match top ul list item height */
	z-index: 999;
}

#main-nav li:hover li ul { top: -999em; }

#main-nav li li:hover > ul { top: 0; }

#main-nav ul a {
	color: #ddd;
	font-size: 13px;
    line-height:19px;
	font-weight: normal;
	padding: 9px 10px 9px 18px;
	display: block;
    background-color:#505050;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#main-nav ul a:hover, #main-nav li li.current-menu-item a { background-color: #ffab45; color:#fff; }

#main-nav ul a:hover .menu-desc {
    color:#ccc;
 }

#main-nav ul a.has_submenu { position:relative; }

#main-nav ul a.has_submenu:after {
    font-family:FontAwesome;
	content:"\f101";
    font-size:12px;
    position:absolute;
    right:20px;
    top:10px;
    color:#fff;
    opacity:0.4;
}

#main-nav li li {
	position: relative;
	width: 195px;
    background-color:#fff;
}

#main-nav li li:first-child {
    padding-top:30px;
	background: transparent url(images/menu_top.png) no-repeat 0 3px;
}

#main-nav li li li:first-child {
    background-image:none;
    border-top:7px solid #444;
    margin-top:-7px;
    padding-top:0;
}

#main-nav li li:first-child > ul li:first-child {
    margin-top:23px;
}

#main-nav li li li li:first-child {
    margin-top:-7px!important;
}

#main-nav li.last { height:8px;background-color:#505050;}

#main-nav li:hover, #main-nav a:hover, #main-nav a:active { outline: 0; }

.widget .menu {
border:2px solid #404040;
border-radius:5px;
}

.widget .menu li {
padding:0;
    background-color:#505050;
}

.widget .menu > li {
    border-bottom:1px solid #404040;
}

.widget .menu > li:last-child {
    border-bottom:none;
}

.widget .menu li li {padding-left:20px}

.widget .menu a {
	color: #ccc;
	font-size: 13px;
    line-height:19px;
	font-weight: normal;
	padding: 9px 10px 9px 18px;
	display: block;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.widget .menu a:hover, .widget .menu li.current-menu-item a { background-color: #ffab45; color:#fff; }


/* ------- 4. Slider ------- */

#featured { position: relative; margin: 0 auto;}

#slider-nextbiz { height: 470px; overflow: hidden; }

#featured-pager {
    position:relative;
	top: 403px;
	display: none;
	z-index: 2;
}

#featured-status {
display:none;
position:absolute;
font-size:36px;
top:35%;left:50%;
    background-color: #000000;
    border-radius: 59px 59px 59px 59px;
    color: #FFFFFF;
    font-size: 66px;
    margin-left: -59px;
    margin-top: -59px;
    opacity: 0.1;
    padding: 25px;
    text-align: center;
    width: 68px;
    z-index: 888;
}

#slider-nextbiz .console { display:inline-block;margin: 0; padding:0; vertical-align: middle; /* for IE7, Opera */ }

#slider-nextbiz .console li { 
cursor:pointer; 
list-style: none; 
float: left; 
display:block;
width: 13px; 
height:13px; 
border-radius:13px;
background-color:#ccc;
opacity:0.8;
margin-right:8px; 
}

#slider-nextbiz .console li.active { 
background-color:#ffab45;
opacity:1;
}

.featured-title {
	left: 120px;
	top: 45px;
}

.featured-title h1 {
    padding:0 10px 10px 0;
}

.featured-excerpt {
	left: 120px;
	top: 134px;
	width: 280px;
	height: 48px;
}

.featured-image {
	left: 440px;
	top: 40px;
}

.featured-image img, .featured-title img {
display:inline-block;
padding:10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}

.featured-button {
	left: 95px;
	top: 208px;
}

#slider-nextbiz .featured-title, 
#slider-nextbiz .featured-excerpt, 
#slider-nextbiz .featured-image,
#slider-nextbiz .opttext,
#slider-nextbiz .optimg,
#slider-nextbiz .featured-button {
	visibility:hidden;
}

#slider-nextbiz .featured-entry:first-child .featured-title, 
#slider-nextbiz .featured-entry:first-child .featured-excerpt, 
#slider-nextbiz .featured-entry:first-child .featured-image,
#slider-nextbiz .featured-entry:first-child .featured-button,
#slider-nextbiz .featured-entry:first-child .opttext,
#slider-nextbiz .featured-entry:first-child .optimg {
	visibility:visible;
}

.featured-entry {
	clear: both;
	position: absolute;
	width: 100%;
    height:100%;
    text-align:center;
	z-index: 0;
}

.featured-entry.active { display: block; z-index: 1;}

#slider-nextbiz .button .navigation { position: absolute; width: 100%; top: 91px; left: 0; }

#slider-nextbiz .thumbnail { border: none; }

.featured-excerpt, #featured .opttext { color: #a5a5a5; line-height: 19px;}

#slider-nextbiz .button:hover {
	background-image: linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -o-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -moz-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -webkit-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -ms-linear-gradient(top, #ffc982 0%, #ffab45 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ffc982),
		color-stop(1, #ffab45)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc982', endColorstr='#ffab45');
}

#slider-nextbiz .button {
    position:relative;
    white-space:nowrap;
    text-transform:none;
    margin:0;
	cursor: pointer;
	color: #fff !important;
	font-size: 12px;
	line-height: 19px;
	padding: 3px 15px 4px 10px;
	border-radius: 2px;
	background-image: linear-gradient(top, #666666 0%, #555555 100%);
	background-image: -o-linear-gradient(top, #666666 0%, #555555 100%);
	background-image: -moz-linear-gradient(top, #666666 0%, #555555 100%);
	background-image: -webkit-linear-gradient(top, #666666 0%, #555555 100%);
	background-image: -ms-linear-gradient(top, #666666 0%, #555555 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5b5b5b)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b');
}

#slider-nextbiz .button i {
    display: inline-block;
    height: 11px;
    line-height:11px;
    margin-right: 7px;
    padding-right: 5px;
    vertical-align: middle;
    border-right: 1px solid #888;
    border-right: 1px solid rgba(255, 255, 255, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


#slider-nextbiz .button:hover i {
    border-color:rgba(255, 255, 255, .3);
}

/* ------- 5. Pagination ------- */

.pagination { float:left; width: 100%; padding: 20px 0 0; border-top: 1px solid #eee; }

.pagination a, .pagination span.current {
	margin-right: 16px;
	float: left;
	color: #aaa;
	font-size: 13px;
	line-height: 32px;
}

.pagination a:hover, 
.pagination a.current, 
.pagination span.current { 
	color: #555;
}

/* ------- 6. Image sizes ------- */

img.size-blog-thumb {
width:594px;
height:209px;
}

.iwak-widget-rp img.thumbnail {
width:70px;
height:65px;
}

/* ________________________________________________________________________________________________________________

                                                  03. PAGE SPECIFIC STYLES  
   ________________________________________________________________________________________________________________ */

   
#container { background:#fff; padding-bottom:20px}
.no-page-title #main {padding-top:60px;}
.single-portfolio #main {padding-top:70px;}

.more-link {
	display: inline-block;
	line-height: 1;
}

/* ________________________________________________________________________________________________________________

                                                  04 Blog & Archive Styles
   ________________________________________________________________________________________________________________ */
   
/* ------------------ General Post Styles ------------------ */

.sticky {}

.navigation {
float:left;
width:100%;
}

.nav-previous {float:left;}
.nav-next {float:right;}

.content .navigation {margin-bottom:20px;}

.the-content h1,
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6 { line-height: 1.3; }

.the-content ul, .the-content ol { }

.the-content li { list-style-position: inside;}

.the-content li li { margin-left: 20px; }

.post-title {
	color: #404040;
	font-size: 28px;
	font-weight: 600;
	line-height: 30px;
	margin: 0;
	letter-spacing: -1px;
	padding-bottom: 0;
}

    .single-post .post-title {font-size:34px;letter-spacing:-2px;font-weight:400;}
    
.post .entry-thumb {padding-top:25px;}

.post .cats {
    display:block;
	font-size: 10px;
    font-weight:normal;
	line-height: 1.5;
	letter-spacing: 1px;
    text-transform:uppercase;
}

.post .cats a { color: #b0b0b0; }

.post .cats a:hover { color: #404040; }

.post .post-content {
	padding-top: 15px;
    color:#707070;
}
    
.post .post-meta {
	font-size: 11px;
	color: #b2b2b2;
	font-style: italic;
	word-spacing: 1px;
	margin-top: 15px;
    clear:left;
}

.post .post-meta a {
	font-size: 10px;
	text-transform: uppercase;
}

.post .post-meta a:hover { text-decoration: underline; }

.post .permalink {display:block; padding:3px 10px;background-color:#404040; clear:both;color:#fff;font-family:'Droid Serif';font-style:italic;float:left;margin-top:25px;}

.boxtitle, #reply-title {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #b2b2b2;
	padding: 20px 0;
	margin-bottom: 25px;
    letter-spacing:0;
}

/* ------------------ Index Page ------------------ */
.posts-list .post { padding-bottom:25px; border-bottom: 1px solid #eee; margin-bottom: 38px;}

.post:first-child {margin-top: 0px;}

/* ------------------ search Page ------------------ */
.serac .post { margin-top: 0; }

.serac .post-title { margin: 0 0 50px; padding-bottom: 40px; }

.serac .post > a, 
.serac .post-content, 
.serac .post-meta { display: none; }

/* ------------------ Single Post ------------------ */
.single .the-content, 
.page .the-content,
.search .the-content { margin-bottom: 20px; }

/* ------------------ Single Page ------------------ */
#page-title .inner { padding: 40px 0 5px; border-bottom: 1px solid #eee; }
#page-title h1 { letter-spacing: -2px; color: #ffab45; font-weight:600; line-height:1.2em;padding:0;}
#page-title p { font-size:11px; font-weight:600; color: #c8c8c8; }

/* ------------------ Table ------------------ */
.the-content table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px 0 25px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 2px;
}

.the-content table th {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 25px;
	color: #3d3d3d;
	background-color: #313131;
	border-top: 1px solid #222;
}

.the-content table td {
	text-align: center;
	padding: 15px;
	color: #666;
	border-top: 1px solid #e8e8e8;
}

.the-content thead th { text-align: center; color: #ccc; border-top: none; }

.the-content thead td { font-size: 14px; color: #3d3d3d; border: none; }

.the-content tbody th { color: #ddd; }

.the-content table tr:hover th { background-color: #333; }

.the-content table tr:hover td { color: #333; background: #fafafa; }

/* ------------------ Gallery ------------------ */
.gallery {margin-bottom:20px;}

.gallery-item {padding-bottom:0}

.gallery-item a,
.gallery-caption {
	width: 100%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img:hover {
border-color:#ffab45!important;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 92%;
    -moz-transition: border-color 0.5s;
    -webkit-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* ------------------ Comments List & Respond Form ------------------ */
#comments { }

#comments-list { }

#comments h3 {margin-bottom:10px }

ul.children { padding: 0; }

.comment {
	list-style: none;
	border-top:1px solid #e6e6e6;
}

.children .comment {
	padding-bottom: 0;
    padding-left:40px;
}

.children .avatar {margin-left:-10px;padding-left:10px;}

.comment-body { position: relative; margin-top:-15px;}

.comment-index {
	font-size: 46px;
	font-weight: bold;
	color: #404040;
	letter-spacing: -5px;
	float: left;
	padding-right: 20px;
    line-height:40px;
}

.comment-content { padding: 18px 0 25px; color:#888;}

.children .comment-content {
}

.comment-avatar {margin-bottom:4px;  }
.comment-avatar img {background-color:#fff;padding-right:10px;  }

.comment-author { font-weight:600;}

.comment-author .fn, .comment-author .fn a {
    font-size:14px;
    line-height:22px;
	color: #303030;
}

.children .fn {
    font-size:13px;
    color: #b2b2b2; 
}

.comment.bypostauthor .fn { color: #404040; }

.comment-meta {
	color: #b2b2b2;
    display:block;
	font-size: 9px;
	line-height: 16px;
	text-transform: uppercase;
}

.comment-reply {
    position:absolute;
    right:0;top:7px;
    background:#fff;
    padding-left:10px;
}

.comment-reply-link,
.comment-edit-link {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
    background:#ffab45;
    padding: 0 8px;
    border-radius:1px;
    line-height:17px;
    display:block;
    -moz-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.comment-reply-link:hover,
.comment-edit-link:hover {
background-color:#bbb;
color:#fff;
}

.commenter-tags { display: none; }

#respond { padding-bottom: 20px; margin: 0; position: relative; }

#respond h3 { padding: 0 0 20px 0;}
#respond h3 small { margin-left: 10px; }

    .comment #respond h3 { padding-top:5px; }

#reply-title {border-bottom:1px solid #e6e6e6;}

#cancel-comment-reply { padding-bottom: 25px; }
    
    .comment #cancel-comment-reply { padding: 20px 0; }

.logged-in-as { color: #b2b2b2; padding-bottom: 10px; }

.login-meta a { color: #404040; }

#commentform { margin-top:20px; }

#commentform .form-input { margin-bottom: 15px; float:left;clear:both;}

#commentform input[type=text] { width: 200px;}

.comment-notes {color:#b2b2b2;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {padding-bottom:15px;}
.comment-form-comment label {display:none;}
.form-allowed-tags {font-size:12px;color:#b2b2b2;}
.form-allowed-tags code {margin:10px 0;}

#commentform label {
	color: #555;
	width: 80px;
    float:left;
	padding: 5px 0px 0 0;
	vertical-align: middle;
}

#commentform .form-textarea { }

#commentform textarea {
	overflow: auto;
	width: 100%;
	height: 13em;
	margin: 5px 0 0;
	padding: 10px 10px 20px;
	background-color: #f0f0f0;
    border:1px solid #ddd;
    color:#555;
}

#commentform .button {
    float:left; /* for IE7 float bug */
}

#commentform .form-submit .desc {
	display: block;
	font-size: 12px;
	margin: 5px 0 0 20px;
	float: left;
	color: #666;
}

/* ________________________________________________________________________________________________________________

                                                  05 Portfolio Styles
   ________________________________________________________________________________________________________________ */
   
/* ------------------ Portfolio ------------------ */

.portfolio-entry, .portfolio-list .post-entry {
	position: relative;
	margin: 0 10px 13px 10px;
	float: left;
	overflow: hidden;
	list-style: none;
}

.portfolio-entry .layer { 
	display:block; 
	position:absolute; 
	width: 100%; height: 0; 
	background-color: #ffab45; 
	z-index: -1;
}

.entry-title .layer, .entry-thumb .layer {
	top: 0; left: 0; 
}

.portfolio-meta {
margin-top:-20px;
}

.portfolio-meta li {
list-style:none;
padding: 12px 0;
border-bottom:1px solid #e8e8e8;
}

.meta-label {
font-size:10px;
font-weight:bold;
color:#505050;
text-transform:uppercase;
margin-right:5px;
}

.meta-text {
font-size:11px;
}

.portfolio-list { clear:both;padding:0;-moz-box-sizing: border-box;
box-sizing: border-box;}

.portfolio-entry .entry-thumb {
	background-color: #e6e6e6;
	z-index:1;
    position:relative;
    max-width:100%;
}

.portfolio-entry .entry-content {
	z-index:0;
    position:relative;
}

.portfolio-entry .entry-thumb img {
    width:100%;
    height:100%;
}

.portfolio-entry .thumb-wrapper {
	border:3px solid transparent;
	overflow:hidden;
    max-width:100%;
	position:absolute;
    top:0;left:0;right:0;bottom:0;
}

.portfolio-entry .entry-title {
    padding:13px 0 12px 0;
    text-align: center;
    z-index:0;
    position:relative;
}
.portfolio-entry .entry-excerpt {color:#ddd;
font-size:12px;
padding:12px 10px 0 17px;}


.portfolio-entry .controls {
	display:block;
    position:absolute;
    bottom:-7px;
	width:100%;
	height:0px;
	overflow:hidden;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	z-index:99;
}

.portfolio-entry .controls i {
font-size:10px;
margin-right:7px;
}

.portfolio-entry .controls a {
	width:50%;
    max-width:50%;
	line-height:26px;
	display:block;
	float:left;
	text-align:center;
	font-size:9px;
	color:#fff;
	text-transform:uppercase;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	opacity: 0.90; /* CSS3 standard */
    background-color:#ffb861;
}

.portfolio-entry .controls a.full-width {width:100%;max-width:100%;}

.portfolio-entry .controls a:hover { 
	background-color: #555;
	color:#fff; 
}

.portfolio-entry .extra {
    cursor:pointer;
	position: absolute;
	background: transparent url(images/zoom.png) no-repeat center center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.portfolio-entry a:hover .extra {opacity:0.9;}

.portfolio .portfolio-entry {
	margin:0 10px 15px 10px;
}
.portfolio-3, .portfolio-4 {width:960px;margin-left:-10px;margin-right:-10px;}

.portfolio-2 .entry-title, .portfolio-3 .entry-title, .portfolio-4 .entry-title {
    font-weight:600;
}

/* ------------------ Portfolio One Column ------------------ */
/* Image Size: 588 x 310 (include a 3px border) / Aspect Radio: 52.72% ***/

.portfolio-1 .portfolio-entry {
width: 100%;
	padding-bottom: 10px;
	margin:2px 0px 40px 0;
}

.portfolio-1 .entry-thumb {
	float: left;
	margin-right: 42px;
	width: 588px;
    -moz-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.portfolio-1 .entry-thumb:after {
	padding-top: 52.72%;
    content: "";
    display:block;
}
.portfolio-1 .entry-thumb:hover {
background-color:#ffab45;
}

.portfolio-1 .entry-title {
	padding:10px 0 20px 0;
	text-align: left;
	font-size: 30px;
    line-height:1.2em;
    letter-spacing: -1px;
    color:#555;
}

.portfolio-1 .entry-title a {
	color:#555;
}

.portfolio-1 .entry-content {
    width:280px;
    float:left;
    padding-left: 0;
	color: #999;
	font-size: 14px;
}

.portfolio-1 .entry-content p {
    color:#b8b8b8;
}

.portfolio-1 .controls {
	bottom: 5px;
}

.portfolio-1 .controls a {
	height: 20px;
}

.portfolio-1 .button {
margin-top:15px;
}

/* ------------------ Portfolio Two Columns ------------------ */
/* Image Size: 456 x 275 (include a 3px border) / Aspect Radio: 60.31% ***/

.portfolio-2 .entry-thumb {
	width: 456px;
}

.portfolio-2 .entry-thumb:after {
	padding-top: 60.31%;
    content: "";
    display:block;
}

.portfolio-2 .portfolio-entry {
	margin:0 14px 15px 14px;
}

.portfolio-2 {width:968px;margin-left:-14px;margin-right:-14px;}


/* ------------------ Portfolio Three Columns ------------------ */
/* Image Size: 300 x 180 (include a 3px border) / Aspect Radio: 60% ***/

.portfolio-3 .entry-thumb {
	width: 300px;
}

.portfolio-3 .entry-thumb:after {
	padding-top: 60%;
    content: "";
    display:block;
}

/* ------------------ Portfolio Four Columns ------------------ */
/* Image Size: 220 x 150 (include a 3px border) / Aspect Radio: 68.18% ***/

.portfolio-4 .entry-thumb {
	width: 220px;
}

.portfolio-4 .entry-thumb:after {
	padding-top: 68.18%;
    content: "";
    display:block;
}

/* ------------------ Index ------------------ */

#portfolio { clear:both;}

#portfolio-filter {
	float: left;
	width: 100%;
	padding-bottom: 0;
    margin: -15px 0 30px 2px;
	line-height: 30px;
}

#portfolio-filter a { 
color: #d3d3d3; 
padding: 0 20px 0 0; 
font-size: 13px; 
    -moz-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;

}

#portfolio-filter li.current a, #portfolio-filter a:hover { color: #505050; }

.portfolio-entry { max-width:100%; }

.portfolio-entry .entry-thumb a { outline: none; }

.portfolio-entry .entry-thumb a:hover { text-decoration: none; }

.portfolio-entry .thumbnail {border:none!important}

/* ------------------ Portfolio Post ------------------ */

.row-portfolio-post .content {width:620px;}
.row-portfolio-post .sidebar {width:260px;}
.sidebar-content p {color:#999;}
.sidebar-content h1 {margin-top:-6px;}
.sidebar-content.right h1 {margin-top:10px;}
.sidebar-content .button {margin-top:18px;}

.portfolio-post { clear:both;}

.column-left {float: left;width:260px;	color: #999;
}
.column-right { width: 620px; float: right; margin-bottom: 0; }

.portfolio-post .button {margin: 20px 0 0 0;}
.portfolio-post .post-title {
	color: #555;
	font-size: 35px;
	line-height: 40px;
	letter-spacing: -1px;
	padding-bottom: 20px;
	margin: 0;
    float:left;
    }
    
.single .post-excerpt {
	position: relative;
	padding-bottom: 20px;
	float: left;
	color: #999;
}

.post-excerpt img.icon-info {
	position: absolute;
	top: -80px;
	right: 0;
	padding-left: 10px;
}

/* ________________________________________________________________________________________________________________
                                                  06. WIDGETS 
   ________________________________________________________________________________________________________________ */
   
/* ------------------ General Widgets Styles ------------------ */

.sidebar { width: 295px; margin: 0px 0 30px; float: right; padding-top:2px;}
.sidebar.left {float:left!important;clear:left;}
.sidebar.right {float:right!important;clear:right;}

.widget {
	color: #707070;
	position: relative;
	margin: 0 0 30px;
	clear:both;
}

.widget a:hover { color: #b2b2b2; }

.widget ul {padding-bottom:0}
.widget li { list-style: none; }

.widget-title, #wp-calendar caption {
	padding-bottom: 15px;
	line-height: 20px;
	margin: 0px;
	font-size: 14px;
	color: #bbb;
    letter-spacing:0;
}

.widget-icon {
display:none;
}

.widget .thumbnail { margin-bottom: 1em; }

.textwidget { padding-top: 0px; }
.widget_categories {padding:0;}
.widget_recent_entries a {color:#777;}
.widget_recent_entries .post-date {display:block;color:#b2b2b2;font-size:11px;}

.widget_rss ul li, 
.widget_nav_menu ul li, 
.widget_recent_comments ul li, 
.widget_categories ul li, 
.widget_links ul li, 
.widget_archive ul li, 
.widget_meta ul li, 
.widget_pages ul li, 
.widget_recent_entries ul li { padding-bottom:8px; }

.widget_rss ul li, 
.widget_nav_menu ul li a, 
.widget_recent_comments ul li, 
.widget_categories ul li a, 
.widget_links ul li a, 
.widget_archive ul li a, 
.widget_meta ul li a, 
.widget_pages ul li a, 
.widget_recent_entries ul li a { font-size: 13px; }

/* ------------------ Calendar ------------------ */

#wp-calendar { color: #606060; font-size: 10px; width: 100%; }

#wp-calendar thead th { font-size: 10px; line-height: 17px; padding-bottom:10px;}

#wp-calendar tfoot { line-height: 25px; padding: 0 10px; }

#wp-calendar tfoot th, #wp-calendar tfoot td { border: none; }

#wp-calendar tfoot a { color: #b2b2b2; text-transform: uppercase; }

#wp-calendar tfoot #prev { text-align: left; }

#wp-calendar tfoot #next { text-align: right; }

#wp-calendar tbody td { padding: 0 0 10px; }

#wp-calendar tbody a { color: #ffab45; font-weight:bold; }

/* ------------------ Recent Comments ------------------ */
.widget_recent_comments li a {color:#999;}

/* ------------------ Search Box ------------------ */

#searchform input {
	padding: 5px;
	color: #777;
    background-color:#f0f0f0;
	border: 1px solid #ddd;
	width: 65%;
    margin-right:10px;
	float: left;
	height: 31px;
}

#searchform input:hover {
background-color:#fff;
}

#searchform button {
	cursor: pointer;
	border: none;
    font-size: 10px;
    line-height: 20px;
    padding: 5px 12px;
    width:25%;
	height: 30px;
	margin: 0;
	vertical-align: middle;
}

/* ------------------ Custom Widgets General Style ------------------ */

.iwak-widget .post-entry { clear:both; }
.iwak-widget .entry-thumb { float:left; margin-right:10px;}
.iwak-widget .entry-meta { font-size:11px; color: #b2b2b2; }
.iwak-widget .entry-title span { display: none; }

/* ------------------ Twitter ------------------ */

.iwak-widget-twitter .widget-icon { width: 40px; margin-right: 0; background-position: 0 -2px; }

.iwak-widget-twitter li {
	font-size: 12px;
	font-family: georgia;
	font-style: italic;
    background:url("images/twitter.png") no-repeat scroll 0 5px transparent;
    padding:0 20px 10px 40px;
    color:#777;
}

.iwak-widget-twitter ul li > a { font-size: 10px; color: #b2b2b2; display:block;}

.iwak-widget-twitter ul li > a:hover { color: #b2b2b2; }

.iwak-widget-twitter .time {
	font-size: 9px;
	text-transform: uppercase;
	color: #404040;
	margin-top: 15px;
	display: block;
}

.iwak-widget-twitter .time:hover { text-decoration: none; }

.iwak-widget-twitter .twitter-link {
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
}

.really_simple_twitter_widget li {
	font-size: 13px;
	font-family: georgia;
	font-style: italic;
    background:url("images/twitter.png") no-repeat scroll 0 5px transparent;
    padding:0 20px 10px 40px;
    color:#777;
}

.really_simple_twitter_widget li a { color: #b2b2b2; }

.really_simple_twitter_widget li a:hover { color: #999; }

.really_simple_twitter_widget .twitter-timestamp {
	font-size: 9px;
	text-transform: uppercase;
	color: #b2b2b2;
	display: block;
}

.really_simple_twitter_widget .rstw_comma {display:none;}
.really_simple_twitter_widget img {width:32px;height:32px;float:right;margin:3px 0px 3px 10px;border-radius:3px;}

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

.iwak-widget-flickr {margin-left:-4px;margin-right:-4px;}
.iwak-widget-flickr .widget-title {margin-left:4px;}
.iwak-widget-flickr .flickr_badge_image { margin: 2px 3px; display: inline-block; }
#footer .iwak-widget-flickr .flickr_badge_image { margin: 3px 5px; }

.iwak-widget-flickr .flickr_badge_image img { 
width: 65px; height: 65px; 
border: 2px solid #ddd;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.iwak-widget-flickr .flickr_badge_image img:hover { border-color: #ffab45!important;}

/* ------------------ Recent Comments ------------------ */
.iwak-widget-rc .widget-icon { background-position: -279px -2px; width: 26px; }

.iwak-widget-rc ul li {
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0 0 8px;
}

.iwak-widget-rc a.recent-comment { display: block; color: #999; padding-right: 20px; }

.iwak-widget-rc a.recent-comment:hover { color: #606060; }

.iwak-widget-rc .fn {
	text-transform: capitalize;
    color:#777;
}

.iwak-widget-rc .fn span {
	font-size: 9px;
    font-weight:normal;
	text-transform: uppercase;
	color: #b2b2b2;
}

.iwak-widget-rc .fn a {  text-transform: none; }

.iwak-widget-rc p a:hover { color: #b2b2b2; }

/* ------------------ Recent Posts ------------------ */
.iwak-widget-rp .widget-icon { background-position: -320px -2px; }

.iwak-widget-rp .entry-title {
	padding-bottom: 5px;
    padding-right:20px;
    font-size:14px;
}

.iwak-widget-rp .entry-title a {
	color: #555;
}

.iwak-widget-rp .entry-title a:hover { color: #b2b2b2; }

.iwak-widget-rp .entry-content { padding-right: 10px; }

.iwak-widget-rp .post-entry { padding: 8px 0 0;  }

/* ------------------ RSS ------------------ */

a.rsswidget img {vertical-align:middle;}

/* ________________________________________________________________________________________________________________
                                                  07. Extras 
   ________________________________________________________________________________________________________________ */
   
/* ------------------ Contact Form ------------------ */
#contactform .form-input { 
    margin: 0 2% 20px 2%;
	font-family: Verdana;
	color: #555;
	vertical-align: middle;
    width:32%;
    text-align:center;
    float:left;
}
#contactform .form-input.first { 
    margin: 0 0 20px;
}
#contactform .form-input.last { 
    margin: 0 0 20px;
}

#contactform .loaderIcon {
	vertical-align: top;
	display: none;
	margin: 4px;
	width: 24px;
	height: 24px;
}

#contactform .text  {padding:12px 10px;border:none;}

#contactform textarea, .wpcf7-form textarea {
	background-color: #f0f0f0;
	overflow: auto;
	width: 100%;
	margin: 0 0 20px;
	padding: 10px;
	line-height: 1.4;
    border:none;
}

#contactform .loaderIcon {
	background: transparent url(images/ajax-loader.gif) no-repeat 0 0;
}

    #footer #contactform .loaderIcon {
        background: transparent url(images/ajax-loader-2.gif) no-repeat 0 0;
    }

.contactbox #contactform .text {width:210px;}
.contactbox #contactform textarea {height:150px;}

ul.error {
	border-radius: 4px;
	background: none repeat scroll 0 0 #F8E4E2;
	border: 1px solid #E69D94;
	color: #BB5A4D;
	padding: 6px 10px;
	display: none;
}

.textwidget #contactform .form-input {width:100%;margin:0 0 20px;}
.textwidget #contactform .form-textarea {width: 100%;}

.textwidget #contactform .form-submit {padding:0;}

.textwidget #contactform .text { 
padding:11px 10px; 
border:none;
    width: 100%;
}

.textwidget #contactform .textarea {     
width: 100%;
    border:none;
}
    
.textwidget #contactform .button { margin-bottom:0; }

#contactform .text.invalid,
#contactform .textarea.invalid { background-color: #ffe27c; }

#footer #contactform .text,
#footer .wpcf7-form input[type=text],
#footer .wpcf7-form input[type=email],
#footer .wpcf7-form textarea,
#footer #contactform .textarea { background-color: #fff; }
   
/* ------------------ Columns ------------------ */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fifth, .three_fifth { float: left; position: relative; }

.one_half, .row-widgets-2 .widget { width: 48%; margin-right: 4%; }

.one_third, .row-widgets-3 .widget { width: 30%; margin-right: 5%; }

.two_third{ width: 65%; margin-right: 5%; }

.one_fourth, .row-widgets-4 .widget { width: 22%; margin-right: 4%; }

.three_fourth{ width: 74%; margin-right: 4%; }

.two_fifth{ width: 38%; margin-right: 4%; }

.three_fifth{ width: 58%; margin-right: 4%; }

.row-widgets-2 .widget-2, .row-widgets-2 .widget-4, .row-widgets-2 .widget-6, .row-widgets-2 .widget-8,
.row-widgets-3 .widget-3, .row-widgets-3 .widget-6, .row-widgets-3 .widget-9, .row-widgets-3 .widget-12,
.row-widgets-4 .widget-4, .row-widgets-4 .widget-8, .row-widgets-4 .widget-12, .row-widgets-4 .widget-16,
.last { margin-right: 0; clear: right; }

.row-widgets .widget {float:left;clear:none;}
.row-widgets-1 .widget {float:none}

.row-widgets-2 .widget-1, .row-widgets-2 .widget-3, .row-widgets-2 .widget-5, .row-widgets-2 .widget-7,
.row-widgets-3 .widget-1, .row-widgets-3 .widget-4, .row-widgets-3 .widget-7, .row-widgets-3 .widget-10,
.row-widgets-4 .widget-1, .row-widgets-4 .widget-5, .row-widgets-4 .widget-9, .row-widgets-4 .widget-13 {clear:both;}

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

.button {margin:5px 10px 0 0;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .post-content .more-link {margin-top:18px;}

.button.medium {padding:10px 22px;border-radius:3px;font-size:20px}
.button.medium span {font-size:75%}

.button.large {padding:15px 22px;border-radius:4px;font-size:18px}

.button i {margin-right:8px;vertical-align:middle;}

.post .more-link, .button, input[type=submit] {
	display: inline-block;
	border: none;
    
	cursor: pointer;
	color: #fff !important;
	font-size: 13px;
	line-height: 20px;
	padding: 7px 22px;
	border-radius: 2px;
	background-image: linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -o-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -moz-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -ms-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);

	background-image: -webkit-gradient(
		linear,
		left top,+
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5b5b5b)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b');
}

.post .more-link:hover, .button.primary, .button:hover, input[type=submit] { 
	background-image: linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -o-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -moz-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -webkit-linear-gradient(top, #ffc982 0%, #ffab45 100%);
	background-image: -ms-linear-gradient(top, #ffc982 0%, #ffab45 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ffc982),
		color-stop(1, #ffab45)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc982', endColorstr='#ffab45');
}

.button.primary:hover, input#submit:hover {
	background-image: linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -o-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -moz-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);
	background-image: -ms-linear-gradient(top, #6b6b6b 0%, #5b5b5b 100%);

	background-image: -webkit-gradient(
		linear,
		left top,+
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5b5b5b)
	);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b', endColorstr='#5b5b5b');

}

/* ------------------ Lists ------------------ */
ul.customlist li {
	list-style-type: none;
	padding-left: 21px;
	margin-bottom: 3px;
    line-height:25px;
    position:relative;
}

ul.checklist li {
	background: url("images/icon_tick.png") no-repeat scroll 0 5px transparent;
	padding-left: 23px;
}

ul.arrowlist li:before {
    content:"\f054";
    font-family:FontAwesome;
    font-size:10px;
    color:#505050;
    position:absolute;
    top:0;
    left:5px;
}

/* ------------------ Boxes ------------------ */
.box_download, .box_info, .box_warning, .box_note	{
	border-radius: 5px;
	padding: 25px 25px 25px 60px;
	margin: 0 0 23px;
}

.box_download	{
	background: url(images/down.png) no-repeat 15px 20px #e3f4de;
	border: 1px solid #a2d392;
	color: #599847;
}

.box_info	{
	background: url(images/info.png) no-repeat 15px 20px #deeef7;
	border: 1px solid #82c3e6;
	color: #2f81b0;
}

.box_warning	{
	background: url(images/stop.png) no-repeat 15px 20px #f8e4e2;
	border: 1px solid #e69d94;
	color: #bb5a4d;
}

.box_note	{
	background: url(images/notebook.png) no-repeat 15px 20px #f7f3de;
	border: 1px solid #e1ca59;
	color: #955d0d;
}

/* ------------------ Dropcap ------------------ */
.dropcap {
	display: block;
	float: left;
	font-size: 38px;
	line-height: 38px;
	margin: 0 6px 0 0;
	color: #3d3d3d;
}

.dropcap2 {
    background: none repeat scroll 0 0 #FFAB45;
    border: 3px solid #FFC982;
    border-radius: 75px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 19px;
    height: 41px;
    line-height: 41px;
    margin: 0 20px 10px 0;
    text-align: center;
    width: 41px;
}

/* ------------------ Pullquotes ------------------ */
.pullquote_left {
	background: transparent url(images/pullquote.png) no-repeat 0 0; 
	color: #999;
	float: left;
	font-size: 16px;
	line-height: 22px;
	margin: 20px 20px 20px 0;
	padding: 15px 0 0 15px;
	width: 54%;
}

.pullquote_right {
	background: transparent url(images/pullquote.png) no-repeat 0 0; 
	color: #909090;
	font-family: georgia;
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	float: right;
	margin: 20px 0 20px 15px;
	padding: 15px 0 0 15px;
	width: 54%;
}

/* ------------------ Highlights ------------------ */
.highlight1 {
	background-color: #ffab45;
	color: #fff;
	padding: 1px 4px;
}

.highlight2 {
	background-color: #555;
	color: #EEEEEE;
	padding: 1px 4px;
}

/* ------------------ Image Frames ------------------ */
.frame, .small_frame { display: inline-block; }

.frame img {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 2px solid #eee;
	margin: 0;
	padding: 8px;
}

.wp-caption-text {
	font-style: italic;
	text-align: center;
	color: #999;
	font-size: 11px;
	font-family: georgia;
	padding-bottom:0px;
}

.wp-caption-text a:hover {
	color: #b2b2b2;
}

/* ------------------ Dividers ------------------ */
.divider {
	clear: both;
	display: block;
	margin-bottom: 40px;
	padding-top: 26px;
	width: 100%;
	position: relative;
    border-bottom:1px solid #e6e6e6;
}

.divider-title {
	line-height: 10px;
	position: absolute;
	font-size: 14px;
    top:20px;left:0;
    color:#b2b2b2;
    background-color:#fff;
    padding-right:10px;
}

.top {
	text-align: right;
	line-height: 10px;
	font-size: 8px;
}

.top a {
	background: none repeat scroll 0 0 #fff;
	color: #b2b2b2;
	font-size: 10px;
	padding: 0 0 0 5px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 20px;
	text-shadow: 0 1px #fff;
}

/* ------------------ Toggle Content ------------------ */
.toggle {
	padding-left: 25px;
	font-size: 17px;
    position:relative;
}

.toggle:before {
    font-family:FontAwesome;
	content:"\f067";
    font-size:13px;
    position:absolute;
    left:0;
    top:2px;
    color:#505050;
}

.toggle.active { background-position: -15px 5px; }

.toggle.active:before { content:"\f068"; }

.toggle_content {
	clear: both;
	margin: 0 0 20px 20px;
	overflow: hidden;
}

.toggle_content .block { padding: 0 5px; }

.toggle_content .block pre, .toggle_content .block code { padding: 0; border: none; }

h5.active a:link { color: #666666; }

/* ------------------ Tab Group ------------------ */
.panes {
	clear: both;
	background: none repeat scroll 0 0 #fcfcfc;
	border-color: #ffab45 #DDDDDD #DDDDDD;
	border-style: solid;
	border-width: 3px 1px 1px;
	display: block;
	font-size: 12px;
	color: #888;
	padding: 25px 20px;
	margin-bottom: 20px;
}

ul.tabs {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.tabs li.active, ul.tabs li.active a:hover {
	border-radius: 8px 8px 0 0;
	background-color: white;
	border-bottom: 1px solid white;
}

ul.tabs li { float: left; padding: 0; list-style: none; }

ul.tabs li a {
	background: #e8e8e8;
	border: 1px solid #ddd;
	float: left;
	line-height: 30px;
	margin: 0 3px 0 0;
	overflow: hidden;
	padding: 3px 15px 1px;
	position: relative;
	color: #999;
}

ul.tabs li a.current { background-color: #ffab45; color:#fff; border-color:#ffab45}

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

.testimonial {margin-bottom:15px;}
.testimonial q {font-style:italic;line-height:19px;color:#707070;}
.testimonial_image img {width:65px;height:65px;float:left;margin:5px 12px 10px 0;border:3px solid #ddd;}
.testimonial cite {display:block;font-size:12px;margin-top:10px;font-style:normal;color:#999}

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

.textwidget .social-icon {margin-left:-8px}

/* ------------------ jQuery UI Resizable ------------------ */

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-s { cursor: s-resize; height: 5px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 5px; right: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-wrapper:hover .ui-resizable-e, .ui-resizable:hover .ui-resizable-e { border-left:1px dashed #808080;}
.ui-wrapper:hover .ui-resizable-s, .ui-resizable:hover .ui-resizable-s { border-top:1px dashed #808080;}
.ui-wrapper:hover .ui-resizable-se, .ui-resizable:hover .ui-resizable-se:hover { background: transparent url(images/resize.png) no-repeat 0 0 }
.ui-wrapper img {width:100%!important;height:100%!important;    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* ------------------ Responsive Slider ------------------ */

.rslider {position:relative;border:3px solid #ddd;}
.rslider-custom {margin-bottom:20px;}
.rslides_nav {height:0;}
.rslides_tabs {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
    padding: 0;
	height: 35px;
	z-index: 2;
    text-align:center;
    
}
.rslides_tabs li a { text-indent: -999px; display:block; overflow:hidden; }
.rslides_tabs li { cursor:pointer; display:inline-block;width: 10px; height:10px;list-style: none;  border-radius:10px;background-color:#ccc; opacity:0.8; margin-right:8px; margin-left:0!important;}
.portfolio-list .rslides_tabs li {width:10px;height:10px;border-radius:10px;margin-right:6px;}
.rslides_tabs li.rslides_here { background-color:#ffab45;opacity:1; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

    .portfolio-entry .rslides, .portfolio-entry .rslides li {height:100%;margin:0;}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.post .rslider {
    -moz-transition: border-color 0.5s;
    -webkit-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
}

.post .rslider:hover {border-color:#ffab45}

/* ------------------ Responsive iframe wrapper ------------------ */

.iframe-rwd  {
position: relative;
overflow: hidden;
margin-bottom:20px;
padding-top:56.25%;
width:100%;
height:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ------------------ Isotope ------------------ */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ------------------ Sliding Way ------------------ */

.sliding-wrapper {position:relative;clear:both;}

.slidingway {width:100%;overflow:hidden;}

.slidingway-entity {float:left;width:2000%;}

.slidingway_nav {
position:absolute;
font-family: FontAwesome;
font-weight: bold;
font-style: normal;
font-size:24px;
line-height:60px;
color:#ccc;
text-shadow: 0px 0px 2px #bbb;
width:20px;
height:60px;
margin-top:-30px;
cursor:pointer;
top:50%;
}

.slidingway_nav:hover {color:#ffab45;}
.slidingway_nav.disabled { color: #ddd;text-shadow:0 0 2px #ccc}

.sliding-wrapper .next {right:-30px;text-align:right;}
.sliding-wrapper .next:before {content:"\f105";}

.sliding-wrapper .prev {left:-30px;}
.sliding-wrapper .prev:before {content:"\f104"}

.sliding-portfolio .slidingway_nav {
top:90px;
}

.slidingway-entity > div, .slidingway-entity > li {float:left;list-style:none;max-width:5%;}
.slidingway-entity .hentry {max-width:5%;margin-right:20px;}

.sliding-posts .slidingway_nav {top:80px;}
.sliding-posts .post-title {font-size:16px;font-weight:normal;color:#222;letter-spacing:0;}
.sliding-posts .post-meta {margin-top:10px;font-size:10px;}
.sliding-posts .post-meta a {font-size:9px;}
.sliding-posts .post-content {padding-top:10px;}
.sliding-posts .meta-category, .sliding-posts .meta-comments {display:none;}
.sliding-posts .more-link {margin-top:0}

/* ------------------ Orbit Slider ------------------ */
body div.orbit.with-bullets {margin-bottom:0}
body .orbit-bullets {bottom:0}
body div.slider-nav span {width:48px;height:50px;margin-top:-25px;}
body div.slider-nav span.right {right:22px;background-size:48px 50px;}
body div.slider-nav span.left {left:22px;background-size:48px 50px;}
body div.timer {top:auto;bottom:10px;}

/* ------------------ Meteor Slider ------------------ */
body div.meteor-slides.navpaged, body div.meteor-slides.navboth {margin:0}
body .meteor-slides .meteor-buttons { left:15px; bottom:15px;}

/* ------------------ Folioscene Slider ------------------ */
body .folioscene .progressbar {height:2px;background-color:#fff;}
body .folioscene .progressbar span {background-color:#ffab45;}
body .folioscene .number.active, body .folioscene .number:hover { color: #ffab45; }

/* ------------------ Revolution Slider ------------------ */
body .tp-bullets.simplebullets.round .bullet {
cursor: pointer;
list-style: none;
float: left;
display: block;
width: 13px;
height: 13px;
border-radius: 13px;
background-color: #ccc;
background-image:none;
opacity: 0.6;
margin-right: 5px;
}

body .tp-bullets.simplebullets.round .bullet:hover, 
body .tp-bullets.simplebullets.round .bullet.selected, 
body .tp-bullets.simplebullets.navbar .bullet:hover, 
body .tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: #FFAB45;
    opacity: 1;
}

body .tp-leftarrow.default {
background-image:url(images/rev_navleft.png);
width:40px;height:50px;
}

body .tp-rightarrow.default {
background-image:url(images/rev_navright.png);
width:40px;height:50px;
}