/*
	Theme Name: Onextrapixel v11
	Theme URI: http://www.onextrapixel.com/
	Author: OXP
	Author URI: http://www.onextrapixel.com/
	Description: Theme for onextrapixel.com
	Version: 1.0.88
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: onextrapixel-v11
	Tags: theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, featured-images
*/

/*--------------------------------------------------------------

	= Table Of Contents =

	# Normalize
	# General
		## Typography
		## Elements
		## Forms
		## Links
		## Screen Reader
	# WordPress Specific
		## Captions
		## Galleries
	# Floats and Clearing
	# Columns System
	# General
	# Header
		## Logo
		## Navigation
		## Mobile Nav
		## Header Social
		## Header Search
	# Main
		## Content
		## Post Style 1 - Listing
		## Post Style 2 - Listing
		## Post Style 3 - Listing
		## Post Style 4 - Listing
		## Post Style 5 - Listing
		## Pagination
		## Blog Post - Single
		## Comments
		## Contact Form 7
		## Sidebar
                ## Popular Posts for Sidebar
		## Freebies
	# Widgets
		## Widget - Search
		## Widget - Posts
		## Widget - Tag Cloud
		## Widget - Subscribe
		## Widget - Banner
	# Freebies
	# Footer
		## Footer Top
		## Footer Main
		## Footer Bottom
	# Responsive
		## Medium Monitors
		## Normal Monitors
		## Smaller Monitors
		## Tablets
		## Phones ( landscape + portrait )
		## Phones ( landscape )
		## Phones ( portrait )

--------------------------------------------------------------*/

/*--------------------------------------------------------------
	# Normalize
--------------------------------------------------------------*/

img,legend{border:0}legend,td,th{padding:0}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{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0 0 25px 0}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}embed,iframe,object {max-width: 100%;}iframe{border:0;}.widget select { max-width: 100%; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/**
 * Owl Carousel Custom
 */

.owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	margin: 0 3px;
}

/*--------------------------------------------------------------
	# General
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	## Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	line-height: 1.72;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	color: #313136;
	line-height: 1.45;
	font-weight: 700;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

h1 {
	font-size: 33px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 18px;
}

p {
	margin: 0;
	margin-bottom: 35px;
}

.blog-post-single-content a {
	color: #37aece;
	border-bottom: 1px solid #ddd;
}

.blog-post-single-content a:hover {
	border-bottom: 1px solid #37aece;
}

p:last-child {
	margin: 0;
}

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

blockquote {
	font-size: 19px;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1.65;
	background-image: url("images/blockquote.png");
	background-repeat: no-repeat;
	background-position: 15px 0;
	padding: 13px 41px;
	text-align: center;
}

	blockquote p:last-child {
		margin: 0;
	}

address {
	margin-bottom: 25px
}

pre {
	background: #eee;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-size: 15px;
}

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

mark {
	background: #fff9c0;
	text-decoration: none;
}

ins {
	background: transparent;
        text-decoration:none;
}	

big {
	font-size: 125%;
}

small {
	font-size: 75%;
}


.anchor-with-image {
    border-width: 0 !Important;border:none !important;
}

/*--------------------------------------------------------------
	## Elements
--------------------------------------------------------------*/

body {
	background: #f6f9fc;	
}

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

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

hr {
	background-color: #e5e5e5;
	border: 0;
	height: 1px;
	margin-bottom: 25px;
}

ul,
ol {
	margin: 0;
	margin-bottom: 25px;
	padding: 0 0 0 10px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

table {
	margin-bottom: 25px;
	width: 100%;
	line-height: 1;
}

.widget table {
	table-layout: fixed;
}

table thead {
	background: #32325d;
	color: #fff;
	text-align: left;
}

table td,
table th {
	padding: 10px;
	text-align: left;
}

table tbody th {
	background: #32325d;
	color: #fff;
	
}

table tbody th a {
	color: inherit;
}

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

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

/*--------------------------------------------------------------
	## Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	line-height: 45px;
	color: #fff;
	font-size: 13px;	font-weight: bold;
	background: #32325d;
	padding: 0 22px;
	margin: 0;
	border-radius: 0;
	text-transform: none;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: rgb(239, 239, 239);
    border: 0;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	padding: 13px;
	max-width: 100%;
	box-sizing: inherit;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #4d4d4d;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
	## Links
--------------------------------------------------------------*/

a {
	text-decoration: none;
	color: #32325d;
}

/*--------------------------------------------------------------
	## Screen Reader
--------------------------------------------------------------*/

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

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

/*--------------------------------------------------------------
	# WordPress Specific
--------------------------------------------------------------*/

.sticky {

}

.bypostauthor {
	
}

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

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

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

/*--------------------------------------------------------------
	## Captions
--------------------------------------------------------------*/

#wp-calendar caption {
	margin-bottom: 10px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
	-webkit-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
	box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 0.15 );
}

.wp-caption .wp-caption-text {
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0 10%;
	margin-top: 10px;
}

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

/*--------------------------------------------------------------
	# Floats and Clearing
--------------------------------------------------------------*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-none {
	float: none;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*--------------------------------------------------------------
	# Columns System
--------------------------------------------------------------*/

.wrapper {
	max-width: 1530px;
	margin: 0 auto;
}

.col {
	display: block;
	float: left;
	margin-right: 3.837%;
}

.col-1 { width: 2.6528125%; }
.col-2 { width: 9.142625%; }
.col-3 { width: 15.6324375%; }
.col-4 { width: 22.12225%; }
.col-5 { width: 28.6120625%; }
.col-6 { width: 35.101875%; }
.col-7 { width: 41.5916875%; }
.col-8 { width: 48.0815%; }
.col-9 { width: 54.5713125%; }
.col-10 { width: 61.061125%; }
.col-11 { width: 67.5509375%; }
.col-12 { width: 74.04075%; }
.col-13 { width: 80.5305625%; }
.col-14 { width: 87.020375%; }
.col-15 { width: 93.5101875%; }
.col-16 { width: 100%; }
.col-16 .col-one-third { width: 30.7753%; }

/* inside of col 12 */
.col-12 .col { margin-right: 3.748%; }
.col-12 .col-1 { width: 2.73625%; }
.col-12 .col-2 { width: 9.2205%; }
.col-12 .col-3 { width: 15.70475%; }
.col-12 .col-4 { width: 22.189%; }
.col-12 .col-5 { width: 28.67325%; }
.col-12 .col-6 { width: 35.1575%; }
.col-12 .col-7 { width: 41.64175%; }
.col-12 .col-8 { width: 48.126%; }
.col-12 .col-9 { width: 54.61025%; }
.col-12 .col-10 { width: 61.0945%; }
.col-12 .col-11 { width: 67.57875%; }
.col-12 .col-12 { width: 74.063%; }
.col-12 .col-13 { width: 80.54725%; }
.col-12 .col-14 { width: 87.0315%; }
.col-12 .col-15 { width: 93.51575%; }
.col-12 .col-16 { width: 100%; }
.col-12 .col-one-third { width: 30.834665%; }

.col-12 .col-last,
.col-last {
	margin-right: 0;
}

