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

Theme Name: Imperio
Theme URI: http://www.themepurpose.com/
Description: A Multipurpose Portfolio and Ecommerce WordPress Theme
Author: Theme Purpose
Author URI: http://www.themepurpose.com/
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, theme-options, right-sidebar, custom-background, custom-menu, post-formats, threaded-comments
Text Domain: imperio-framework

-------------------------------------------------------------------- 

    1. Browser Reset
    2. Typography
    3. Master Styles
    4. Header Options
    5. Navigation + Mega Menu + Mobile Navigation + Header Top Bar
    6. Page Title Header
    7. Blog Styles
    8. Comments
    9. Pagination
   10. Media Element Player - WordPress
   11. Sidebar Widgets
   12. Portfolio Post Type Styles
   13. Isotope CSS3 transitions
   14. Team Post Tyles Styles
   15. Footer Styles
   16. Media Queries
   17. Contact Form 7 Styles

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


/*-----------------------------------------------------------------------------------*/
/*    1. Browser 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
table {
    border-collapse: collapse;
    border-spacing: 0;
}


*,
*:before,
*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}


hr {
background: #eee;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}

ol, ul {
list-style: none;
}

p {
margin-top: 0;
margin-bottom: 30px;
}

p:last-child{
    margin-bottom: 0;
}

b,strong{
    font-weight: 400;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}

tbody {
    padding: 0 3px;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

caption {
    font-size: 16px;
    margin: 20px 0;
}

th {
    font-weight: bold;
    text-transform: uppercase;
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}


ins {

    text-decoration: none;
}

sup {
vertical-align: top;
font-size: 0.6em;
position: relative;
top: -0.5em;
}

sub {
vertical-align: bottom;
font-size: 0.6em;
position: relative;
bottom: -0.5em;
}



code,
pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  color: #555555;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8; }

code {
  padding: 0.143em 0.286em;
  font-size: 0.85em;
  border-radius: 3px; }

pre {
  display: block;
  padding: 15px;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  border-radius: 4px; 
}

pre code {
    padding: 0;
    background-color: transparent;
    border: 0; }


video {
max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
width: 100%    !important;


}

.gallery a img{
    background: #fff;
    padding: 5px;
    border: 1px solid #e5e5e5;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -ms-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
}

.gallery-item{
    float: left;
    padding: 0 10px 10px 0;
    text-align: center;
}

.gallery-columns-1 .gallery-item{    width: 100%;}
.gallery-columns-2 .gallery-item{    width: 50%;}
.gallery-columns-3 .gallery-item{    width: 33.3333333%;}
.gallery-columns-4 .gallery-item{    width: 25%;}
.gallery-columns-5 .gallery-item{    width: 20%;}
.gallery-columns-6 .gallery-item{    width: 16.66666666666667%;}
.gallery-columns-7 .gallery-item{    width: 14.28571428571429%;}
.gallery-columns-8 .gallery-item{    width: 12.5%;}
.gallery-columns-9 .gallery-item{    width: 11.11111111111111%;}


.gallery-caption { 
    margin-left: 0; 
    margin-bottom: 10px;
    padding: 0px 10px;
}

/* Boxed Layout */
.wrap_all.boxed {
    background: #fff;
    position: relative;
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.wrap_all.boxed .container {
    padding-left: 30px;
    padding-right: 30px;
}


.page-template-template-100-width-php .entry-content > .row, .single-portfolio .entry-content > .row{
    margin: 0;
}

.page-template-template-100-width-php .entry-content > .row > .col-md-12, .single-portfolio .entry-content > .row > .col-md-12{
    padding-left: 0;
    padding-right: 0;
}




/*-----------------------------------------------------------------------------------*/
/* Typography
/*-----------------------------------------------------------------------------------*/

.heading3, h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    margin: 1.25em 0 0.5em;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 300;
}

.filter-panel ul li {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

#menu ul a, #navigation-mobile li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.wp-caption {
    text-align: center;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.header-top .tagline {
    line-height: 37px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 13px;
}

header #logo a {
    font-family: 'Oswald', sans-serif;
    color: #9B9B9B;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2em;
}
header #logo a.image {
    line-height: 0;
}

h2.entry-title {
    margin:14px 0 10px 0;
    font-size: 30px;
    line-height: 40px;
}


h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3, .heading3 { font-size: 20px; }
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}

dt {
font-weight: 500;
color: #333;
}

dd {
padding-left: 20px;
}

.nomargin{  margin: 0;}
.no-top-margin{  margin-top: 0;}
.no-right-margin{  margin-right: 0;}
.no-bottom-margin{  margin-bottom: 0;}
.no-left-margin{  margin-left: 0;}

.panel h1 {
    margin: 0;
    color: inherit;
}


.item-project .project-title h3 {
    font-weight: 300;
}


.item-project .project-title h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

/*-----------------------------------------------------------------------------------*/
/*    3. Master Styles
/*-----------------------------------------------------------------------------------*/

.heading3{
    display: block;
}

.single-post .entry-content{
    display: inline-block;
    width: 100%;
}

.entry-content > .heading3:first-child, 
.entry-content > h1:first-child, 
.entry-content > h2:first-child, 
.entry-content > h3:first-child, 
.entry-content > h4:first-child, 
.entry-content > h5:first-child, 
.entry-content > h6:first-child{
    margin-top: 0;
}

.entry-content > .heading3:last-child, 
.entry-content > h1:last-child, 
.entry-content > h2:last-child, 
.entry-content > h3:last-child, 
.entry-content > h4:last-child, 
.entry-content > h5:last-child, 
.entry-content > h6:last-child{
    margin-bottom: 1em;
}

body.noheader{
    padding-top: 0 !important;
}

body {
color: #747474;
background: #fff;
}

body.fullwidth{
    background: #fff !important;
}

a {
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.1s ease-in-out 0s;
-moz-transition: color 0.1s ease-in-out 0s;
-ms-transition: color 0.1s ease-in-out 0s;
-o-transition: color 0.1s ease-in-out 0s;
transition: color 0.1s ease-in-out 0s;
}

a:hover,
a:active,
a:focus {
outline: 0;
text-decoration: none;
color: #000;
}

