/*
Theme Name: Optimize
Author: InsertCart
Author URI: http://www.insertcart.com
Theme URI: http://www.insertcart.com/product/optimize-wp-theme/
Description: Optimize as name tells every thing completely optimized for search you will get 90+ page speed H1 and H2 Title Tags on page and posts WooCommerce Supported for eCommerce website. Google Adsense ready template show ads in single post, header or below navigation and widget as well. This is fully optimize style best for any kind of personal blog or business website it comes with Responsive design to increase mobile friendly.Fully featured control panel that support favicon link. Live working Demo http://demo.baztro.com/optimize/
Version: 1.8
Tags: custom-menu, custom-header, custom-background, custom-colors, one-column, two-columns, right-sidebar, theme-options, threaded-comments, translation-ready, featured-images, footer-widgets, e-commerce, sticky-post, blog, photography, news, entertainment, featured-image-header, rtl-language-support, grid-layout, post-formats, buddypress, portfolio 
Text Domain: optimize
License: GNU General Public License v2
License URI: license.txt
Copyright (C) 2016 sandy, This program is distributed free, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.4 See the GNU General Public License for more details.You should have received a copy of the GNU General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.

Optimize WordPress theme, Copyright (C) 2016 InsertCart
Optimize WordPress theme is licensed under the GPL.

*/

/*===================== reset ===================== */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

iframe {
    max-width: 100%;
}

/*
Monda-Regular: Copyright (c) 2012, vernon adams (vern@newtypography.co.uk), with Reserved Font Names 'Monda'
Styled by: https://plus.google.com/107807505287232434305/about
License: SIL Open Font License, 1.1
*/

@font-face {
    font-family: 'Monda';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/monda-regular-webfont.eot');
}

@font-face {
    font-family: 'Monda';
    src: local('Monda Regular'), local('Monda-Regular'), url('fonts/monda-regular-webfont.eot') format('embedded-opentype'), url('fonts/monda-regular-webfont.woff') format('woff');
    local('Monda Regular'),
    local('Monda-Regular'),
    url('fonts/monda-regular-webfont.svg#Monda') format('svg');
    local('Monda Regular'),
    local('Monda-Regular'),
    url('fonts/monda-regular-webfont.ttf') format('truetype');
    url('fonts/monda-regular.ttf') format('truetype');
}


/* ===================== general ===================== */

.wrapper {
    max-width: 1080px;
    margin: 0 auto;
    width: 95%;
}

body {
    font: 500 13px/23px 'Monda', sans-serif;
    color: #555;
    text-align: left;
    word-wrap: break-word;
    margin: auto !important;
    background: #FFF;
}

a {
    color: #2D89A7;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: normal;
    letter-spacing: -1px;
    font-family: 'Monda', sans-serif;
}

h1 {
    font-size: 28px;
    line-height: 28px;
}

h2 {
    font-size: 22px;
    line-height: 24px;
}

h3 {
    font-size: 18px;
    line-height: 20px;
}

h4 {
    font-size: 14px;
    line-height: 16px;
}

h5 {
    font-size: 12px;
    line-height: 14px;
}

h6 {
    font-size: 12px;
    line-height: 14px;
}

input,
textarea {}

hr {
    display: none;
}

p {
    padding: 7px 0;
}

code {
    color: #5886a3;
}

small {
    font-size: 11px;
    line-height: 10px;
}

blockquote {
    display: block;
    margin: 25px 0;
    padding: 0 0 0 45px;
    clear: both;
    font-size: 14px;
    font-style: italic;
    background: url(images/quote.png) no-repeat;
    font-family: Georgia, Times;
}

blockquote.pullquote,
blockquote.pullquoteleft {
    font-size: 2em;
    line-height: 1em;
    font-style: italic;
    width: 200px;
    color: #a1a1a1;
    background-image: none;
}

blockquote.pullquote {
    margin: 0 0 0 30px;
    border-left: 5px solid #eee;
    padding: 10px 0 10px 30px;
}

blockquote.pullquoteleft {
    margin: 0 30px 0 0;
    border-right: 5px solid #eee;
    padding: 10px 30px 10px 0;
    text-align: right;
}

table {
    margin: 0;
}