body.rtl .col-last {
	margin-left: 0;
}

.col-first {
	clear: both;
}

.no-col-spacing .col { margin: 0; }
.no-col-spacing .col-1 { width: 8.33333%; }
.no-col-spacing .col-2 { width: 16.66666%; }
.no-col-spacing .col-3 { width: 25%; }
.no-col-spacing .col-4 { width: 33.33333%; }
.no-col-spacing .col-5 { width: 41.66666%; }
.no-col-spacing .col-6 { width: 50%; }
.no-col-spacing .col-7 { width: 58.33333%; }
.no-col-spacing .col-8 { width: 66.66666%; }
.no-col-spacing .col-9 { width: 75%; }
.no-col-spacing .col-10 { width: 83.33333%; }
.no-col-spacing .col-11 { width: 91.66666%; }
.no-col-spacing .col-12 { width: 100%; }

.masonry-item.col {
	margin-right: 0;
}

.owl-carousel .col {
	width: auto;
	margin-right: 0;
}

/*--------------------------------------------------------------
	# General
--------------------------------------------------------------*/

#page,
#page-inner {
	position: relative;
	overflow-x: hidden;
}

/*--------------------------------------------------------------
	# Header
--------------------------------------------------------------*/

#header {
	position: relative;
	background: #32325d;	
}

	#header-bg {
		background: #32325d;
		background-image: url( "images/header-bg.png");
		background-repeat: no-repeat;
		background-position: 20px -20px;
		background-size: cover;
		position: absolute;
		left: -20px;
		right: 0;
		top: 0;
	}

	#header .wrapper {
		position: relative;
	}

/*--------------------------------------------------------------
	## Logo
--------------------------------------------------------------*/

#logo,
#navigation .menu > li,
#header-social {
	padding: 30px 0;
}

#logo {
	position: relative;
	line-height: 0;
	float: left;
}
	
	#logo a,
	#logo img {
		display: inline-block;
	}

	#logo img {
		max-width: 174px;
	}

	#logo .site-title {
		color: #fff;
		font-weight: 700;
		font-size: 34px;
		line-height: 1;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

		#logo .site-title a {
			color: inherit;
		}

	#logo .site-description {
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		line-height: 1;		
	}

/*--------------------------------------------------------------
	## Navigation
--------------------------------------------------------------*/

#navigation {
	float: left;
	z-index: 99998;
	position: relative;
	line-height: 17px;
	margin-left: 70px;
}

	#navigation-inner {
		position: relative;
	}

	#navigation ul,
	#navigation li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		/* Top level item */
		#navigation .menu > li {
			display: inline-block;
			position: relative;
			z-index: 99998;
			margin-right: 30px;
		}

		#navigation .menu > li:last-child {
			margin-right: 0;
		}

			/* Top level chevron */
			#navigation .menu a .fa {
				display: inline-block;
				color: #fff;
				font-size: 7px;
				margin-left: 8px;
				vertical-align: middle;
				line-height: 1;
			}

			/* Top level item anchor */
			#navigation .menu > li > a {
				display: block;
				text-decoration: none;
				vertical-align: middle;
				color: #8789cd;
				font-size: 13px;
				font-weight: 600;	
				line-height: 21px;
				padding: 0;
				text-transform: uppercase;
				transition: color .3s;
			}

			/* Top level item anchor hover */
			#navigation .menu > li > a:hover {
				color: #fff;
			}

			/* Top level item anchor current */
			#navigation .menu > li.current-menu-item > a,
			#navigation .menu > li.current-menu-ancestor > a {
				color: #fff;
			}

	/* Submenu */
	#navigation .menu ul {
		background: #fff;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		text-align: left;
		padding: 15px;
		border-top: 4px solid #3ecf8e;
		-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.12);
		-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.12);
		box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.12);
		-webkit-transition: .5s opacity;
		-moz-transition: .5s opacity;
		transition: .5s opacity;
	}

	#navigation .menu > li > ul:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(62, 207, 142, 0);
		border-bottom-color: #3ecf8e;
		border-width: 12px;
		margin-left: -12px;
	}

	#navigation .menu-2-cols > ul {
		width: 470px;
	}

		/* Submenu item */
		#navigation .menu ul li {
			position: relative;
			display: block;
			white-space: nowrap;
			margin: 0;
			padding: 0;
			min-width: 220px;
		}

		#navigation .menu-2-cols > ul > li {
			float: left;
		}

		#navigation .menu ul li.view-all {
			clear: both;
			border-top: 2px solid #e9edf2;
			width: 100%;
			padding-top: 10px;
			margin-top: 10px;
		}

			/* Submenu item anchor */
			#navigation .menu ul li > a {				
				display: block;
				line-height: 1;
				text-decoration: none;
				color: #6b7c93;
				font-size: 14px;
				font-weight: 400;
				line-height: 15px;
				padding: 10px 15px;
				width: 215px;
				position: relative;
			}

			#navigation .menu ul li.view-all > a {
				width: 100%;
				color: #3ecf8e;
			}

			/* add the right angle icon */
			#navigation .menu ul li > a:after {
				content: "\f105";
				font-family: "FontAwesome";
				position: absolute;
				right: 15px;
				top: 10px;
				opacity: 0;
			}

			/* Submenu last item anchor */
			#navigation .menu ul li:last-child > a {
				border-bottom: 0 !important;
			}

			/* Submenu item anchor hover */
			#navigation .menu ul li > a:hover {
				 color: #313136;
				 background: #eff3f6;
			}

			#navigation .menu ul li.view-all > a:hover {
				background: #3ecf8e;
				color: #fff;
			}

			/* show the right angle icon on hover */
			#navigation .menu ul li > a:hover:after {
				opacity: 1;
			}

			/* Submenu item anchor hover */
			#navigation .menu ul li.current-menu-item > a {
				color: #313136;
				background: #eff3f6;
			}

		/* Second lvl submenu */
		#navigation .menu ul ul {
			left: 100%;
			margin-left: 0;
			top: -20px; /* upper level padding + border */
		}

		/* Show submenu on hover */
		#navigation .menu li:hover > ul {
			visibility: visible;
			opacity: 1;
		}

/*--------------------------------------------------------------
	## Mobile Nav
--------------------------------------------------------------*/

#mobile-navigation {
	display: none;
	float: left;
	margin-left: 20px;
	padding: 30px 0;
	line-height: 17px;
}
	
	#mobile-navigation .fa {
		display: inline-block;
		margin-right: 9px;
		font-size: 14px;
		line-height: inherit;
	}

	.header-mobile-nav-hook {
		display: inline-block;
		cursor: pointer;
		line-height: 17px;
		padding: 0 10px;
		background: #32325d;
		color: #fff;
		cursor: pointer;
		width: auto;
		position: relative;
	}

	.header-mobile-nav-text {
		display: inline-block;
		font-weight: bold;
		font-size: 12px;
		line-height: inherit;
		text-transform: uppercase;
	}

	.header-mobile-nav-hook select {
		position: absolute;
		right: 0;
		bottom: 0;
		top: 0;
		padding: 0;
		margin: 0;
		opacity: 0;
		width: 100%;
		cursor: pointer;
	}

