/*********************************************************************************************

Theme Name: Vimes
Theme URI: http://www.wpzoom.com/themes/vimes
Version: 3.0
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************

1.  CSS Reset
2.  Header & Page Structure
3.  Navigation
4.  Featured Slider  -------------------  wpzoom-slider.php
5.  Welcome Message
6.  Portfolio Gallery
7.  Portfolio Item ---------------------  single-portfolio.php
8.  Archive posts
9.  Single posts
10. Comments
11. Sidebar & Widgets
12. Footer


**********************************************************************************************/


/*********************************************************************************************

1. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 600 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset {  border:none; padding: 0; margin: 0; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0 }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin: 0; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }

/* Text Selection Color */
::-moz-selection { background: #08ceff; color: #fff; }
::selection { background: #08ceff; color: #fff; }


.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:15px; }
.alignright { float: right; margin-left:15px; }


label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

input, textarea {
    padding: 8px 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    border-radius: 3px;
    color: #444;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-color: #444;
    outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    background-color: #222;
    border: none;
    color: white;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #333;
}


/* Navigation */
div.navigation { position: relative; text-align: center; font-weight: normal; font-size: 16px; margin: 0 0 20px;  }
div.navigation a { padding: 5px 12px 0;  display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
div.navigation span.current { padding: 4px 12px; font-weight: 500;  color: #01AEFF;   display: inline-block;   }
div.navigation span.pages { margin-right: 15px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0 }
div.navigation .prev, div.navigation .next { position: absolute; padding: 8px 25px; font-weight: 500;  }
div.navigation .prev:hover, div.navigation .next:hover {  }
div.navigation .prev { left: 0 }
div.navigation .next { right: 0 }



/*********************************************************************************************

2. Header & Page Structure  -------------------------  header.php

*********************************************************************************************/

body {
    background: #f7f7f7 url("images/bg.png");
    color: #454343;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height:1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


a {
    text-decoration:none;
    color: #222;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

a:hover {
    text-decoration: none;
    color: #01AEFF;
}


#wrapper {
    background: #fff;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    margin: 0 auto;
    width: 1052px;
}

#inner-wrap {
    margin: 0 25px;
}

#header {
    border-bottom: 1px solid #e8e8e8;
    padding: 55px 0 10px;
    margin-bottom: 40px;
}

#logo {
    float:left;
}

#logo h1 a {
    color: #222;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}



/*********************************************************************************************

3. Navigation  -------------------------  header.php

*********************************************************************************************/

.main-navbar {
    float: right;
}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { display: inline-block; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 6px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }

.navbar-toggle { display: none; position: relative; float: left; margin: 8px 0 0; padding: 9px 10px; background: #fff; }
.navbar-toggle:hover { background: #f9f9f9; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #020206; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px }

.navbar-nav { font-size: 16px; font-weight: 400; position: relative; z-index: 100; text-align: center; }
.navbar-nav > li { padding: 15px 0 15px 35px; position: relative;  }
.navbar-nav > li:first-child { padding-left: 0; }
.navbar-nav > li:last-child { margin-right: 0 }
.navbar-nav a { display: block; position: relative; color: #666; text-decoration: none; font-size: 16px; font-weight: 400; padding: 0 0 4px; }
.navbar-nav a:hover { text-decoration: none; color: #000; }
.navbar-nav ul { background: #fff; text-align: left; margin: 0; padding: 10px; font-size: 16px; left: 10%; width: 220px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }
.navbar-nav > li > ul:before { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ffffff; position: absolute; top: -7px; left: 31px; z-index: 470; }
.navbar-nav > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e5e5e5; position: absolute; top: -8px; left: 30px; z-index: 460; }
.navbar-nav ul a { line-height: 1.5; text-transform: none; padding: 5px 10px; }
.navbar-nav ul ul { right: 100%; margin-top: 0px; }

.navbar-nav .current-menu-item a, .navbar-nav .current_page_item a, .navbar-nav .current-menu-parent a { color: #000; border-bottom: 1px solid #01AEFF; }
.navbar-nav .current_page_item ul a, .navbar-nav .current-menu-parent ul a, .navbar-nav .current_page_parent ul a { color: #666; border: none; }


/*********************************************************************************************

4. Featured Slider -------------------------  wpzoom-slider.php

*********************************************************************************************/

#slider {
    position: relative;
    overflow: hidden;
    margin: 0 0 40px;
}

.empty-slider { padding: 0 15px;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flexslider { margin: 0; padding: 0; }


#slider .slides {
    height: 400px;
    overflow: hidden;
}

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

.slides > li {
    -webkit-backface-visibility: hidden;
    display: none;
}

#slider .slides > li {
    position: relative;
    overflow: hidden;
    height: 400px;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#slider .li-wrap {
    width: 100%;
    height: 100%;
}


.slide-content {
    position: absolute;
    top: 36%;
    left: 20%;
    width: 60%;
    text-align: center;
}

.slide-content h3 {
    color: #fff;
    background: rgba(0,0,0,0.8);
    font-size: 36px;
    font-weight: 500;
    padding: 15px 30px;
    margin: 0;
    line-height: 1.2;
    display: inline-block;
    clear: both;
}

.slide-content h3 a {
    color: #fff;
}

/* Direction Nav */
#slider .flex-direction-nav a {
    position: absolute;
    z-index: 10;
    top: 45%;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    font-size: 0;
}

#slider .flex-direction-nav .flex-next {right: 0; }
#slider .flex-direction-nav .flex-prev {left: 0;}

#slider .flex-direction-nav .flex-prev:after,
#slider .flex-direction-nav .flex-next:after  {
    font: normal 30px/15px 'dashicons';
    display: inline-block;
    content: "\f340";
    vertical-align: top;
    padding: 15px 10px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background: rgba(0,0,0,0.5);
}

#slider .flex-direction-nav .flex-next:after  {
    content: "\f344";
}

#slider .flex-direction-nav .flex-prev:hover:after,
#slider .flex-direction-nav .flex-next:hover:after {
    color: #fff;
    background: rgba(0,0,0,0.8);
}
#slider .flex-next:hover,
#slider .flex-prev:hover { opacity: 1; text-decoration: none; color: #707070; }
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/*********************************************************************************************

5. Welcome Message

*********************************************************************************************/

#heading {
    background: #1d1c1c;
    margin-bottom: 40px;
    padding: 20px;
}