.list_inline li {
    display: inline;
    margin: 0 5px 0 0;
    list-style: none;
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.dropcap {
    font-size: 270%;
    line-height: 100%;
    font-weight: bold;
    float: left;
    padding-top: 0;
    padding-right: 5px;
}

.highlight {
    background: #ffff66;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
}

div.gap {
    clear: both;
    display: block;
    height: 10px;
    margin-bottom: -22px;
}

.transparent_class {
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}


/*==========Author Information==========*/

#author-bio {
    border: 1px solid;
    min-height: 120px;
    margin-top: 30px;
    padding: 5px;
}

#author-bio img {
    float: left;
    width: 75px;
    padding: 2px;
    border: 1px solid #cccccc;
    margin: 5px 15px 0 0;
}

#author-bio h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

#author-bio h4 {
    font-size: 12px;
    margin: 0 0 3px 0;
}

.avatar {
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    -ms-border-radius: 45px;
    -khtml-border-radius: 45px;
}

div .plusone,
.twitter,
.fb-like {
    font-size: 1px;
    display: inline-block;
}

div .fb_reset {
    display: inline;
}


/* ===================== shortcodes/framework fluid width ===================== */

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.33%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth {
    position: relative;
    float: left;
    display: inline;
    overflow: hidden;
    margin-right: 4%;
}

.first {
    margin-left: 0;
    /* the first left column */
}

.last {
    margin-right: 0;
    clear: right;
    /* the last right column */
}


/* ===================== images ===================== */

img,
img a {
    border: none;
    width: auto;
    height: auto;
    max-width: 98%;
    vertical-align: middle;
}

.alignleft {
    float: left;
    margin: 0 15px 5px 0;
    display: inline;
}

.alignright {
    float: right;
    margin: 0 0 5px 15px;
    display: inline;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.wp-caption,
.imgthumb,
.entry img {
    max-width: 98%;
    background: #f9f9f9;
    text-align: center;
}

.wp-caption img {
    background: #f9f9f9;
    width: auto;
}

.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.post_image {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    border: 1px solid #dedede;
    padding: 20px;
    padding-bottom: 15px;
}

.post_image img {
    border: 1px solid #888;
    margin: auto;
}

.post_image .wp-caption {
    overflow: hidden;
}

.post_image .wp-caption img {
    background: none;
    float: left;
}

.post_image p.wp-caption-text {
    clear: left;
    border-top: none;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    color: #555;
}

.special img,
.special img a {
    border: 5px solid #ccc;
    vertical-align: bottom;
}

#share {
    width: auto;
    float: right;
    display: inline;
    margin-top: 3%;
}


/* #categroy menu */

#navigation {
    margin: 0;
    font-size: 12px;
    min-height: 35px;
    position: relative;
}

#navigation {
    margin: 0 auto;
    width: 100%;
    z-index: 500;
}

#navigation-inner {
    margin: 0 auto;
    position: relative;
    background: #00B157;
    min-width: 790px;
}

#navigation .secondary {
    background: #00B157;
    margin-bottom: 5px;
}

#navigation ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    line-height: 1;
    border-bottom: 0;
    text-align: center;
}

#navigation ul a {
    position: relative;
    display: block;
    padding: 0 18px;
    height: 35px;
    color: #fff;
    line-height: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#navigation .secondary ul a {
    height: 46px;
    font-size: 13px;
}

#navigation ul li {
    float: left;
    position: relative;
    width: auto;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
}

#navigation > .sub-menu {
    margin-left: 0;
}

#navigation ul li:first-child #maganav ul a {
    border-right: none;
}

#navigation ul li.current-menu-item a {
    color: #FFF;
    background: #333;
}

ul.catnav li a {
    padding: 5px 10px;
}

#navigation ul li.current-menu-item,
#navigation ul li a:hover {}

#navigation li:hover > a {
    background: #89D942;
}

#navigation .secondary ul li.current-menu-item,
#navigation .secondary >ul >li a:hover {}

#navigation .secondary ul li.current-menu-item {
    background: #89D942;
}

#navigation .secondary >ul >li a:hover {
    background: #89D942;
}

#navigation ul li.dropme a {
    background: #A09B9A;
}

