/*--
	Theme Name: First Steps 02
	Theme URI: http://www.yellow.lu
	Description: Theme 12 colonnes
	Author: yellow team 
	Author URL: http://www.yellow.lu
	Version: 1.0
--*/
/* General
---------------------------------------- */
#content .wpb_row,
#content .wpb_content_element,
#content ul.wpb_thumbnails-fluid > li,
#content .last_toggle_el_margin,
#content .wpb_button {
  margin-bottom: 0;
}
#slider-wrapper, #main, .page-container {background: #b9d7d6;}
.backgroundSlider, .backgroundContent {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
	background:rgba(255,255,255,.3);
}
.comments-link, .nocomments {display:none;}
h1,h2,h3,h4,h5,h6 {color:#634127;}
.wpb_wrapper .wpb_separator, .wpb_wrapper .vc_text_separator {border-bottom: 1px solid #cccccc;margin:10px 0;}
body #main, body  {
	font: 100%/1.125em Tahoma, Helvetica, sans-serif;
	position: relative;
}
body {
	background: #fff url(/wp-content/uploads/2014/01/texture.gif) center top repeat;
	color: #9ca0a0;
	position:relative;
}
::selection {background: rgb(158,158,158);}
::-moz-selection {background: #B9D7D6;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
#main {
	width:100%;
	margin: 0 auto;
}
img {height: auto;}
.ie8 img {max-width: none !important;}
ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {color:#244141;text-decoration: none;}
a:hover {color:#A2536A;}

/* Headings */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;color:#A32045;}
body h1 {font-size:2em;line-height:1.7em;}
body h2 {font-size:1.8em;line-height:1.5em;}
body h3 {font-size:1.6em;line-height:1.3em;}
body h4 {font-size:1.4em;line-height:1.1em;}
body h5 {font-size:1.2em;line-height:.9em;}
body h6 {font-size:1em;line-height:.7em;}
blockquote {
	margin: 40px 0 0 0;
	padding:0;
	color:#244141;
	border:0;
}
.h-search {
	word-wrap:break-word;
	overflow:hidden;
}
div.gform_wrapper .gform_footer {margin:0;}
input[type="submit"], input[type="reset"] {color:#404040;}

/* List styling */
dl dt {
background:url(/images/list-arrow.gif) no-repeat 0 3px;
margin-bottom:.2em;
color:#191919;
padding:0 0 3px 32px
}
dl dd {
margin:0 0 1.5em;
padding:0 0 0 32px
}

/* Header
---------------------------------------- */
#header {
	position:relative;
	z-index:99;
}

/* Logo */
.logo {
	float:none;
	position:relative;
	margin:0 auto;
	text-align:center;
}

.logo h1,.logo h2 {
margin-bottom:0;
font-weight:400;
letter-spacing:-2px
}

.logo h1 a,.logo h2 a {
color:#373a3f;
text-decoration:none
}

.logo .tagline {
text-transform:uppercase;
display:none
}

/* Header widget */
#widget-header {
text-align:right;
background:#373a3f;
color:#686b6b;
text-transform:uppercase;
}

.widget-header {padding:8px 29px 10px}

/* Social Networks */
#widget-header .social-networks {
list-style-type:none;
padding:0;
margin:0;
border:none
}
#widget-header .social-networks li {
display:inline;
list-style-type:none;
padding:0;
margin:0
}
#widget-header .social-networks li a {
text-decoration:none;
margin-right:2px
}
#widget-header .social-networks li a:hover {text-decoration:none}

/* EasyTooltip */
.tooltip {
background:none repeat scroll 0 0 #252525;
border:1px solid #000;
color:#EEE;
display:none;
font-size:1em;
line-height:1.2em;
margin:13px 0 0;
padding:5px;
z-index:99
}

/* Slider
---------------------------------------- */
.flexslider-holder {
	height:auto;
	background:#FFF;
}
.flexslider .slides img {width:100%;}

/* Navigations
---------------------------------------- */
/* Primary navigation */
nav.primary {
	position: relative;
	z-index: 2;
}

/* Essential styles for dropdown menu */
.sf-menu,.sf-menu * {
margin:0;
padding:0;
list-style:none
}

.sf-menu {
line-height:1.0
}

.sf-menu ul {
position:absolute;
top:-999em;
width:10em
/* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
width:100%
}

.sf-menu li:hover {
visibility:inherit
/* fixes IE7 'sticky bug' */
}

.sf-menu li {
float:left;
position:relative
}

.sf-menu a {
display:block;
position:relative
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:69px;
/* match top ul list item height */
z-index:99
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:150px;
/* match ul width */
top:0
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
/* match ul width */
top:0
}

/* Our skin for dropdown menu */
.sf-menu li {
margin:10px;
padding:0;
text-align: center;
}
.sf-menu li:first-child {
border-left: medium none;
}
.sf-menu li a {
	text-decoration:none;
	color:#3e3e3e;
	padding:10px 30px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	text-transform:inherit;
}
.sf-menu li.sfHover a,.sf-menu li.current-menu-item a,.sf-menu li a:hover {
	color:#fff;
	background:#A2536A;
}

