/*
Theme Name: ProMaxPro
Theme URI: https://www.insertcart.com/product/promax-wordpress-theme/
Description: ProMax Theme is best WordPress theme design for personal and business uses with full features and SEO Optimize.This WordPress Theme can easily adapts on your mobile and desktop or any other device. Theme comes with lots of customization and connect social media like Facebook, Google+, twitter, YouTube and Adsense ready It supports all the awesome WordPress features completely free theme for blogging.
Version: 4.2
Author: Sandy
Author URI: https://www.insertcart.com
Tags: custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, theme-options, threaded-comments, sticky-post, translation-ready, editor-style, featured-images, rtl-language-support, footer-widgets, blog, e-commerce, photography, news
Text Domain: promax
License: GNU General Public License v2
License URI: license.txt


ProMax WordPress theme, Copyright (C) 2017 BazTro
ProMax 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;
}

body,
div.entry > p,
div.entry.clearfix > p {
    font-size: 15px;
}

#header-inner,
#ltpost,
#page-inner,
#bottom-menu-inner,
#footer-inner,
#pronav-inner,
nav.top-bar {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}


/*
Open Sans: Designed by Steve Matteson Director of Ascender Corp.
Styled by: https://profiles.google.com/107777320916704234605/about
License: Apache License, version 2.0 with GPL
*/

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

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

body {
    font: 500 13px/23px 'open_sansregular', 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;
    font-family: 'open_sansregular', sans-serif;
}

.entry h1 {
    font-size: 35px;
}

.entry h2 {
    font-size: 1.7rem;
}

.entry h3 {
    font-size: 1.44rem;
}

.entry h4 {
    font-size: 1.2rem;
}

.entry h5 {
    font-size: 1rem;
}

.entry h6 {
    font-size: 0.8rem;
}

input,
textarea {}

hr {
    display: none;
}

code {
    color: #5886a3;
}

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

blockquote {
    display: block;
    margin: 25px 0;
    padding: 0 0 0 25px;
    clear: both;
    font-size: 14px;
    font-style: italic;
    font-family: Georgia, Times;
    border-left: 5px solid #418cd1;
    background: #eef7f8;
    color: #000;
}

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;
}

.tablepress img {
    max-width: 100% !important;
}

.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;
}

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


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

#author-bio .large-12.columns {
    background: #F7F7F7;
    min-height: 132px;
    margin-top: 30px;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

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

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

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

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 */
}

iframe {
    max-width: 100%;
}


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

img,
img a {
    border: none;
    max-width: 100%;
    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: 100%;
    background: #f9f9f9;
    text-align: center;
    height: auto;
}

.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%;
}

#wp-admin-bar-myCustomMenu {
    color: #7C7CBD;
}

.republicmob button.mainmob.button.dropdown.secondary {
    width: 130px;
    padding: 11px 0px;
    border-radius: 4px;
    text-align: left;
    margin-left: 5%;
}
.republicmob button.mainmob.mobilesearch.button {
    padding: 12px;
	background: #aeaeae;
}
.republicmob {
    background: #e7e7e7;
    height: 43px;
}
.republicmob button.secondary:hover,.republicmob button.secondary:focus, .republicmob .button.secondary:hover,.republicmob .button.secondary:focus{
	background: transparent;
}
/************Foundation menu***************/

.width {
    background: #5B89B8;
}

.top-bar .toggle-topbar.menu-icon a {
    padding: 0 1rem 0 0.9375rem !important;
}

.top-bar.expanded .toggle-topbar.menu-icon a::before {
    font-family: FontAwesome;
    content: "\f00d";
    pointer-events: none;
}

.top-bar .toggle-topbar.menu-icon a::before {
    font-family: FontAwesome;
    content: "\f0c9";
    pointer-events: none;
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: 6px !important;
    top: 50%;
    float: left;
    position: relative;
}

.top-bar-section ul li > a {
    font-family: inherit !important;
}

nav.top-bar .top-bar-section .has-dropdown > a:after,
.top-bar-section ul li:hover:not(.has-form) > a,
nav.top-bar a:hover {
    color: #fff !important;
}