#navigation ul ul {
    position: absolute;
    left: -999em;
    width: 212px;
    z-index: 99999;
    border: 0;
    background: none;
    border-bottom: none;
}

#navigation ul ul a {
    width: 198px;
    height: 15px;
    line-height: 15px;
    padding: 15px 0px 10px 15px;
    overflow: hidden;
    text-align: left;
    border-right: none;
}

#navigation .secondary ul ul a {
    padding: 15px 0px 15px 15px;
    background: #333;
    color: #fff;
    height: auto;
}

#navigation ul ul a:hover {
    opacity: 1;
    background: #89D942;
}

#navigation ul ul ul {
    border-top: 0;
    margin: -50px 0 0 212px;
}

#navigation ul li li {
    margin: 0;
    border: 0;
}

#navigation ul li:hover {
    opacity: 1;
    position: static;
}

#navigation ul li:hover ul ul,
#navigation ul li:hover ul ul ul,
#navigation ul li:hover ul ul ul ul {
    left: -999em;
    padding-top: 6px;
}

#navigation ul li:hover ul,
#navigation ul li li:hover ul,
#navigation ul li li li:hover ul,
#navigation ul li li li li:hover ul {
    left: auto;
}

.nav li > a:after {
    font-size: 16px;
    content: ' ▾';
}

.nav li > a:hover:after {
    font-size: 16px;
    content: ' ▾';
}

.nav li > a:only-child:after {
    content: '';
}


/* ===================== layout ===================== */

#top-menu-inner #myslidemenu {
    width: 75%;
    height: auto;
    padding-left: 0;
    float: left;
    display: inline;
    font-size: 115%;
    max-width: 75%;
}

#navigation .current_page_item {
    background: #89D942;
}

.current-post-parent {
    background: #A09B9A;
}

#header {
    background: transparent;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    margin-bottom: -5px;
    min-height: 140px;
    background-size: cover;
}

#header-inner {
    margin: auto;
    position: relative;
    padding: 7px;
}

#header #logo {
    float: left;
    display: inline;
    margin: 0;
    margin-top: 22px;
    max-width: 470px;
    min-height: 90px;
}

#header #logo img {
    max-width: 470px;
    margin-left: 0;
    max-height: 90px
}
p.site-title{
	font-size:28px;
}
#header #banner-top {
    height: 75px;
    float: right;
    display: inline;
    margin-top: 17px;
}

#header #banner-top img {
    height: 75px;
    width: 460px;
    float: right;
    display: inline;
    margin-top: 17px;
}

h2.site-description {
    font-size: 20px;
    line-height: 27px;
}

#single-nav {
    border-top: 1px solid;
}

#single-nav:hover {
    color: #333;
}

#single-nav #single-nav-left {
    float: left;
    padding: 5px;
    font-weight: bold;
    width: 48%;
}

#single-nav #single-nav-right {
    padding: 5px;
    font-weight: bold;
    float: right;
}

#page {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

#page-inner {
    margin: 0 auto;
    position: relative;
}

#page-inner #banner-top {
    margin: 10px 0px 10px 0px;
    position: relative;
    text-align: center;
}

#pagecont {
    width: 65%;
    float: left;
    margin-right: 30px;
    background: #fff;
    border-right: 1px solid #F5F5F5;
}

.pagepost {
    max-width: 99%;
    margin: 1%;
}

#content {
    width: 65%;
    float: left;
    margin-right: 2%;
    min-width: 30%;
    background: #FFF;
    padding-bottom: 1%;
    border-right: 1px solid #F5F5F5;
}

#rdfa {
    background: #f5f5f5;
}

header.page-header {
    border: 1px solid;
    padding: 10px;
    border-color: #ddd;
    background: #FBFBFB;
    margin-bottom: 10px;
}


/* ===================== post-slider ===================== */

.post-slider {
    color: #ddd;
    font-size: 90%;
    padding: 10px 20px;
    top: 332px;
    position: absolute;
    height: 80px;
    text-shadow: #000 0 1px;
    font-style: italic;
}

.nivo-caption p {
    background: url(images/bg.jpg);
    text-transform: uppercase;
    text-shadow: #000 0 1px;
}


/* ===================== searchform ===================== */

#search {
    width: auto;
    height: 30px;
    float: right;
    display: inline;
}