.sf-menu ul {width:150px}
.sf-menu li li {
	padding:0;
	width:100%;
	margin:0
}

.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current-menu-item li a {
padding:5px 10px;
color:#fff;
background:#fd7a4b
}

.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current-menu-item a {
color:#515656;
background:#fff
}

.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current-menu-item li a {
color:#fff;
background:#fd7a4b
}

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

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right:2em;
min-width:1px
/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em;
/* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url(images/arrows-ffffff.png) no-repeat -10px -100px
/* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
/* give all except IE6 the correct values */
top:1.8em;
background-position:-10px -100px
/* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {
background-position:0 -100px
/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
background-position:0 0;
top:.6em
}

.sf-menu ul a > .sf-sub-indicator {
background-position:0 0;
top:.6em
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0
/* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:url(images/shadow.png) no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px
}

.sf-shadow ul.sf-shadow-off {
background:transparent
}

/* Navigation select styling */
.select-menu {
border:1px solid #bec200;
background-color:#fff;
width:100%;
height:30px;
padding:5px;
cursor:pointer;
margin:0 auto;
color:#3e3e3e
}

.select-menu:focus {
border-color:#e27554
}

.select-menu option {
padding:5px;
cursor:pointer
}

.select-menu option.main_item {
font-weight:700
}

/* Top search */
#top-search {
	position: absolute;
	top:10px;
	right:0;
	background:#fff;
	border:1px solid #e2e5e4
}

#top-search .input-search {
width:235px;
margin-right:0;
border:none;
padding:8px 0 8px 10px
}

#top-search #submit {
width:40px;
height:33px;
background:url(images/search-btn.png) 0 0 no-repeat;
text-indent:-5000px;
cursor:pointer;
padding:0;
margin:0;
border:none;
}

#top-search #submit:hover {
background:url(images/search-btn.png) 0 -33px no-repeat
}

/* Content
---------------------------------------- */
.page > .vc_row-fluid > .column_container > .wpb_wrapper {padding:20px;}
.primary_content_wrap {
position:relative;
z-index:1;
}
.wpb_wrapper {word-wrap: break-word;}
.pad-content {padding-top:20px;}

/* Comments
---------------------------------------- */
h1#comments {
padding-top:10px;
margin-bottom:20px
}

.commentlist {
list-style-type:none;
padding:0 80px 20px 0;
margin:0
}

li.comment {
list-style-type:none;
overflow:hidden;
padding:0;
margin:0;
background:none;
text-transform:none
}
.odd {}
.even {}
li.comment .comment-body {
padding:23px 30px 20px 132px;
position:relative;
zoom:1;
background:#fff;
border:1px solid #e4e4e4;
margin-top:15px
}

li.comment .comment-body p {
min-height:65px
}
.comment-author {
position:absolute;
left:25px;
top:25px
}

.comment-author .author {
font-style:italic;
text-transform:capitalize;
width:86px;
text-align:center;
display:block;
padding-top:6px
}

/* Comment meta */
.comment-meta {
float:right;
color:#FD7A4B;
}

/* Avatar */
li.comment .avatar {
float:none;
margin:0;
vertical-align:top;
overflow:hidden;
border:1px solid #e5e5e5
}

li.comment .avatar {
display:block;
vertical-align:top;
overflow:hidden
}

.commentlist ul.children {
margin:0 0 0 20px;
overflow:hidden
}

/* Post
---------------------------------------- */
.post {}
.postContent {}
.post-excerpt {}
.post-holder {
margin-bottom:35px;
position:relative;
overflow:hidden
}
#content.right .post-holder,#content.left .post-holder {padding-right:80px;}

/* Post header */
.post-holder .entry-title {margin-bottom:8px;}

.post-holder.single-post {
	margin-bottom:30px;
	overflow:hidden;
	width:100%;
}

/* Featured thumbnail */
.featured-thumbnail {
	position:relative;
	float:left;
	margin:5px 20px 10px 0;
}
.featured-thumbnail img {float:left}

/* Small thumbnail */
.featured-thumbnail.small img {}

/* Large thumbnail */
.featured-thumbnail.large {
margin-right:0;
overflow:hidden;
margin-bottom:14px;
float:none
}

.featured-thumbnail.large img {
max-width:100%;
height:auto;
float:none
}

/* Post content */
.post-content .excerpt {margin-bottom:26px;}
.pagination {}
.pagination a {
	display:inline-block;
	padding:0 5px;
	background:#eee;
}

/* Post footer */
.post-holder .post-footer {
clear:both;
padding:15px 0 0;
}
.post-holder.single-post .post-footer {margin-top:20px;}

/* Meta information for post */
.post-meta {
overflow:hidden;
margin-bottom:14px
}

.post-meta time {
display:block;
width:70px;
height:60px;
border-radius:35px;
background:#fd7a4b;
color:#fff;
text-align:center;
text-transform:lowercase;
padding-top:10px;
margin:7px 10px 0 0
}

.post-meta time span {display:block;}