a img {
    border: none;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

p {
    margin:0 0 15px 0;
}

ul, ol {
    margin: 0 0 20px 20px;
    padding: 0;
}

li {
    line-height: 1.7em;
}

.hidden {
    opacity: 0;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}


.left_align{ text-align: left;}
.center_align{text-align: center;}
.right_align{text-align: right;}


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

img.alignright {
    display: block;
    margin: 20px 0 20px 25px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    margin: 20px 0;
}

.vc-inline-link{display: none;}
.textwidget{display: inline-block;}

.entry-content p:first-child img.alignnone:first-child {
    margin-top: 0;
}

.img-full-responsive {
	width: 100%;
	height: auto;
	display: block;
	max-width: none;
}

.wp-caption {
    margin: 10px 20px 20px 20px;
    max-width: 100%;
}

.wp-caption.aligncenter {
    margin: 20px auto;
}

.wp-caption.alignleft {
    margin-left: 0;
}

.wp-caption.alignright {
    margin-right: 0;
}

.wp-caption.alignnone {
    margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption
.wp-caption-text {
    margin: 0;
    padding: 5px;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 13px;
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 15px;
    width: 100%;
    height: auto;
	background: #FBFBFB;
    border: 1px solid #DFDFDF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	-webkit-appearance: none;
    color: #BCBCC4;
    resize: none;
    outline: none;
    -webkit-transition: background 0.1s ease-in-out 0s, border 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
    -moz-transition: background 0.1s ease-in-out 0s, border 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
    -o-transition: background 0.1s ease-in-out 0s, border 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
    transition: background 0.1s ease-in-out 0s, border 0.1s ease-in-out 0s, color 0.1s ease-in-out 0s;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"],
textarea:focus {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	background: #FFFFFF;
    border-color: #C5C5C5;
    color: #56646F;
}


/*-----------------------------------------------------------------------------------*/
/*    4. Header Options
/*-----------------------------------------------------------------------------------*/

.header_divider{
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 67px;
}

header.dark .header_divider{ border-bottom: solid 1px #313131;}
header.light .header_divider{ border-bottom: solid 1px #EBEBEB;}

header div.header-shopping-cart > a.cart:before{
    content: "\f07a";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 15px;
    float: left;
    line-height: 1;
    font-size: 24px;
  }

.header-top .tagline a, 
header.dark .header-top, 
header.dark div.header-shopping-cart > a, 
body.darkheader #navigation-mobile li a, 
body.darkheader #navigation-mobile li a,
body.darkheader .menu-nav{ color: #A8A8A8 ;}
header.dark #menu ul a{color: #B9B9B9;}
header.dark{ background-color: #363636;}
header.dark .header-top{ background: #2C2C2C; margin-top: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.17);}
header.dark #menu > ul > li > a span { background: rgba(16,16,16,0);}
header.dark #menu > ul > li.current_page_item > a span, 
header.dark #menu > ul > li:hover > a span,
header.dark #menu > ul > li.menu-item-has-children.current_page_parent > a span, 
header.dark #menu > ul > li.menu-item-has-children.current_page_ancestor > a span{ background: rgba(16,16,16,1);}
header.dark #menu ul ul { background: #1D1D1D;}
header.dark #menu ul .sub-menu li a:hover,
header.dark #menu ul .sub-menu li.current-cat a,
header.dark #menu ul .sub-menu li.current_page_item > a,
header.dark #menu ul .sub-menu li.current-menu-item > a,
header.dark #menu ul .sub-menu li.current-page-ancestor > a,
header.dark #menu ul .sub-menu li.current-menu-ancestor > a, 
header.dark #menu ul.sub-menu li.sfHover > a { color: #fff !important; background: rgba(0,0,0,0.2);}
header.dark #menu ul .sub-menu li a {border-bottom: 1px solid rgba(0,0,0,0.3) !important; border-top: solid 1px rgba(255,255,255,0.05) !important;}
header.dark .header-top .tagline a:hover{ color: #fff;}
header.dark .search-cont input[type="text"] { background: #2C2C2C !important; border-left: solid 1px #252525; color: #ccc !important;}
header.dark ul.social li a, 
header.dark ul.quicktool-icons li a{color:#A8A8A8;}
header.dark .second_menu_cont {float: right;}
header.dark #second-menu-nav{float: left; margin: 19px 0 0 0;}
header.dark #second-menu-nav li{ float: left; }
header.dark #second-menu-nav li a{color: #A2A2A2;font-size: 11px; padding: 10px 11px 10px;display: block; font-weight: 500;}
header.dark #second-menu-nav li a:hover{color: #888888;}
header.dark .menu-border{border-top: solid 1px #313131; margin: 0;}



body.lightheader #navigation-mobile li a{ color: #A0A0A0;}
header.light{ background-color: #fff;}
header.light .header-top{ background: #F8F8F8; border-bottom: solid 1px rgba(0,0,0,0.02);}
header.light #menu > ul > li > a span { background: rgba(255,255,255,0);}
header.light #menu > ul > li.current_page_item > a span, header.light #menu > ul > li.current_page_parent > a span, 
header.light #menu > ul > li:hover > a span { background: rgba(16,16,16,1); color: #fff;}
header.light #menu ul ul { background: #f5f5f5;}
header.light #menu ul .sub-menu li a:hover,
header.light #menu ul .sub-menu li.current-cat a,
header.light #menu ul .sub-menu li.current_page_item > a,
header.light #menu ul .sub-menu li.current-menu-item > a,
header.light #menu ul .sub-menu li.current-page-ancestor > a,
header.light #menu ul .sub-menu li.current-menu-ancestor > a,
header.light #menu ul.sub-menu li.sfHover > a  {background: #fff;}
header.light #menu ul .sub-menu li a {border-bottom: 1px solid #e6e6e6 !important; border-top: solid 1px rgba(255,255,255,1) !important;}
header.light .header-top .tagline a:hover{ color: #000;}
header.light .search-cont input[type="text"] { background: #fff !important; border-left: solid 1px #E7E7E7; color: #B6B6B6 !important;}
header.light ul.social li a, 
header.light ul.quicktool-icons li a{color:#cacaca;}
header.light .second_menu_cont {float: right;}
header.light #menu ul li.megamenu > ul.sub-menu > li > a{border-bottom: solid 1px #E6E6E6 !important;}
header.light #second-menu-nav{float: left; margin: 19px 0 0 0;}
header.light #second-menu-nav li{ float: left; }
header.light #second-menu-nav li a{color: #A2A2A2;font-size: 11px; padding: 10px 11px 10px;display: block; font-weight: 500;}
header.light #second-menu-nav li a:hover{color: #888888;}
header.light .menu-border{border-top: solid 1px #eee; margin: 0;}
header.light #menu > ul > li.menu-item-has-children.current_page_parent > a span,
header.light #menu > ul > li.menu-item-has-children.current_page_ancestor > a span,
header.light #menu > ul > li.current-page-ancestor > a span{color: #fff;}


header .stickynav{display: none;}


header.header-v1 div.header-shopping-cart{ padding-top:30px;float: right; padding-left: 15px;}
header.header-v1 div.header-shopping-cart > a.cart{ display: inline-block; }
header.header-v1 div.header-shopping-cart > a > span { font-size: 12px; padding:0px 11px 0 0;float: right;}
header.header-v1 #menu { float: right;}
header.header-v1 #menu ul li:hover ul, 
header.header-v2 #menu ul li.sfHover ul{top: 85px;}


header.header-v2 .col-md-12 { text-align: center;}
header.header-v2 #logo {width: 100%;}
header.header-v2 #menu{margin-right: 0; float: none; width: 100%;}
header.header-v2 #menu ul{display: inline-block; text-align: left; vertical-align: top;}
header.header-v2 div.header-shopping-cart{padding-top: 21px;padding-left: 15px; display: inline-block;}
header.header-v2 div.header-shopping-cart.mobile{display: none;}
header.header-v2 div.header-shopping-cart > a.cart{  display: inline-block;}
header.header-v2 div.header-shopping-cart > a > span { font-size: 12px; padding:0px 11px 0 0; float: right;}
header.header-v2 #menu {  float: right;}
header.header-v2 #menu ul li:hover ul, 
header.header-v2 #menu ul li.sfHover ul{top: 67px;}
header.header-v2.sticky-header #menu ul li:hover ul, 
header.header-v2.sticky-header #menu ul li.sfHover ul{top: 59px;}


header.header-v3 .col-md-12 { text-align: left;}
header.header-v3 #menu{margin-right: 0; float: none; width: 100%; height: 49px;}
header.header-v3 #menu ul{display: inline-block; text-align: left; vertical-align: top;}
header.header-v3 div.header-shopping-cart{padding-top: 30px;padding-left: 15px; display: inline-block;}
header.header-v3 div.header-shopping-cart > a.cart{  display: inline-block;}
header.header-v3 div.header-shopping-cart > a > span { font-size: 12px; padding:0 11px 0 0; float: right;}
header.header-v3 #menu {  float: right;}
header.header-v3 #menu ul li:hover ul, 
header.header-v3 #menu ul li.sfHover ul{top: 49px;}


header #menu ul > li:last-child ul{
    right: 0; 
}


.boxed header#masthead{
    width: 1170px;
}


header#masthead {
    position: fixed;
    width: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    top: 0;
}


#menu ul.sub-menu li:hover > a {    
    border-left: solid 2px ;
}

#menu ul.sub-menu li > a {    
    border-left: solid 2px transparent;
}


/*-----------------------------------------------------------------------------------*/
/*  # Sticky Header
/*-----------------------------------------------------------------------------------*/

/* Sticky Transitions */

header.sticky-header #logo a img {
    max-height: 42px;
}

header .header-shopping-cart,
header.header-v1.sticky-header #menu > ul > li > a, 
header.header-v2.sticky-header #menu > ul > li > a, 
header.header-v3.sticky-header #menu > ul > li > a,
header #logo, .menu-nav, header .header-top
{

    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}


/* Sticky Transitions */

body.header-v1, body.header-v7{padding-top: 124px;}
body.header-v2, body.header-v8{padding-top: 85px;}
body.header-v3, body.header-v9{padding-top: 191px;}
body.header-v4, body.header-v10 {padding-top: 152px;}
body.header-v5, body.header-v11{padding-top: 174px;}
body.header-v6, body.header-v12{padding-top: 135px;}


@media (min-width: 991px) {

    .padding-normal {
        padding: 60px 0 60px;
    }

    .padding-bottom {
        padding-bottom: 60px;
    }

    body.admin-bar header#masthead{
        top:32px;
    }
    header.sticky-header .stickynav{display: block;}
    header.sticky-header .second_menu_cont{display: none;}
    header.sticky-header .menu-border{display: none;}


    body.sticky-header.header-v3, body.sticky-header.header-v4, body.sticky-header.header-v5, body.sticky-header.header-v9, body.sticky-header.header-v10, body.sticky-header.header-v11{padding-top: 124px;}
    
    body.sticky-header.header-v3 header.header-v2 div.header-shopping-cart, 
    body.sticky-header.header-v4 header.header-v2 div.header-shopping-cart, 
    body.sticky-header.header-v5 header.header-v2 div.header-shopping-cart, 
    body.sticky-header.header-v9 header.header-v2 div.header-shopping-cart, 
    body.sticky-header.header-v10 header.header-v2 div.header-shopping-cart, 
    body.sticky-header.header-v11 header.header-v2 div.header-shopping-cart
    {float: right;}

    body.sticky-header.header-v3 .logo-menu .col-md-12.logoarea,
    body.sticky-header.header-v4 .logo-menu .col-md-12.logoarea,
    body.sticky-header.header-v9 .logo-menu .col-md-12.logoarea,
    body.sticky-header.header-v10 .logo-menu .col-md-12.logoarea
    {    width: 16.666666666666664%; float: left; text-align: left;}

    body.sticky-header.header-v3 .logo-menu .col-md-12.menuarea,
    body.sticky-header.header-v4 .logo-menu .col-md-12.menuarea,
    body.sticky-header.header-v9 .logo-menu .col-md-12.menuarea,
    body.sticky-header.header-v10 .logo-menu .col-md-12.menuarea
    {    width: 83.33333333333334%; float: right; text-align: right;}


    header.sticky-header .header-shopping-cart{
        padding-top: 18px !important;
    }


    header.header-v1.sticky-header #menu > ul > li > a, header.header-v2.sticky-header #menu > ul > li > a, header.header-v3.sticky-header #menu > ul > li > a{
        padding: 18px 0;
    }

    header.sticky-header #menu > ul > li:hover > ul {
        top: 59px !important;
    }
    header.sticky-header .header-top{
        margin-top: -39px;
    }
    header.sticky-header #logo  {
        height: 60px;
    }
    header.sticky-header section.sticky-sidebar{
        padding-bottom: 80px;
    }

    .wrap_all.boxed header.sticky-header {
        position: relative;
        z-index: 1000;
    }


    .sticky-header .menu-nav{
        height: 62px;
    }
}

@media (max-width: 991px) {

    a.hover-wrap{
        margin-bottom: 30px;
    }

    .item-project a.hover-wrap{
        margin-bottom: 0;
    }
    .padding-normal {
        padding: 30px 0 30px;
    }

    .padding-bottom {
        padding-bottom: 30px;
    }

    #footer-credits .col-xs-12{
        text-align: center;
    }


    .footer-widgets .col-md-3, .footer-widgets .col-md-4, .footer-widgets .col-md-6, .footer-widgets .col-md-9{
        margin-bottom: 30px;
    }


    .panel.static .pagize{
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }


    .panel.static .row .col-md-4{
        height: auto !important;
    }

    .header_divider{
        display: none;
    }

    .top-sidebar-dropdown{
        display: none;
    }

    #second-menu-nav{
        display: none;
    }
    .menu-border{
        display: none;
    }
    header#masthead{
        position: relative;
    }
    .boxed header#masthead{
        width: 100%;
    }

    body{padding-top: 0 !important;}

    body.header-v3 .logo-menu .col-xs-6.logoarea, 
    body.header-v4 .logo-menu .col-xs-6.logoarea,  
    body.header-v9 .logo-menu .col-xs-6.logoarea, 
    body.header-v10 .logo-menu .col-xs-6.logoarea{ text-align: left;}

    body.header-v3 .logo-menu .col-xs-6, 
    body.header-v4 .logo-menu .col-xs-6,
    body.header-v9 .logo-menu .col-xs-6, 
    body.header-v10 .logo-menu .col-xs-6
    { text-align: right;}

    header.header-v2 div.header-shopping-cart.mobile{display: inline-block; padding-top: 30px;}

}



/*-----------------------------------------------------------------------------------*/
/*    5. Navigation DropDown
/*-----------------------------------------------------------------------------------*/

/* Sub-Menu */

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

#menu ul > li{
    margin-right:5px;
}

#menu ul li {
    position: relative;
    float: left;
    z-index: 40;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#menu ul li:last-child {
    margin-right: 0;
}

#menu ul a {
    position: relative;
    padding: 0px;    
    display: block;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}


#menu ul > li > a {
    padding: 30px 0;
}
header.header-v2 #menu ul > li > a {
    padding: 22px 0;
}
header.header-v3 #menu ul > li > a {
    padding: 13px 0;
}

#menu ul > li:last-child a {
    margin-right: 0;
}

#menu ul li ul li a {
    margin: 0 !important;
}

#menu > ul > li > a span{
     padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

#menu > ul > li.current_page_item > a:after, #menu > ul > li:hover > a:after,
header.light #menu > ul > li.menu-item-has-children.current_page_parent > a:after,
header.light #menu > ul > li.menu-item-has-children.current_page_ancestor > a:after
{
        opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
    -moz-opacity: 1.0;
}

#menu ul li:hover { visibility: inherit; }

#menu ul ul {
    position: absolute;
    top: -9999em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

#menu ul li:not(.megamenu) ul{    
    width: 220px !important;
}

#menu ul li:not(.megamenu) ul li.menu-item-has-children > a:after{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\f105';
    position: absolute;
    right: 10px;
    font-size: 14px;
}
/*#menu ul li.megamenu ul{    
    min-width: 200px !important;
}
*/
#menu ul > ul{
    margin-left: 2px;
}

#menu ul ul li {
    width: 100%;
}

#menu ul li:hover ul,
#menu ul li.sfHover ul {
    z-index: 99;
    -webkit-box-shadow: 0 0.5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0.5px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0.5px 1px rgba(0,0,0,0.4);
}



#menu ul li:hover li ul,
#menu ul li.sfHover li ul,
#menu ul li li:hover li ul,
#menu ul li li.sfHover li ul,
#menu ul li li li:hover li ul,
#menu ul li li li.sfHover li ul {
    top: -9999em;
}

#menu ul li li:hover ul,
#menu ul li li.sfHover ul,
#menu ul li li li:hover ul,
#menu ul li li li.sfHover ul,
#menu ul li li li li:hover ul,
#menu ul li li li li.sfHover ul {
    top: 0 !important ;
    left: -100% !important;
}