#s {
    height: 32px;
}

#searchform,
#searchform div {
    position: relative;
}

#searchsubmit {
    cursor: pointer;
    height: 40px;
    width: 45px;
}

form#searchform input#s {
    width: 200px;
}

#searchform label {
    position: absolute;
    top: -1500px;
    left: -1500px;
}


/* ===================== content  ===================== */

.post {
    width: 99%;
    float: left;
    margin: 0.5%;
}

.post .thumbnail {
    float: left;
    padding: 10px;
}

.post .thumbnail img {
    background: #fff;
    padding: 0;
    width: 175px;
    height: 175px;
}

.post h1 {
    color: #000;
    margin-bottom: 10px;
    font-style: normal;
}


/*============Post Table===============*/

caption {
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #f5f5f5;
    padding: 10px;
    font-weight: bold;
}

thead {
    font-size: 10px;
}

thead th {
    margin-bottom: 8px;
    background: #f5f5f5;
    border-right: 1px solid #fff;
    padding: 10px;
    color: #333;
}

tbody {
    color: #aaa;
}

tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

tbody td:hover {
    background: #fff;
}

tbody .pad {
    background: #f5f5f5;
}

tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

tbody td#today {
    background: none repeat scroll 0% 0% #2D89A7;
    color: #fff;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px;
    width: 100%;
}

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

tbody {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.entry {
    padding: 10px;
}

.entry a {
    text-decoration: underline;
}

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

.entry ul,
.entry ol {
    padding: 9px 40px;
}

#nav-below {
    margin: 0 0 20px;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.nav-previous a::before {
    content: "\f060";
    font-family: FontAwesome;
    padding: 5px;
}

.nav-next a::after {
    content: "\f061";
    font-family: FontAwesome;
    padding: 5px;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/* ===================== content / postinfo ===================== */

.postinfo {}

.postmeta_box {
    height: auto;
    font-size: 11px;
    margin: 11px 0;
    float: left;
    width: 99%;
    padding-left: 5px;
    display: inline;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

.postmeta li {
    display: inline;
    font-size: 90%;
    font-style: normal;
    background: #abcf73;
    color: #fff;
    padding: 1px 3px;
}

.postmeta li a {
    text-decoration: none;
    color: #fff;
}

.postmeta li a:hover {
    text-decoration: underline;
}

.comp::before {
    content: "\f27b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}

.post-edit-link::before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;
}

.tagcloud a:hover {
    background-color: #008CBA;
    color: #fff;
}

.tagcloud a {
    font-size: 13px !important;
    display: inline-block;
    padding: 0 10px;
    min-height: 28px;
    line-height: 28px;
    border: 1px solid;
    margin: 2px 0;
    -webkit-transform: all 0.2s;
    -moz-transform: all 0.2s;
    -ms-transform: all 0.2s;
    -o-transform: all 0.2s;
    transform: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.tags a::before {
    content: "\f02b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;
}

.postcateg a::before {
    content: "\f009";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}

span.author.vcard::before {
    content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
}

span.timestamp.updated::before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;
}

.postmeta_bottom li {
    display: inline;
    font-size: 90%;
    font-style: normal;
    background: transparent;
    color: #777;
}

.postmeta_bottom li a {
    text-decoration: none;
    color: #777;
}

.postmeta_bottom li a:hover {
    text-decoration: underline;
}

.postmeta-top-single {
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: 40px;
}

.readmore {
    cursor: pointer;
    padding: 8px;
    float: right;
    color: #fff;
    font-weight: bold;
    background: #FD4326;
}

.readmore:hover {
    opacity: 0.9;
    text-decoration: underline;
}

.postmeta-fullsize {
    float: right;
    display: inline;
    color: #888;
    font-size: 90%;
    font-style: italic;
}


/* ===================== sidebar ===================== */

#sidebar {
    width: 32%;
    margin-top: 0.5%;
    float: left;
    display: inline;
    min-width: 15%;
    overflow: hidden;
}

#sidebar .box {
    padding: 0;
    margin: 0 0 20px;
}

#sidebar .boxinside {
    padding: 0px 0px 10px 10px;
    clear: both;
}

select {
    max-width: 95%;
}