.post-meta time em {
display:block;
font-style:normal;
margin-top:-7px
}

.post-meta .post-info {
color:#fd7a4b;
overflow:hidden;
font-family: Cuprum, Arial, Helvetica, sans-serif
}

.post-navigation {
}

p.gravatar {
float:left;
margin-right:20px
}

/* Image styling */
.alignleft {
float:left;
margin:0 20px 10px 0
}

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

.aligncenter {
text-align:center;
margin:0 auto
}

.alignnone {
margin:0 0 10px
}

article .post-content img {
max-width:710px
}

.frame {
padding:7px;
background:#fff;
border:1px solid #dbdbdb;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center
}

.frame img.alignleft,.frame img.alignright {
margin:0;
padding:0;
border:none
}

/* Related Posts */
.related-posts {
overflow:hidden;
padding:0 80px 40px 0;
margin:0
}

.related-posts li {
list-style-type:none;
padding:0;
margin:0 0 0 3%;
float:left;
background:none;
width:22.5%;
overflow:hidden
}

.related-posts li:first-child {
margin-left:0
}

.related-posts li .featured-thumbnail {
float:none;
margin:0 0 10px;
overflow:hidden
}

/* Page Navigaton */
.pagenavi {
clear:both;
padding:20px 0;
position:relative;
overflow:hidden;
color:#FD7A4B;
}

.pagenavi span,.pagenavi a {
display:block;
float:left;
margin:0 10px 10px 0;
width:auto
}

.pagenavi a:hover,.pagenavi .current {
text-decoration:none;
color:#000
}

/* Older and newer navigation */
nav.oldernewer {
width:100%;
overflow:hidden;
margin-bottom:1.5em
}

.older {
float:left
}

.newer {
float:right
}

/* Post Formats
---------------------------------------- */
/* Images Format Type */
.recent-posts .format-image {
float:left;
margin:0 20px 20px 0
}

.image-post-format {
float:left;
margin:0 0 10px;
padding:7px;
background:#f6f6f6;
position:relative
}

/* Quote Format Type */
.recent-posts .format-quote {
}

/* Link Format Type */
.recent-posts .format-link {
}

/* Link Format Type */
.recent-posts .format-link {
}

/* Audio Format Type */
.recent-posts .format-audio {
margin-bottom:2em
}

.recent-posts .format-audio .audio-wrapper {
margin-bottom:.5em
}

/* Video Format Type */
.recent-posts .format-video {
}

.video {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin:0 0 2%
}

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

/* Gallery Post Format */
.slides_container_gallery {
width:600px;
margin-bottom:10px;
height:300px
}

.slides_container_gallery .g_item {
width:600px;
display:block
}

.slides_container_gallery .g_item img {
width:100%;
height:auto
}

/* Author
---------------------------------------- */
#post-author {
overflow:hidden;
border:1px solid #dbdbdb;
padding:20px;
margin-bottom:2em
}

#author-link {
margin-top:1.5em
}

#post-author .gravatar {
margin:0 20px 0 0
}

#post-author .gravatar img {
background:#fff;
border:1px solid #dbdbdb;
padding:5px
}

#author-description {
}

/* Recent author posts */
#recent-author-posts {
margin-bottom:3em
}

/* Recent author comments */
#recent-author-comments {
margin-top:2em
}

.author-info {
width:100%;
overflow:hidden;
margin-bottom:3em;
padding-bottom:2em;
border-bottom:1px solid #E2E5E4
}

.author-info .avatar {
margin:0 20px 0 0
}

.author-info .avatar img {
float:left
}

.author-meta {
margin-bottom:20px;
overflow:hidden;
width:100%
}

.author-meta p.gravatar {
margin:0
}

/* 404
---------------------------------------- */
#error404 {padding:0;}
.error404-num {}
#error404 hgroup {
margin:0 0 1.5em;
padding-top:85px;
}
#error404 hgroup h1 {
font-size:3em;
margin-bottom:.2em
}
#error404 hgroup h2 {margin-bottom:0;}

/* Portfolio
---------------------------------------- */
.latestwork {
width:100%;
overflow:hidden;
list-style-type:none;
padding:0;
margin:0
}

.latestwork li {
float:left;
margin-right:20px
}

/* Gallery */
.header-title {
margin-bottom:2em
}

.header-title h1 {
margin-bottom:.1em
}

.header-title .page-desc {
font-size:.91em;
color:#999
}

/* Default layout 3 columns */
#gallery {
}

#gallery .portfolio {
width:100%;
overflow:hidden;
list-style-type:none;
padding:0;
margin:0
}

#gallery .portfolio li {
list-style-type:none;
display:0;
display:inline-block;
zoom:1;
vertical-align:top;
width:300px;
margin:0 15px 50px 0;
position:relative;
background:none;
padding:0
}

* + html #gallery .portfolio li {
display:inline
}

#gallery .portfolio li.nomargin {
margin-right:0!important
}

#gallery .portfolio li a.image-wrap {
display:block;
overflow:hidden;
width:auto;
height:auto;
position:relative;
background:#fff url(images/loading.gif) 50% 50% no-repeat;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out
}