/*--------------------------------------------------------------
	## Header Social
--------------------------------------------------------------*/

#header-social {
	float: right;
	line-height: 1;
}

	#header-social a {
		color: #8789cd;
		font-size: 15px;
		line-height: 21px;
		transition: color .3s;
		margin-left: 10px;
	}

	#header-social a:first-child {
		margin-left: 0;
	}

	#header-social a:hover {
		color: #fff;
	}

/*--------------------------------------------------------------
	## Header Search
--------------------------------------------------------------*/

#header-search {
	font-size: 0;
	/* opacity: 0; */
	text-align: right;
}

.is_stuck #header-search {
	opacity: 0;
}

	.header-search-hook {
		background: #3ecf8e;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		line-height: 45px;
		display: inline-block;
		color: #fff;
		text-align: center;
		font-size: 17px;
		cursor: pointer;
		transition: border-radius .2s;
		/* margin-left: 5px; */
		position: relative;
	}

	#header-search.active .header-search-hook {
		/*
		background: #111;
		border-radius: 0;
		*/
	}

		#header-search.active .header-search-hook .fa:before {
			/* content: "\f00d"; */
		}

	#header-search .search-form {
		position: absolute;
		left: 0;
		right: 0;
		visibility: hidden;
		width: 100%;
		opacity: 0;
		transition: opacity .3s;
		/*
		transform: translateX( 100% );
		transition: transform .3s;
		*/
	}

	#header-search.active .search-form {
		visibility: visible;
		opacity: 1;
		/*
		transform: translateX( 0 );
		*/
	}

		#header-search .search-form .search-field {
			background: #fff;
			-webkit-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
			-moz-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
			box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
			width: 100%;
			border-radius: 45px;
			outline: 0;
		}

		#header-search .search-form .search-submit {
			/*
			background: #3ecf8e;
			margin-left: 5px;
			*/
			display: none;
		}

/*--------------------------------------------------------------
	# Main
--------------------------------------------------------------*/

#main {
	padding-bottom: 80px;
	position: relative;
}

/*--------------------------------------------------------------
	## Content
--------------------------------------------------------------*/

#content {
	position: relative;
	margin-top:45px;
}

.white-wrap {
	background: #fff;
	padding: 40px;
	margin-bottom: 40px;
}

	.white-wrap > .page-title {
		margin-bottom: 0;
	}

/*--------------------------------------------------------------
	## Post Style 1 - Listing
--------------------------------------------------------------*/

.post-s1 {
	margin-bottom: 33px;
	-webkit-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
	box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
}

.post-s1:last-child {
	
}

	.post-s1-thumb {
		float: left;
	}

		.post-s1-thumb a,
		.post-s1-thumb img {
			display: block;
		}

	.post-s1-main {
		overflow: hidden;
		background: #fff;
		padding: 25px 30px;
		min-height: 190px;
	}

		.post-s1-meta {
			color: #888;
			font-size: 13px;
			line-height: 1;
		}

			.post-s1-meta a {
				color: #313136;
				font-weight: 500;
			}

			.post-s1-meta .fa {
				margin-right: 5px;
			}

		.post-s1-meta-top {
			margin-bottom: 18px;
		}

		.post-s1-title {
			font-size: 20px;
			line-height: 1.3;
			margin-bottom: 15px;
		}

			.post-s1-title a {
				color: inherit;
			}

		.post-s1-excerpt {
			
		}

		.post-s1-meta-bottom {
			
		}

/*--------------------------------------------------------------
	## Post Style 2 - Listing
--------------------------------------------------------------*/

.post-s2 {
	margin-bottom: 33px;
}

	.post-s2-thumb {
		position: relative;
		margin-bottom: 25px;
	}

		.post-s2-thumb img,
		.post-s2-thumb a {
			display: block;
		}

		.post-s2-cats {
			position: absolute;
			bottom: -12px;
			left: 0;
			right: 0;
			text-align: center;
		}

			.post-s2-cats a {
				display: inline-block;
				background: #32325d;
				color: #fff;
				font-size: 12px;
				line-height: 1;
				text-transform: uppercase;
				padding: 7px;
				border: 4px solid #fff;
				border-bottom-width: 0px;
			}

	.post-s2-main {
		text-align: center;
	}

		.post-s2-title {
			font-size: 17px;
			line-height: 1.4;
			margin-bottom: 5px;
			color: #000;
		}

			.post-s2-title a {
				color: inherit;
			}

		.post-s2-excerpt {
			margin-bottom: 15px;
		}

		.post-s2-meta {
			color: rgba( 0, 0, 0, 0.5 );
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 600;
			margin-bottom: 10px;
		}

			.post-s2-meta a {
				color: inherit;
			}
			
			.post-meta-discount {
				background: #3ecf8e;
				display: inline-block;
				padding: 5px 8px;
				color: #fff;
				font-weight: bold;
				font-size: 14px;
				text-transform: uppercase;
			}

			.post-meta-date {

			}

			.post-meta-comments {

			}

			.post-meta-tags {

			}

				.post-meta-tags a {
					margin-right: 5px;
				}

				.post-meta-tags a:before {
					content: '#';
					color: #888;
					margin-right: 3px;
				}

/*--------------------------------------------------------------
	## Post Style 3 - Listing
--------------------------------------------------------------*/