nav.top-bar.expanded .toggle-topbar a {
    color: #FFFFFF;
}

nav.top-bar .top-bar-section li:hover > a {
    background: #f03;
}

nav.top-bar {
    z-index: 999;
}

nav.top-bar .top-bar-section li:not(.has-form) a:not(.button),
nav.top-bar,
nav.top-bar.expanded .title-area {
    background: #5B89B8;
}

button.mainmob.mobilesearch.button {
    float: right;
}

ul#mobilesearch {
    padding: 0px 24px;
}

nav > ul > li.toggle-topbar.menu-icon > a > i {
    padding: 5px;
}


/************Main Menu************/

nav.main .top-bar-section li:not(.has-form) a:not(.button),
nav.main,
nav.main.expanded .title-area {
    background: #ffffff;
}

nav.main .toggle-topbar.menu-icon a {
    color: #888888;
}


/************Top Navigation Menu************/

#navigation .home-icon img {
    padding-bottom: 3px;
}

#navigation .home-icon {
    display: block;
}

.home-icon {
    display: none;
}

#navigation {
    margin: 0;
    font-size: 12px;
    min-height: 35px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    background-color: #5B89B8;
}

#navigation-inner {
    margin-left: 5%;
    width: 70%;
    position: relative;
}

#navigation .secondary {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

#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;
    line-height: 48px;
    color: #fff;
    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: 48px;
    color: #ffffff;
    line-height: 46px;
    font-size: 0.8rem;
}

#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;
}

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

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

#navigation li:hover > a {
    background-color: #333333;
}

#navigation .secondary ul li.current-menu-item {
    background-color: #7EA8D3;
    opacity: 1;
}

#navigation .secondary >ul >li a:hover {
    background-color: #333;
    opacity: 1;
}

#navigation ul li.dropme a {
    background-color: #418cd1;
}

#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;
    background-color: #5B89B8;
    height: 15px;
    line-height: 15px;
    padding: 15px 0px 10px 15px;
    overflow: hidden;
    text-align: left;
    border-right: none;
}

#navigation .secondary ul ul a {
    padding: 0px 0px 2px 15px;
}

#navigation ul ul a:hover {
    opacity: 1;
}

#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;
}

#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;
}

li.home-icon > a {
    height: 44px;
}

li.home-icon > a > i {
    font-size: 1.5rem;
    padding-top: 10px;
}


/*******************Pronav*************/

#TopMenuSocial {
    float: right;
}

#TopMenuSocial a {
    color: #fff;
}

#TopMenuSocial a:hover {
    background-color: #333;
}

.socialfb {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialtw {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialgp {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialrss {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialinstagram {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialyt {
    float: left;
    border-left: 1px solid #6C92B8;
}

.socialinstagram a,
.socialfb a,
.socialrss a,
.socialgp a,
.socialtw a,
.socialyt a {
    display: block;
    padding: 3px 12px 1px 12px;
    font-size: 1.6rem;
}

#pronav {
    margin: 0;
    font-size: 11px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 87;
    font-weight: bold;
    border-bottom: 1px solid #E9E9E9;
}

#pronav-inner {
    margin: 0 auto;
    width: 90%;
    position: relative;
    clear: both;
}

#pronav .secondary {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

#pronav .home-icon {
    display: none;
}

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

#pronav ul a {
    position: relative;
    display: block;
    padding: 0 18px;
    height: 35px;
    font-size: 11px;
    line-height: 48px;
    color: #888;
    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;
}

#pronav .secondary ul a {
    height: 38px;
    color: #888;
    line-height: 38px;
}

#pronav 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;
}

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

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

#pronav ul li.current-menu-item a {
    color: #333;
}

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

#pronav ul li.current-menu-item,
#pronav ul li a:hover {
    background-color: #E9E9E9;
    color: #333 !important;
}

#pronav li:hover > a {
    background-color: #E9E9E9;
}