#gallery .portfolio li a.image-wrap:hover {
}

#gallery .portfolio li a.image-wrap img {
float:left
}

#gallery .portfolio li h6 a {
color:#FD7A4B
}

#gallery .portfolio li h6 a:hover {
color:#373A3F
}

#gallery .portfolio .folio-desc {
margin-bottom:0;
padding:1.5em 0 0
}

#gallery .portfolio p.excerpt {
padding:0
}

.zoom-icon {
display:block;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
cursor:pointer;
background:rgba(240,245,229,.4);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
opacity:0
}

.no-rgba .zoom-icon {
background:url(images/black-opacity-60.png);
visibility:hidden
}

.zoom-icon:before {
content:"";
display:block;
position:absolute;
left:50%;
top:50%;
width:101px;
height:101px;
margin:-51px 0 0 -51px;
background:url(images/magnify.png) 50% 50% no-repeat
}

.image-wrap:hover .zoom-icon {
opacity:1
}

.no-rgba .image-wrap:hover .zoom-icon {
visibility:visible
}

/* 1 column portfolio*/
#gallery.one_column .portfolio li {
width:100%;
margin-right:0;
margin-left:0
}

#gallery.one_column .portfolio li a.image-wrap {
width:540px;
height:289px;
float:left
}

#gallery.one_column .folio-desc {
float:left;
margin:0 0 0 20px;
overflow:hidden;
padding:0;
width:380px
}

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
width:459px;
margin-right:15px
}

#gallery.two_columns .portfolio li a.image-wrap {
width:459px;
height:269px
}

#gallery.two_columns .folio-desc,#gallery.four_columns .folio-desc {
padding-left:0
}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
width:220px;
margin-right:15px
}

#gallery.four_columns .portfolio li a.image-wrap {
width:220px;
height:143px
}

/* Sidebar
---------------------------------------- */
#sidebar {
padding:20px 0 0
}

#widget-sidebar {
}

.widget {
margin-bottom:30px
}

/* Calendar */
#calendar_wrap {
padding:0
}

#wp-calendar {
width:100%
}

#wp-calendar caption {
text-align:center
}

#wp-calendar td {
text-align:center;
padding:6px 0;
border:none
}

#wp-calendar caption {
color:#000;
font-weight:700;
padding:4px 0;
margin-bottom:5px
}

#wp-calendar thead th {
padding:7px 0;
background:#fff;
color:#000;
text-align:center
}

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

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

/* FAQs
---------------------------------------- */
.faq_list {}
.faq_list dt {
color:#666;
position:relative;
padding:0 0 5px 28px;
font-weight:400;
margin:0;
background:none
}

.faq_list span.marker {
display:block;
position:absolute;
left:0;
top:0;
color:#FD7A4B;
font-weight:700
}

.faq_list dd {
padding:0 0 0 28px;
position:relative;
margin:0 0 2em;
color:#b2b2b2
}

.faq_list dd .marker {
top:3px
}

/* Custom widgets
---------------------------------------- */
/* Recent Comments */
ul.recentcomments {
padding:0;
margin:0
}

ul.recentcomments li {
border-top:1px solid #E4E4E4;
padding:25px 0;
margin:0;
border-bottom:none;
background:none;
overflow:hidden;
list-style-type:none
}

ul.recentcomments li:first-child {
padding-top:0;
border-top:none
}

ul.recentcomments li img {
float:left;
margin:0 12px 0 0
}

ul.recentcomments .comment-body {
padding:15px 0 0
}

ul.recentcomments .comment-body a {
text-decoration:none;
color:#96999d
}

ul.recentcomments .comment-body a:hover {
color:#000;
text-decoration:underline
}

ul.recentcomments li h4 {
margin-bottom:.1em
}

ul.recentcomments li h4 a {
text-decoration:none
}

ul.recentcomments li h4 a:hover {
color:#000
}

ul.recentcomments li small {
font-size:11px;
color:#6a6a6a
}

/* Posts Type widget */
.post_list {
list-style-type:none;
padding:0;
margin:0
}

.post_list li {
list-style-type:none;
overflow:hidden;
padding:0;
padding-bottom:1.5em;
margin:0;
background:none
}

/* Post Cycle */
.post_cycle {
padding:0;
margin:0
}

.post_cycle .cycle_item {
display:none
}

.post_cycle .cycle_item:first {
display:block
}