#menu ul ul {
    padding: 0;
}

#menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    line-height: 25px;
    border-bottom: solid 0px transparent;
}

#menu ul ul li:last-child {
    border-bottom: none;
}

#menu ul ul li a {
    padding: 0;
    line-height: 1.4em;
}

#menu ul .sub-menu li a, header.header-v3 #menu ul .sub-menu li a, header.header-v2 #menu ul .sub-menu li a {
    font-size: 11px;
    padding:10px;
}


header.dark #menu ul .sub-menu li a{
    color: #A8A8A8 !important;
}

#menu ul .sub-menu > li:last-child > a {
    border-bottom: none;    
}


/*-----------------------------------------------------------------------------------*/
/*    # Mega Menu
/*-----------------------------------------------------------------------------------*/

#menu ul li.megamenu{
    position: inherit !important;
}

#menu ul li.megamenu .sub-menu{left: 0;}

#menu ul li.megamenu ul.sub-menu ul.sub-menu{
    display: block !important;
    visibility: visible !important;
    position: static !important;
}
#menu ul li.megamenu > ul.sub-menu > li{
    float: left;
    position: static !important;
    padding: 0 20px 20px;
}

#menu ul li.megamenu.col2 > ul.sub-menu > li{
    width: 50% !important;
}

#menu ul li.megamenu.col2 > ul.sub-menu ul.sub-menu{
    width: 100% !important;
}

#menu ul li.megamenu.col3 > ul >li > .sub-menu, 
#menu ul li.megamenu.col4 > ul >li > .sub-menu,
#menu ul li.megamenu > ul.sub-menu
{
    width: 100% !important;
}

#menu ul li.megamenu.col3 > ul.sub-menu > li{    
    width: 33% !important;
}
#menu ul li.megamenu.col4 > ul.sub-menu > li{    
    width: 25% !important;
}

#menu ul li.megamenu.col4 > ul.sub-menu > li:nth-child(4n+1){
    clear: left;
}

#menu ul li.megamenu > ul.sub-menu > li > a{
    font-weight: 400;
    font-size: 11px;
    border:0;
    background: none;
    padding: 10px 0;
    border: 0 !important;
}

#menu ul li.megamenu > ul.sub-menu > li > ul > li > a{
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding: 10px 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    font-weight: 400;
    font-size: 11px;
}
#menu ul li.megamenu > ul.sub-menu > li > ul > li > a:hover{
    padding:10px;
}
#menu ul li.megamenu > ul.sub-menu > li > ul > li.current_page_item > a, #menu ul li.megamenu > ul.sub-menu > li > ul > li.current-menu-item > a{
    border-left: solid 2px ; padding:10px;
}


#menu li.megamenu > ul.sub-menu > li > a:hover, 
#menu li.megamenu > ul.sub-menu li.sfHover > a, 
#menu li.megamenu > ul.sub-menu > li.menu-item-has-children > a{
    background: none;
}

#menu ul li.megamenu > ul.sub-menu > li > ul > li{
    float: left;
    width: 100% !important;
    position: static !important;
}


/*-----------------------------------------------------------------------------------*/
/*    # Mobile Navigation
/*-----------------------------------------------------------------------------------*/

#mobile-nav,
#navigation-mobile {
    display: none;
}

.menu-nav {
    position: relative;
    display: block;
    width: 40px;
    height: 86px;
}

.menu-nav .menu-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -23px 0 0 0;
}

.menu-nav .menu-icon:before{
    content: "\f0c9";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
}

.menu-nav.open .menu-icon {
    background-position: 0 -16px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
}


body.header-v1 #navigation-mobile, 
body.header-v2 #navigation-mobile, 
body.header-v3 #navigation-mobile, 
body.header-v4 #navigation-mobile, 
body.header-v5 #navigation-mobile, 
body.header-v6 #navigation-mobile
{    background: #161616;}

body.header-v7 #navigation-mobile, 
body.header-v8 #navigation-mobile, 
body.header-v9 #navigation-mobile, 
body.header-v10 #navigation-mobile, 
body.header-v11 #navigation-mobile, 
body.header-v12 #navigation-mobile
{    background: #f5f5f5;}

body.header-v1 #menu-nav-mobile li, body.header-v1 #menu-nav-mobile ul.sub-menu li, 
body.header-v2 #menu-nav-mobile li, body.header-v2 #menu-nav-mobile ul.sub-menu li, 
body.header-v3 #menu-nav-mobile li, body.header-v3 #menu-nav-mobile ul.sub-menu li, 
body.header-v4 #menu-nav-mobile li, body.header-v4 #menu-nav-mobile ul.sub-menu li, 
body.header-v5 #menu-nav-mobile li, body.header-v5 #menu-nav-mobile ul.sub-menu li, 
body.header-v6 #menu-nav-mobile li, body.header-v6 #menu-nav-mobile ul.sub-menu li
{    border-color: #242424;}

body.header-v7 #menu-nav-mobile li,  body.header-v7 #menu-nav-mobile ul.sub-menu li, 
body.header-v8 #menu-nav-mobile li,  body.header-v8 #menu-nav-mobile ul.sub-menu li, 
body.header-v9 #menu-nav-mobile li,  body.header-v9 #menu-nav-mobile ul.sub-menu li, 
body.header-v10 #menu-nav-mobile li, body.header-v10 #menu-nav-mobile ul.sub-menu li, 
body.header-v11 #menu-nav-mobile li, body.header-v11 #menu-nav-mobile ul.sub-menu li, 
body.header-v12 #menu-nav-mobile li, body.header-v12 #menu-nav-mobile ul.sub-menu li
{    border-color: #E0E0E0;}



#navigation-mobile {
    position: relative;
    z-index: 21;
    display: none;
}

#menu-nav-mobile {
    margin: 0;
    padding: 15px 0;
}

#menu-nav-mobile li {
    border-top: 1px solid;
    list-style: none;
}

#navigation-mobile li:first-child {
    border-top: none;
}

#navigation-mobile li a {
    position: relative;
    display: block;
    padding: 10px 0;
}


#menu-nav-mobile ul.sub-menu {
    position: relative;
    top: auto;
    margin: 0;
    width: auto;
    background: transparent;
}

#menu-nav-mobile ul.sub-menu li {
    margin-top: 0;
    height: auto;
    border-top: 1px solid ;
    padding-left: 20px;
}

body.header-v1 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon,
body.header-v2 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon,
body.header-v3 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon,
body.header-v4 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon,
body.header-v5 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon,
body.header-v6 #menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon{
    border: solid 1px rgba(255, 255, 255, 0.11);
}

#menu-nav-mobile .menu-parent-item span.mobile-menu-drop-icon {
    position: absolute;
    top: 5px;
    right: 0px;
    margin: 0 0 0 0;
    color: #7A8499;
    font-size: 20px;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    padding: 2px 12px;
    border: solid 1px rgba(0, 0, 0, 0.11);
    width: 32px;
    height: 32px;
}

#menu-nav-mobile .menu-parent-item.open > a > span > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*-----------------------------------------------------------------------------------*/
/*    # Header Top Bar
/*-----------------------------------------------------------------------------------*/
.header-top {
    font-size: 14px;
}

ul.social {
    float:left;
}
ul.quicktool-icons{
    float: left;
    margin: 0;
}

.header-icons {    
    float: right;
    width: auto;
}
.header-icons .login {
    float: left;
}

.header-icons .login a{  
    line-height: 38px;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 20px;
    display: block;
}
.header-icons .login a:hover{
    color: #B3B3B3;
}

header.light .header-icons .login a{    
    border-right: solid 1px rgba(0,0,0,0.05);
    border-left: solid 1px rgba(0,0,0,0.05);
}

header.dark .header-icons .login a{    
    border-right: solid 1px rgba(255,255,255,0.15);
    border-left: solid 1px rgba(255,255,255,0.15);
}

ul.social li, ul.quicktool-icons li {
    display:inline;
    line-height: 32px;
}

ul.social li a, ul.quicktool-icons li a {
    color:#808080;
    display:block;
    font-size: 16px;
    text-align: center;
    margin:0;
    float:left;
    -webkit-transition:background 0.2s linear, color 0.2s linear; 
    -moz-transition:background 0.2s linear, color 0.2s linear;
    -0-transition:background 0.2s linear, color 0.2s linear;
    transition:background 0.2s linear, color 0.2s linear;
}

ul.social li a:hover, ul.quicktool-icons li a:hover {
    color:#fff !important;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.header-top a.dribbble:hover {
    background-color:#e24a85;
}

.header-top a.github-alt:hover {
    background-color:#b1b1b1;
}

.header-top a.linkedin:hover {
    background-color:#007bb6;
}

.header-top a.google-plus:hover {
    background-color:#e1472f;
}

.header-top a.skype:hover {
    background-color:#0cb1f1;
}

.header-top a.facebook:hover {
    background-color:#3b5998;
}

.header-top a.linkedin:hover {
    background-color:#0073b2;
}

.header-top a.twitter:hover {
    background-color:#00acee;
}

.header-top a.flickr:hover {
    background-color:#ff0084;
}

.header-top a.rss:hover {
    background-color:#f28d34;
}

.header-top a.pinterest:hover {
    background-color:#cb2028;
}

.header-top a.youtube-play:hover {
    background-color:#d93030;
}

.header-top a.vimeo-square:hover {
    background-color: #63b4e4;
}

.header-top a.instagram:hover {
    background-color: #517FA4;
}

.header-top a.search {
    position: relative;
    z-index: 21;
}

.header-top ul.social {
    margin: 0px;
}   

.header-top ul.social li a, .header-top ul.quicktool-icons li a {
    height:38px;    
    width: 36px;    
    padding-top: 3px;
}

form.header-search-form {
    display: inline;
}

label.search-cont {
    position: absolute;
    display: block;
    right: 15px;
    top: 0;
    width: 6%;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.1s fade-in;
    -moz-transition: all 0.1s fade-in;
    -ms-transition: all 0.1s fade-in;
    -o-transition: all 0.1s fade-in;
    transition: all 0.1s fade-in;

}

form.header-search-form.opened label.search-cont {    
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}
form.header-search-form.opened button.submit {  
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}
form.header-search-form.opened button.submit {
z-index: 22;
}


form.header-search-form.opened label.search-cont input[type="text"] {
    width: 63%;
}



.search-cont input[type="text"] {
    width: 100%;
    height: 38px;
    float: right;
    border: 0;
    line-height: 16px;
    font-size: 14px;
}

.header-search button.submit {
    padding: 0 !important;
    position: absolute;
    top: 0;
    z-index: 20;
    width: 36px;
    height: 38px;
    margin: 0 !important;
    font-family: "FontAwesome";
    color: rgba(255,255,255,0) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 27px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.header-search button i.fa-search{
    color: #fff;
    font-size: 16px;
}

header #logo{
    display: table;
    height: 85px;
}

#logo a img {
    margin-bottom: 0px;
    max-width: 100%;
    max-height: 57px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    -moz-transition: opacity 0.1s ease-in-out 0s;
    -o-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#logo a:hover img,
#logo a:focus img,
#logo a:active img {
    opacity: 0.85;
}

#logo img.retina {
    display: none;
}


.top-sidebar {
    display: none;
}

.top-sidebar-dropdown {
    width: 100%;
    position: relative;
}

.boxed a.toggle-sidebar{
    right: -48px;
    position: absolute;
}