#pronav .secondary ul li.current-menu-item,
#pronav .secondary >ul >li a:hover {
    background: #E9E9E9;
    opacity: 1;
}

#pronav ul li.dropme a {
    background-color: #418cd1;
}

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

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

#pronav .secondary ul ul a {
    padding: 0px 0px 2px 15px;
}

#pronav ul ul a:hover {
    opacity: 1;
}

#pronav ul ul ul {
    border-top: 0;
    margin: -37px 0 0 199px;
}

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

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

#pronav ul li:hover ul ul,
#pronav ul li:hover ul ul ul,
#pronav ul li:hover ul ul ul ul {
    left: -999em;
}

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

.nav-menu li > a:after {
    color: #888;
    content: ' ▾';
}

.nav-menu li > a:hover:after {
    color: #444;
    content: ' ▾';
}

.nav-menu 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%;
}

.site-title a {
    color: #fff;
}

.site-description {
    color: #DDD;
}

#navigation .current_page_item {
    background: #333;
}

#header {
    min-height: 110px;
    background: transparent;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    overflow: hidden;
    background: #343434;
}

#header-inner {
    margin: auto;
    width: 90%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

p.site-title,
h1.site-title {
    font-size: 2rem;
    padding: 0px 0px;
    margin-bottom: 0;
}

#logo > h2 {
    font-size: 1.5rem
}

#banner-top a {
    color: #fff;
}

#banner-top {
    color: #FFF;
    padding-top: 10px;
    overflow: hidden;
}

#banner-top img {
    float: right;
    color: #FFF;
    max-width: 730px;
}

#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;
}

ul.large-block-grid-2 .thumbnail img {
    height: 260px;
}

ul.large-block-grid-5 .thumbnail img {
    height: 140px;
}

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


/*****************************************
WooCommerce
********************************************/

.woocommerce div.product form.cart .button.quickcheckout a {
    color: #fff;
}

.woocommerce div.product form.cart .button.quickcheckout {
    border-radius: 3px;
    margin-left: 10px;
    padding: 9px;
}

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

.woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs img {
    padding: 4px;
}

.woocommerce-product-gallery__image {
    margin-top: 10px;
}

.woocommerce-page #content {
    width: 69%;
    float: left;
    min-width: 30%;
    margin: 1% 1% 0% 2%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: #EBE9EB;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    height: auto !important;
    width: auto !important;
    background-color: #ebe9eb !important;
    overflow: initial !important;
    float: none !important;
}

.thumbnail img {
    width: 100%;
    max-width: 100% !important;
    padding: 0px 0px 10px 0px;
}


/* ===================== 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 {
    background: #fff;
    border: 1px solid #ddd;
    color: #555;
    font-size: 100%;
    top: 0;
    height: 35px;
}

#searchform {
    margin-top: 30px;
}

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

#searchsubmit {
    padding: 5px;
    height: 37px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 42px;
}

form#searchform input#s {
    width: 80%;
    float: left;
    height: 37px;
}

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


/* ===================== crumbs  ===================== */

#content #crumbs {
    width: 94%;
}

#crumbs::before {
    content: "\f03a";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 7px;
}

#crumbs {
    color: #fff;
    font-weight: bold;
    margin: 2px 0px 10px 0px;
    padding: 6px 0px 6px 12px;
    background: #DC3030;
}

#crumbs a {
    color: #fff;
}


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

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

.post {
    padding-top: 1%;
}

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

.post .thumbnail img {
    background: #fff;
    padding: 0;
}


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

#pagecont table,
#singlecontent table {
    width: 95%;
    color: #666;
    border-collapse: collapse;
    font-size: 12px;
    text-shadow: 1px 1px 0px #FFF;
    margin: 20px;
    border: #CCC 1px solid;
}

#pagecont table tr,
#singlecontent table tr {
    text-align: center;
    padding-left: 20px;
}

#pagecont table th,
#singlecontent table th {
    padding: 10px;
    background: #418CD1;
    color: #FFF;
    text-shadow: none;
    font-size: 15px;
    text-align: left;
}