.post-s3 {
	position: relative;
	margin-bottom: 33px;
}

	.post-s3-thumb {
		position: relative;
	}

		.post-s3-thumb img,
		.post-s3-thumb a {
			display: block;
			width: 100%;
		}

		.post-s3-thumb-overlay {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(49,49,49,.45);
			background: -moz-linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			background: -webkit-linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			background: linear-gradient(to bottom,rgba(41,44,51,0) 1%,rgba(41,44,51,0) 26%,rgba(41,44,51,0.6) 50%,rgba(41,44,51,1) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#cc686868',GradientType=0);
		}

	.post-s3-main {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 30px;
	}

		.post-s3-meta-top {
			margin-bottom: 18px;
		}

		.post-s3-title {
			font-size: 26px;
			line-height: 1.3;
			margin-bottom: 15px;
			color: #fff;
		}

			.post-s3-title a {
				color: inherit;
			}

		.post-s3-excerpt {
			
		}

		.post-s3-meta-bottom {
			
		}

			.post-s3-meta-top,
			.post-s3-meta-bottom {
				color: rgba( 255, 255, 255, 0.6 );
			}

				.post-s3-meta-top a,
				.post-s3-meta-bottom a {
					color: #fff;
				}

/*--------------------------------------------------------------
	## Style 4 - Listing
--------------------------------------------------------------*/

.init-masonry {
	opacity: 0;
}

.init-masonry .post-s4 {
	margin-right: 0 !important;
}

.masonry-gutter-sizer {
	width: 3.837%;
}

.post-s4 {
	margin-bottom: 38px;
}

	.post-s4-thumb {

	}

		.post-s4-thumb a,
		.post-s4-thumb img {
			display: block;
			width: 100%;
		}

	.post-s4-main {
		padding: 38px 0;
		box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

		.post-s4-meta-top {
			margin-bottom: 15px;
		}

		.post-s4-meta {
			color: #888;
			font-size: 13px;
			line-height: 1;
			font-family: "Roboto";
		}

			.post-s4-meta a {
				color: #313136;
				font-weight: 500;
			}
			
			.post-s4-meta a:hover {border-bottom: 2px solid #37aece;}
	
		.post-s4-title {
			font-size: 24px;
			line-height: 1.3;
			margin-bottom: 15px;
		}

			.post-s4-title a {
				color: inherit;
			}
			
			.post-s4-title a:hover {
				border-bottom: 1px solid #32325d;
			}

		.post-s4-excerpt {
			
		}

		.post-s4-meta-bottom {
			margin-top: 20px;
		}

		.post-s4-meta-top .post-meta-cats a {
			text-transform:uppercase;color:#37aece;
		}
/*--------------------------------------------------------------
	## Post Style 5 - Listing
--------------------------------------------------------------*/

.post-s5 {
	margin-bottom: 33px;
}

.post-s5:last-child {
	margin-bottom: 0;
}

	.post-s5-thumb {
		float: left;
		margin-right: 20px;
	}

		.post-s5-thumb a,
		.post-s5-thumb img {
			display: block;
		}

	.post-s5-main {
		overflow: hidden;
	}

		.post-s5-title {
			font-size: 16px;
    		line-height: 1.3;
    		margin: 0;
		}

			.post-s5-title a {
				color: inherit;
			}

/*--------------------------------------------------------------
	## Pagination
--------------------------------------------------------------*/

.pagination {
	margin-top: 70px;
	text-align: center;
}

	.pagination ul,
	.pagination li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.pagination-type-numbered li {
		display: inline-block;
		margin: 0 5px;
	}

		.pagination-load-more a,
		.pagination-type-numbered a {
			display: inline-block;
			background: #32325d;
			border: 0;
			color: #fff;
			font-size: 16px;
			font-weight: 900;
			line-height: 40px;
			text-transform: uppercase;
			padding: 0 20px;
		}

		.pagination-load-more.inactive a,
		.pagination-type-numbered .inactive a {
			background-color: #e4e4e4;
			color: #979797;
		}

			.pagination-load-more .fa {
				margin-right: 10px;
			}

/*--------------------------------------------------------------
	## Blog Post - Single
--------------------------------------------------------------*/

a[rel="tag"][href*="featured"] {
	display: none;
}

.blog-post-single-title,
.page-title {
	font-size: 33px;
	font-weight: bold;
	line-height: 1.2;
	color: #222;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.blog-post-single-meta {
	color: #888;
	font-size: 15px;
	line-height: 1;
	font-family: "Roboto";
}

	.blog-post-single-meta > span {
		margin-right: 10px;
	}

	.blog-post-single-meta a {
		color: #313136;
		font-weight: 500;
	}		

.blog-post-single-thumb {
	margin-bottom: 30px;
}

	.blog-post-single-thumb img {
		display: block;
	}

.page-single-title {
	margin-bottom: 30px;
}

.blog-post-single-meta-bottom {
	margin-bottom: 30px;
}

/* share */

.blog-post-single-share {
	position: absolute;
	top: 30px;
	right: 100%;
	bottom: 0;
	width: 50px;
}

	.blog-post-single-share-inner {
		position: relative;
	}

	.blog-post-single-share .addthis_toolbox {

	}

		.blog-post-single-share a {
			display: block;
			width: 50px;
			line-height: 1;
			text-align: center;
			vertical-align: middle;
			color: #fff;
			background: #444;
			padding: 15px 0;
			margin-bottom: 10px;
		}

			.blog-post-single-share .fa {
				font-size: 20px;
				margin-left: 2px;
			}

			.blog-post-single-share a.post-share-aside-share-facebook {
				background: #3b5998;
			}

			.blog-post-single-share a.post-share-aside-share-pinterest {
				background: #cb2027;
			}

			.blog-post-single-share a.post-share-aside-share-twitter {
				background: #55acee;
			}

/* contnet */

.blog-post-single-main {
	position: relative;
	padding:11px;
}

    .banner-container-content-ad {
        border: 1px solid #eee;
        border-width: 1px 0;
        padding: 30px 0;
    }

        .banner-container-content-ad-disclaimer {
            margin-top: 15px;
            text-transform: uppercase;
            font-size: 11px;
            color: #aaa;
        }

        .banner-container-content-ad-button {
            margin-top: 15px;
        }

            .banner-container-content-ad-button a {
                display: inline-block;
                border: 0;
                line-height: 45px;
                color: #fff;
                font-size: 14px;
                letter-spacing: 0;
                font-weight: bold;
                background: #32325d;
                padding: 0 22px;
                margin: 0;
                border-radius: 0;
                text-transform: none;
                text-transform: uppercase;
            }

/* tags */
.blog-post-single-tags {
	margin-top: 25px;
	font-size: 13px;
}

	.blog-post-single-tags a {
		margin-right: 5px;
		font-weight: bold;
	}

	.blog-post-single-tags a:before {
		content: '#';
		color: #888;
		margin-right: 3px;
		font-weight: normal;
	}

/* pagination */
.blog-post-single-pagination {
	margin-top: 20px;
}

	.blog-post-single-pagination a {
		font-weight: bold;
	}

/*--------------------------------------------------------------
	## In Content Ad
--------------------------------------------------------------*/

.banner-container-content-ad{
    max-width: 100%;
    min-height:345px;
    max-height:1000px;
    position:relative;
}
    
    .banner-container-content-ad .title{
            
    }

        .banner-container-content-ad .title h4{
            
        }

        @media only screen and (max-width:600px){
            .banner-container-content-ad .title h4{
                font-size:16px
            }
        }
        
    .banner-container-content-ad .link-container{
        display:flex;
        width:100%;
        flex-direction:row;
        flex-wrap:wrap;
        text-align:center;
        z-index:100;
        flex-basis:auto;
    }

        .banner-container-content-ad .link-container .link{
            flex:1 auto;
            transition:all .15s ease-in-out;
            width:33.3%;
            height:300px
        }

        .banner-container-content-ad .link-container .link .tile-container{
            width:calc(100% - 10px);
            height:calc(100% - 10px);
            position:relative;
            overflow:hidden;
            background-size:cover;
            transition:all .18s ease-in-out
        }

            .banner-container-content-ad .link-container .link .tile-container .tile-image{
                position:absolute;
                top:0;
                left:0;
                height:calc(100% - 60px);
                width:100%;
                background-position:center;
                background-size:cover;
            }

            .banner-container-content-ad .link-container .link .tile-container .tile-footer{
                position:absolute;
                bottom:0px;
                left:0px;
                width:calc(100% - 18px);
                text-align:left;
                box-sizing:content-box;
            }

                .banner-container-content-ad .link-container .link .tile-container .tile-footer .download-icon{
                    display: none;
                    position:absolute;
                    right:0;
                    top:50%;
                    transform:translateY(-50%);
                    width:30px;
                    padding: 6px;
                }

                .banner-container-content-ad .link-container .link .tile-container .tile-footer h6{
                    margin:0;
                    font-size: 16px;
                    line-height: 16px;
                }

                .banner-container-content-ad .link-container .link .tile-container .tile-footer span {
                    color:#b3b3b3;
                    font-size: 12px;
                }

                .banner-container-content-ad .link-container .link .tile-container .tile-footer .type{
                    font-size:14px;
                    color: red;
                    font-weight:700
                }

@media only screen and (max-width:992px){
    .banner-container-content-ad .link-container .link{
        width:50%
    }
}

@media only screen and (max-width:600px){
    .banner-container-content-ad .link-container .link{
        width:100%;
        flex-basis:100%
    }
    .banner-container-content-ad .link-container .link:nth-child(n+2){
        display:none
    }
}

@media only screen and (min-width:601px) and (max-width:992px){
    .banner-container-content-ad .link-container .link{
        flex-basis:50%
    }
    .banner-container-content-ad .link-container .link:nth-child(n+3){
        display:none
    }
}

@media only screen and (min-width:993px) and (max-width:1350px){
    .banner-container-content-ad .link-container .link{
        flex-basis:33.3333%
    }
    .banner-container-content-ad .link-container .link:nth-child(n+4){
        display:none
    }
}

/*--------------------------------------------------------------
	## Comments
--------------------------------------------------------------*/

.comment-list {
	margin-bottom: 55px;
}

.comments-section-heading {	
	margin-bottom: 20px; 
}

	.comments-section-heading-title {
		font-size: 20px; 
		font-weight: bold; 
		float: left;
		margin: 0;
	}

	.comments-section-heading-title:before {
		content: " ";
		display: block;
		height: 4px;
		width: 18px;
		background: #ffa27b;
		margin-bottom: 13px;
	}

.comments-area ul,
.comments-area ol,
.comments-area li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

.comment {

}
	
.comments-area li.comments-pingback,
.comments-area li.comments-trackback {
	margin-bottom: 10px;
	font-size: 13px;
	background: #fff;
	padding: 10px;
}

	.comment-inner {
		margin-bottom: 35px;
	}

		.comment-author-avatar {
			float: left;
			margin-right: 30px;
			width: 80px;
		}

			.comment-author-avatar img {
				display: block;
				width: 100%;
			}

		.comment-main {
			overflow: hidden;
			padding-top: 30px;
		}

			.comment-info {
				margin-bottom: 10px;
			}

				.comment-meta {
					display: inline-block;
				}

					.comment-meta-author {
						display: inline-block;
						font-size: 18px;
						font-weight: bold;
						line-height: 1;
					}

					.comment-meta-date {
						display: inline-block;	
						font-size: 15px;
						font-style: italic;
						line-height: 1;
					}

				.comment-reply {
					display: inline-block;					
				}

					.comment-reply a {
						color: #3ecf8e;
						font-size: 15px;
						font-style: italic;
						line-height: 1;
					}

	.comment .children {
		margin-left: 110px;
	}

	.comments-no-comments {
		margin-bottom: 20px;
	}

.comment-respond {
	
}

.comment-respond {
	
}

	.comment-reply-title {
		margin: 0;
		padding: 0;
		color: #232323;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 35px;
	}

		.comment-reply-title .fa {
			color: #ffa27b;
			margin-right: 15px;
		}

	.comment-respond .logged-in-as,
	.comment-notes {
		font-size: 14px;
	}

	.comment-notes {
		display: none;
	}

		.comment-form-comment {
			clear: both;
			font-size: 0;
			line-height: 0;
			margin: 0;
			margin-bottom: 30px;
		}

		.comment-form-name,
		.comment-form-email,
		.comment-form-website {
			margin-bottom: 25px;
			font-size: 0;
			line-height: 0;
		}

			.comment-respond label {
				text-transform: uppercase;
				font-size: 13px;
				font-weight: bold;
				line-height: 1;
				margin-bottom: 5px;
				display: block;
			}

			.comment-form-cookies-consent label {
				display: inline-block !important;
				margin-left: 8px;
			}

			.comment-respond input[type="text"],
			.comment-respond textarea {
				background: transparent;
				border-bottom: 2px solid #e9edf2;
				padding-left: 0;
				padding-right: 0;
				outline: 0;
				width: 100%;
			}

			.comment-respond input[type="text"] {
				
			}

			.comment-respond input[type="text"]:focus,
			.comment-respond textarea:focus {
				border-color: #b5eeff;
			}

			.comment-respond textarea {
				height: 140px;
			}

		.comment-respond .form-submit {
			clear: both;
			padding-top: 20px;
			margin-bottom: 0;
		}

			.comment-respond #submit {
				background: #ffa27b;
			}

/*--------------------------------------------------------------
	## Contact Form 7
--------------------------------------------------------------*/

body .wpcf7 {
	padding: 40px;
	border: 1px solid #eee;
}

.wpcf7 label {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

body input[type="text"],
body input[type="email"],
textarea {
	
}

/*--------------------------------------------------------------
	## Sidebar
--------------------------------------------------------------*/

#sidebar {
	position: relative;
	margin-top: 45px;overflow:hidden;
}

body.single-deals #sidebar {
	position: static;
}

	#sidebar .widget {
		margin-top: 35px;
	}

	#sidebar .widget:first-child {
		margin-top: 0;
	}

		#sidebar .widget-title {
			margin: 0;
			padding: 0;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 20px;
		}

		#sidebar .widget-title:before {
			content: " ";
			display: block;
			height: 3px;
			width: 40px;
			background: #ddd;
			margin-bottom: 15px;
		}