a.toggle-sidebar:before {
    content: " ";
    position: absolute;
    right: 10px;
    font-size: 32px;
    bottom: -26px;
    z-index: 999;
    background: url(images/expand.png) no-repeat center 50%;
    height: 26px;  
    width: 26px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;    
}


a.toggleUp:before {
    background: url(images/collapse.png) no-repeat center 50%;
}



/*-----------------------------------------------------------------------------------*/
/*  6. Page Title Header
/*-----------------------------------------------------------------------------------*/

.panel.static p.breadcrumb {
    font-size: 14px;
    background: none;
    padding: 0;
    margin-top: 10px;
}

p.breadcrumb .seperator {
    font-size: 11px;
    font-family: 'Open Sans' sans-serif;
    padding: 0 5px;
}

.panel.border-no {
    border: 0 !important;
}


.page-caption a{
    color: inherit;
    font-size: 13px;
}

.page-caption a:hover{
    color: #000;
}

.panel {
	position: relative;
	overflow: hidden;
}

.panel.static a:hover{
    color: rgba(255,255,255,0.7) !important;
}
.panel.static .row .col-md-4 p.breadcrumb, p.page-caption{
    display: table-cell;
    vertical-align: middle;    
}
.panel.static .row .col-md-4{
    display: table;
}

.panel .pagize {
    position: relative;
	z-index: 2;
}

.panel .breadcrumb,
.panel .entry-meta {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
}

.breadcrumb a {
    color: inherit;
}

.panel .breadcrumb a:hover {
    color: inherit;
}

.panel .entry-meta a {
	color: #FFFFFF;
    font-weight: 300;	
	-webkit-transition: opacity 0.1s ease-in-out 0s;
    -moz-transition: opacity 0.1s ease-in-out 0s;
    -o-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
}

.panel .entry-meta a:hover {
	opacity: 0.75;	
}

.feature-background, .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: repeat;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}

.panel.static .feature-background, .overlay {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.parallax {
	position: absolute;
	background-clip: padding-box;
	width: 100%;
	max-width: 100%;
	top: 0;
	-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.overlay {
	opacity: .7;
}

.background-cover {
	-webkit-background-size: cover !important;
	-khtml-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}


/*-----------------------------------------------------------------------------------*/
/*   Content Styles
/*-----------------------------------------------------------------------------------*/

#content article ol > li{
    list-style: decimal;
}

#content article ol > li:before{
    display: none;
}

.entry-content ul > li{
    list-style: disc;
}

.arrowlist ul li{
    list-style: none !important;
}
.arrowlist ul li:before, ul.arrowlist li:before{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: '\f105';
    position: absolute;
    margin-left: -20px;
    margin-top: 1px;
}

article.post table tr td, article.post table th{
    border-left: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    padding:6px; 
}

article.post table tr:last-child td, article.post table tr:last-child th{
    border-bottom: 1px solid #E6E6E6;
}

article.post table tr td:last-child,article.post table tr th:last-child{
    border-right: 1px solid #E6E6E6;
}

body.blog .standard-blog article[class*="sticky"]{
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    padding:20px;
}

body.blog .standard-blog article, body.archive .standard-blog article {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e4e4e4;
}

body.blog article.format-aside{
    border-bottom: 0;
    margin-bottom: 60px;
}
body.blog article:last-child{
    border-bottom: 0;
}
body.search .standard-blog article {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e4e4e4;
}

body.search-no-results .standard-blog article{
    margin-bottom: 0;
}

body.search .standard-blog article.no-results{
    border: 0;
}

body.blog .standard-blog article:last-child, body.archive .standard-blog article:last-child,
.single .standard-blog article {
	margin-bottom: 0;	
}

.single .standard-blog article.format-aside{
    margin-bottom: 40px;
}

.format-standard iframe.twitter-tweet{
    width: 100%;
    margin: 0 !important;
    max-width: 100% !important;
}
body.blog .standard-blog .entry-wrap, body.search .standard-blog .entry-wrap, body.archive .standard-blog .entry-wrap {
	position: relative;
}

body.search .row, body.error404 .row{
    padding: 0;
}

#blog .col-md-9.right_side {
float: right;
}    

body.blog .standard-blog article:last-child .entry-wrap {
	border-bottom: none;
}

.st-social-share {
    padding: 20px 0;
    border-top: 1px solid #EBEDEF;
    border-bottom: 1px solid #EBEDEF;
    margin-top: -1px;
}

.st-social-share .sharetext{
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: -5px;
}

.st-social-share .facebook-like{
    position: relative;
    top: -5px;
}

.st-social-share .facebook-like,
.st-social-share .twitter-tweet,
.st-social-share .gplus-count,
.st-social-share .pinterest-pin {
    width: 107px;
    display: inline-block;
}
.st-social-share .pinterest-pin{
    width: 50px;
}


/*-----------------------------------------------------------------------------------*/
/*    7. Blog Styles
/*-----------------------------------------------------------------------------------*/

.entry-content > .row, .entry-content > .container > .row{
    padding: 60px 0;
}

.entry-content > .container .row > .container .row {
    padding: 10px 0;
}


.row_fluid{
    width: 100%;
}


body.single .post-thumb, body.single .flexslider, body.page .post-thumb {
    margin-bottom: 15px;
}

body.single .standard-blog article.format-aside .entry-content{
    padding-right: 25px;
}

body:not(.page) .entry-content p:last-child, body:not(.page) .entry-content ul:last-child, body:not(.page) .entry-content ol:last-child{
    margin-bottom: 0;
}

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

a.hover-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;    
}

a.hover-wrap img {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
	-webkit-transition: all 0.10s ease-in-out 0s;
    -moz-transition: all 0.10s ease-in-out 0s;
    -o-transition: all 0.10s ease-in-out 0s;
    transition: all 0.10s ease-in-out 0s;
}

a.hover-wrap .post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background:rgba(0,0,0,0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}

a.hover-wrap:hover .post-overlay,
a.hover-wrap:active .post-overlay,
a.hover-wrap:focus .post-overlay {
    opacity: 1;
    filter: alpha(opacity=1);
}

a.hover-wrap .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.hover-wrap i.fa {
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    line-height: 41px;
    left: 50%;
    margin-left: -7px;
}

a.hover-wrap .bdt{
    height: 50%;
    border-top: solid 2px #fff;
    width: 100%;
    position: absolute;
    margin-top: 50%;
}

a.hover-wrap .bdl{
    height: 100%;
    border-left: solid 2px #fff;
    width: 50%;
    position: absolute;
    margin-left: 50%;
}

.post-thumb .flexslider {
	margin: 0;
}

article.sticky h2.entry-title{
    margin-top: 0;
}

.entry-content ul {
    list-style: none;
}


p.page-caption{
    margin: 0;
}

body.single .likes-comments{
    position: static;
    background: none;
    padding: 0;
}

body.single a:hover{
    color: #000;
}

.likes-comments {
    position: absolute;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    padding: 7px 10px;
    top: 20px;
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}


.post-likes i {
    margin-right: 5px;
}
.comment-count i {
    margin-right: 0.7em !important;
}
.post-likes a{
    color: #fff;
}

.comment-count a{
    color: #fff;
}

.format-status .post-likes a, .format-status .comment-count a{
    color: inherit;
}


.comment-count, .blog .single .post-likes{
    margin-left: 10px;
}

.single-portfolio.single .post-likes{
    margin-left:0px;
}

.likes-comments.no-thumbnail{
    position: static;
    background: none;
    display: inline;
}

.likes-comments.no-thumbnail .comment-count a{
    color: inherit;
}
.likes-comments.no-thumbnail .post-likes a{
    color: inherit;
}

