/*
Theme Name: ProMaxPro
Theme URI: http://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: 3.6
Author: Sandy
Author URI: http://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) 2016 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;
	letter-spacing: -1px;
	font-family: 'open_sansregular', sans-serif;
	}
.entry h1 {
	font-size: 35px !Important;
	line-height: 28px;
}
.entry h2 {
	font-size: 1.7rem !important;
}
.entry h3 {
	font-size: 1.44rem !important;
	}
.entry h4 {
	font-size: 1.2rem !important;
	}
.entry h5 {
	font-size: 1rem !important;
}
.entry h6 {
	font-size: 0.8rem !important;
}
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 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;
}

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

}

nav > ul > li.toggle-topbar.menu-icon > a > i{
	padding:5px;
}
@media only screen and (max-width: 40em) {
	#pronav{
		    display: none;
	}

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

@media screen and (max-width: 40em) {
div#logo{
    text-align: center;
}
.top-bar .name{
	
    float: right;
}
.republicmob {
    max-width: 90%;
    margin: 0 auto;
	margin-top: 5px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar .name{    float: right;}

div#logo{
    text-align: left;
}
nav.top-bar .title-area{
    margin-right: 0 !important;
}
}
@media only screen and (min-width: 64.063em) { 
nav.top-bar .title-area{
    float: right;
}}
.top-bar.expanded .toggle-topbar a{
color: #F9F9F9;
}
.nav-primary div#menu-mobile {
	display:none;
}
/************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 :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: 99;
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: '';
}
@media only screen and (min-width: 769px) {

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

}
/* ===================== 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-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 {
	cursor: pointer;
	background: #418cd1;
	height: 37px;
	width: 48px;
	border: none;
	font-weight: bold;
	color: #FFF;
}
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;
	font-size:0.8rem;
}
#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 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 {
	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 {
	font-size: 20px;
	padding: 0px 5px 0px 5px;
}

.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-weight: bold;
	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;
}

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 {

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

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

/*--------------------------------------------------------------
# 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; }
@media only screen and (max-width: 40em) {
	
    .recommended {
      transform: scale(1); } }
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;
}