/*--------------------------------------------------------------
	## Popular Posts for Sidebar
--------------------------------------------------------------*/

.popuplar-posts-oxp {
background: #fff;
padding: 0;
border: 1px solid #d6dee4;
border-left: none;
}

.popuplar-posts-oxp li {border-bottom: 1px solid #DDD;
list-style: none;line-height: 22.9px;border-left:3px solid #d6dee4;
padding: 16px 20px; font-size:14.9px;}
.popuplar-posts-oxp li:hover {border-left:3px solid #37aece;}
.popuplar-posts-oxp li a:hover {color:#37aece;text-decoration:none;}

.popuplar-posts-oxp li:last-child {border-bottom:none;}


/*--------------------------------------------------------------
	# Widgets
--------------------------------------------------------------*/

.widget {

}

.sidebar-deal {
	position: relative;
}

.sidebar-deal-info {
	margin-top: 30px;
	border: 3px solid #32325d;
	padding: 30px;
	text-align: center;
}

	.sidebar-deal-info-thumb {
		margin-bottom: 20px;
	}

	.sidebar-deal-info-savings {
		background: #eee;
		padding: 10px;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

		.sidebar-deal-info-savings a {
			color: inherit;
		}

			.sidebar-deal-info-savings span {
				font-weight: bold;
			}
		
	.sidebar-deal-info-description {
		margin-bottom: 25px;
		font-size: 12px;
	}
		
	.sidebar-deal-info-code {

	}

		.sidebar-deal-info-code a {
			background: #3ecf8e;
			padding: 10px 15px;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			margin-bottom: 10px;
		}

/*--------------------------------------------------------------
	## Widget - Search
--------------------------------------------------------------*/

.widget_search .search-form {
	position: relative;
}

.widget_search input[type="search"] {
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
}

.widget_search input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #32325d;
}

/*--------------------------------------------------------------
	## Widget - Posts
--------------------------------------------------------------*/

.posts-list-widget {

}

	.posts-list-widget .post-s3-meta-top {
		display: none;
	}

	.posts-list-widget .post-s3-title {
		font-size: 20px;
	}

/*--------------------------------------------------------------
	## Widget - Tag Cloud
--------------------------------------------------------------*/

.widget .tagcloud {
	font-size: 0;
	line-height: 0;
}

	.widget .tagcloud a {
		display: inline-block;
		line-height: 30px;
		padding: 0 10px;
		background: #32325d;
		color: #fff;
		font-size: 12px !important;
		font-weight: bold !important;
		text-transform: uppercase;
		margin-right: 10px;
		margin-bottom: 10px;
	}

/*--------------------------------------------------------------
	## Widget - Subscribe
--------------------------------------------------------------*/

.email-octopus-form-row-hp{position:absolute;left:-5000px}

#sidebar .email-octopus-form-row {
    position: relative;
    margin-bottom: 15px;
}

#footer .email-octopus-form {
    display: flex;
}