/*
	Load CSS before JavaScript
*/
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container {
width:270px;
display:none
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container .item {
width:270px;
height:170px;
display:block
}

/*
	Optional:
	Reset list default style
*/
.pagination {
list-style:none;
margin:0;
padding:0
}

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination {
text-align:center
}

.pagination li {
list-style-type:none;
margin:0 0 5px;
display:inline-block;
padding:0 3px;
background:none
}

.pagination .current a {
color:red
}

/* Carousel widget */
.es-carousel-wrapper {
background:#101010;
padding:10px 37px;
margin:0 0 20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
position:relative
}

.es-carousel {
overflow:hidden;
background:#000
}

.es-carousel ul {
display:none
}

.es-carousel ul li {
height:100%;
float:left;
display:block;
list-style-type:none;
padding:0;
margin:0;
color:#fff
}

.es-carousel ul li .thumbnail {
display:block;
border-style:solid;
border-color:#222
}

.es-carousel ul li a img {
display:block;
border:none;
max-height:100%;
max-width:100%
}

.es-nav span {
position:absolute;
top:50%;
left:12px;
background:transparent url(images/nav.png) no-repeat top left;
width:14px;
height:26px;
margin-top:-13px;
text-indent:-9000px;
cursor:pointer;
opacity:0.8
}

.es-carousel ul li h4 {
margin-bottom:.5em
}

.es-carousel ul li .excerpt {
margin-bottom:10px
}

.es-nav span.es-nav-next {
right:12px;
left:auto;
background-position:top right
}

.es-nav span:hover {
opacity:1.0
}

/* Folio Cycle */
.folio_cycle {
list-style-type:none;
padding:0;
margin:0;
width:100%;
overflow:hidden
}

.folio_cycle .folio_item {
overflow:hidden;
display:none
}

.folio_cycle .folio_item:first {
display:block
}

.folio_cycle .folio_item .featured-thumbnail {
float:none;
margin:0 0 15px
}

.folio_cycle .folio_item .featured-thumbnail img {
float:none
}

#folio-controls {
text-align:center;
overflow:hidden
}

#folio-controls ul {
list-style-type:none;
margin:0;
padding:0
}

#folio-controls ul li {
padding:0 5px 0 0;
margin:0;
display:inline;
background:none
}

#folio-controls ul li a {
display:inline-block;
text-decoration:none;
width:9px;
height:9px;
background:#000;
font-size:0;
line-height:0;
border-radius:5px
}

#folio-controls ul li a:hover {
background:#999
}

/* Testimonials */
.testimonials {
padding:0;
margin:0
}

.testimonials div.testi_item {
padding:0;
margin:0 0 2em;
background:none
}

.testimonials div.testi_item blockquote {
display:block;
position:relative;
margin:0;
padding:30px;
background:#dbdbdb;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box
}

.testimonials div.testi_item blockquote:before {
content:"";
display:block;
position:absolute;
left:65px;
bottom:-20px;
width:0;
height:0;
border-left:20px solid transparent;
border-right:0 solid transparent;
border-top:20px solid #dbdbdb
}

.testimonials div.testi_item blockquote:after {
content:"";
display:block;
position:absolute;
left:20px;
top:10px;
width:41px;
height:38px;
background:url(images/quotes.png) 0 0 no-repeat
}

.testimonials div.testi_item blockquote a {
text-decoration:none;
color:#4e4e4e;
display:block;
font-style:normal;
position:relative
}

.testimonials div.testi_item blockquote a:hover {
color:#fff
}

.testimonials div.testi_item blockquote a:hover {
color:#fff
}

.testimonials div.testi_item .featured-thumbnail {
position:relative;
z-index:2;
margin:0 20px 0 10px
}

.name-testi {
padding:20px 0 0;
text-align:right;
display:block
}

.name-testi a {
font-weight:400
}

.testimonials .thumb {
float:left;
margin-right:20px
}

/* Misc for Cycle widgets */
#testi-cycle .testi_item {
display:none
}

#testi-cycle .testi_item:first {
display:block
}

#testi-controls {
text-align:center;
overflow:hidden
}

#testi-controls ul {
list-style-type:none;
margin:0;
padding:0
}

#testi-controls ul li {
padding:0;
margin:0 2px 0 0;
display:inline-block
}

* + html #testi-controls ul li {
display:inline;
zoom:1
}

/* Recent Posts */
.latestpost {
list-style-type:none;
margin:0;
padding:0 0 6px
}

.latestpost li {
padding:0;
background:none;
margin:0 0 15px;
list-style-type:none;
overflow:hidden
}

.latestpost li .featured-thumbnail {
margin:0 18px 0 0
}

.latestpost li time {
font-size:14px;
color:#fd7a4b;
display:block;
padding:5px 0 0
}

.latestpost li h5 {
margin-bottom:0
}

.latestpost li .excerpt {
margin-bottom:15px
}

/* Banner widget */
.banners-holder {
list-style-type:none;
padding:0;
margin:0
}
.banners-holder li {
list-style-type:none;
float:left;
margin:0 3px 3px 0;
padding:0
}
.banners-holder li img {
vertical-align:top;
float:left
}


/* Testimonials
---------------------------------------- */
/* Testimonials list */
article.testimonial {
border:1px solid #E2E5E4;
padding:30px 30px 30px 160px;
width:auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
line-height:1.5em;
font-weight:400;
margin-bottom:35px
}

article.testimonial .featured-thumbnail {
position:absolute;
left:20px;
top:20px
}

article.testimonial .name-testi {
display:block;
text-align:right;
font-style:normal;
color:#222c36;
font-size:13px;
font-family:Cuprum, Arial, Helvetica, sans-serif;
line-height:1.2em
}