#pagecont table tr:hover,
#singlecontent table tr:hover {
    background: #edf6f9;
}

#pagecont table tr td,
#singlecontent table tr td {
    padding: 6px 4px;
    padding-left: 15px;
    vertical-align: middle;
    border-bottom: 1px solid #E0E0E0;
}

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

span.tags::before {
    content: "\f02c";
    font-family: FontAwesome;
    background: #359BED;
    color: #ffffff;
    padding: 8px 8px 7px 8px;
    text-decoration: none;
}

span.tags a:hover {
    background: #333333;
    color: #ffffff;
}

span.tags a {
    background: #359BED;
    color: #ffffff;
    padding: 5px 8px;
    margin: 2px;
    text-decoration: none;
}

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

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

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

.imag {
    overflow: hidden;
    margin-bottom: 3%;
    box-shadow: 0 0px 1px 0 #B5B5B5;
    -moz-box-shadow: 0 0px 1px 0 #b5b5b5;
    -webkit-box-shadow: 0 0px 1px 0 #B5B5B5;
    position: relative;
}

.imag .entry {
    padding: 0 5px 0 5px;
}

span.authmt > span.author.vcard > span {
    font-weight: normal;
    font-size: 0.7375rem;
}

span.authmt > span.author.vcard {
    border: none;
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

.author.vcard {
    margin: 0;
    border: 0;
    padding: 0;
}

.comment-author.vcard {
    border: 0;
    padding: 0;
    margin: 0;
}

.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 {
    float: left;
    width: 50%;
}

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

.nav-previous a:hover,
.nav-next a:hover {
    background: #333;
}

.nav-previous a::before {
    content: "\f100";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.nav-previous a {
    background: #359BED;
    padding: 6px 12px;
    float: left;
    color: #fff;
}

.nav-next a::after {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 5px;
}

.nav-next a {
    background: #359BED;
    padding: 6px 12px;
    float: right;
    color: #fff;
    text-align: right;
}

.nav-links {
    margin: 10px 0;
}


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

.postinfo {}

.postmeta_box {
    height: auto;
    font-size: 11px;
    display: table;
}

.homecat {
    position: absolute;
    background: #4DD247;
    padding: 4px;
    font-size: 0.9rem;
    overflow: overlay;
}

.homecat a {
    color: #fff;
}

.entry-title a {
    padding-bottom: 10px;
    color: #333;
}

h2.entry-title a {}

.poptit {
    position: absolute;
    margin-top: -60px;
    background: #4DD247;
    padding: 6px;
    width: 23%;
}

.poptit a {
    color: #fff;
}

.pop {
    background: #FAFAFA;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
    margin-bottom: 6%;
    position: relative;
    display: block;
}

.ltl {
    background: rgba(0, 0, 0, 0.6);
    padding: 5px;
    overflow: hidden;
    max-height: 55px;
    position: absolute;
    max-width: 93%;
    zoom: 1;
    margin-top: -55px;
    z-index: 500;
    max-height: 55px;
    color: #fff;
    font-size: 1rem;
    display: flex;
}

.ltl a {
    color: #FFF;
    font-weight: 700;
    font-size: 17px !important;
}

.latest-post {
    list-style: none;
    box-shadow: 0 0px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 0px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 0px 3px 0 #B5B5B5;
    height: 75px;
    text-align: center;
    overflow: hidden;
}

.latest-post a {
    color: #4DD247;
    font-size: 0.8rem;
    padding: 7px 1px;
}

.latest-post img {
    width: 75px;
    height: 75px;
    float: left;
    padding-right: 8px;
}

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

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

#ltpost {
    max-width: 90%;
    margin: 0 auto;
}


/******************Popular Posts****************/

#populars img {
    width: 100%;
    height: 150px;
    display: block !important;
}

.posthd {
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    margin: 2px 0px 12px 0px;
    padding: 6px 0px 6px 8px;
    background-color: #DC3030;
}

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

.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;
    font-size: 11px;
}