#footer .email-octopus-form-row {
    flex-grow: 1;
}

#footer .email-octopus-form-row input[type="email"] {
    width: 100%;
}

#footer .email-octopus-form-row-subscribe {
    width: 110px;
    flex-shrink: 0;
}

#footer .email-octopus-form-row-subscribe button {
    width: 100% !important;
}

#sidebar .widget-subscribe {
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
	box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.06);
}

#sidebar .widget-subscribe:before,
#sidebar .widget-subscribe:after  {
	content:" ";
	display: block;
	height: 1px;
	margin: 0 6px;
	background: #fff url("images/subscribe-widget-bg.png") center center;
}

	#sidebar .widget-subscribe .ml-vertical-align-center {
		padding: 30px;
	}
	
		#sidebar .widget-subscribe .form-section {
			margin-bottom: 20px;
		}

		#sidebar .widget-subscribe .form-section:last-child {
			margin-bottom: 0;
		}

		#sidebar .widget-subscribe h4 {
				margin-bottom: 15px;
			}

			#sidebar .widget-subscribe .form-group {
				position: relative;
			}

				#sidebar .widget-subscribe input[type="email"] {
					width: 100%;
					background: transparent;
					border-bottom: 2px solid #e9edf2;
					padding-left: 30px;
				}

					#sidebar .widget-subscribe input[type="email"]:focus {
                   		border-color:#b5eeff;
					}
				
				#sidebar .widget-subscribe .input-icon {
					color: #ccd3db;
					position: absolute;
					font-size: 18px;
					left: 0;
					top: 13px;
				}

			#sidebar .widget-subscribe button {
				background: #ffa27b;
				width: 100%;
			}

			#sidebar .widget-subscribe-note {
				font-size: 12px;
				margin-top: 12px;
			}

				#sidebar .widget-subscribe-note span {

				}

#footer .widget-subscribe {
	padding: 30px;
	border: 2px solid #f9de61;
	border-radius: 5px;
	text-align: center;
}

	#footer .widget-subscribe .form-section {
		margin-bottom: 20px;
		font-size: 14px;
	}

	#footer .widget-subscribe .form-section:last-child {
		margin-bottom: 0;
	}

	#footer .widget-subscribe button {
		background: #f9de61;
		display: inline-block;
		color: #000;
		width: 33%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	#footer .widget-subscribe-email-field-wrap {
		display: inline-block;
		width: 67%;
		margin-bottom: 0 !important;
	}

		#footer .widget-subscribe-email-field-wrap input[type="email"] {
			width: 100%;
		}


/*--------------------------------------------------------------
	## Widget - Banner
--------------------------------------------------------------*/

.widget-banner {
	text-align: center;
	background-image: url("images/banner-widget-bg.png");
	background-repeat: repeat-x;
	padding: 0 30px;
}

	.widget-banner-title {
		display: block;
		padding: 30px 0;
		text-transform: uppercase;
		font-size: 12px;
	}

	.widget-banner-content {
		margin-bottom: 20px;
	}

	.widget-banner-action {
		display: block;
		text-transform: uppercase;
		font-size: 12px;
		color: #3ecf8e;
	}

/*--------------------------------------------------------------
	## Widget - Menu Slider
--------------------------------------------------------------*/

.menu-slider-widget .owl-stage-outer {
	background: #fff;
	padding: 0;
	border: 1px solid #d6dee4;
	border-left: none;
}

	.menu-slider-widget-item {
		border-bottom: 1px solid #DDD;
		list-style: none;
		line-height: 22.9px;
		border-left: 3px solid #d6dee4;
		padding: 16px 20px;
		font-size: 14.9px;
	}

	.menu-slider-widget-item:hover {
		border-left-color: #37aece;
		color: #37aece;
	}

/*--------------------------------------------------------------
	# Freebies
--------------------------------------------------------------*/

.banner-section {
	margin-bottom: 50px;
	text-align: center;
}

.deals-section {
	margin-bottom: 80px;
}

	.section-header {
		position: relative;
		padding: 50px 0;
		margin-bottom: 50px;
	}

		.section-header-bg {
			background: #32325d;
			background-image: url( "images/deals-bg.png");
			background-repeat: no-repeat;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;			
		}

		.section-header .wrapper {
			position: relative;
		}

			.section-title {
				color: #fff;
				text-align: center;
				font-size: 35px;
				margin-bottom: 0;
			}

/*--------------------------------------------------------------
	# Footer
--------------------------------------------------------------*/

#footer {
	
}

/*--------------------------------------------------------------
	## Footer Top
--------------------------------------------------------------*/

#footer-top {
	background: #fff;
	text-align: center;
	padding: 70px 0;
}

	.footer-top-title {
		font-size: 35px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.footer-top-content {
		margin-bottom: 30px;
	}

		.footer-top-content-inner {
			max-width: 850px;
			display: inline-block;
		}

	.footer-top-button {
		display: inline-block;
		padding: 0 50px;
		line-height: 45px;
		background: #57d5ff;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
	}

/*--------------------------------------------------------------
	## Footer Main
--------------------------------------------------------------*/

#footer-main {
	background: #32325d;
	background-image: url( "images/footer-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 50px 0;
	color: rgba( 255, 255, 255, 0.7 );
}
	
	#footer-main .widget {
		float: left;
		padding: 0 25px;
	}

	#footer-main .widget:nth-child(1),
	#footer-main .widget:nth-child(2) {
		width: 36%;
	}

	#footer-main .widget:nth-child(3) {
		width: 28%;
	}

		#footer-main .widget-title {
			margin: 0;
			padding: 0;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 20px;
			color: #fff;
		}

		#footer-main a {
			color: inherit;
		}

	/**
	 * Disclaimer
	 */

	#footer-disclaimer {
		display: inline-block;
		max-width: 840px;
	}

		.footer-disclaimer-title {
			color: #fff;
			text-transform: uppercase;
			margin-bottom: 20px;
		}

			.footer-disclaimer-title img {
				max-width: 174px;
			}

		.footer-disclaimer-content {
			color: rgba( 255, 255, 255, 0.7 );
		}

	/**
	 * Footer Navigation
	 */

	#footer-navigation {
		font-size: 0;
		line-height: 1;
		margin-top: 40px;
	}

		#footer-navigation ul,
		#footer-navigation li {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			/* Top level item */
			#footer-navigation .menu > li {
				display: inline-block;
				position: relative;
				z-index: 99998;
				margin-right: 24px;
			}

				/* Top level item anchor */
				#footer-navigation .menu > li > a {
					display: inline-block;
					text-decoration: none;
					vertical-align: middle;
					color: #8789cd;
					font-size: 13px;
					font-weight: normal;
					line-height: inherit;
					text-transform: uppercase;
				}

				/* Top level item anchor hover */
				#footer-navigation .menu > li > a:hover {
					color: #fff;
				}

				/* Top level item anchor current */
				#footer-navigation .menu > li.current-menu-item > a,
				#footer-navigation .menu > li.current-menu-ancestor > a {
					color: #fff;
				}

		/* Submenu */
		#footer-navigation .menu ul {
			display: none;
		}