article.testimonial .name-testi a {
text-decoration:none
}

article.testimonial .name-testi a:hover {
text-decoration:underline
}

/* Shortcodes
---------------------------------------- */
/* Recent Posts */
.recent-posts {
margin:0;
padding:0;
width:100%;
overflow:hidden;
border:none
}

.recent-posts li {
list-style-type:none;
margin:0 0 20px;
padding:0;
border:none;
background:none
}

.recent-posts li img.thumb {
float:left;
margin:0 20px 0 0
}

.recent-posts li h5 {
margin-bottom:0
}

.recent-posts li h5 a {
color:#FD7A4B
}

.recent-posts li h5 a:hover {
text-decoration:underline
}

.recent-posts li .excerpt {
margin-bottom:1.5em
}

.recent-posts li span.meta {
display:block;
margin-bottom:.5em;
font-size:10px;
color:#888;
text-transform:uppercase;
overflow:hidden
}

.recent-posts li .post-date {
float:left
}

.recent-posts li .post-comments {
float:right
}

/* Work */
.recent-posts.work li h5 {
padding-top:10px
}

.recent-posts.work li .excerpt {
margin-bottom:0
}

.recent-posts.work li .featured-thumbnail {
margin:5px 20px 0 0
}

/* Our team */
.recent-posts.team {
margin:0;
padding:0
}

.recent-posts.team li {
float:left;
width:140px;
overflow:hidden;
margin:0 20px 20px 0
}

.recent-posts.team li:nth-child(3n) {
margin-right:0
}

.recent-posts.team li.nomargin {
margin-right:0
}

.recent-posts.team li .featured-thumbnail {
margin:0
}

.recent-posts.team li .excerpt {
margin-bottom:0
}

.recent-posts.team li h5 {
display:none
}

/* Our Clients */
.recent-posts.clients {
margin:0;
padding:0
}

.recent-posts.clients li {
float:left;
width:140px;
overflow:hidden;
margin:0 20px 20px 0
}

.recent-posts.clients li:nth-child(3n) {
margin-right:0
}

.recent-posts.clients li.nomargin {
margin-right:0
}

.recent-posts.clients li .featured-thumbnail {
margin:0
}

.recent-posts.clients li .excerpt {
margin-bottom:0
}

.recent-posts.clients li h5 {
display:none
}

/* Our methods */
.recent-posts.methods {
margin:0;
padding:0
}

.recent-posts.methods li {
float:left;
width:300px;
overflow:hidden;
margin:0 20px 20px 0
}

.recent-posts.methods li:nth-child(3n) {
margin-right:0
}

.recent-posts.methods li.nomargin {
margin-right:0
}

.recent-posts.methods li .featured-thumbnail {
}

.recent-posts.methods li .excerpt {
margin-bottom:0
}

.recent-posts.methods li h5 {
padding-top:12px
}

/* Services */
.recent-posts.services {
list-style-type:none;
padding:1.5em 0 0;
margin:0 0 -30px;
overflow:hidden
}

.recent-posts.services li {
float:left;
width:300px;
margin:0 20px 30px 0;
background:none;
padding:0
}

.recent-posts.services li:nth-child(2n) {
margin-right:0
}

.recent-posts.services li.nomargin {
margin-right:0
}

.recent-posts.services li img.thumb {
margin-right:3px
}

.recent-posts.services li h3 {
padding-top:8px
}

.recent-posts.services li h3 a {
color:#191919
}

/* Popular Posts */
.popular_posts {
list-style-type:none;
padding:0;
margin:0
}

.popular_posts li {
list-style-type:none;
padding:0 0 20px;
margin:0;
overflow:hidden
}

/* Tags */
.tags-cloud a,.tagcloud a,.post-footer a {
display:inline-block;
background:#e0e0e0;
padding:2px 7px;
border-radius:3px;
text-decoration:none;
color:#838383;
margin:0 1px 4px 0;
font-size:11px;
box-shadow:1px 1px 0 rgba(0,0,0,.2);
line-height:1.5em;
vertical-align:top
}

.tags-cloud a:hover,.tagcloud a:hover,.post-footer a:hover {
background:#FD7A4B;
color:#fff
}

/* Recent Comments */
.recent-comments {
list-style-type:none;
padding:0;
margin:0
}

.recent-comments li {
padding:0;
margin:0;
border:none;
padding-bottom:.5em
}


/* Footer
---------------------------------------- */
#footer {color: #FFF;}

/* Footer widget */
.widget_text {padding: 15px 5%;}
.widget_nav_menu, .widget_nav_menu + .widget_text {padding: 15px 2.5%;}
.widget_text {
	width:90%;
	background: #a7cccb;
	text-align: center;
}
.widget_nav_menu, .widget_nav_menu + .widget_text{
	float:left;
	background:#3e3e3e;
}
.widget_nav_menu {width: 55%;}
.widget_nav_menu + .widget_text {width:35%;}