#content > div > span.authmt > span.author.vcard .fn {
    font-weight: normal;
    font-size: 14px;
    padding-right: 5px;
}

#content > div > span.authmt > span.author.vcard {
    border: none;
    padding: 0px;
    margin: 0;
}

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

.tagcloud a {
    padding: 2px 8px;
    margin: 0 1px 1px 0;
    display: block;
    float: left;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    font-size: 15px !important;
    background: #5B89B8;
    color: #EFEFEF !important;
}

.authmt {
    position: absolute;
    margin-top: -50px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0px 6px;
}

#metad {
    border-bottom: 1px solid #DDD;
}

.authmt a {
    color: #fff;
}

.authmt a,
div#metad a {
    text-transform: uppercase;
    font-size: 10px;
}

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

.auth {
    font-weight: bold;
}

span.meta-date a::before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;
    font-size: 11px;
}

.author a::before {
    content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 6px;
    font-size: 11px;
}

#metad > span > span.auth > span.author.vcard > span {
    font-weight: normal;
}

span.auth > span.author.vcard {
    border: none;
    padding: 0px;
}

.author.vcard .fn {
    font-weight: normal;
    font-size: 10px;
}

.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;
}

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


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

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

#sidebar .boxinside {
    clear: both;
}

#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 {
    overflow: hidden;
}

#sidebar ul li {}

#sidebar ul li:hover {}

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

#sidebar h4,
#sidebar h4 a {
    text-transform: uppercase;
    color: #FFF;
    background: #7EA8D3;
    font-weight: bold;
    font-size: 17px;
    margin: 2px 0px 10px 0px;
    padding: 10px 0px 10px 13px;
}

#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;
}

#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;
}


/* -------------------- 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;
}

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

ul.tabs li {
    background: #359BED;
    width: 83px;
    height: 22px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: #359BED;
}

ul.tabs li a {
    background: #359BED;
    text-decoration: none;
    display: block;
    padding: 0 0 1px;
    outline: none;
    text-align: center;
}

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

html ul.tabs li {
    background: #359BED;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

html ul.tabs li.active,
html ul.tabs li.active a:hover {}

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_content {
    padding: 0;
    margin: 0;
}

.tab_container ul:hover {
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    text-decoration: none;
    background: #f5f5f5;
}


/* ===================== bottom-menu ===================== */

ul#footerhorizontal li.home-icon {
    display: none !important;
}

ul#footerhorizontal {
    margin: 0;
    padding: 5px;
}

#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;
    font-size: 0.8rem;
}

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

#footerads img {
    max-width: 100%;
}

#footerads {
    padding: 12px;
    overflow: auto;
}

#bottom-menu table caption {
    color: #fff;
}

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

#bottom-menu-inner {
    margin: auto;
    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 {
    margin: 0 0 10px;
    line-height: 24px;
    color: #DDD;
    margin-bottom: 15px;
    font-size: 20px;
    padding-top: 20px;
    font-weight: bold;
}


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

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

#footer-inner {
    margin: auto;
    width: 90%;
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 12px;
}


/* ===================== 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;
    color: #fff;
    line-height: 24px;
    background-color: #418cd1;
}

#pagenavi span {
    padding: 5px 14px 5px 14px;
    margin-right: 10px;
    text-decoration: none;
    color: #ffffff;
    line-height: 24px;
    background-color: #418cd1;
}

#pagenavi a:hover {
    color: #fff;
    text-decoration: none;
    background: #333;
}

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


/* ===================== 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;
}


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

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

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

#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;
	clear:both;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    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;
    display: block;
}

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

ol.commentlist li div.vcard img.avatar {
    border: 1px 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;
    clear: both;
}

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-top: 7px;
    background: #418cd1;
    border-radius: 3px;
}

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: none;
    margin: 0 0 1em 2em;
}

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

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

#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;
}


/* ===================== 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 {}

.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: #000;
    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-top: 1px solid #000 !important;
    line-height: 20px;
    border-bottom: 1px solid #000 !important;
}

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

.kon {
    border-top: 1px solid #DDD;
    padding: 10px 0px 2px 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
    margin-top: 10px;
}

h1.page-title.titlepage {
    font-size: 1.5rem;
}


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

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

.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: 11px;
    top: 11px;
    font-size: 1rem;
}

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


/* 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. */
}