/*--------------------------------------------------------------
	## Footer Widgets
--------------------------------------------------------------*/

#footer .widget:nth-child(3n) {
	text-align: right;
}

#footer .widget_nav_menu ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	text-align: right;
}

	#footer .widget_nav_menu li {
		display: inline-block;
	}

		#footer .widget_nav_menu li a {
			display: inline-block;
			line-height: 30px;
			padding: 0 10px;
			background: #000;
			margin-left: 3px;
			margin-bottom: 5px;
			font-size: 13px;
		}

/*--------------------------------------------------------------
	## Footer Bottom
--------------------------------------------------------------*/

#footer-bottom {
	padding: 30px 0;
}
	
	/**
	 * Footer Copyright
	 */

	#footer-copyright {
		text-align: center;
		font-size: 12px;	
		line-height: 1;	
		text-transform: uppercase;
	}

		#footer-copyright a {
			font-weight: bold;
		}

/*--------------------------------------------------------------
	# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	## Content + Sidebar
--------------------------------------------------------------*/

#sidebar { width: 26.15%; }
#content { width: 70%; }
#content.col-16 { width: 100%; }

/*
@media only screen and ( min-width: 1350px ) and ( max-width: 1450px )  {
	#sidebar { width: 25%; }
	#content { width: 71.163%; }
}

@media only screen and ( min-width: 1250px ) and ( max-width: 1350px )  {
	#sidebar { width: 26%; }
	#content { width: 70.163%; }
}

@media only screen and ( min-width: 1150px ) and ( max-width: 1250px )  {
	#sidebar { width: 28%; }
	#content { width: 68.163%; }
}
*/

/*
@media only screen and ( min-width: 1024px ) and ( max-width: 1150px )  {
	#sidebar { width: 32%; }
	#content { width: 64.163%; }
}
*/

@media only screen and ( min-width: 900px ) and ( max-width: 1024px )  {
	#sidebar { width: 36%; }
	#content { width: 60.163%; }
	#content.col-16 { width: 100%; }
}

@media only screen and ( min-width: 768px ) and ( max-width: 900px )  {
	#sidebar { width: 42%; }
	#content { width: 54.163%; }
	#content.col-16 { width: 100%; }
}


/*--------------------------------------------------------------
	## Medium Monitors
--------------------------------------------------------------*/
/*
@media only screen and ( min-width: 1426px ) and ( max-width: 1599px )  {

	.wrapper {
		max-width: 95%;
	}

}
*/

/*--------------------------------------------------------------
	## Normal Monitors
--------------------------------------------------------------*/

/*
@media only screen and ( min-width: 1331px ) and ( max-width: 1425px )  {

	.wrapper {
		max-width: 91%;
	}

}
*/

.wrapper {
	max-width: 1260px;
}

/*--------------------------------------------------------------
	## Smaller Monitors
--------------------------------------------------------------*/

@media only screen and ( min-width: 1024px ) and ( max-width: 1320px )  {

	body .wrapper {
		max-width: 90%;
	}

	/* navigation */
	/*
	#navigation {
		margin-left: 0;
		clear: both;
	}
	#navigation .menu > li {
		padding-top: 0;
	}
	*/

	/* post s3 */
	.post-s3-title {
		font-size: 20px;
	}

	/* sidebar */
	.sidebar-deal-info {
		padding: 15px;
	}
	/*
	#header-search .search-submit {
		display: none;
		width: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
	}
	*/
	.posts-list-widget .post-s3-title {
		font-size: 18px;
	}
	.posts-list-widget .post-s3-main {
		padding: 15px;
	}
	.posts-list-widget .post-s5-thumb {
		max-width: 30%;
	}
	#sidebar .widget-subscribe .ml-vertical-align-center {
		padding: 15px;
	}

	#footer .widget-subscribe {
		padding: 15px;
	}

	#footer .widget-subscribe button {
		width: 100%;
	}

	#footer .widget-subscribe-email-field-wrap {
		width: 100%;
	}

}

/*--------------------------------------------------------------
	## Tablets
--------------------------------------------------------------*/

@media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {

	/* remove BG images in header/footer */
	body #header-bg { background-image: none; }
	body #footer-main { background-image: none; }
	body #sidebar .widget-subscribe:before, body #sidebar .widget-subscribe:after { background-image: none; }

	body .wrapper {
		max-width: 90%;
	}

	/* navigation */
	#navigation {
		display: none;
	}
	#mobile-navigation {
		display: block;
	}

	/* post s3 */
	.post-s3-main {
		padding: 15px;
	}
		.post-s3-title {
			font-size: 18px;
		}

	/* post s4 */
	.post-s4-main {
		padding: 15px;
	}
		.post-s4-title {
			font-size: 18px;
		}

	/* post single */
	.blog-post-single-title, .page-title {
		font-size: 28px;
	}

	/* sidebar */
	.sidebar-deal-info {
		padding: 15px;
	}
	/*
	#header-search .search-submit {
		display: none;
		width: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
	}
	*/
	.posts-list-widget .post-s3-title {
		font-size: 15px;
		margin-bottom: 0;
	}
	.posts-list-widget .post-s3-main {
		padding: 15px;
	}
	.posts-list-widget .post-s3-meta-bottom {
		display: none;
	}
	.posts-list-widget .post-s5-thumb {
		max-width: 20%;
	}
	#sidebar .widget-subscribe .ml-vertical-align-center {
		padding: 10px;
	}

	/* footer */
	.footer-top-title {
		font-size: 28px;
	}

	.col-12 .col-8 {
		width: 100%;
		margin-right: 0;
	}

	#footer .widget-subscribe {
		padding: 15px;
	}

	#footer .widget-subscribe button {
		width: 100%;
	}

	#footer .widget-subscribe-email-field-wrap {
		width: 100%;
    }
    
    #footer .email-octopus-form {
        display: block;
    }
        #footer .email-octopus-form-row {
            margin-bottom: 15px;
        }
        #footer .email-octopus-form-row-subscribe {
            text-align: center;
            width: auto;
        }

}