#sidebar #social {
    margin: 10px;
}

#sidebar #share {
    margin-bottom: 14px;
}

#sidebar #share img {
    margin-top: 8px;
    border: none;
    -webkit-transform: perspective(200px) rotateY(45deg);
    -moz-transform: perspective(200px) rotateY(45deg);
}

#sidebar #share img:hover {
    text-decoration: none;
    opacity: 0.5;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-transform: perspective(200px) rotateY(0deg);
    -moz-transform: perspective(200px) rotateY(0deg);
}

#sidebar ul {
    padding: 0 0 0px 18px;
    margin: 0;
    overflow: hidden;
}

#sidebar ul li {}

#sidebar ul li:hover {}

#sidebar ul li li {
    border-bottom: none;
}

#sidebar h4,
#sidebar h4 a {
    margin: 0 0 10px -10px;
    text-transform: capitalize;
    color: #999;
    font-weight: bold;
    font-size: 17px;
    padding: 4%;
    padding-top: 0;
    background: url('images/div.png') bottom left repeat-x;
}

#sidebar h4 a:hover {
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: none;
    text-decoration: none;
}

#twitter h4,
#twitter h4 a {
    margin: 0 0 10px;
    padding: 0;
    background: none;
    font-weight: normal;
}

#latesthd {
    margin-bottom: -10px;
}

#ltpost {
    clear: both;
    margin-bottom: 10px;
}

#ads {
    padding: 5px 0 0 13px;
    width: 270px;
}

#ads ul {
    list-style: none;
    overflow: hidden;
}

#ads ul li {
    float: left;
}

#ads ul li a {
    float: left;
    display: block;
    height: 135px;
    width: 135px;
}

#ads ul li a img {
    margin: 0 7px 10px 0;
}

#ads ul li.wide a {
    width: 260px;
    height: 130px;
    margin-right: 0;
}

#ads ul li {
    border-bottom: 0;
}

#ads ul li li {
    border-bottom: 0;
}

.latest-post {
    margin-bottom: 2px;
    list-style: none;
}

.latest-post a {
    float: none;
    font-size: 0.92rem;
    font-weight: bold;
}

.latest-post img {
    float: left;
    padding: 2px;
    border: 1px solid #dedbd1;
    width: 60px;
    height: 60px;
    margin: 2px 12px 4px 0;
}

.latest-post .clear {
    clear: both;
}


/* -------------------- sidebar tabs -------------------- */

#sidebartop {
    background: #359BED;
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    clear: both;
    border: none;
    background-origin: padding-box;
}

#sidebartabs {
    width: auto;
    margin: 0;
}

#sidebartabs li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebartabs ul li {
    padding: 5px;
    margin: 0;
}

#sidebartabs ul li h4 {
    background: #fff;
    padding: 5px;
    margin: 0;
}

#sidebartabs ul li:hover {}

#sidebartabs ul li.active {
    background: #fff;
}

#sidebartabs ul ul li {
    padding: 0;
}

#sidebartabs ul ul ul li {
    padding: 0;
    background: #359BED;
}

#sidebartabs h4,
#sidebartabs h4 a {
    margin: 0 0 10px;
    padding: 0;
    color: #359BED;
    background: none;
    border: none;
}


/* ===================== footer ===================== */

#myban {
    margin-top: 10px;
    word-wrap: break-word;
    max-width: 730px;
    max-height: 92px;
    float: right;
    overflow: hidden;
}

#footer {
    margin: 0 auto;
    z-index: 1;
    list-style-type: none;
    color: #333;
    background: #DDD;
}

#footer-inner {
    margin: auto;
    width: auto;
    position: relative;
    text-align: center;
    padding: 10px;
}


/* ===================== Footer Widget ===================== */

#footerhorizontal ul {
    margin: 5px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

#footerhorizontal li {
    display: inline;
}

#footerhorizontal ul li a {
    text-decoration: none;
    margin: 4px;
}

#footerhorizontal li::after {
    content: "\007c";
}

#bottom-menu {
    z-index: 1;
    list-style-type: none;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

#bottom-menu-inner {
    margin: auto;
    width: 100%;
    position: relative;
}

#bottom-menu a {
    text-decoration: none;
}