.single-meta{
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

span.meta-divider {
    padding: 0px 15px;
}


body.blog .standard-blog .entry-content, body.search .standard-blog .entry-content, body.archive .standard-blog .entry-content{
    padding-top: 12px;
}


body.single .standard-blog article{
    border: 0;
}
.format-quote .likes-comments, .format-link .likes-comments{
    top: inherit;
    bottom: 15px;
    right: 25px;
    background: none;
}

.format-status .likes-comments, .format-aside .likes-comments{
    top: 0;
    right: 25px;
    background: none;
    padding-top: 0;
}

.format-status .post-info{
    position: relative;
}

.format-chat .likes-comments{
    top: 110px;
    right: 25px;
    background: none;
}

.format-quote .post-info, .format-quote .entry-content blockquote{
    color: #fff;
    padding: 25px 35px;   
    background-color: #6E708F;
        background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #6E708F),
        color-stop(1, #5A7A94)
    );
    background-image: -o-linear-gradient(right, #6E708F 0%, #5A7A94 100%);
    background-image: -moz-linear-gradient(right, #6E708F 0%, #5A7A94 100%);
    background-image: -webkit-linear-gradient(right, #6E708F 0%, #5A7A94 100%);
    background-image: -ms-linear-gradient(right, #6E708F 0%, #5A7A94 100%);
    background-image: linear-gradient(to right, #6E708F 0%, #5A7A94 100%);
    margin: 0;
}

.format-quote .entry-content blockquote:before, .format-quote .entry-content blockquote:after{
    display: none;
}


.format-link .post-info{
    padding: 25px 35px;   
    background-color: #5F969E;
        background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #5F969E),
        color-stop(1, #7CA078)
    );
    background-image: -o-linear-gradient(right, #5F969E 0%, #7CA078 100%);
    background-image: -moz-linear-gradient(right, #5F969E 0%, #7CA078 100%);
    background-image: -webkit-linear-gradient(right, #5F969E 0%, #7CA078 100%);
    background-image: -ms-linear-gradient(right, #5F969E 0%, #7CA078 100%);
    background-image: linear-gradient(to right, #5F969E 0%, #7CA078 100%);
}


.format-status .entry-wrap{
    color: #fff;
    padding: 25px 0 25px 35px;  
    background-color: #AC6A6A;
        background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #AC6A6A),
        color-stop(1, #777777)
    );
    background-image: -o-linear-gradient(right, #AC6A6A 0%, #777777 100%);
    background-image: -moz-linear-gradient(right, #AC6A6A 0%, #777777 100%);
    background-image: -webkit-linear-gradient(right, #AC6A6A 0%, #777777 100%);
    background-image: -ms-linear-gradient(right, #AC6A6A 0%, #777777 100%);
    background-image: linear-gradient(to right, #AC6A6A 0%, #777777 100%);
}


.format-aside{
    padding: 25px 0 25px 35px;  
    background-color: #F3F3F3;
        background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #F3F3F3),
        color-stop(1, #F5F5F5)
    );
    background-image: -o-linear-gradient(right, #F3F3F3 0%, #F5F5F5 100%);
    background-image: -moz-linear-gradient(right, #F3F3F3 0%, #F5F5F5 100%);
    background-image: -webkit-linear-gradient(right, #F3F3F3 0%, #F5F5F5 100%);
    background-image: -ms-linear-gradient(right, #F3F3F3 0%, #F5F5F5 100%);
    background-image: linear-gradient(to right, #F3F3F3 0%, #F5F5F5 100%);
}

.format-aside .likes-comments .post-likes a, .format-aside .likes-comments .comment-count a, 
.format-chat .likes-comments .post-likes a, .format-chat .likes-comments .comment-count a{
    color: #ADADAD;
}



.format-status p:last-child, .format-aside p:last-child{
    margin-bottom: 0;
}


.format-quote .post-info h2.entry-title a, .format-link .post-info h2.entry-title a, .format-quote .post-info h2.entry-title, .format-link .post-info h2.entry-title{
    color: #fff;
    font-size: 25px;
    font-weight: 300;
}

.format-quote .entry-content blockquote cite:before{
    content: "\f10d";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;

}

.format-quote .entry-content blockquote cite a{
    color: #fff;
}


.format-quote .entry-content a:hover{
    text-decoration: underline;
}
.format-quote .entry-content blockquote cite {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
    font-weight: 300;
    border-top: solid 1px rgba(255, 255, 255, 0.24);
    padding-top: 20px;
    margin-top: 20px;
    display: block;
}

.format-quote h4.entry-quote-author,
.format-link h4.entry-quote-link {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    border-top: solid 1px rgba(255, 255, 255, 0.24);
    padding-top: 20px;
    padding-right: 90px;
}

.format-quote h4.entry-quote-author i,
.format-link h4.entry-quote-link i{
    margin-right: 10px;
}

.format-link h4.entry-quote-link p{
    display: inline;
}

.format-quote h2.entry-title,
.format-link h2.entry-title {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.format-link h4.entry-quote-link a {
    color: inherit;
}

.format-link h4.entry-quote-link a:hover{
    border-bottom: solid 1px #fff;
}
.entry-meta i {
	margin-right: 5px;
    margin-left: 5px;
}

.entry-meta .author, .entry-meta .published{
    margin-right: 5px;
}


.entry-meta{
    font-size: 12px;
    padding: 0;    
    color: #B3B3B3;
    display:inline-block;
}

.entry-meta .author a, .entry-meta .published a, .entry-meta .meta-edit a, .entry-meta .category a {
	color: #B3B3B3;
}

p.entry-categories > a {
    font-weight: 300;
}

p.entry-categories {
font-size: 15px;
}


.entry-footer {
    margin-top: 20px;
    padding: 20px 0;    
    border-top: 1px solid #EBEDEF;
    border-bottom: 1px solid #EBEDEF;
}

.entry-footer p {
    margin-top: 0;
    margin-bottom: 3px;    
}
.standard-blog .readmore{
    display: inline-block;
}
.standard-blog .more-link .fa{
    margin-left: 10px;
}

.standard-blog .more-link {
	display: block;
    cursor: default;
    font-size: 12px;
    line-height: 3em;
    float: left;
}


.standard-blog .more-link span{
    cursor: pointer;
    color: #fff;
    padding:10px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.standard-blog .more-link:hover span{
    background-color: #585858;
}


body.archive .standard-blog .format-quote .entry-content{
    padding: 0;
    border: 0;
}

.standard-blog article.format-status .entry-content, .standard-blog article.format-aside .entry-content{
    border: 0;
    padding: 0 130px 0 25px;
}

.standard-blog article.format-status .entry-content:before{
    content: "\f0a1";
    color: inherit !important;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    top: 30px;
    left: 33px;
}

.standard-blog article.format-aside .entry-content:before{
    content: "\f0a1";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 0;
}

body.single .standard-blog article.format-aside .entry-content:before{
    left: 40px;
    top: 30px;
}



.format-chat .entry-content p:first-child{
    padding-right: 140px;
}

.format-chat .entry-content p{
    background: #fff; 
    border-left: 2px solid #EBEBEB; 
    margin: 0px;
    padding: 10px 10px 10px 13px;

}
.format-chat .entry-content p:last-child{
    margin-bottom: 15px;
}
.format-chat .entry-content p:nth-child(odd) {
    background: #F1F1F1;
    border-left-color: #5da423;
}


.entry-content .page-links{
    margin-top: 20px;
}

.entry-content .page-links a{
    color: #fff;
    padding: 1px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
    font-size: 12px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.entry-content .page-links a:hover, .entry-content .page-links > span{
    background: #fff;
    border: 1px solid #f57949;
}
.entry-content .page-links > span{
    padding: 1px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
}


/*-----------------------------------------------------------------------------------*/
/*    8. Comments
/*-----------------------------------------------------------------------------------*/

.page-template-template-100-width-php #comments, 
.page-template-template-100-width-php .comments-disabled, 
.page-template-template-100-width-php .comment-respond{
    margin: 0 30px;
}


#comments {
    clear: both;
    background: #fff;
}

#comments-number,
#reply-title,
#pings {
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #F3F3F3;
}



#pings {
    margin-top: 35px;
}

#reply-title {
    margin-bottom: 15px;
}

.commentlist,
.pinglist {
    margin: 1.625em 0 0 0;
    list-style-type: none;
    overflow: hidden;
}

#commentform {
    overflow: hidden;
}

#commentform label,
#commentform span.required {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}

p.comment-form-comment label {
    display: none !important;
}

#commentform label {
    top: 7px;
}

#commentform label span {
    color: #f37a5c;
}

#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url{
    float: left;
    width: 33.3%;
    padding-right: 15px;
}

 #commentform .comment-form-url{
    padding-right: 0;
 }

#commentform .comment-form-comment, .form-submit {
    width: 100%;
    float: left;
}

.commentlist .line {
    display: none;
}

.logged-in-as {
    margin-bottom: 30px !important;
    margin-top: 15px;
}

.commentlist ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

.commentlist li li {
    padding-top: 25px;
    margin-top: 0;
}

.commentlist li #commentform {
    margin-top: 20px;
}

.commentlist li #respond {
    padding-top: 0px;
    padding-left: 95px;
    margin-bottom: 30px;
    margin-top: 0px;
    border: none;
}

.comment {
    overflow: hidden;
    border-bottom: solid 1px #ececec;
    margin-bottom: 20px;
}

.comment:last-child{
    margin-bottom: 0;
}

.comment:first-child {
    margin-top: 0;
}

li li #cancel-comment-reply-link {
    padding-left: 5px;
}

li #cancel-comment-reply-link {
    padding-left: 5px;
    font-size: 15px;
}

ol #commentform {
    width: 100%;
}

.comment-form > p {
    margin-bottom: 15px;
    overflow: hidden;
}

p.form-submit {
    margin-bottom: 10px;
}

.item-author{
    display: inline-block;
    width: 100%;
    margin: 50px 0;
}
.item-author h4{
    margin-top: 0px;
}
.item-author p.author-bio{
    margin-left: 80px;
}

#commentform .user-logged-in {
    margin-bottom: 20px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
    width: 100%;
    float: left;
    margin: 0 20px 0 0;
}

.comment .avatar, .item-author img {
    position: relative;
    z-index: 5;
    float: left;
    display: block;
    margin-right: 20px;
    top: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment-meta {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
}

.comment-meta,
.comment-meta a {
    color: #AEAEAE;
}

.comment-author cite {
    margin-bottom: 0px;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #838383;
}

.comment-author a,
.comment-author {
    color: #838383;
}
.comment-author{
    position: relative;
}
.comment-author span.author-tag {
    position: absolute;
    right: 0;
    margin-top: 6px;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    padding: 3px 5px;
    font-weight: normal;
    height: auto;
    text-transform:capitalize;
}

.comment-info {
    float: left;
}

.comment .comment-content {
    margin-left: 94px;
}

.comments-disabled {
    background: #fff;
}

.comments-disabled span {
    float: left;
    margin-right: 13px;
}

.comments-disabled {
    display: block;
    padding:15px 0;
    border-top: 1px solid #EBEDEF;
    margin-top: -1px;
}
p.nocomments{
    margin-bottom: 0;
}

.comment-body ul {
    list-style-type: disc;
    border: none;
    margin-bottom: 20px;
}

.comment-body {
    padding-bottom: 20px;
}

.comment-respond input[type="submit"]{
    color: #fff !important;
    font-size: 16px;
    padding: 15px 20px !important;
    font-weight: 300;
    background-color: #59CFC7;
}


ol.commentlist > li.comment:last-child > .comment-body {
    margin-bottom: 0;
}

.commentlist > .comment:last-child .comment-body {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.comment-body p {
    margin-bottom: 0;
}

.comment-body ol {
    list-style-type: decimal;
}

.comments-navigation{
    padding: 10px 0;
}

.comments-navigation a {
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.moderation {
    color: red;
    font-size: 13px;
    display: block;
    margin-top: 10px;
}

.bypostauthor .author-tag,
.byuser .author-tag {
    float: right;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-shadow: none;
    text-transform: uppercase;
}


/*-----------------------------------------------------------------------------------*/
/*    9. Pagination
/*-----------------------------------------------------------------------------------*/

.main-content-nav {    
    padding-bottom: 30px;
}

.navigation-projects {
	position: relative;
}

.navigation-projects ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.navigation-projects ul li {
	display: inline-block;
	list-style: none;
	margin: 2px;
}

.navigation-projects ul li.prev a,
.navigation-projects ul li.next a,
.navigation-projects ul li.back-page a,
.navigation-projects ul li.nav-post-title a {
	width: 48px;
	height: 48px;
	padding: 0;
	text-align: center;
	position: relative;
	display: block;
	background: #303440;
	color: #FFFFFF;
	-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    border-radius: 2px;
	-webkit-transition: background 0.1s ease-in-out 0s;
	-moz-transition: background 0.1s ease-in-out 0s;
	-o-transition: background 0.1s ease-in-out 0s;
	transition: background 0.1s ease-in-out 0s;
}

.navigation-projects ul li.next a i,
.navigation-projects ul li.prev a i,
.navigation-projects ul li.back-page a i {
	line-height: 48px;
}

.navigation-projects ul li.prev a:hover,
.navigation-projects ul li.next a:hover,
.navigation-projects ul li.back-page a:hover,
.navigation-projects ul li.nav-post-title a:hover {
	background: #E96045;
}

.navigation-projects ul li.prev a,
.navigation-projects ul li.next a,
.entry-pagination .navigation-projects ul li.back-page a {
    border: 2px solid #fff;
    background: none !important;
}

.entry-pagination i {
    line-height: 46px;
}

.entry-pagination ul li.next a:hover,
.entry-pagination ul li.prev a:hover,
.entry-pagination ul li.back-page a:hover {
    background: #fff !important;
    color: #E96045;
}

.navigation-projects ul li.nav-post-title a {
    width: inherit;
    height: inherit;
    padding: 10px 15px;
}

.navigation-projects ul li.nav-post-title.nav-right a i {
    padding: 0 5px 0 9px;
}

.navigation-projects ul li.nav-post-title.nav-left a i {
    padding: 0 9px 0 5px;
}

.entry-pagination {
    margin-top: 30px;
}

.feature-title-divider {
    margin: 23px auto 0 auto;
    background: #fff;
    width: 50px;
    height: 2px;
}


/* Numeric Pagination  */

.numeric-pagination ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.numeric-pagination, .nav-previous, .nav-next{
    margin: 0;
    padding-top: 32px;
    font-weight: normal;
    line-height: 1;
}

.numeric-pagination li {
    float: left;
    display: inline-block;
    font-size: inherit;
    margin: 0 5px;
    line-height: 1;
}

.numeric-pagination li.dots{
    padding: 1px 10px 12px 10px;
    border: solid 1px rgba(255,255,255,0.3);
    color: #fff;
    font-size: 24px;
}

.numeric-pagination li.dots:before {
    content: "...";
}

.numeric-pagination .prev-post a,
.numeric-pagination .next-post a {
    cursor: pointer;
}

.numeric-pagination li.current a, .numeric-pagination li a:hover, .nav-previous a:hover, .nav-next a:hover {
    border: solid 1px rgba(255,255,255,1);
}
.numeric-pagination li a, .nav-previous a, .nav-next a {
    background: none ;
    color: #fff !important;
    padding: 8px 15px !important;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
    border: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: border 200ms ease;
    -moz-transition: border 200ms ease;
    -ms-transition: border 200ms ease;
    -o-transition: border 200ms ease;
    transition: border 200ms ease;
}

.nav-previous a:before{
    content: "\f104";
    color: #fff !important;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    padding-right: 15px;
}

.nav-next a:after{
    content: "\f105";
    color: #fff !important;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    padding-left: 15px;
}


/*-----------------------------------------------------------------------------------*/
/*    Blockquotes
/*-----------------------------------------------------------------------------------*/
blockquote {
    position: relative;
    margin: 30px;
    
}

blockquote:before{    
    content: "\f10d";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -24px;
    top: 0;
}

blockquote:after{    
    content: "\f10e";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: -24px;
    bottom: 0;
}
blockquote p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}


/*-----------------------------------------------------------------------------------*/
/*    FlexSlider
/*-----------------------------------------------------------------------------------*/

.flexslider,
.thumb-slider {
    position: relative;
    margin-bottom: 50px;
    zoom: 1;
}

.flexslider ul li,
.thumb-slider ul li{
    list-style: none;
}

.flexslider.portfolio{
    margin-bottom: 0;
}
.flexslider.portfolio .flex-direction-nav a{
width: 100px;
height: 100px;
background:none;
}



.thumb-slider {
    overflow: visible !important;
}

.flexslider ul{
    list-style: none !important;
    padding: 0 !important;
    margin: 0;
}
.thumb-slider ul{
    list-style: none !important;
    margin: 0;
}


.thumb-slider ul.flex-direction-nav{
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    z-index: 1;
}


.thumb-slider ul.flex-direction-nav li{
    width: 30px;
    float: left;
    height: 100%;
}

.thumb-slider ul.flex-direction-nav li:last-child{
    position: absolute;
}

.thumb-slider ul.flex-direction-nav a{
    position: relative;
    margin: -15px 0 0 0;
    display: block;
}


.flexslider .slides > li,
.thumb-slider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img,
.thumb-slider .slides img {
    max-width: 100%;
    width: 100%;
    height: inherit;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
    display: block;
}

.slides {
    margin-left: 0;
}

.flex-caption {
    padding: 2%;
    position: absolute;
    left: 20px;
    bottom: 51px;
    float: left;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

.thumb-slider .flex-caption {
    bottom: 20px;
}

.flex-caption a {
    color: #9da0a4;
    font-weight: normal;
    text-decoration: none;
}

.flex-direction-nav a {
    color: #fff;
    width: 30px;
    height: 30px;
    margin: -11px 0 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -transition: all .3s ease;
    z-index: 100;
}

.flexslider:hover .flex-direction-nav a,
.thumb-slider:hover .flex-direction-nav a {
    opacity: 0.8;
}

.flex-direction-nav a:hover {
    opacity: 1 !important;
}

.flex-direction-nav a:before {
    font-size: 21px;
    font-family: 'FontAwesome';
    text-align: center;
    display: block;
    line-height: 30px;
}
.flexslider.portfolio .flex-direction-nav a:before {
    font-size: 80px;
}

.flex-direction-nav a.flex-next:before {
    content: "\f105";
}

.flex-direction-nav a.flex-prev:before {
    content: "\f104";
}

.flex-direction-nav a.flex-next {
    right: 0;
}

.flex-direction-nav a.flex-prev {
    left: 0;
}

/* Control Nav */
.post-thumb .flex-control-nav {
    bottom: 10px !important;
}
.flex-control-nav {
	margin: 0;
    position: absolute;
    bottom: -43px;
    text-align: center;
    width: 100%;
}

.flex-control-nav li {
    margin: 0 6px;
    zoom: 1;
    display: inline-block;
}

.flex-control-nav li:first-child {
    margin-left: 0;
}
.flex-control-nav li:last-child {
	margin-right: 0;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
}

.thumb-slider {
    text-align: center;
}

/* Thumbs nav */
.flex-control-thumbs {
    position: relative;
    top: 12px;
    left: 0;
    margin: 0;
    bottom: 0;
    z-index: 1000;
}

.flex-control-thumbs:after {
    clear: both;
    display: table;
    content: " ";
}

.flex-control-thumbs li {
    width: 19%;
    padding: 0;
    margin: 0 1.2% 0 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.floated-post-slideshow {
    margin: 0 !important;
}



/*-----------------------------------------------------------------------------------*/
/*    10. Media Element Player - WordPress
/*-----------------------------------------------------------------------------------*/

.wp-video{
    width: 100% !important;
    height: auto;
}

/* Player Background */
body div.mejs-container {
    background: none !important;
}

body div.mejs-container * {
    -webkit-box-sizing: content-box;
    -khtml-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

/* Player Wrap */
body div.mejs-container.mejs-audio {
    height: 42px !important;
}

/* Controls */
body .mejs-container .mejs-controls {
    height: 40px;
    background: #1f2329;
}

/* Buttons */
body .mejs-container .mejs-controls div,
body .mejs-container .mejs-controls .mejs-time {
    margin: 0px;
    margin-right: 1px;
    height: 26px;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
}

/* Play & Mute Buttons */
body .mejs-controls div.mejs-button {
    width: 16px;
    height: 28px;
    padding-top: 12px;
    cursor: pointer;
}

.mejs-controls .mejs-button button:focus {
    outline: none !important;
}


body .mejs-controls .mejs-button,
body .mejs-controls .mejs-button button {
    margin: 0px;
    padding: 0px;
    display: block;
    border: none;
    outline: none;
}

/* Global Progress */
body .mejs-controls div.mejs-time-rail {
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    padding-top: 15px;
}

body .mejs-controls div.mejs-time-rail .mejs-time-total {
    margin: 0px;
    padding: 0px;
    background: #111;
}

body .mejs-controls div.mejs-time-rail .mejs-time-loaded {
    background: #666;
}

body .mejs-controls div.mejs-time-rail .mejs-time-current {
    background: #4DA2DB;
}

body .mejs-controls .mejs-time-rail span {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* Volume Progress Audio */
body .mejs-controls div.mejs-horizontal-volume-slider {
    width: 50px;
}

body .mejs-controls div.mejs-horizontal-volume-slider div {
    top: 15px !important;
    left: auto !important;
    cursor: pointer !important;
}

body .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    height: 10px;
    background: #111;
}

body .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    height: 10px;
    background: #4DA2DB;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

/* Volume Progress Video */
body .mejs-video .mejs-controls div.mejs-volume-slider {
    left: 0px;
    top: -100px;
    height: 100px;
    width: 35px;
    padding: 0px;
    background: none;
}

body .mejs-video .mejs-controls div.mejs-volume-slider .mejs-volume-total {
    left: auto;
    top: auto;
    width: 35px;
    padding: 0px;
    background: rgba(0,0,0,.5);
}

body .mejs-video .mejs-controls div.mejs-volume-slider .mejs-volume-current {
    left: auto;
    top: auto;
    width: 35px;
    padding: 0px;
    background: rgba(0,0,0,.2);
}

body .mejs-video .mejs-controls div.mejs-volume-slider .mejs-volume-handle {
    left: auto;
    top: auto;
    width: 35px;
    height: 10px;
    margin-bottom: -5px;
    padding: 0px;
    background: #4DA2DB;
}

/* Video Poster */
body .mejs-poster {
    -webkit-background-size: cover;
    -khtml-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Video Overlay Button */
body .mejs-overlay-button {
    background-image: none;
    border: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    -webkit-border-radius: 1000px;
    -khtml-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}

body .mejs-overlay-button:after {
    content: "\f04b";
    color: #fff !important;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

body .mejs-overlay-loading {
    background: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

/* Alignment hacks for audio player */
body .mejs-audio .mejs-controls {
    padding-left: 87px;
    padding-right: 158px;
    width: 100% !important;
    height: 42px;
    position: relative;
    -webkit-box-sizing: border-box !important;
    -khtml-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

body .mejs-audio .mejs-controls div.mejs-button.mejs-playpause-button {
    position: absolute;
    left: 0px;
}

body .mejs-audio .mejs-controls div.mejs-time.mejs-currenttime-container {
    position: absolute;
    left: 37px;
}

body .mejs-audio .mejs-controls div.mejs-button.mejs-volume-button {
    position: absolute;
    right: 71px;
}

body .mejs-audio .mejs-controls div.mejs-time.mejs-duration-container {
    position: absolute;
    right: 108px;
}

body .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider {
    position: absolute;
    right: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*    11. Sidebar Widgets
/*-----------------------------------------------------------------------------------*/

.widget_tag_cloud a, .entry-tags a, .widget_product_tag_cloud .tagcloud a, .entry-info .portfolio-meta span.tags span{
    background: #EEEEEE;
    font-size: 12px !important;
    color: #888;
    padding: 6px;
    display: inline-block;
    margin-bottom: 3px;
    line-height: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.entry-tags a{
    margin: 2px;
}

.widget_tag_cloud a:hover, .entry-tags a:hover, .widget_product_tag_cloud .tagcloud a:hover{
    color: #fff !important;
}
 .widget.widget_search input[type="text"],
 .woocommerce input.woocommerce_search, .woocommerce-page input.woocommerce_search{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-right: 60px;
    height: 46px;
 }

.widget.widget_search button[type="submit"],
.woocommerce #searchform input[type="submit"],
.woocommerce-page #searchform input[type="submit"]
{   
    color: #fff;
    position: absolute;
    right: 0px;
    padding: 0 17px !important;
    top: 0;
    height: 45px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin: 0 !important;
}

.widget_search fieldset {
    position: relative;
}

.widget.widget_search button[type="submit"] i{
    color: #fff;
    font-size: 16px;
}

.widget .aboutus{
    float: left;
    margin: 7px 15px 10px 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.widget a.learnmore{
    display: block;
    padding-top: 10px;
}
.widget a.learnmore:after{
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-left: 7px;
}

.search-no-results .widget, .error404 .widget{
    margin: 20px 0;
}

.widget {
    margin-bottom: 50px;
}

.top-sidebar, .footer-widgets, .top-sidebar a, .footer-widgets a, footer, ul#menu-nav-footer li a, #footer-credits p a {
    color: #C7C7C7;
}

.footer-widgets .widget {
    margin-bottom: 0;
}

.sticky-sidebar .widget{
    margin-bottom: 0;
}

.widget-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget.widget_recent_entries li a, 
.widget.widget_nav_menu li a, 
.widget.widget_archive li a, 
.widget.widget_categories li a, 
.widget.widget_recent_comments li, 
.widget.widget_meta li a,
.widget.widget_product_categories li a {
    color: inherit;
    display: block;
    padding: 5px 0 5px 20px;
}

.widget.widget_recent_comments li{
    padding-left: 20px;
}

.widget li{
    border-bottom: 1px solid #EBEBEB;
}

.widget ul.children li {
    border-top: solid 1px #ebebeb;
    border-bottom: 0;
}

.widget.widget_recent_entries li a:before, 
.widget.widget_nav_menu li a:before, 
.widget.widget_archive li a:before, 
.widget.widget_categories li a:before, 
.widget.widget_meta li a:before, 
.widget.widget_recent_comments li:before,
.widget.widget_product_categories li a:before{
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    padding-right: 7px;
    position: absolute;
    margin-left: -19px;
}

.widget.widget_recent_comments li a:before{
    display: none;
}

.widget img {
    display: block;
}

.social_widget_wrapper {
    margin-bottom: 10px;
}

/* Flickr Photostream Widget */

#flickr_badge_wrapper,
#widget_portfolio_wrapper {

}

.flickr_badge_image,
.portfolio_badge_image {
    float: left;
    margin: 0 7px 7px 0;
    width: 75px;
    height: 75px;
    overflow: hidden;
}

.flickr_badge_image img{
    width: 75px;
    height: 75px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
}


.portfolio_badge_image img {
    width: 63px;
    height: 63px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
}

.flickr_badge_image a:hover img,
.portfolio_badge_image a:hover img {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
}

/* Recent Posts Widget  */


.tp_blog_widget li {
    margin: 0 0 5px !important;
}

.tp_blog_widget li:last-child {
    margin-bottom: 0 !important;
}

.tp_blog_widget .widget-entry-thumb a {
    padding: 0 !important;
}

.tp_blog_widget .widget-entry-thumb, 
.tp_blog_widget .widget-entry-thumb.no-thumb {
    float: left;
    margin: 0 10px 0 0;
    width: 45px;
    height: 45px;
}

.widget-entry-thumb img {
    width: 45px;
    height: 45px;
    display: block;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a.widget-entry-icon {
    width: 45px;
    height: 45px;
    text-align: center;
}

.tp_blog_widget .widget-entry-thumb {
    background: #696969;
    margin-bottom: 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.tp_blog_widget .widget-entry-thumb i {
    font-size: 16px;
    line-height: 45px;
    color: #D3D3D3;
    display: table;
    margin: 0 auto;
}

.tp_blog_widget .widget-entry-thumb {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
}

.tp_blog_widget .widget-entry-title {
    position: relative;
    margin: 0 0 2px;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.tp_blog_widget .widget-entry-title,
.tp_blog_widget .widget-entry-title:visited {
    color: inherit;
}

/* Contact Info Widget */

#contact-widget li {
    position: relative;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 30px;
    list-style-type: none;
}

#contact-widget li i {
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 4px;
}

#contact-widget li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

/* Recent Posts List Widget  */

.sidebar-post {
    overflow:hidden;
    border-bottom:1px solid #efefef;
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative;
}

.sidebar-post:last-child {
    border-bottom:0;    
}

.sidebar-post > span {
    float:left; 
    clear:both;
    width:100%;
    font-size: 12px;
} 

.sidebar-post h5 {
    margin-top: 0;
    font-size:14px;
    font-weight:600;
    color:#444;
    margin-bottom:5px;
    float:left;
}


/*-----------------------------------------------------------------------------------*/
/*    12. Portfolio
/*-----------------------------------------------------------------------------------*/
.filter-panel {
    margin-bottom: 40px;
}

.filter-panel .table {
    margin: 0;
    padding-top: 60px;
    text-align: center;
}

.filter-panel .table.faq-table {
    padding-top: 0 !important;
}

.filter-panel .table.faq-table ul.faq-tabs {
    float: left;
}

.filter-panel .table.faq-table ul.expand-all {
    float: right;
}

.filter-panel ul {
    margin: 0;
    display: inline-block;
}

.filter-panel ul#sort {
    border-bottom: 0;
    font-size: 13px;
}

.filter-panel ul#sort li{
    padding: 0 10px;
    margin-bottom: 8px;
    margin-right: 20px;
    color: #fff;

}

.filter-panel ul li {
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
}

.filter-panel ul.expand-all li {
    float: right;
}

.filter-panel a {
    padding: 8px 1px;
    margin: 0 20px 0 0;
    display: block;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
    border-bottom:solid 2px transparent;
}

.filter-panel li:last-child a{
    margin-right: 0;
}

.filter-panel a:hover,
.filter-panel a.selected {
    border-bottom:solid 2px;
}

/* Separate Portfolio Items */

#projects img {
    width: 100%;
}

#projects,
#projects-masonry {
    margin: 0;
    padding: 0;
}

#portfolio-projects {
    /*padding: 0px;*/
}

#projects li {
    float: left;
    margin-bottom: 15px;
    list-style: none;
}
#projects li.col2_list, #projects li.col2_timeline {
    margin-bottom: 50px;
}

.item-project {
    position: relative;
    overflow: hidden;
}


.item-project .hover-wrap img,
.single-people .hover-wrap img {
    position: relative;
    width: 100%;
}

.item-project .hover-wrap .overlay,
.single-people .hover-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    filter: alpha(opacity=0);    
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -o-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
}

.item-project .hover-wrap:hover .overlay,
.item-project .hover-wrap:active .overlay,
.item-project.tapped .hover-wrap .overlay,
.single-people .hover-wrap:hover .overlay,
.single-people .hover-wrap:active .overlay,
.single-people.tapped .hover-wrap .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.item-project .hover-wrap .circle,
.single-people .hover-wrap .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width:112px;
    height: 41px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    margin:-21px 0 0 -54px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 2px;
    padding: 7px 16px !important;
    color: #fff;
    line-height: 2em;

}

.item-project .hover-wrap i,
.single-people .hover-wrap i {
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    line-height: 41px;
    left: 50%;
    margin-left: -7px;
}

.item-project .project-title {
    position: relative;
    z-index: 2;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 5px 0;
    width: 100%;
    text-align: left;
}


.item-project span.project-title {
    position: absolute;
    top: 45%;
    padding:0 20px;
    text-align: center;
    -webkit-transition: top 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out;
    -ms-transition: top 300ms ease-in-out;
    -o-transition: top 300ms ease-in-out;
    transition: top 300ms ease-in-out;
}

.item-project a:hover span.project-title {
    top: 50%;
}

.item-project span.project-title .heading3{
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 5px;
}

.item-project span.project-title .meta{
    color: #fff;
}

.item-project.col2_list .project-title{
    padding: 0;
}

.item-project.col2_list .project-title h3{
    font-size: 24px !important;
    line-height: 26px;
    margin-bottom: 5px;
}

.item-project.col2_list .project-title h4{
    margin-bottom: 10px;
}


.item-project.col2_list.col2_timeline.even .col-md-6.image{
    float: right;
}

#projects .item-project.col2_list.col2_timeline{
    margin-bottom: 70px;
}



.item-project .project-title h3,
.item-project .project-title h4 {
    margin-bottom: 0;    
    -webkit-transition: color 0.1s ease-in-out 0s;
    -moz-transition: color 0.1s ease-in-out 0s;
    -o-transition: color 0.1s ease-in-out 0s;
    transition: color 0.1s ease-in-out 0s;
}

.item-project .project-title h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.item-project .project-title h4 {
    margin:0;
}

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


.col-nopad .isotope-item{
    padding: 0;
    margin: 0 !important;
}

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

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



/*-----------------------------------------------------------------------------------*/
/*    13. Isotope CSS3 transitions
/*-----------------------------------------------------------------------------------*/

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

.isotope-ready {
    -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-ready .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;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.main-content .entry-block {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EBEDEF;
}

.portfolio-prev-next-links a{
    color: #fff;
    font-size: 20px;
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255,255,255,0.3);
    line-height: 40px;
    text-align: center;
    -webkit-transition: border 0.2s linear;
    -moz-transition: border 0.2s linear;
    -ms-transition: border 0.2s linear;
    -o-transition: border 0.2s linear;
    transition: border 0.2s linear;
}

.portfolio-prev-next-links a:hover{
    border: 1px solid rgba(255,255,255,1);
}

.portfolio-content .container{
    padding: 0;
}
.portfolio-content .entry-content > .container > .row{
    padding: 0;
}

.portfolio-content .entry-content .twitter-share-button{
    margin-bottom: 0;
}

.portfolio-content .entry-content {
    margin-top: 0;
}

.portfolio-meta{
    margin-bottom: 15px;
}

.portfolio-meta p{
    margin-bottom: 0;
}

.portfolio-meta small{
    font-size: 11px;
}

.entry-info .portfolio-meta strong {
    margin-right: 5px;
    width: 20px;
    display: inline-block;
    color: inherit;
}

.entry-info .portfolio-meta span.tags{
    display: inline-block;
    position: absolute;
}

 .entry-info .portfolio-meta span.tags span{
    margin-right: 3px;
    float: left;
 }

 .portfolio-meta.likes-comments .comment-count a, .portfolio-meta.likes-comments .post-likes a
{
    color: inherit;
}


.portfolio_heading{
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'Oswald' sans-serif;
}

.single-portfolio .entry-block{
    padding-bottom: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*    Full Screen Portfolio
/*-----------------------------------------------------------------------------------*/

.masonry-portfolio {
    background: #191d1e;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

#item-masonry {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#item-masonry li.item-project {
    float: left;
    padding-bottom: 30px;
}

.masonry-container {
    position: relative;
}

.masonry-container img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
    position: relative;    
}

.masonry-container div.masonry-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    opacity: 0;
}

.masonry-container div.masonry-icon span {
    color: #fff;
    background: rgba(0,0,0,0.5);
    display: block;
    padding: 1px 8px 0px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.masonry-container div.masonry-icon span i {
    font-size: 16px;
}

.masonry-container .masonry-meta {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.masonry-meta h5 {
    margin: 0;
    color: inherit;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
}

.masonry-meta .m-date span {
    font-size: 12px;
}

.masonry-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    background: url(images/masonry-bg.png) bottom left repeat-x;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.masonry-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.masonry-icon {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

div.masonry-container:hover .masonry-icon,
div.masonry-container:hover .masonry-meta,
div.masonry-container:hover .masonry-overlay,
.item-project.tapped div.masonry-container .masonry-icon,
.item-project.tapped div.masonry-container .masonry-meta,
.item-project.tapped div.masonry-container .masonry-overlay {
    opacity: 1;
}


/*--------------------------------------------------------------------*/
/*  14. Team Post Tyles Styles
/*--------------------------------------------------------------------*/

#people {
    margin: 0;
    padding: 0;
}

#people li.single-people {
    margin-bottom: 25px;
}

.single .person-img {
    margin-bottom: 20px;
}

.person-details-wrapper{
    padding: 15px 0;
}

.person-img img {
    display: block;
    width: 100%;
}

.person h3.person-name {
    margin: 0;
}

.person h6.person-name a {
    color: #444;
}

.person-details {
    float: left;
}

.person-title {
    font-size: 14px;
}

.person-social ul {
    margin: 0;
    padding: 0;
}

.person-social {
    float: right;
}

.person-social li {
    display: block;
    float: left;
    position: relative;
    margin-left: 1px;
    top: 10px;
    line-height: 0;
}

.person-social li:last-child {
    margin-left: 0;
}

.person-social li a {
    color: inherit;
    margin: 0;
    height: 25px;
    width: 25px;
    display: block;
    text-align: right;
    position: relative;
    top: -2px;
}

.person-social li .popup {
    bottom: 42%;
    left: -21px;
}

.person-name h3 {
    margin-bottom: 8px;
}

.person-content {
    margin-top: 0;
}

.single-person-social {
    margin-top: 10px;
    float: right;
    width: 100%;
    display: block;
    border-top: solid 1px #EBEDEF;
    padding-top: 20px;
}


h4.position{
    margin-bottom: 0;
    margin-top: 5px;
}


/*-----------------------------------------------------------------------------------*/
/*  # Animation Modules Settings 
/*-----------------------------------------------------------------------------------*/

.js .animated-content {
    opacity: 0;
}

.no-js .animated-content,
.no-csstransitions .animated-content {
    opacity: 1; 
}

.lt-ie9 .animated-content {
    opacity: 1;
    animation: none !important;
    transform: none !important;
}


/*-----------------------------------------------------------------------------------*/
/*    15. Footer Styles
/*-----------------------------------------------------------------------------------*/

footer {
    position: relative;
}

.footer-widgets,
.top-sidebar {
    padding: 50px 0;
    background: #353535;
}

.top-sidebar {
    border-bottom:solid 1px rgba(255, 255, 255, 0.06);
}

.footer-widgets .widget + .widget,
.top-sidebar .widget + .widget {
    margin-top: 30px;
}


.footer-widgets,
.top-sidebar {
    font-size: 13px;
}

.footer-widgets h3,
.top-sidebar h3 {
    color: #F1F1F1;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 300 !important;
    margin-bottom: 25px;
}

.footer-widgets a:hover,
.top-sidebar a:hover {
    color: #FFFFFF;
}

.footer-widgets h5,
.top-sidebar h5{  
    font-weight: 300;
    margin-bottom: 0;
    font-size: 14px;
}
.footer-widgets .widget li,
.top-sidebar .widget li,
.woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li{  
    border-bottom: 0;
    padding-top: 0;
}

#footer-credits {
    font-size: 12px;
    position: relative;
    padding: 30px 0;
    background: #2C2C2C;
}

#footer-credits p {
    margin: 0;
    font-size: 12px;
}

#footer-credits .textalignright a{
    border-bottom: dotted 1px;
}


ul#menu-nav-footer{
    margin: 0;
    padding: 0;
    display: inline-block;
}

ul#menu-nav-footer li{
    float: left;
    margin-right: 20px;
    font-size: 12px;
}

ul#menu-nav-footer li:last-child{
    margin-right: 0;
}

#back-to-top {
    display: none;
    margin: 0 !important;
    position: fixed;
    text-align: center;
    bottom: 10px;
    line-height: 35px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 99;
    background: rgba(0,0,0,0.1);
    -webkit-transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -o-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
}

#back-to-top:hover {
    background: rgba(0,0,0,0.3);
}


/*-----------------------------------------------------------------------------------*/
/*    16. Media Queries
/*-----------------------------------------------------------------------------------*/
@media (min-width: 992px){
    div#master.right_side {
    float: right;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .boxed header#masthead{
        width: 90%;
    }
    body:not(.header-v5).boxed .header-shopping-cart, body:not(.header-v6).boxed .header-shopping-cart,
    body:not(.header-v11).boxed .header-shopping-cart, body:not(.header-v12).boxed .header-shopping-cart{
        display: none !important;
    }

    .boxed #menu ul li.megamenu.col3 > .sub-menu, .boxed #menu ul li.megamenu.col4 > .sub-menu{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .container {
        max-width: none;
        padding-left: 30px;
        padding-right: 30px;
    }

	#navigation-mobile {
		display: none !important;
	}

    .single-people.col-md-3,
    .single-people.col-md-4,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .gallery-box.col-md-3,
    .gallery-box.col-md-4,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .woocommerce-page ul.products li.col-md-4,
    .woocommerce ul.products li.col-md-4,
    .woocommerce-page ul.products li.col-md-3,
    .woocommerce ul.products li.col-md-3 {
        width: 33.3333%;
    }
    
    .single-people.col-md-6,
    .item-project.col-md-6,
    .masonry-blog article.col-md-6,
    .woocommerce-page ul.products li.col-md-6,
    .woocommerce ul.products li.col-md-6,
    .header-top .col-md-6 {
        width: 50%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    header.header-v1 div.header-shopping-cart{
        right: 55px;
    }

    .footer-widgets .col-sm-6:nth-child(2n+1), .footer-widgets .eq2-hf1-3 .col-sm-12:nth-child(1n){
        clear: left;
    }

    /* Boxed Layout */

    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .container {
        max-width: none;
        padding-left: 30px;
        padding-right: 30px;
    }


    .panel {
        z-index: 99 !important;
    }
	
	/* Header */

    #portfolio-carousel li {
        width: 350px !important;
    }

    header .top-sidebar .col-sm-6{
        margin-bottom: 20px;
    }
    header .col-sm-6:nth-child(2n+1) {
        clear: left;
    }


    .header-icons {
        margin: 0 auto;
        float: right;
        width: auto;
    }

    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

	
	/* Sidebar */
	
	.col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
		border-top: 3px solid;
    	margin-top: 40px;
    	padding-top: 50px;
	}
	
	.col-md-3 > .sidebar {
		margin-top: 50px;	
	}

    .sidebar_content {
        margin-top: 0;
    }
	
	#blog .col-md-9.right_side {
    	float: none;
	}
	
	#blog .col-md-9,
	#blog .col-md-3 {
		width: 100%;	
	}

    /* Back to Top */
    
    #back-to-top {
        display: none !important;
    }

    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .gallery-box.col-md-3,
    .gallery-box.col-md-4,
    .gallery-box.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6,
    .woocommerce-page ul.products li.col-md-4,
    .woocommerce ul.products li.col-md-4,
    .woocommerce-page ul.products li.col-md-3,
    .woocommerce ul.products li.col-md-3,
    .woocommerce-page ul.products li.col-md-6,
    .woocommerce ul.products li.col-md-6 {
        width: 50%;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 100% !important;
        border-bottom: 3px solid #EBEDEF;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }

    .header-info {
        text-align: center !important;
    }


}