/*--------------------------------------------------------------
	## Phones ( landscape + portrait )
--------------------------------------------------------------*/

@media only screen and ( max-width: 767px ) {

	/* remove BG images in header/footer */
	body #header-bg { background-image: none; }
	body #footer-main { background-image: none; }
	body .widget-subscribe:before, body .widget-subscribe:after { background-image: none; }

	body .wrapper {
		max-width: 90%;
	}

	.white-wrap,
	.comment-respond,
	.comment-inner {
		padding: 15px;
	}

	/* columns */
	body .col,
	body .masonry-gutter-sizer {
		margin-right: 0;
		width: 100% !important;
	}

	/* navigation */
	#navigation {
		display: none;
	}
	#mobile-navigation {
		display: block;
	}

	/* post single */
	.blog-post-single-title, .page-title {
		font-size: 22px;
	}
	.blog-post-single-main {
		padding-left: 0;
	}
	.blog-post-single-share {
		position: relative;
		margin-top: 20px;
	}
	body .blog-post-single-share {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: auto;
		margin-top: 20px;
	}
	body .post-share-aside-share {
		display: inline-block;
		margin-top: 0;
		vertical-align: middle;
		overflow: hidden;
		margin-right: 5px;
		width: 50px;
		height: 50px;
	}
	body .blog-post-single-share a {
		width: 45px !important;
		height: 50px !important;
	}
	body .blog-post-single-share .addthis_toolbox {
		display: inline-block;
		vertical-align: middle;
	}
	body .blog-post-single-share .addthis_toolbox a {
		margin-top: 0 !important;
	}

	/* sidebar */
	#sidebar {
		margin-top: 50px;
	}
	body #header-search .header-search-hook {
		/*
		display: none;
		width: 0;
		padding: 0;
		margin: 0;
		*/
	}
	body #header-search .search-form {
		visibility: visible;
		/* transform: translateX( 0 ); */
	}
	/* footer */
	.footer-top-title {
		font-size: 22px;
	}
	#footer-navigation .menu > li {
		line-height: 1.6;
		padding: 3px 0;
	}

	body #footer-main .widget {
		width: 100% !important;
		padding: 0;
		margin: 15px 0;
	}

	/* other */
	body .comment .children {
		margin-left: 0;
	}

	body blockquote {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	h6 {
		font-size: 14px;	
	}

}

/*--------------------------------------------------------------
	## Phones ( landscape )
--------------------------------------------------------------*/

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

	/* post s4 */
	.post-s4-thumb img {
		width: 100%;
	}

}

/*--------------------------------------------------------------
	## Phones ( portrait )
--------------------------------------------------------------*/

@media only screen and ( max-width: 479px ) {

	/* header social */
	#header-social {
		float: none;
		clear: both;
		padding-top: 0;
	}

	/* post s3 */
	.post-s3-main {
		padding: 15px;
	}
		.post-s3-title {
			font-size: 18px;
		}

	/* post s4 */
	.post-s4-main {
		padding: 15px;
	}
		.post-s4-title {
			font-size: 18px;
        }
        
    #footer .email-octopus-form {
        display: block;
    }
        #footer .email-octopus-form-row {
            margin-bottom: 15px;
        }
        #footer .email-octopus-form-row-subscribe {
            text-align: center;
            width: auto;
        }

}

@media only screen and ( max-width: 330px ) {

	#mobile-navigation {
		clear: both;
		float: none;
		padding-top: 0;
		margin-left: 0;
	}
	.header-mobile-nav-hook {
		padding-left: 0;
	}

}

/*--------------------------------------------------------------
	## About Author
--------------------------------------------------------------*/

.about-author-alt {
	margin-top: 25px;
}

	.about-author-alt-sidebar {
		font-size: 0;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}

	.about-author-alt-main {
		display: inline-block;
		vertical-align: middle;
	}

		.about-author-alt-main h4 {
			margin-bottom: 0;
			line-height: 1;
		}

.about-author {
	margin-top: 40px;
border-top: 3px solid #999;
padding: 25px;
background: #f7f7f7;
}
	
	.about-author-sidebar {
		float: left;
		margin-right: 30px;
	}

		.about-author-avatar {
			
		}

			.about-author-avatar img {
				
			}

	.about-author-main {
		overflow: hidden;
	}

		.about-author-name {
			margin-bottom: 8px;
		}

			.about-author-name-by {
				font-style: italic;
				display: block;
			}

			.about-author-name h4 {
				margin: 0;
			}

			.about-author-name a {
				color: inherit;
			}

			.about-author-name-occupation {
				font-style: italic;
				display: block;
				color: #3ecf8e;
			}

		.about-author-bio {
			margin-bottom: 13px;
                        font-size:13px;
		}

		.about-author-social {
			font-size: 0;
			line-height: 0;
		}

			.about-author-social a {
				font-size: 15px;
				margin-right: 15px;
				background: transparent;
    			line-height: 33px;
    			width: 60px;
    			display: inline-block;
    			text-align: center;
			}

body .social-link-twitter {
	background-color: #55acee;
	color: #fff;
}

body .social-link-facebook {
	background-color: #3b5998;
	color: #fff;
}

body .social-link-youtube {
	background-color: #cd201f;
	color: #fff;
}

body .social-link-vimeo {
	background-color: #1ab7ea;
	color: #fff;
}

body .social-link-tumblr {
	background-color: #35465c;
	color: #fff;
}

body .social-link-pinterest {
	background-color: #bd081c;
	color: #fff;
}

body .social-link-linkedin {
	background-color: #0077b5;
	color: #fff;
}

body .social-link-instagram {
	background-color: #833ab4;
	color: #fff;
}

body .social-link-github {
	background-color: #4183c4;
	color: #fff;
}

body .social-link-google-plus {
	background-color: #dc4e41;
	color: #fff;
}

body .social-link-dribbble {
	background-color: #ea4c89;
	color: #fff;
}

body .social-link-dropbox {
	background-color: #007ee5;
	color: #fff;
}

body .social-link-flickr {
	background-color: #0063dc;
	color: #fff;
}

body .social-link-foursquare {
	background-color: #f94877;
	color: #fff;
}

body .social-link-behance {
	background-color: #1769ff;
	color: #fff;
}

body .social-link-vine {
	background-color: #00b488;
	color: #fff;
}

body .social-link-rss {
	background-color: #f26522;
	color: #fff;
}

body .social-link-email {
	background-color: #ef7583;
	color: #fff;
}

@media only screen and ( max-width: 1200px )  {
	.about-author-avatar {
		max-width: 100px;
	}
}
@media only screen and ( max-width: 767px ) { 
	.about-author-sidebar {
		float: none;
	}
}

/*--------------------------------------------------------------
	# Related Posts
--------------------------------------------------------------*/

.related-posts {
	margin-top: 35px;
}

	.related-posts .post-s4-title {
		font-size: 20px;
	}

@media only screen and ( max-width: 1024px )  {

	.related-posts .post-s4 {
		width: 100% !important;
		margin: 0;
	}

}