.home #heading {
    text-align: center;
}

#heading .action {
    margin: 10px 0 15px;
    background: #fff;
    border-radius: 20px;
    color: #747F8F;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

#heading .action:hover {
    text-decoration: none;
    background: #eee;
    color: #333;
}

#heading h2,
#heading h1 {
    color: #fff;
    padding: 5px 0;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.1;
}

#heading p {
    color: #D3D3D3;
    font-size: 18px;
    padding: 5px 0;
}


/*********************************************************************************************

6. Portfolio Gallery ----------------------------- template-portfolio.php

*********************************************************************************************/


h3.title {
    color: #222;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 25px;
    padding: 0 0 15px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
}

#portfolio h3.title a {
	float:right;
  	font-size:14px;
 	font-weight:normal;
	padding: 5px 0 0;
}



.portfolio-grid {
    list-style-type: none;
    font-size: 0;
}

.portfolio-isotope .portfolio-grid {
    display: none;
    margin: 0;
}

.portfolio-grid li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 2.3% 40px 0;
    position: relative;
    text-align: center;
}


.portfolio-grid li .post-thumb {
    margin: 0 0 15px;
    position: relative;
}

.portfolio-grid li .post-thumb a {
    display: block;
    position: relative;
}

.portfolio-grid li img {
    max-width: 100%;
    height: auto;
}

.portfolio-grid li .post-thumb:hover img {
    opacity: 0.8;
}

.portfolio-grid li h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;

}