@media (min-width: 481px) and (max-width: 767px) {

    header.header-v1 div.header-shopping-cart {
        right: 55px;
    }


    /* Boxed Layout */

    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header-icons {
        display: none;
    }

    .header-top .tagline {
        text-align: center;
    }

    .panel {
        z-index: 99 !important;
    }
	
    .header-info {
        text-align: center !important;
    }

    .header-icons {
        margin: 0 auto 2px auto;
        float: right;
        width: auto;
    }


    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }
	
	/* Sidebar */
	
	.col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
		border-top: 3px solid #EBEDEF;
    	margin-top: 30px;
    	padding-top: 50px;
	}
	
	.col-md-3 > .sidebar {
		margin-top: 50px;	
	}

    .sidebar_content {
        margin-top: 0;
    }
	
	#blog .col-md-9,
	#blog .col-md-3 {
		width: 100%;	
	}

    /* Back to Top */
    
    #back-to-top {
        display: none !important;
    }

    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .gallery-box.col-md-3,
    .gallery-box.col-md-4,
    .gallery-box.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6,
    .woocommerce-page ul.products li.col-md-4,
    .woocommerce ul.products li.col-md-4,
    .woocommerce-page ul.products li.col-md-3,
    .woocommerce ul.products li.col-md-3,
    .woocommerce-page ul.products li.col-md-6,
    .woocommerce ul.products li.col-md-6 {
        width: 100%;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 100% !important;
        border-bottom: 3px solid #EBEDEF;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce form .form-row-first,
    .woocommerce-page form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
        overflow: visible;
    }
}


