/*
Theme Name: Bloggers Ideas
Theme URI: http://www.bloggersideas.me/
Author: BloomPixel
Author URI: http://bloompixel.com/
Description: Custom blog theme for bloggers ideas
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bloggers-ideas
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Bloggers Ideas is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
    color: #363636;
	background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
    border: none;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 9px;
}

*::-moz-selection {
    background: #f05928;
    color: #fff;
    text-shadow: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans';
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    font-family: 'Lato';
    margin: 0 0 25px 0;
}

p {
	margin-bottom: 1.5em;
    margin-top: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #E6E9EE; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
    width: 100%;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:hover,
a:focus,
a:active {
	color: #e74c3c;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation,
.main-menu {
	float: right;
    font-family: 'Lato';
    font-size: 15px;
    text-transform: uppercase;
}
.stickymenu {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}
.stickymenu .menu-header-nav-container {
    max-width: 96%;
    margin: 0 auto;
    width: 1170px;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 30px 0;
}

.main-navigation li,
.main-menu li {
	float: left;
	position: relative;
    padding: 0 10px;
}

.main-navigation a {
    color: #363636;
	display: block;
	text-decoration: none;
    font-weight: 600;
}

.main-navigation ul ul {
    background: #fff;
}
.main-navigation ul ul,
.main-menu ul ul {
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul,
.main-menu ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a,
.main-menu ul ul a {
	width: 200px;
}
.st-menu {
	display:none;
	position:fixed;
	left:0;
    top: 0;
	overflow-y:auto;
	visibility:hidden;
	width:300px;
	height:100%;
	background:#212121;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
    z-index: 999;
}

.st-menu {
    left: -300px;
}
.st-container {
    overflow: hidden;
    position: relative;
}
.menu-btn { display:none!important }
.main-navigation ul ul li {
    padding: 10px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
    color: #E74C3C;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-menu ul li:hover > ul,
.main-menu ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-menu ul ul li:hover > ul,
.main-menu ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
.main-menu {
    background: #e74c3c;
    float: none;
    margin: 0 0 40px;
}
.main-menu a {
    color: #fff;
    border-right: 1px solid #F1766A;
    font-weight: bold;
    padding: 0 15px;
}
.main-menu li:last-child a {
    border-right: none;
}
.main-menu ul {
	list-style: none;
	margin: 0;
}
.main-menu li {
    
    padding: 20px 0;
}
.main-menu ul ul {
    background: #e74c3c;
    box-shadow: none;
    top: 100%;
    width: 200px;
}
.main-menu ul ul li {
    padding: 10px;
    width: 100%;
}
.main-menu ul ul a { 
    padding: 0;
    border-right: none;
}
.main-menu li:hover > a,
.main-menu li.focus > a {
    color: #000;
    color: #000;
}
/* Small menu. */
.menu-btn {
    display: none;
}
.main-navigation ul {
    display: block;
}
#close-button {
	padding:15px 0;
	text-align:center
}
#close-button .fa {
	color:#fff;
	cursor:pointer;
	font-size:22px
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.posts-navigation {
    font-size: 16px;
    font-family: 'Lato';
    font-weight: bold;
    text-transform: uppercase;
}
.posts-navigation a {
    color: #888b90;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
    text-align: right;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: left;
	width: 50%;
}
.more-blogs {
    margin: 30px 0;
    text-align: center;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.container {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
}
.site-header {
    background: #fff;
    padding: 12px 0;
}
.site-branding {
    float: left;
}
.content-area {
    margin-bottom: 50px;
    margin-right: 2.5%;
    float: left;   
    width: 66.4%;
}
.content-full {
    margin-right: 0;
    width: 100%
}
.widget-area {
    float: left;
    width: 31.1%;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.site-header fieldset .s{
    display: none;
}
.site-header .search-form {
    float: right;
    margin-left: 20px;
    padding: 12px 0;
}
.site-header .search-button {
    background: none;
    border: 1px solid #959595;
    border-radius: 0;
    float: right;
    padding: 12px 0;
    width: 42px;
}
.home .enroll-form {
    background: #2D8AE7;
    text-align: center;
    padding: 90px 0 120px;
    position: relative;
	display: block;
}

.enroll-form {
    display: none;
}
.subscribe-title {
    background: #e74c3c;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    padding: 20px;
    margin-bottom: 30px;
}
.subscribe-title h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0;
}
.subscribe-title h2 {
    font-size: 26px;
    margin: 0;
}
.enroll-form form {
    margin: 0 auto;
    max-width: 560px;
    position: relative;
    z-index: 1;
    width: 100%;
}
.enroll-form input[type='text'] {
    background: #414141;
    color: #fff;
    border: none;
    padding: 9px 15px;
}
.enroll-form ::placeholder {
    color: #fff;
    font-size: 14px;
}
.enroll-form input[type='submit'] {
    background: #e74c3c;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    margin-top: 35px;
    padding: 14px 72px;
    text-transform: uppercase;
}
.enroll-form {
    display: none;
}
.particles-js-canvas-el {
    position: absolute;
    left: 0;
    top: 0;
}
.bloggers-area {
    text-align: center;
    padding: 30px 0 50px;
}
.bloggers-area h1 {
    font-size: 25px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
}
.bloggers-area h1 >span,
.products-inner h1 >span {
    position: relative;
}
.bloggers-area h1 >span:before,
.products-inner h1 >span:before,
.products-inner h1 >span:after,
.bloggers-area h1 >span:after {
    content: '';
    background: #C5C5C5;
    width: 12%;
    height: 1px;
    top: 50%;
    position: absolute;
}
.bloggers-area h1 >span:before {
    left: -50px;
}
.products-inner h1 >span:before {left: -60px}
.products-inner h1 >span:after {right: -60px}
.bloggers-area h1 >span:after {
    right: -50px;
}
.social-icons a {
    background: #fff;
    border-bottom: 4px solid #000;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 31px 33px;
    display: inline-block;
}
.social-icons a:hover {
    border-bottom-color: #e74c3c;
}
.products-container {
    background: #fff;
    text-align: center;
    padding: 50px 0;
}
.products-inner {
    margin: 0 auto 30px;
    max-width: 1200px;
    width: 100%;
}
.products-inner h1,
.header-search-form h3 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
}
.header-search-form h3 {
    color: #fff;
    text-shadow: 0px 1px 1px #777;
}
.deal {
    border: 8px solid #F1F0F0;
    float: left;
    min-height: 250px;
    padding: 10px 20px;
    width: 31.6%;
}
.deal2 {
    margin: 0 2.6%;
}
.deal img { 
    float: left;
    margin-right: 10px;
}
.dealinner {
    overflow: hidden;
    text-align: right;
}
.dealinner .fa {
    margin-right: 8px;
}
.dealinner h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.dealinner a {
    background: #e74c3c;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 10px 26px;
}
.dealinner a:hover {
    background: #3b5998;
    color: #fff;
}
.price {
    background: #e74c3c;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "Lato";
    font-size: 18px;
    font-weight: bold;
    padding: 22px 0;
    text-align: center;
    width: 71px;
}
.view-store {
    background: #e74c3c;
    border-radius: 4px;
    color: #fff;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: bold;
    padding: 11px 23px;
    text-transform: uppercase;
}
.view-store:hover {
    color: #000;
}
.home .bi-deals-container {
    background: #fff;
    margin-bottom: 40px;
    padding: 50px 0;
    text-align: center;
	display: block;
}
.bi-deals-container {
	display: none;
}
.bi-deals-inner {
    margin: 0 auto 30px;
    max-width: 1140px;
    width: 100%;
}
.bi-deals-inner h1 {
    font-size: 24px;
    text-transform: uppercase;
}
.bi-deal {
    float: left;
    position: relative;
    width: 32.713%;
}
.bi-deal2 {
    margin: 0 0.93%;
}
/*.bi-deal3 {
    margin-right: 0.93%;
}*/
.deal-thumb {
    position: relative;
}
.bi-deal img {
    height: 220px;
    margin-bottom: 2px;
    vertical-align: bottom;
}
.bi-deal-inner {
    background: #2C3644;  
    color: #fff;
    min-height: 270px;
    padding: 60px 20px 30px;
}
.bi-deal-inner h2 {
    font-size: 20px;
    text-transform: uppercase;
}
.bi-deal-inner p {
    font-size: 14px;
}
.bi-deal-inner a {
    background: #e74c3c;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    padding: 10px 22px;
}
.dealprice {
    background: #e74c3c;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "Lato";
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    line-height: 20px;
    margin-left: -38px;
    margin-bottom: -38px;
    padding: 18px 10px;
    position: absolute;
    text-transform: uppercase;
    bottom: 0;
    width: 76px; 
}
.bi-deal:hover .dealprice,
.bi-deal:hover .bi-deal-inner a {
    background: #3b5998;
}
.header-search-form {
    background: #FC6647;
    color: #fff;
    padding: 90px 0;
}
.header-search-form .searchform {
    margin: 0 auto;
    max-width: 60%;
    position: relative;
}
.header-search-form .searchform input[type="text"] {
    border-radius: 4px;
    float: left;
    padding: 10px 50px 10px 10px;
    width: 100%;
}
.header-search-form .searchform button {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    color: #555;
    padding: 0;
    height: 46px;
    width: 46px;
    position: absolute;
    right: 0;
}
.search-form-text {
    margin-top: 20px;
    text-align: center;
}
.post {
    text-align: center;
    padding: 40px 0;
}
article {
    background: #fff;
}
article.page {
    padding: 30px;
    text-align: center;
}
.entry-header {
    margin-bottom: 20px;
    padding: 0 45px;
}
.entry-content {
    color: #6d6d6f;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.7;
}
.entry-content a,
.entry-content a:visited,
.author-box a {
    color: #f05928;
    text-decoration: none;
}
.entry-content a:hover,
.author-box a:hover {
}
.entry-content ul,
.entry-content ol {
    margin-bottom: 1.5em;
    margin-left: 45px;
}
.entry-content li {
    margin-bottom: 8px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: #404040;
}
.post-meta {
    background: #F9F9F9;
    color: #818181;
    font-family: 'Lato';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 10px 0;
    text-transform: uppercase;
}
.post-meta a {
    color: #818181;
}
.post-meta >span {
	display: inline-block;;
    margin: 0 20px;
}
.post-meta span i {
    margin-right: 10px;
    font-size: 12px;
}
.post-meta .post-author img {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}
.read-more a,
.view-deals,
.more-blogs-button {
    display: inline-block;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background: #e74c3c;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    padding: 10px 22px;
}
.read-more i {
    margin-left: 8px;
}
.read-more a:hover,
.view-deals:hover,
.more-blogs-button:hover {
    background: #3b5998;
    color: #fff;
}
.featured-thumbnail img {
    margin-bottom: 20px;
}
.posted-in {
    background: #f9f9f9;
    color: #7e879a;
    margin: 0 45px 20px;
    font-family: 'Lato';
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
    text-transform: uppercase;
}
.posted-in a {
    color: #7e879a;
}
.posted-in i {
    font-size: 20px;
}
.post-cats {
}
.post-share {
    float: right;
}
.share-buttons {
    list-style: none;
}
.share-buttons li {
    display: inline-block;
    padding: 0 15px;
}
.site-footer {
    color: #fff;
    background: #2C3644;
    padding: 50px 0; 
    text-align: center;
}
.site-footer a {
    color: #fff;
}
.margin-35 {
    margin: 35px 0;
}
.footer-social .fa,
.author-social .fa,
.social-icons .fa {
    background: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    padding: 13px 0;
    width: 44px;
}
.footer-social .fa-facebook,
.social-icons .fa-facebook,
.author-social .fa-facebook {background: #3b5998}
.footer-social .fa-linkedin {background: #0077b5}
.author-social .fa-instagram,
.social-icons .fa-instagram {background: #405de6}
.author-social .fa-linkedin,
.social-icons .fa-linkedin {background: #0077b5}
.footer-social .fa-twitter,
.footer-social .fa-twitter,
.social-icons .fa-twitter {background: #1da1f2}
.footer-social .fa-google-plus,
.social-icons .fa-google-plus {background: #dd4b39}
.social-icons .fa-rss {background: #f26522}
.social-icons .fa-android {background: #a4c639}
.author-social .fa-google {background: #dd4b39}



/* Single Page */
.single .post {
    text-align: left;
}
.single .entry-content,
.single .entry-meta {
    padding: 0;
}
.single .posted-in {
    margin: 0 0 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.single article,
.single .author-box,
.single .relatedposts,
.single .comments-area {
    background: #fff;
    padding: 30px;
}
.single .entry-header {
    padding: 0;
}
.single .entry-title {
    font-size: 26px;
}
.section-heading {
    font-size: 26px;
    font-weight: bold;
}
.relatedposts {
    margin-bottom: 30px;
}
.relatedposts ul{
    list-style: none;
}
.relatedposts li{
    width: 32%;
    margin-right: 2%;
    float: left;
}
.relatedposts li:last-child {
    margin-right: 0;
}
.relatedcontent {
    background: #F0F0F0;
    padding: 40px 20px 15px;
}
.relatedposts .title {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
}
.relatedposts li img {
    vertical-align: bottom;
    width: 100%;
}
.relatedposts li:hover .relatedcontent {
    background: #e74c3c;
}
.relatedposts li:hover .title a {
    color: #fff;
}
.relatedthumb img {
    width: 100%;
}
.author-box {
	margin-bottom: 30px;
    overflow: hidden;
}
.author-head h5 {
	font-size: 26px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;

}
.author-box-avtar {
	float: left;
	margin-right: 20px;
}
.author-info p {
	margin-top: 0;
	font-size: 15px;
}
.author-info-container {
	overflow: hidden;
}
/* Author Page */
.author .author-box {
    background: #fff;
    padding: 30px;
}
.author .enroll-form {
    margin-bottom: 50px;
}
/* Error Page */
.error404 .content-area {
    background: #fff;
    padding: 30px;
}
.error-404 fieldset {
    padding: 0;
}
.error-404 .page-header {
    text-align: center;
}
.error-404 .page-content ul li {
    border-bottom: 1px solid #e0e0e0;
    list-style: none;
    margin-left: 5px;
    padding: 12px 0;
    margin-left: 30px;
    position: relative;
    word-spacing: 1px;
}
.tagcloud a {
    background: #e74c3c;
    color: #fff;
    display: inline-block;
    font-size: 15px !important;
    margin: 0 2px 6px 0;
    padding: 4px 8px;
    text-transform: capitalize;
}
.tagcloud a:hover {
    color: #000;
}
.error-404 .page-content ul li:before {
    content: '\27a4';
    position: absolute;
    left: -30px;
}
.error-404 .s {
    font-size: 15px;
    padding: 20px;
    border: 1px solid #ddd;
}
.error-404 .search-button {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* DealPage template */
.deal-page {
    margin: 0 0 50px;
    overflow: hidden;
}
.deals-page .pagination {
    margin-bottom: 50px;
}
.deal-page article .entry-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.deal-page article,
.dealrelated article {
    background: #fff;
    float: left;
    margin-right: 2%;
    min-height: 390px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 32%;
}
.deal-page article:nth-of-type(3n),
.dealrelated article:nth-of-type(3n) {
    margin-right: 0;
}
.deal-page article:nth-of-type(3n+1),
.dealrelated article:nth-of-type(3n+1) {
    clear: left
}
.deal-page .coupn-code,
.dealrelated .coupn-code {
    background: #e74c3c;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    left: 0;
    padding: 9px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}
.deal-page .entry-header,
.dealrelated .entry-header {
    padding: 15px 25px 0;
    margin-bottom: 0;
}
.deal-page .entry-content,
.dealrelated .entry-content {
    padding: 0 25px;
}
.deal-page .entry-header .entry-title,
.dealrelated .entry-header .entry-title {
    font-size: 21px;
    margin-bottom: 0;
}
.deal-page .featured-thumbnail img,
.dealrelated .featured-thumbnail img {
    margin: 0;
    width: 100%;
}
.deal-page .entry-meta,
.dealrelated .entry-meta {
    border-top: 1px solid #d7d7d7;
    color: #888;
    font-size: 14px;
    font-weight: bold;
    margin: 0 25px;
    overflow: hidden;
    padding: 10px 0 15px;
    text-transform: uppercase;
}
.deal-page .post-cats,
.dealrelated .post-cats {
    display: inline-block;
    float: none;
    margin-left: 0;
    padding: 8px 0;
}
.single-deal_post .dealrelated {
    background: none;
    padding: 0;
}
.view-deal {
    float: right;
}
.view-deal a {
    background: #e74c3c;
    color: #fff;
    display: inline-block;
    padding: 8px 16px;
}
.deal-post-area article {
    padding: 0;
}
.deal-post .entry-header {
    border-bottom: 2px solid #ebebeb;
    overflow: hidden;
}
.deal-post .entry-title {
    color: #1b1b1b;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    margin: 0 15px 25px 0;
    padding: 0;
    vertical-align: top;
}
.deal-post .entry-title .coupn-save {
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.deal-post .coupon_code_text_link {
    display: inline-block;
    font-size: 20px;
    margin: 0 0 25px;
    overflow: hidden;
}
.deal-post .coupon_code_text_link a {
    background: #FECC3B;
    border-radius: 3px;
    color: #746b32;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    margin-left: 10px;
    padding: 10px;
    text-decoration: none;
}
.deal-post .coupon_code_button {
    display: inline-block;
    height: 60px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    text-transform: uppercase;
}
.deal-post .coupon_code_button a {
    background: #e74c3c;
    border: 2px dotted #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 2px #e74c3c;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 56px;
    line-height: 53px;
    overflow: hidden;
    padding: 0 15px 0 100px;
    text-decoration: none;
}
.deal-post .coupon_code_button .copy-scissors {
    background: #FECC3B;
    color: #746b32;
    display: initial;
    font-size: 22px;
    left: 0;
    line-height: 1;
    padding: 20px 30px;
    position: absolute;
    top: 0;
}
.coupon_menu_nav {
    border-bottom: 3px solid #d7d7d7;
    display: inline-block;
    margin: 0 auto 50px;
    width: 100%;
}
.coupon_menu_nav ul {
    float: right;
    margin-bottom: -3px;
    overflow: hidden;
}
.coupon_menu_nav ul li {
    float: left;
    list-style-type: none;
}
.coupon_menu_nav ul li a {
    border-bottom: 3px solid transparent;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 10px;
    padding: 20px 7px;
    text-decoration: none;
    text-transform: uppercase;
}
.coupon_menu_nav ul li.active a,
.coupon_menu_nav ul li a:hover {
    border-bottom: 3px solid #e74c3c;
    color: #e74c3c;
}
.coupon-thumbnail {
    max-height: 242px;
    overflow: hidden;
}
.featuredin {
    background: url("images/lines.png");
    box-shadow: 0 -50px 40px -50px rgba(0, 0, 0, 0.2) inset;
    text-align: center;
    padding: 100px 0;
}
.featuredin .title {
    color: #a4a29a;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
}
.pagination {
    text-align: center;
    margin: 50px 0 0;
}
.pagination .page-numbers {
    padding: 5px 12px;
    border: 1px solid #888;
}
.pagination .current,
.pagination .page-numbers:hover {
    border-color: #e74c3c;
    color: #e74c3c;
}
.show-more {
    background: #e74c3c;
    border-radius: 4px;
    padding: 10px 30px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.show-more:hover {
    background: #111;
    color: #fff;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    background: #fff;
    padding: 50px 20px;
	margin: 0 0 1.5em;
}
.widget ul {
    list-style: none;
}
.textwidget {
    padding: 0 20px;
}
.widget_bloggers_ideas_recent_posts {
    padding-left: 0;
    padding-right: 0
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget-title {
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}
.widget-title span {
    position: relative;
}
.widget-title span:before,
.widget-title span:after {
    content: '';
    background: #C5C5C5;
    width: 30px;
    height: 1px;
    top: 50%;
    position: absolute;
}
.widget-title span:before {
    left: -50px;
}
.widget-title span:after {
    right: -50px;
}
.widget_bloggers_ideas_about_widget,
.widget_bloggers_ideas_subscribe_widget,
.widget_bloggers_ideas_testimonial_widget {
    padding: 10px;
}
.widget fieldset {
    width: 100%;
}
.widget .searchform input[type="text"] {
    border-radius: 4px 0 0 4px;
    border-right: none;
    float: left;
    padding: 10px;
    width: 87%;
}
.widget .searchform ::placeholder {
    font-size: 14px;
    font-family: 'Open Sans';
    font-style: italic
}
.widget .searchform button {
    background: #e74c3c;
    border: 1px solid #e74c3c;
    border-left: none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    padding: 0;
    height: 46px;
    width: 13%;
}
.about-me,
.testimonial {
    background: #E9E9E9;
    text-align: center;
    padding: 15px;
}
.about-widget p {
    color: #676767;
    font-size: 14px;
    line-height: 24px;
}
.author-social {
    margin-bottom: 10px;
    display: block;
}
.about-widget .read-more a {
    font-size: 14px;
}
.subscribe-me {
    background: #2C3644;
    color: #fff;
    text-align: center;
    padding: 15px;
}
.subscribe-widget {
    padding: 0 22px;
}
.subscribe-widget h1 {
    font-size: 22px;
}
.line2 {
    font-size: 16px;
}
.subscribe-widget h6 {
    font-size: 14px;
}
.subscribe-widget .subs-email {
    background: #485362;
    border: none;
    padding: 9px 15px;
    margin-bottom: 12px;
}
.subscribe-widget ::placeholder {
    color: #bbb;
    font-size: 14px;
    font-style: italic;
}
.subscribe-widget input[type="submit"] {
    background: #e74c3c;
    border: none;
    color: #fff;
    display: block;
    font-size: 16px;
    font-family: 'Lato';
    font-weight: bold;
    padding: 13px 0;
    text-transform: uppercase;
    width: 100%;
}
.grey {
    color: #7e8793;
}
.red {
    color: #e74c3c;
}
.testimonial-box img {
    border-radius: 50%;
    height: 124px;
    width: 124px;
}
.testimonial-box p { 
    font-size: 14px;
    color: #676767;
    line-height: 24px;
    padding: 0 15px;
}
.testimonial-box p span { 
    font-style: italic;
}
.testimonial-box h2,
.testimonial-box h3 {
    margin: 0;
}
.box2 {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    margin: 30px 0;
    padding: 30px 0;
}
.client-name {
    font-size: 16px;
    font-weight: bold;
}
.client-desg {
    font-size: 14px;
}
.view-all {
    background: #e74c3c;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 20px 0;
    padding: 13px 29px;
    text-transform: uppercase;
}
.view-all:hover {
    color: #fff;
}
.tabs-widget ul {
    padding: 0 25px;
}
.tabs-widget li {
    overflow: hidden;
    border-bottom: 1px solid #E3E3E3;
    padding: 15px 0;
}
.tabs-widget .thumbnail img {
    border-radius: 50%;
    height: 90px;
    float: left;
    margin-right: 15px;
    vertical-align: middle;
    width: 90px;
}
.tabs-widget .widgettitle {
    font-weight: bold;
    overflow: hidden;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment-list,
.comment-list ul {
    list-style: none;
}
.comment-author img {
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle;
}
.comment-reply-title,
.comments-title {
    font-size: 26px;
    font-weight: bold;
}
.fn {
    color:#000;
    font-style: normal;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 15px;
}
.comment-body {
    margin-bottom: 40px;
}
.reply {
    font-size: 14px;
    text-transform: uppercase;
}
.reply a {
    color: #e74c3c;
}
.comment-form-author {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.comment-form-email {
    width: 50%;
    float: left;
}
.form-submit .submit {
    background: #e74c3c;
    border: none;
    box-shadow: none;
    padding: 13px 28px;
    color: #fff;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

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

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
table {
    border-spacing:0;
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #ddd;
    margin:auto
}
table tfoot,
table thead {background:#f5f5f5}
table tbody tr td,
table tfoot tr td,
table tfoot tr th,
table thead tr th,
table tr td {
    font-size:12px;
    line-height:18px;
    text-align:left
}
table tfoot tr td,
table thead tr th {
    padding:8px 10px 9px;
    font-size:14px;
    font-weight:700;
    color:#222
}
table tfoot tr td:first-child,
table thead tr th:first-child { border-left:none }
table tfoot tr td:last-child,
table thead tr th:last-child { border-right:none }
table tbody tr.alt,
table tbody tr.even,
table tbody tr:nth-child(even) { background:#f9f9f9}
table tbody tr td {
    color:#333;
    padding:9px
}
/* Responsivness */

.container,
.bi-deals-inner {width: 96%;margin-left: auto;margin-right: auto;}
.products-inner {width: 96%;margin: 0 auto 30px;}

@media screen and (max-width:1024px) {
    .deal {
        min-height: 390px;
    }
	.deal img {
		float: none;
		margin: 0;
	}
	.dealinner {
		text-align: center;
	}
} 
@media screen and (max-width:920px) {
	.deal {
		float: none;
    	overflow: hidden;
    	max-width: 360px;
        margin: 0 auto 30px;
    	width: 100%;
	}
	.deal2 {
		margin: 0 auto 30px;
	}
    .site-header{
        overflow: hidden;
    }
    .site-branding {
        float: none;
        text-align: center;
    }
    .main-navigation, .main-menu {
        float: none;
    }
    .menu-btn,
    .main-navigation.toggled ul {
        display: block;
    }
    .main-navigation .menu, .main-menu {
        display: none;
    }
    .st-menu { display:block }
	.st-menu ul {
		margin:0;
		padding:0;
	}
    .openNav .st-menu {
        left: 0;
        transition: left 0.5s ease 0s;
        visibility: visible;
    }
	.st-menu ul li {
		display:block;
		position:relative
	}
	.st-menu ul li a {
		display:block;
		padding:13px 15px;
		box-shadow:inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.06);
		color: #fff;
		text-transform:uppercase;
		text-shadow:0 0 1px rgba(255,255,255,0.1);
		letter-spacing:1px;
		font-weight:400;
		line-height:1.4;
		-webkit-transition:background 0.3s, box-shadow 0.3s;
		transition:background 0.3s, box-shadow 0.3s;
	}
	.st-menu ul li ul li a { padding-left:30px }
	.st-menu ul li ul li ul li a { padding-left:45px }
	.st-menu ul li a:hover {
		background:rgba(0,0,0,0.2);
		box-shadow:inset 0 -1px rgba(0,0,0,0);
		color:#fff
	}
	.side-sub-menu {
		cursor:pointer;
		position:absolute;
		top:0;
		right:0;
		height:44px;
		width:50px
	}
	.side-sub-menu .fa {
		color:#fff;
		font-size:22px;
		margin:10px 18px
	}
	.openNav .menu-pusher {
		-ms-transform:translate3d(300px, 0, 0);
		-webkit-transform:translate3d(300px, 0, 0);
		transform:translate3d(300px, 0, 0);
	}
	.st-menu {
		-ms-transform:translate3d(-50%, 0, 0);
		-webkit-transform:translate3d(-50%, 0, 0);
		transform:translate3d(-50%, 0, 0);
	}
	.openNav .st-menu {
		visibility:visible;
		-webkit-transition:-webkit-transform 0.5s;
		transition:transform 0.5s;
		-ms-transform:translate3d(0, 0, 0);
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
	.st-menu ul.sub-menu { display:none }
	.menu-btn {
        background: #e74c3c;
        color: #fff;
        cursor: pointer;
        display: inline-block !important;
        float: left;
        font-size: 20px !important;
        margin: 20px -20px -20px;
        padding: 20px 20px 25px;
        width: 110%;
	}
    .menu-btn span {
        font-family: 'Lato';
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 8px;
    }
} 
@media screen and (max-width:880px) {
	.content-area {
		width: 100%;
		margin-right: 0;
	}
	.widget-area {
		max-width: 402px;
		width: 100%;
	}
	.bi-deal {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.bi-deal2,
	.bi-deal4 {
		margin: 0;
	}
    .deal-page article, .dealrelated article {
        float: none;
        margin: 0 auto 30px;
        max-width: 96%;
        width: 415px;
    }
    .deal-page article:nth-of-type(3n), .dealrelated article:nth-of-type(3n) {
        margin-right: inherit;
    }
}
@media screen and (max-width:768px) {
    .deal-post .entry-header {
        padding: 25px 25px 0;
        width: 100%;
    }
    .deal-post .coupon_code_text_link a {
        margin-left: 0;
    }
    .deal-post .coupon_code_button {
        display: block;
    }
}
@media screen and (max-width:620px) {
	.enroll-form form {
		width: 96%;
	}	
} 
@media screen and (max-width:520px) {
	.post-meta >span {
		display: block;
		margin: 0 0 10px;
	}
	.post-cats {
		float: none;
		display: block;
		margin-bottom: 10px;
		margin-left: 0;
	}
	.post-share {
		float: none;
	}
	.bi-deal {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.bi-deal img { 
		width: 100%;
	}
	.relatedposts li {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
} 
@media screen and (max-width:480px) {
	.author-box-avtar {
		float: none;
	}

}