#sidebar .bbp-login-form label {
    width: 100px !important;
}


/*--------------------------------------------------------------
# Scroll to top
--------------------------------------------------------------*/

.backtoup {
    padding: 8px 14px;
    background-color: #3387d0 !important;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

.scrollup {
    text-align: center !important;
    float: left;
    position: fixed !important;
    bottom: 10%;
    z-index: 99999;
    right: 3.7%;
    opacity: 0.6;
    margin: 0 !important;
    border-radius: 5px;
}

.scrollup a:hover {
    text-decoration: none;
    color: #ffffff;
    opacity: 1;
}

.pricing-table,
.recommended {
    position: relative;
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
    border-radius: 3px;
    transition: 0.4s ease-in-out;
    z-index: 13;
}

.pricing-table .title {
    background: #fdfdfd !important;
    color: #59abe3;
    font-size: 2rem;
}

.pricing-table .price,
.recommended .price {
    background: #f2f1ef;
    color: #F9690E;
    line-height: 1;
    font-size: 1.4rem;
    padding-top: 8px;
}

.pricing-table .price hr,
.recommended .price hr {
    color: #6a6456;
    width: 70%;
    margin: 0 auto;
}

.pricing-table .bullet-item,
.recommended .bullet-item {
    background: #f2f1ef;
    border: none;
    padding: 9px;
    color: #465f73;
}

.pricing-table .bullet-item span,
.recommended .bullet-item span {
    font-size: 1.3rem;
}

.pricing-table .cta-button,
.recommended .cta-button {
    background: #f2f1ef;
}

.pricing-table .cta-button .button,
.recommended .cta-button .button {
    background-color: #f9690e;
    border-radius: 3px;
    border-bottom: 3px solid #b44804;
}

.pricing-table .cta-button .button:hover,
.recommended .cta-button .button:hover {
    background-color: #b44804;
}

.pricing-table span,
.recommended span {
    color: #b1ab9f;
}

.recommended {
    z-index: 15;
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
    border: 3px solid #59abe3;
    transform: scale(1.25);
}

.recommended .best {
    background: #00BCD4;
    text-align: center;
    color: #fff;
    padding: 12px;
}

.recommended .best span {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    top: -1px;
    background-color: #59abe3;
    color: #f2f1ef;
    padding: 0.3rem 1.5rem;
    height: 2rem;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.recommended .cta-button .button {
    background: #59abe3;
    border-bottom: 3px solid #207dbd;
}

.recommended .cta-button .button:hover {
    background-color: #207dbd;
}

ul.pricing-table {
    padding: 0;
    text-align: center;
}

ul.pricing-table li {
    list-style: none;
}

.pricing-table {
    float: left;
    min-width: 28%;
    margin-right: 1.65%;
    margin-left: 1.65% !important;
    width: 100%;
}

.pricing-table .price strong {
    font-size: 54%;
    color: #7e8082;
}

.tickercus {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}


/************************************
* Media Screens
*************************************/

@media screen and (max-width: 40em) {
	.tickertitle, #header-inner, #ltpost, #page-inner, #bottom-menu-inner, #footer-inner, #pronav-inner, nav.top-bar{
		width: 100%;
	}
    div#logo {
        text-align: center;
    }
    .menu-footer-container > ul {
        margin: 0;
    }	
	.menu-main-menu-container > ul.menu {
		margin: 0;
	}
    .menu-footer-container > ul >li {
        border-bottom: 1px solid #ddd;
    }
    .menu-main-menu-container > ul.menu > li {
        border: 1px solid #ddd;
    }
	.republicmob-top .dropdown.button, .republicmob-top button.dropdown{
		max-height: 42px;
		margin-bottom: 0;
	}
    ul.menu > li {
        list-style: none;
    }
    .top-bar .name {
        float: right;
    }
    .republicmob-top {
        max-width: 100px;
        margin: 0 auto;
        float: left;
    }
    .mobversion {
        background: #5b89b8;
        display: block;
        position: relative;
        height: 50px;
    }
    .republicmob {
        margin: 0 auto;
    }
    .republicmob-top button.mainmob.button.dropdown.secondary {
        padding: 13px;
        height: 40px;
        background: transparent;
        color: #fff;
    }
	nav #TopMenuSocial,
    nav.top-bar {
        display: none;
    }
    .republicmob-top .dropdown.button.secondary:after,
    .republicmob-top button.dropdown.secondary:after {
        border: none;
    }
    span.authmt,
    .imag .entry,
    #pronav {
        display: none;
    }
    .imag .entry {
        padding: 10px;
    }
	h1, h1.entry-title, h1.entry-title a {
		font-size: 1.7rem !important;
	}
    body {
        font-size: 75% !important;
    }
    h2 {
        line-height: 1.3;
    }
	.nav-previous{
		width: 100%;
	}
	.mobversion {
		height: 42px;
	}
    #TopMenuSocial a {
        font-size: 15px;
    }
    #TopMenuSocial {
        line-height: 2.8;
    }
    div#ltpost [class*="block-grid-"] > li {
        width: 100%;
    }
    nav.top-bar .title-area {
        float: none !important;
        margin-right: 0 !important;
    }
    .wp-pagenavi .page-numbers,
    .wp-pagenavi span.pages {
        display: none;
    }
    a.prev.page-numbers,
    a.next.page-numbers {
        display: inline-block;
    }
    .wp-pagenavi {
        text-align: center;
    }
    h2.entry-title {
        padding: 2px 5px;
    }
    .woocommerce div.product form.cart .button.quickcheckout {
        border-radius: 3px;
        margin-left: 0;
        padding: 9px;
        margin-top: 8px;
    }
    .recommended {
        transform: scale(1);
    }
	.republicmob-social #TopMenuSocial a {
		line-height: 38px;
	}
	.republicmob-social #TopMenuSocial {
		float: none;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .top-bar .name {
        float: right;
    }
	.menu-main-menu-container > ul.menu > li {
        border: 1px solid #ddd;
    }
	.menu-main-menu-container > ul.menu {
		margin: 0;
	}	
	.republicmob-top .dropdown.button, .republicmob-top button.dropdown{
		max-height: 42px;
		margin-bottom: 0;
	}
    div#logo {
        text-align: left;
    }
    nav.top-bar .title-area {
        margin-right: 0 !important;
    }
	nav.top-bar,nav #TopMenuSocial{
		display:none;
	}
	.republicmob-top{
		float: left;
	}
	.mobversion {
		height: 42px;
	}
	.republicmob-social #TopMenuSocial a{
		line-height :42px;		
	}
	#newscontent {
		max-width: 88%;
	}
}

@media only screen and (min-width: 64.063em) {
    nav.top-bar .title-area {
        float: right;
    }
    .mobversion {
        display: none;
    }
    .top-bar.expanded .toggle-topbar a {
        color: #F9F9F9;
    }
    .nav-primary div#menu-mobile {
        display: none;
    }
    /* This makes the nav menu normal again when the browser window expands */
    .nav-primary .nav-menu {
        display: block !important;
        height: auto;
    }
    /* Hide Mobile Menu Button */
    .nav-primary,
    #menu-mobile {
        display: none;
        height: 0;
    }
	.republicmob-social,.republicmob-top {
        display: none;
    }
	#newscontent {
		max-width: 88%;
	}
}

@media only screen and (min-width: 40.063em) {
    nav.top-bar .top-bar-section li:not(.has-form).current-menu-item a:not(.button),
    nav.top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #2C343F;
    }
    .republicmob {
        display: none;
    }
    h2.entry-title {
        font-size: 100%;
        margin-bottom: 10px;
    }
    .imag article {
        padding: 10px;
    }
	#crumbs{
		font-size: 0.8rem;
	}
}