@media (max-width: 568px) {
    /*.entry-meta{display: inline-block;}*/
    .entry-meta .category{float: left; width: 100%; text-align: left;margin-top: 10px;}
    .entry-meta .published{margin-right: 0;}
    /*.likes-comments{display: none !important;}*/
    .meta-edit{display: none;}

    #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url{
    float: left;
    width: 100%;
    padding-right:0;
}

}


@media (max-width: 480px) {

header.header-v1 div.header-shopping-cart {
right: 55px;
}

    .header-info {
        text-align: center !important;
    }

    .panel {
        z-index: 99 !important;
    }

    /* Boxed Layout */

    .wrap_all.boxed {
        width: 90%;
        margin: 20px auto;
    }

    .header-icons {
        display: none;
    }

    .header-top .tagline {
        text-align: center;
    }

    .wrap_all.boxed .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    #portfolio-carousel li {
        width: 300px !important;
        height: auto !important;
    }


    #menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }
	
	/* Sidebar */
	
	.col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
		border-top: 2px solid ;
    	margin-top: 50px;
    	padding-top: 50px;
	}
	
	.col-md-3 > .sidebar {
		margin-top: 50px;	
	}

    .sidebar_content {
        margin-top: 0;
    }
	
	#blog .col-md-9,
	#blog .col-md-3 {
		width: 100%;	
	}

    #back-to-top {
        display: none !important;
    }

    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .gallery-box.col-md-3,
    .gallery-box.col-md-4,
    .gallery-box.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6,
    .woocommerce-page ul.products li.col-md-4,
    .woocommerce ul.products li.col-md-4,
    .woocommerce-page ul.products li.col-md-3,
    .woocommerce ul.products li.col-md-3,
    .woocommerce-page ul.products li.col-md-6,
    .woocommerce ul.products li.col-md-6 {
        width: 100%;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 100% !important;
        border-bottom: 3px solid #EBEDEF;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce form .form-row-first,
    .woocommerce-page form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
        overflow: visible;
    }
}