#widget-footer ul {margin:0}
#widget-footer ul li {
	float: left;
	margin: 0;
	padding: 0 20px;
}
#widget-footer ul li a {display:block;color: #FFFFFF;}

/* Footer text */
#footer-text {
	margin:15px 0;
	text-align: right;
}
#footer-text a:hover, #footer-text a:active {text-decoration: none;}

/* Misc
---------------------------------------- */
.button {
display:inline-block;
padding:9px 22px 10px;
color:#545454;
border:1px solid #e7e7e7;
text-decoration:none;
background:#f4f4f4;
/* Old browsers */
background:0;
/* FF3.6+ */
background:0 color-stop(100%,#e7e7e7));
/* Chrome,Safari4+ */
background:0;
/* Chrome10+,Safari5.1+ */
background:0;
/* Opera 11.10+ */
background:0;
/* IE10+ */
background:linear-gradient(tobottom,#f4f4f40%,#e7e7e7100%);
box-shadow:inset 0 0 2px rgba(255,255,255,1)
}
.button:hover {
background:#FD7A4B;
color:#fff;
box-shadow:none;
border:1px solid #e35e2e
}

/* Small Button */
.button.small {
font-size:10px;
text-transform:uppercase;
padding:3px 8px
}

/* Large Button */
.button.large {
font-size:18px;
padding:16px 32px
}
.no-results {}

/* Lightbox */
.lightbox {
display:block;
position:relative
}

/* Back to Top */
#back-top-wrapper {
width:100%;
position:absolute;
overflow:hidden
}
#back-top {
position:fixed;
bottom:20px;
left:50%;
margin-left:550px;
display:none
}
#back-top a {
width:12px;
height:7px;
background:url(images/back-to-top.png) 0 0 no-repeat;
display:block
}
#back-top a:hover {background:url(images/back-to-top.png) 0 -7px no-repeat;}

/* Tabs */
.tabs {margin:1px 0 20px}
.tabs .tab-wrapper {
border:1px solid #ddd;
margin:-1px 0 0
}

.tabs .tab-menu ul {
list-style:none;
margin:0!important;
padding:0!important
}

.tabs .tab-menu li {
display:inline;
float:left;
margin:0;
padding:0
}

.tabs .tab-menu a {
background-color:#fafafa;
border:1px solid #ddd;
color:#aaa;
display:block;
letter-spacing:1px;
margin:0 2px 0 0;
padding:8px 20px
}

.tabs .tab-menu a:hover {
background-color:#f2f2f2;
color:#666
}

.tabs .tab-menu a.active {
	background-color:#fff;
	background:0 repeat scroll 0 0 transparent;
	background:0;
	border-bottom:none;
	color:#666;
	padding:8px 20px 9px;
}

.tabs .tab {
	background-color:#fafafa;
	padding:20px;
}

/* Toggle */
.toggle {padding:0 0 2px}
.toggle .trigger {
background-color:#f5f5f5;
background:0;
background:0;
border:1px solid #ddd;
color:#666;
display:block;
padding:10px 12px 10px 40px;
position:relative;
text-decoration:none;
height:1%
}
.toggle .trigger span {
background:url(includes/images/toggle.png) 0 0 no-repeat;
display:block;
position:absolute;
top:9px;
left:10px;
text-indent:-9999px;
width:22px;
height:20px
}
.toggle .trigger:hover,.toggle .active {
background:#191919;
color:#fff
}
.toggle .active span {background-position:0 -20px;}
.toggle .box {
background-color:#fafafa;
border:1px solid #ddd;
padding:20px;
}

/* Dropcap */
.dropcap {
display:block;
float:left;
margin:0 22px 20px 0;
text-transform:uppercase;
width:51px;
height:51px;
background:#666;
color:#fff;
text-align:center;
font-weight:700;
text-transform:lowercase
}
.hr {
height:1px;
background:#e2e5e4;
overflow:hidden;
margin:30px 0
}
.sm_hr {
height:1px;
background:#e2e5e4;
overflow:hidden;
margin:27px 0
}
.fwhr {
height:1px;
background:#e2e5e4;
overflow:hidden;
margin:0 0 30px
}
.spacer {
height:50px;
overflow:hidden;
font-size:0;
line-height:0
}

/* Address */
.address {
overflow:hidden;
width:100%;
margin:0;
padding:0
}

.address dt {
float:left;
width:165px;
margin-right:20px;
padding:0 0 0 55px;
background:none;
font-size:1em;
line-height:1em;
background:url(images/address-icon1.png) no-repeat 0 3px
}
.address dd {
float:left;
width:217px;
padding:0 0 0 53px;
background:url(images/address-icon2.png) no-repeat 0 3px
}
.address dd ul {
list-style-type:none;
padding:0;
margin:0
}
.address dd ul li {
background:none;
padding:0
}
.address dd span {
float:left;
width:100px
}
.address dd a {
font-style:italic;
color:#191919;
text-decoration:underline
}
.address dd a:hover {
text-decoration:none
}