#bottom-menu a:hover {
    text-decoration: none;
}

#bottom-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bottom-menu ul li a {}

#bottom-menu ul li li {
    padding-left: 10px;
    border-bottom: none;
}

#bottom-menu h4 {
    line-height: 24px;
    margin-bottom: 15px;
    font-size: 20px;
    padding-bottom: 9px;
    font-weight: bold;
    border-bottom: 4px solid #EEE;
}

#bottom-menu-1 {
    width: 32%;
    margin-right: 2%;
    float: left;
    display: inline;
    overflow: hidden;
}

#bottom-menu-2 {
    width: 32%;
    margin-right: 2%;
    float: left;
    display: inline;
    overflow: hidden;
}

#bottom-menu-4 {
    width: 32%;
    float: left;
    display: inline;
    overflow: hidden;
}


/* ===================== pagenavi ===================== */

#pagenavi {
    text-align: left;
    height: 0px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 25px;
    padding-bottom: 20px;
}

#pagenavi a {
    padding: 5px 14px 5px 14px;
    margin: 2px;
    text-decoration: none;
    line-height: 24px;
    border: 1px solid;
    background: #00B157;
    color: #fff;
}

#pagenavi span {
    padding: 5px 14px 5px 14px;
    margin-right: 10px;
    text-decoration: none;
    line-height: 24px;
    background: #89D942;
    color: #fff;
}

#pagenavi a:hover {
    text-decoration: none;
    background: #89D942;
}

#pagenavi span.current {
    padding: 5px 14px 5px 14px;
    margin: 2px;
    line-height: 25px;
    font-weight: bold;
    background: #89D942;
    color: #fff;
}


/* ===================== Scroll to top ===================== */

.backtop {
    background: #F5F5F5;
    color: #333;
    width: 30px;
    text-align: center;
    height: 26px;
    padding-top: 4px;
    display: inline-block;
    zoom: 1;
    border-radius: 10em;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.backtop:hover {
    text-decoration: none;
    opacity: 0.5;
}


/* ===================== calendar ===================== */

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: center;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #f5f5f5;
    padding: 10px;
    font-weight: bold;
}

#wp-calendar thead {
    font-size: 10px;
}

#wp-calendar thead th {
    margin-bottom: 8px;
    background: #f5f5f5;
    border-right: 1px solid #fff;
    padding: 10px;
    color: #333;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: #f5f5f5;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}

#wp-calendar tbody td#today {
    background: none repeat scroll 0% 0% #2D89A7;
    color: #fff;
}


/* ===================== comments ===================== */

p.form-submit {
    clear: both;
    text-align: right;
}

a.comment-reply-link::before {
    content: "\f112";
    font-family: FontAwesome;
    padding: 4px;
}

.large-6 {
    width: 98%;
}

.row.collapse > .column,
.row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
    float: left;
    position: relative;
}

.small-3 {
    width: 25%;
}

.small-9 {
    width: 75%;
}

.column + .column:last-child,
.columns + .column:last-child,
.column + .columns:last-child,
.columns + .columns:last-child {
    float: right;
}

.prefix,
.postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 99%;
    z-index: 2;
}

span.prefix,
label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.4rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
}

#commentform i.fa {
    padding: 5px;
}

.column,
.columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

#commentform > p.comment-form-comment > label:before {
    content: "\f0e5";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
    color: #9B9B9B;
    font-size: 1rem;
}

#commentform > p.comment-form-comment > label {
    display: block;
    margin-bottom: 0.88889rem;
    padding: 0.33333rem 0.5rem 0.5rem;
    position: relative;
    bottom: -14px;
    clear: both;
    background: #f2f2f2;
    border: 1px solid;
    color: #333333;
    border-color: #cccccc;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0;
}

.comments {
    margin: 10px 0;
}

.comments h3 {
    margin: 84px 0 30px 0;
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    clear: both;
    padding: 0;
    text-indent: 0;
}

ol.commentlist li.comment {
    border: 1px solid #ddd;
    padding: 1em;
    margin-bottom: 10px;
}

ol.commentlist li div.vcard {
    font-size: 18px;
}

ol.commentlist li div.vcard cite.fn {
    font-style: normal;
    padding: 9px;
}