@media (max-width: 320px) {

    .header-icons {
        display: none;
    }

    .header-top .tagline {
        text-align: center;
    }

    .panel {
        z-index: 99 !important;
    }

    /* Boxed Layout */

    .wrap_all.boxed {
        width: 100%;
        margin: 0;
    }

    .wrap_all.boxed .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        float: none !important;
        width: 100% !important;
        border-bottom: 3px solid #EBEDEF;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce form .form-row-first,
    .woocommerce-page form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
        overflow: visible;
    }

}

/* iPad Portrait & Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
	.fullimage-container {
		background-attachment: scroll !important;	
	}
	
	#content .main-content.image-cont {
		background-attachment: scroll !important;	
	}
}

/* iPhone 5 Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	.fullimage-container {
		background-attachment: scroll !important;	
	}
	
	#content .main-content.image-cont {
		background-attachment: scroll !important;	
	}
}

/* iPhone Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.fullimage-container {
		background-attachment: scroll !important;	
	}
	
	#content .main-content.image-cont {
		background-attachment: scroll !important;	
	}
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
    header #logo a img.standard {
        display: none;
    }

    header #logo a img.retina {
        display: inline-block;
    }

}

/*-----------------------------------------------------------------------------------*/
/*    17. Contact Form 7 Styles
/*-----------------------------------------------------------------------------------*/


.wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{
    margin-top: 10px;
}

span.wpcf7-not-valid-tip{
    font-size: 12px;
    margin-top: 5px;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{
    line-height: 28px;
    padding: 10px;
    margin: 0 0 2em;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    list-style: none outside;
    width: auto;
    border: 1px solid #e4e4e4;
    padding-left: 40px;
}

div.wpcf7-mail-sent-ok{
    border: solid 1px #6BD642;
}
div.wpcf7-validation-errors{
    border: solid 1px #FF5C4F;
}
div.wpcf7-mail-sent-ok:before{
    content: '\f058';
    color: #6BD642;
}

div.wpcf7-validation-errors:before{
    content: '\f05e';
    color: #FF5C4F;
}

div.wpcf7-validation-errors:before, div.wpcf7-mail-sent-ok:before{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 23px;
    position: absolute;
    left: 11px;
}

input.wpcf7-submit[type="submit"]{
    font-size: 16px; padding:10px 15px !important;
}


/* Slider Revolution */

.tp-bannertimer{
    z-index: 20;
}

.tp-leftarrow.default, .tp-rightarrow.default{
    background-image: none;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tp-leftarrow.default:before{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    position: absolute;
    left: 14px;
    line-height: 39px;
    content: '\f104';
}
.tp-rightarrow.default:before{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    position: absolute;
    left: 16px;
    line-height: 39px;
    content: '\f105';
}

.tp-leftarrow.default:hover:before, .tp-rightarrow.default:hover:before{
    color: #fff;
}

.tp-leftarrow.default, .tp-rightarrow.default, .tp-leftarrow.default:before, .tp-rightarrow.default:before{
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}