/* VIDEO */
.video-wrap {
margin-bottom:10px;
position:relative;
zoom:1
}
.video-wrap object {
position:relative;
z-index:2
}
.video-bg {
background-color:#000;
position:absolute;
left:0;
top:0;
z-index:1
}

/* AUDIO */
.audio-wrapper {margin-bottom:1.5em}
.audio-desc {
font-size:.91em;
color:#999;
padding:.5em 0 0
}
.audiojs audio {
position:absolute;
left:-1px
}
.audiojs {
width:460px;
height:36px;
background:#404040;
overflow:hidden;
font-family:monospace;
background-image:0 color-stop(0.5,#555), color-stop(0.51,#444), color-stop(1,#444));
background-image:0;
-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.3);
-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.3);
-o-box-shadow:1px 1px 8px rgba(0,0,0,0.3);
box-shadow:1px 1px 8px rgba(0,0,0,0.3)
}

.audiojs .play-pause {
width:25px;
height:40px;
padding:4px 6px;
margin:0;
float:left;
overflow:hidden;
border-right:1px solid #000
}
.audiojs p {
display:none;
width:25px;
height:40px;
margin:0;
cursor:pointer
}
.audiojs .play {display:block}
.audiojs .scrubber {
position:relative;
float:left;
width:280px;
background:#5a5a5a;
height:14px;
margin:10px;
border-top:1px solid #3f3f3f;
border-left:0;
border-bottom:0;
overflow:hidden
}
.audiojs .progress {
position:absolute;
top:0;
left:0;
height:14px;
width:0;
background:#ccc;
z-index:1;
background-image:0 color-stop(0.5,#ddd), color-stop(0.51,#ccc), color-stop(1,#ccc));
background-image:0
}
.audiojs .loaded {
position:absolute;
top:0;
left:0;
height:14px;
width:0;
background:#000;
background-image:0 color-stop(0.5,#333), color-stop(0.51,#222), color-stop(1,#222));
background-image:0
}
.audiojs .time {
float:left;
height:36px;
line-height:36px;
margin:0 0 0 6px;
padding:0 6px 0 12px;
border-left:1px solid #000;
color:#ddd;
text-shadow:1px 1px 0 rgba(0,0,0,0.5)
}
.audiojs .time em {
padding:0 2px 0 0;
color:#f9f9f9;
font-style:normal
}
.audiojs .time strong {
padding:0 0 0 2px;
font-weight:400
}
.audiojs .error-message {
float:left;
display:none;
margin:0 10px;
height:36px;
width:400px;
overflow:hidden;
line-height:36px;
white-space:nowrap;
color:#fff;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow:ellipsis;
-khtml-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis
}
.audiojs .error-message a {
color:#eee;
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid #999;
white-space:wrap
}
.audiojs .play {background:url(js/audiojs/player-graphics.gif) -2px -1px no-repeat}
.audiojs .loading {background:url(js/audiojs/player-graphics.gif) -2px -31px no-repeat}
.audiojs .error {background:url(js/audiojs/player-graphics.gif) -2px -61px no-repeat}
.audiojs .pause {background:url(js/audiojs/player-graphics.gif) -2px -91px no-repeat}
.playing .play,.playing .loading,.playing .error {display:none}
.playing .pause {display:block}
.loading .play,.loading .pause,.loading .error {display:none}
.loading .loading {display:block}
.error .time,.error .play,.error .pause,.error .scrubber,.error .loading {display:none}
.error .error {display:block}
.error .play-pause p {cursor:auto}
.error .error-message {display:block}

/* Alert boxes
---------------------------------------- */
.notice-box {
border-color:#68a2cf;
color:#2e6093;
background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9
}
.approved-box,.wpcf7-mail-sent-ok {
border-color:#a3c159;
color:#5e6f33;
background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #cf9
}

/* Forms
---------------------------------------- */
/* Form defaults */
input,select,textarea {
	position:relative;
	vertical-align:middle;
	outline:none;
}
input[type=submit],input[type=reset] {
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
}
input[type=submit]:hover,input[type=reset]:hover {}

/* Comment form */
#commentform {}
	#commentform p.field {margin-bottom:15px;}
		#commentform p a{
			color: #FD7A4B;
			text-decoration: underline;
		}
		#commentform p a:hover {text-decoration: none;}
		#commentform small {color:#8b8b8b;}
	#commentform label {
		display:block;
		margin-bottom: 10px;
		}
	#commentform input[type="text"] {width:45%;}
	#commentform textarea {
		width:90%;
		height:150px;
		overflow:auto;
		}

/* Sidebar search form */
#searchform .searching {
		width:160px;
		margin-right:10px;
		}
	#searchform .submit {
		width:60px;
		cursor:pointer;
		padding-left:0;
		padding-right:0;
		}

/* Sidebar search form */
#searchform .searching {
		width:160px;
		margin-right:10px;
		}
	#searchform .submit {
		width:60px;
		cursor:pointer;
		padding-left:0;
		padding-right:0;
		}

/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {overflow:hidden;}

/* Clear Floated Elements */
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}
* html .clearfix {height:1%}
.clearfix {display:block}