.portfolio-grid li .portfolio-sub {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.portfolio-grid li .item_overlay {
    display: none;
    position: absolute;
    top: 43%;
    left: 25%;
    height: 20%;
    width: 50%;
    text-align: center;
    cursor:pointer;
}


.portfolio-grid li:hover  {
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.portfolio-grid li .post-thumb:hover .item_overlay {
    display: block;
    text-decoration: none;
}

.portfolio-grid li .item_overlay h4 {
    color: #222;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    text-decoration: underline;
}

.portfolio-grid li .item_overlay h4:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}



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

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

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

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

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

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

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


.portfolio-tags {
    margin: 0 0 25px;
}

.portfolio-tags a {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    padding: 0 0 4px;
    border-bottom: 1px solid transparent;
}

.portfolio-tags a:hover {
    text-decoration: none;
    color: #000;
}

.portfolio-tags .portfolio-taxonomies {
    list-style-type: none;
}

.portfolio-tags .portfolio-taxonomies .cat-item  {
    margin: 0 35px 10px 0;
    display: inline-block;
}

.portfolio-tags .portfolio-taxonomies .current-cat a {
    color: #000;
    border-bottom: 1px solid #81bff0;
}

/*********************************************************************************************

7. Portfolio Item  -------------------------   single-portfolio.php

*********************************************************************************************/

#portfolio-slider {
 	margin:0 0 20px;
 	width: 700px;
    position:relative;
    overflow:hidden;
}

#portfolio-slider .flex-direction-nav { position:absolute; bottom:10px; right:10px; width:100px; height:30px; z-index: 100}
#portfolio-slider .flex-direction-nav a { position: absolute; bottom:6px; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;}
#portfolio-slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; }
#portfolio-slider .flex-direction-nav .flex-prev {right: 36px;}
#portfolio-slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: 31px -33px;}
#portfolio-slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 -33px;}
#portfolio-slider .flex-next:hover,  #portfolio-slider .flex-prev:hover {opacity: 1;}

#portfolio-slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}

.single-nav { float: right; }
.single-nav a { background: url("images/arrows-small.png"); display: block; float: left; height: 30px; width: 31px; position: relative; }
.single-nav a:active { top: 1px; }
.single-nav .next_project { background-position: 31px 0; margin-left: 5px; }
.single-nav .prev_project:hover { background-position: 0 -32px; }
.single-nav .next_project:hover { background-position: 31px -32px; }

.slide_caption { display: none; }
.flex-active-slide .slide_caption { display: block; position:absolute; background:rgba(0,0,0,0.4); bottom:0; color:#fff; left:10px; padding:0 10px;}

.aside {
	color: #666666;
 	float: right;
	line-height: 21px;
	width: 260px;
	margin:0;
}

.aside h4 {
	color: #222;
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-size: 14px;
	margin:25px 0 10px;
}

.aside ul li {
	list-style-type:square;
	margin:0 0 0 20px;
}


/*********************************************************************************************

8. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/

.posts {
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
    margin: 0 0 35px;
}

.posts .post-thumb {
    margin: 0 0 15px 0;
}

.posts .post-thumb img {
    max-width: 100%;
    height: auto;
}

.posts .postcontent {
    overflow: hidden;
}

.posts .postmetadata {
    margin: 0 0 10px;
}

.post_content h1.entry-title a {
    margin-bottom: 10px;
}

.posts h2.entry-title a {
    line-height: 1.2;
    margin: 0 0 4px;
    font-size: 28px;
    font-weight: 600;
}



/*********************************************************************************************

9. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/

.post_content {
	float: left;
	display: inline;
	margin:0 20px 20px 0;
	width: 700px;
  	position:relative;
}

.post_content h1.entry-title a {
 	font-size: 32px;
	font-weight: bold;
	text-decoration:none;
	line-height: 1.2;
	margin-bottom: 10px;
}


.meta {
	margin:5px 0 15px;
	font-weight:normal;
    color: #999;
 }

.meta a {
 	text-decoration:none;
	font-weight:normal;
}

.meta span {
	color:#DDDBDB;
	padding:0 5px;
}

p.postmetadata {
 	margin: 0;
	color: #999;
}

.entry {
 	font-size: 16px;
 	overflow: hidden;
 	line-height: 1.7;
	margin: 0 0 20px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px;
	line-height:1.3;
	color:#3D3D3D;
	}

.entry p { margin-bottom: 14px; }

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


.entry img { margin-bottom:10px; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright {
	margin-bottom: 10px;
	max-width: 100%;
	height:auto;
}

.entry .galleria-container img { border:0; padding:0; }

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }

.entry blockquote {
	font-style: italic;
 	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px;
}

.side-left .post_content {
	float: right;
	display: inline;
 	margin: 0 0 20px 20px;
}

.side-left #sidebar {
	float:left;
}

.full-width .post_content {
	margin-right: 0;
	width: 100%;
}



/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { text-align:center; max-width: 100% !important;  background:rgba(255,255,255,0.7);   }
.entry .wp-caption img { margin:0; background:none;  max-width:100%;  width:auto; height:auto; }
.entry .wp-caption-text { margin:0; padding:4px 0 0; color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { padding: 0; border: none; }

.entry .post-tags {  margin-top: 25px; padding-top: 25px; border-top: 1px solid #eee; font-size: 12px; }


/*********************************************************************************************

10. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments h3 {  margin-top: 50px;   font-size: 26px; font-weight: 600; padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid #EEEEEE; }

.comment-notes { margin-bottom: 20px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin-right: 28px; }
.comment-author { font-family: 'Roboto', sans-serif; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { color: #404040; font-style: normal; font-weight: 500; font-size: 18px;}
.comment-author .fn a:hover { text-decoration: none; color: #5470c0; }
.comment-author .comment-meta { font-size: 14px; margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link { color: #333 }
.comment-main { overflow: hidden; }
.comment-body { font-size: 16px; line-height: 28px; margin-top: 8px; }
#respond { margin-bottom: 30px }
#respond .form_fields p { margin-bottom: 15px }
#respond label { display: block; }
#respond input { width: 40% }
#respond textarea { width: 100% }
#respond #submit { width: auto }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }


/*********************************************************************************************

11. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

*********************************************************************************************/

#sidebar {
	float: right;
	display: inline;
	width: 260px;
	position:relative;
	margin:0;
}