ol.commentlist li div.vcard img.avatar {
    border: 2px solid #ccc;
    float: left;
    margin: 0 1em 1em 0;
}

ol.commentlist li div.comment-meta {
    font-size: 9px;
    margin-bottom: 10px;
}

ol.commentlist li div.comment-meta a {
    color: #aaa;
}

ol.commentlist li p {
    margin: 0;
}

ol.commentlist li ul {
    list-style: square;
    margin: 0 0 1em 2em;
}

.commentlist .bypostauthor {}

ol.commentlist li div.reply {
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
    font-family: sans-serif;
    display: inline-block;
    line-height: 2.1em!important;
    cursor: pointer;
    padding: .25em .5em;
    margin: -3px 1.6em 7px;
    background: #418cd1;
}

ol.commentlist li div.reply a {
    font-weight: bold;
    color: #FFF;
}

ol.commentlist li ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
}

ol.commentlist li ul.children li.depth-2 {
    margin: 0 0 .25em .25em;
}

ol.commentlist li ul.children li.depth-3 {
    margin: 0 0 .25em .25em;
}

ol.commentlist li ul.children li.depth-4 {
    margin: 0 0 .25em .25em;
}

ol.commentlist li.even {
    background: #fff;
}

ol.commentlist li.odd {
    background: #f5f5f5;
}

ol.commentlist li.pingback {
    border-bottom: 1px dotted #676767;
    padding: 1em;
}

ol.commentlist li ol {
    list-style: decimal;
    margin: 0 0 1em 2em;
}

#commentform #email:focus,
#commentform #url:focus,
#commentform #comment:focus {
    border: 1px solid #aaa;
}

textarea {
    height: auto;
}

#commentform small {
    line-height: 26px;
}

#commentform #submit {
    background: #418cd1;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    border: none;
    padding: 12px 16px;
    color: white;
    margin: 20px;
}

#commentform #submit:hover {
    text-decoration: none;
    opacity: 0.4;
    color: white;
}

#form-allowed-tags {
    display: none;
}


/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/

.woocommerce .woocommerce-message {
    border-top-color: #20598A;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div.related.products > h2::before {
    content: "\f074";
    padding: 8px;
    font: normal normal normal 14px/1 FontAwesome;
}

div.related.products > h2 {
    background: #008CBA;
    float: left;
    color: #fff;
    padding: 10px;
    margin-bottom: 3%;
    font-size: 1.2rem !important;
    border-radius: 3px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
}

a.added_to_cart.wc-forward {
    display: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #F54141;
}

.woocommerce div.product form.cart .button:before {
    content: "\f07a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 1px 6px 0px 0px;
    font-size: 1.1rem;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #ffffff;
    padding: 20px;
    margin-top: 0px;
    border-top: 0px;
    overflow: overlay;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 1.3rem;
    margin-bottom: 24px;
}

.woocommerce p.myaccount_user {
    padding: 21px;
    border-color: #DBDBDB;
    color: #333333;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    background-color: #f5f5f5;
}

div.summary.entry-summary > div.product_meta > span:before {
    content: "\f115";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    margin-left: 6px;
    padding: 8px 6px 8px 9px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs .reviews_tab:before {
    content: "\f0e5";
    font: normal normal normal 14px/1 FontAwesome;
    left: 8px;
    top: 10px;
    font-size: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs .description_tab:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    left: 10px;
    top: 13px;
}


/* ===================== css3/buttons ===================== */

.entry-attachment .attachment {
    overflow: hidden;
}

.entry-attachment .attachment p {
    text-align: center;
}

.entry-attachment .attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.571428571rem;
}

.entry-meta {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.sticky {
    padding: 1%;
    width: 97%;
}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
    border: 10px solid #f1f1f1;
}

.gallery br+br {
    display: none;
}

ol.commentlist li div.reply:hover {
    font-size: 11px;
    color: #333;
    opacity: 1;
}

pre {
    white-space: pre-wrap;
    line-height: 1em;
    margin: 15px -2px;
    overflow: auto;
    color: #333;
    background: #F4F4F4;
    padding: 6px;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 3;
    -ms-word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    border: 1px solid;
}

.page-links {
    clear: both;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    float: left;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}