.widget {
	margin-bottom: 40px;
 	position:relative;
}


.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }


.widget_tag_cloud a {
 	line-height:1.3em;
	font-weight:normal;
}

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;   }
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4;  }


 /* Twitter widget */
.widget .zoom-twitter-widget__item { margin: 0 0 15px; }
.widget .zoom-twitter-widget__item a { font-weight: normal; }
.widget .zoom-twitter-widget__item-timestamp { display: block; color: #727272;  font-style: normal; margin: 5px 0 0; }


/* Social Widget */
.zoom-social_icons-list__item a { font-weight: normal; }


/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 15px 15px 0; float: left; }
.widget .feature-posts-list small { font-size: 14px; color: #999; margin: 0 0 5px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block; overflow: hidden; }
.widget .feature-posts-list li { padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ebebeb; }
.widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0;}
.widget .feature-posts-list li h3 { line-height: 1.3; font-size: 18px; color: #3a3a3a; margin: 0 0 5px; }

.home_widgets .widget .feature-posts-list small { width: 200px; float: left; margin: 5px 0 0; }


/* Facebook Like Box */
div.fb-like.fb_iframe_widget {  width: 100% !important; }

.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }


/*********************************************************************************************

12. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
    background: #F0F0F0;
    margin-top: 50px;
}

#footer .widget-area {
	padding: 25px 25px 0;
    font-size: 0;
}

#footer div.column {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 3.5% 0 0;
    font-size: 14px;
}

#footer div.last {
    margin-right: 0;
}

#footer .widget h3.title {
    border: none;
    padding: 0;
    margin: 0 0 15px;
}

#footer .copyright {
    background: #EAEAEA;
    padding: 25px 25px 15px;
}

#footer .copyright .left {
    float: left;
}

#footer .copyright .right {
    float: right;
}

#footer p.wpzoom a {
    font-weight: 500;
}





/* jQuery.mmenu CSS */
.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }
.mm-menu .mm-hidden { display: none }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 100px 20px 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); }
.mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); }
.mm-menu > .mm-panel.mm-highest { z-index: 1 }
.mm-menu .mm-list { padding: 20px 0 }
.mm-menu > .mm-list { padding-bottom: 0 }
.mm-menu > .mm-list:after { content: ''; display: block; height: 40px; }
.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }
.mm-panel > .mm-list:first-child { padding-top: 0 }
.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-list { font: inherit; font-size: 14px; }
.mm-list a, .mm-list a:hover { text-decoration: none }
.mm-list > li { position: relative }
.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; font-size: 16px; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }
.mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }
.mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen { width: 100% }
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none }
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen { background: transparent }
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }
.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; }
.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }
.mm-list > li.mm-spacer { padding-top: 40px }
.mm-list > li.mm-spacer.mm-label { padding-top: 25px }
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; }
.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }
.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px }
html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu { background: #0D0D0D; color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3) }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05) }

.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}