/* ----------------------------------------------------------------------------
Theme Name: freyja
Version: 1.1.9
Theme URI: http://www.ilgelodesign.com
Author: Ilgelo Design
Author URI: http://www.ilgelodesign.com/
Description: Freyja WordPress Blog Theme
Text Domain: ilgelo Design
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background
-------------------------------------------------------------------------------  */



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

1- Globally Styles
2- Typography
3- Float & clear & cover
4- Position
5- Margins - Padding - Special Classes
6- WP - basic style
7- Opacity
8- Shadow
9- Base Media Q

-- Theme freyja Style --

10- Base Theme freyja
    10.1- Divider
    10.2- Hover Images
    10.3- Custom Grid Sistem
    10.4- Container
    10.5- Header bg responsive
    10.6- Section Style - Parallax
    10.7- Parallax With js
	10.8- Header Video Background

11- Header
	11.1- Logo and Title
	11.2- Style Navigation Menu  - Top - Under Logo - Mini Menu
		 11.2.1- Container Navigation Menu under Logo + Layout
		 11.2.2- Mini Navigation (on scroll page)
	11.3- Header Navigation Mobile
	11.4- Style Menu Mobile
	11.6- Media Query Menu Responsive
	11.5- Social Icon Navigation

12- Footer
	12.1-  Social Share - footer
	12.2-  Instagram - Footer

13- Buttons

15- SIDEBAR - Widget Style
	15.2-  Widget Select Sidebar archive/cat/menu
	15.3-  Widget Select Sidebar search
	15.4-  Widget Calendar
	15.5-  Widget Tag Cloud
	15.6-  Widget Twitter
	15.7-  Widget ADV Full
	15.8-  Mail Chimp Widget Style
	15.8-  Recent Posts Widget
	15.9- Big Recent Posts Widget
	15.10- Widget About Me
	15.11- Widget Social

16- Button To Top

17- Comment Style

18- Contact Form 7 (Plugin Style)

19- BIG Search
	19.1- Style Search -> Tag - Category - Date
	19.2- Search Icon in Navigation + Animation
	19.3- Container Popup Search
	19.4- Container Popup Menu (Responsive)

20- Big About the Author

21- Slider Carusel Post

22- Blog Template
	22.1- Parallax blog Template
	22.2- Infinite Post Template
	22.3- Template List blog
	22.4- Template List blog ( sidebar)
	22.5- Grid blog template
	22.6- Template Page - Right Sideber - Left Sidebar
	22.7- Template Category - Right Sideber - Left Sidebar

23- Post format - Link And Quote
	23.1- Link and Quote Style

24- Post Layout
	24.1- Post Divider
	24.2- Container Post layout
	24.3-  Meta Post Classic blog
	24.4-  Meta Post Grid - List
	24.5-  Post Icon Social Share
	24.6-  GR Social Share
	24.7-  About Author
	24.8-  Related Post (Style 1 - Style 2)
	24.9- Post Twitter Status
	24.10- Tag layout Single Post

25- Slide Carusel Post
	25.1- Gallery Slide - Template Infinite Post
	25.2- Gallery Post

26- Post Pagination / Navigation
	26.1- Pagination Post
	26.2- Navigation Post

27- Animation Hover Image

------------------------------------------------------*/
/* Mojomarketplace Version */


/*
| ====================================================================
| = Font
| ====================================================================
*/

/* Text Font */
body,
.post-header h3.post_subtitle,
.list-item .post-header h3.post_subtitle,
.post-header-single h3.post_subtitle,
.ig_cont_single_only_title h3.post_subtitle
{
	font-family: 'Merriweather', serif;
}

/* Plugin Yummly Recipe */
#yrecipe-container p,
#yrecipe-container li, #yrecipe-container .notes,
#yrecipe-container .h-4.strong
{
	font-family: 'Merriweather', serif !important;
}


/* Site Font */
h1,
h2,
h3,
h4,
h5,
h6,
#logo_single h1 a,
.menu li,
.nav-menu li,
.container-select-box select,
.panel-body .widget_search form input[type='search'],
.nav-mobile > li,
.ig_widget .tit_widget span,
.ig_widget,
a.ig_recent_post_title,
.ig_recent_post_details span,
.ig_recent_big_post_details,
#instagram-footer,
.slidepost__desc h3,
.postTime,
.wp-caption-text.gallery-caption,
.post-header h2,
.post-header .meta_item,

.list-item .post-header h2,
.entry-footer-meta .meta_item,
.entry-footer-meta .meta_item,
.post-header-single h1,
.ig_cont_single_only_title h1,
.post-header-single .meta_item,
.ig_cont_single_only_title .meta_item,
.sub_footer,
.title_about h1,
.cont-aboutme p.tit,
ul.meta-share,
.read-more,
.read-more-list,
.title-line,
 .floating-labels .cd-label,
.content-comment h3,
#commentform input,
#commentform textarea,
#commentform .submit,
.wpcf7 p,
div.wpcf7-response-output,
.author-block .title_author,
.tit_prev span,
.tit_next span,
 .animsition-loading:after,
.textt,
.ilgelo_pagination,
.wp-caption .wp-caption-text
{
	font-family: 'Montserrat', sans-serif;
}

/* Plugin Yummly Recipe */
#yrecipe-container .yrecipe-print-link .butn-link,
#yrecipe-container #yrecipe-title

{
	font-family: 'Montserrat', sans-serif !important;
}





/*
| ====================================================================
| = GLOBALLY STYLES
| ====================================================================
*/


html, hmtl a {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
	margin-top: 0;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;

	line-height: 32px;
	font-size: 17px;
	color: #333333; /* Default */
     background-color: #ffffff; /* Default */
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color 0.15s ease-in-out 0s;
	-moz-transition: color 0.15s ease-in-out 0s;
	-o-transition: color 0.15s ease-in-out 0s;
	transition: color 0.15s ease-in-out 0s;
	color: #57d3aa; /* Default */

}

a:hover,
a:active,
a:focus {
	outline: 0;
	text-decoration: none;
	color: #333; /* Default */
}

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




a img {
	border: none;
}

strong {
	font-weight: 600;
}

p {
	margin: 0.85em 0;
}

ul, ol {
	/* margin: 0 0 0px 30px;*/
	margin: 0;
	padding: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}


hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #dadada;
}
title {
	display: block !important;
}

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

/*-------------------------------------------------------------------------*/
/* 2-   Typography
/*-------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px 0;
	text-rendering: optimizeLegibility;

}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .h1, .h1 a, .h2, .h2 a, .h3, .h3 a, .h4, .h4 a, .h5, .h5 a, .h6, .h6 a {
    color: #333; /* Default */
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover{
	text-decoration:none;
	color:#57d3aa; /* Default */
	}

.italic {
	font-style: italic;
}

.uppercase {
	text-transform: uppercase;
}


/*-------------------------------------------------------------------------*/
/* 3-  Float & clear & cover
/*-------------------------------------------------------------------------*/

.clear {
	clear: both;
}
.hidden {
	display: none;
}

.overf {
	position: relative;
	overflow: hidden;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

.textalignleft {
	text-align: left !important;
}

.textaligncenter {
	text-align: center !important;
}

.textalignright {
	text-align: right;
}

img.alignleft {
	float: left;
	margin: 20px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 20px 0 20px 25px;
}

img.aligncenter {
	display: block;
	clear: both;
	margin: 0 auto !important;
}

img.alignnone {
	display: block;
	margin: 60px 0;
}

.img_full_responsive {
	width: 100%;
	height: auto;
}

.size-cover {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     }


/*-------------------------------------------------------------------------*/
/* 4-  Position absolute/relative/fixed
/*-------------------------------------------------------------------------*/

.position-ab {
	position: absolute;
}
.position-re {
	position: relative;
}
.position-fi {
	position: fixed;
}



/*-------------------------------------------------------------------------*/
/* 5-   Margins - Padding - Special Classes
/*-------------------------------------------------------------------------*/

.no_padding {
	padding: 0;
}
.xxsmall_padding {
	padding: 10px 0 10px !important;
}

.xsmall_padding {
	padding: 20px 0 20px !important;
}
.small_padding {
	padding: 40px 0 40px !important;
}

.medium_padding {
	padding: 70px 0 70px !important;
}
.large_padding {
	padding: 100px 0 100px !important;
}
.big_padding {
	padding: 250px 0 250px !important;
}

.margin-0 {
	margin-bottom: 0 !important;
}

.margin-10 {
	margin-bottom: 10px !important;
}

.margin-15 {
	margin-bottom: 15px !important;
}

.margin-20 {
	margin-bottom: 20px !important;
}

.margin-30 {
	margin-bottom: 30px !important;
}

.margin-40 {
	margin-bottom: 40px !important;
}

.margin-50 {
	margin-bottom: 50px !important;
}

.margin-60 {
	margin-bottom: 60px !important;
}

.margin-70 {
	margin-bottom: 70px !important;
}

.margin-80 {
	margin-bottom: 80px !important;
}

.margin-90 {
	margin-bottom: 90px !important;
}

.margin-100 {
	margin-bottom: 100px !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

/* Margin Top */

.margin-0top {
	margin-top: 0 !important;
}

.margin-10top {
	margin-top: 10px !important;
}

.margin-15top {
	margin-top: 15px !important;
}

.margin-20top {
	margin-top: 20px !important;
}
.margin-25top {
	margin-top: 25px !important;
}
.margin-30top {
	margin-top: 30px !important;
}

.margin-40top {
	margin-top: 40px !important;
}
.margin-50top {
	margin-top: 50px !important;
}


/*-------------------------------------------------------------------------*/
/* 6-   WP - basic style
/*-------------------------------------------------------------------------*/


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

.wp-caption {
	margin: 10px 20px 0px 20px;
	max-width: 100%;
	text-align: center;
	font-style: italic;
}

.wp-caption.aligncenter {
	margin: 20px auto;
}

.wp-caption.alignleft {
	margin-left: 0;
}

.wp-caption.alignright {
	margin-right: 0;
}

.wp-caption.alignnone {
	margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
	font-size: 11px;
    text-align: right;
}

.wp-smiley {
	margin: 0 !important;
	max-height: 13px;
	width: 13px;
}

.size_cover {
	background-attachment: scroll;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}

.bypostauthor {
    display: block;
}


/* gallery-caption css */

.gallery {
	margin: 0 auto 18px;
	padding: 60px 0px;
	 }

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt {
	margin: 0;
	position: relative;
	}
.gallery br+br { display: none; }


/* BLOCKQUOTE & HIGHLIGHTS */

.highlight-text {
	padding: 0 4px;
	background-color: #97A588; /* Dynamic */
	color: #fff;
	}
blockquote {
	font-style: italic;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #57d3aa; /* Default */
	margin: 25px 0px;
	padding: 0px 0px 0px 15px;
	}
blockquote p {
	color: #000;
	font-size: 19px;
	margin-left: 10px !important;
	margin-right: 10px !important;
	}

/*** Post Entry ***/
.main_content hr,
	.container hr,
	 .post hr {
		border:0;
		height:0;
		border-bottom:1px solid #e5e5e5;
		clear:both;
	}

	.main_content ul, .main_content ol,
	.container ul, .container ol,
	.post ul, .post ol {
		padding-left:45px;
		margin-bottom:20px;
	}

	.main_content ul li,
	.container ul li,
	.post ul li {
		margin-bottom:12px;
		list-style:square;
	}

	.main_content ol li,
	.container ol li,
	.post ol li {
		margin-bottom:12px;
		/*list-style: none;*/
		list-style: inherit;
	}
/* Definition Lists */
	dl {
		margin: 0 20px;
	}
	dt {
		font-weight: bold;
	}
	dd {
	    margin: 0 0 20px;
	}
/* Table */
	.main_content table,
	.container table,
	.post table { width:100%; margin-bottom:22px; border-collapse:collapse }

	.main_content td, .main_content th,
	.container td, .container th,
	.post td, .post th { padding: 12px; border-bottom: 1px #e5e5e5 solid; }

	.main_content th,
	.container th,
	.post th { font-weight:bold; font-size:14px; background:#f5f5f5;}


	.main_content tr:hover,
	.container tr:hover,
	.post tr:hover {
		background:#f9f9f9;
	}

.sticky {background: #dadada; border: 3px solid black; padding: 10px;}

/* Admin Bar */
#wpadminbar ul > li a:before {
	content: '';
}




/*-------------------------------------------------------------------------*/
/* 7-   Opacity
/*-------------------------------------------------------------------------*/



.opacity-50 {
	opacity: 0.5;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

.opacity-30 {
	opacity: 0.3;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

.opacity-20 {
	opacity: 0.2;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}


/*-------------------------------------------------------------------------*/
/* 8-   Shadow
/*-------------------------------------------------------------------------*/

.shadow-on {
	-webkit-box-shadow:
	   inset 0px 1px 3px rgba(0, 0, 0, 0.12),
	   inset 0px -1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
	   inset 0px -1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
	   inset 0px -1px 3px rgba(0, 0, 0, 0.12);
}













/*
| ====================================================================
| = FREYJA STYLE
| ====================================================================
*/




/*  Basic
================================================== */

.divider {
	width: 100%;
	border-top: 1px solid #333;
	margin-bottom: 25px;
}

.container_up {
	margin-top: 50px;
	margin-bottom: 70px;

}

/* - Header
================================================== */

header {
	background-color: #fff;
	width: 100%;
}


/* === Home Logo === */
#logo,
h1.logo_text {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
}

#logo {
	text-align: center;
}

#logo img {
    max-width: 100% !important;
    height: auto;
}
#logo h1 a {
	text-transform: uppercase;
	font-size: 80px;
}


/* === Single Logo === */

#logo_single {
     float: left;
     margin-right: 20px;
     padding-top: 18px;

}

#logo_single h1 {
padding: 0px;
	margin: 0px;
		}


#logo_single h1 a {
	padding: 0px;
	margin: 0px;
	font-size: 19px;

	color: #dadada !important;
	text-transform: uppercase;
	display: block;
}

#logo_single h1 a:hover {
     color: #57d3aa; /* Default */
}

@media (max-width: 1200px) {

#logo_single {
	position: absolute;
	left: 15px;
}

}


/*  - Parallax With js
================================================== */

.parallax-window {
    min-height: 100px;
    background: transparent;
    overflow: hidden;
    position: relative;
    z-index:1000;
}



@media (max-width: 1200px) {

.parallax-window {
    z-index: 0;
    }
}


.section_mask {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;

}


/* Navigation Bar
================================================== */

.cont_primary_menu{
	position: relative;
	min-height: 48px;
}

.cont_secondary_menu{
	position: relative;
}


/* ===== Navigation Bar ===== */

.menu,
.nav-menu,
.nav-menu ul {
    margin: 0px !important;
    padding: 0px !important;
    list-style: none;
}

.menu:before,
.menu:after,
.nav-menu:before,
.nav-menu:after {
    content: "";
    display: table;
}

.menu:after,
.nav-menu:after {
    clear: both;
}

.menu,
.nav-menu {
    zoom:1;
}

.menu li,
.nav-menu li {
    margin: 0px !important;
    position: relative;
    display: inline-block;

}

.menu a,
.nav-menu a {
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    display: inline-block;

}


.menu > li.menu-item-has-children:before,
.nav-menu > li.menu-item-has-children:before {
  content: "\f105" !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 9px;
    position: absolute;
    top: 8px;
    right: 6px;
    color: #8C8C8C; /* Default */
    opacity: 0.8;
}

/* ===== Sub Menu ===== */

.menu ul,
.nav-menu ul {
	padding-left: 0px;
    margin: 20px 0px 0px 0px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 9999;
    transition: all 0.2s ease-in-out;
    text-align: left;

}

.menu ul > li.menu-item-has-children:before,
.nav-menu ul >  li.menu-item-has-children:before {
  content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 9px;
    position: absolute;
    top: 1px;
    right: 15px;
    color: #8C8C8C;
}

.menu li:hover > ul,
.nav-menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
    text-align: left;

}

.menu ul ul,
.nav-menu ul ul {
    top: 0;
    left: 250px;
    margin: 20px 0px 0px 0px;
}

.menu ul li,
.nav-menu ul li {
    float: none;
    display: block;
    border: 0;
}

.menu ul li:last-child,
.nav-menu ul li:last-child {
    box-shadow: none;
}

.menu ul a,
.nav-menu ul a {
    padding: 4px 0px 4px 15px;
    width: 250px;
    display: block;
    white-space: nowrap;
    float: none;

    font-size: 10px;
}



/* Color Default Top Bar
================================================== */

	.cont_primary_menu,
	.top_menu .nav-menu ul,
	.top_menu .menu ul
	 {
		background: #1e1e1e; /* Default - Top Navigation Bar Background */
	}
	.top_menu .nav-menu li a,
	.top_menu .menu li a {
		color: #878787; /* Default - Top Navigation Bar Menu Text Color */
	}
	.top_menu .nav-menu li:hover > a,
	.top_menu .menu li:hover > a {
		color: #57d3aa; /* Default - Top Bar Menu Text Hover/Active Color  */
	}
	.top_menu li.current-menu-item > a,
	.top_menu .current_page_item,
	.top_menu .menu li.current-menu-item > a,
	.top_menu .menu .current_page_item

	 {
		color: #57d3aa !important; /* Color Current Page */
	}
	.top_menu .nav-menu ul li,
	.top_menu .menu ul li {
		border-top-color: #303030; /* Dropdown Border Color */
		border-top-style: solid;
		border-top-width: 1px;
	}
	.top_menu .nav-menu li:hover > ul,
	.top_menu .menu li:hover > ul {
		background: #1e1e1e ; /* Dropdown Background */
	}
	.top_menu .nav-menu ul a,
	.top_menu .menu ul a {
		color:  #878787 !important; 	/* Dropdown Text Color */
	}
	.top_menu .nav-menu ul a:hover,
	.top_menu .menu ul a:hover {
		color:  #57d3aa !important; /* Dropdown Text Hover Color */
		background: #2b2b2b; /* Dropdown Hover Background */
	}



/* Color Default Below Bar
================================================== */

		.cont_secondary_menu {
			background: #fff; /* Default - Below Bar Background */
		}
		.below_menu .nav-menu li a {
			color: #878787; /* Default - Below Bar Menu Text Color */
		}
		.below_menu .nav-menu li:hover > a {
			color: #57d3aa; /* Default - Below Bar Menu Text Hover/Active Color */
		}
		.below_menu li.current-menu-item > a, .below_menu .current_page_item {
			color: #57d3aa !important; /* Color Current Page */
		}
		.below_menu .nav-menu ul li {
			border-top-color: #eeeeee; /* Default - Below Dropdown Border Color */
			border-top-style: solid;
			border-top-width: 1px;
		}
		.below_menu .nav-menu li:hover > ul { /* Default - Below Dropdown Background */
			background: #ffffff;
		}
		.top_menu .nav-menu ul a {
		color:  #878787 !important; /* Default - Below Dropdown Text Color */
		}
		.below_menu .nav-menu ul a:hover {
			color: #57d3aa !important; /* default - Below Dropdown Text Hover Color */
			background: #fcfcfc; /* Default - Below Dropdown Hover Background */
		}



/*  - Mini Navigation (on scroll page)
================================================== */

#mini-header {
	padding: 0px;
	position:fixed;
	top:0px;
	width:100%;
	height:75px;
	z-index:9999;
	display: none;
	}

.logo_mini_header {
	margin-right: 50px;
	}

.ig-social-right-miniheader {
	position: absolute !important;
	right: 0px;
	top: -5px !important;
	}



/*  Query menu responsive
================================================== */


@media (max-width:1000px) {
.hide_desc_menu, #mini-header #ig-social, #mini-header .top_menu {
    display: none !important;
    }

}






/*
| ====================================================================
| = BIG SERACH
| ====================================================================
*/


/*  Search Icon in Navigation + Animation
================================================== */


#top-search {
	position: absolute;
	z-index: 5;
	right: 20px;
	margin-top: 8px;
}

#top-search a {
	text-transform: uppercase;
		font-size: 15px;

}

.click_search:after {
	font-size: 13px;
	margin-left: 15px;
}
#top-search  {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#top-search:after {
	opacity:.75;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.click_search.is-clicked {
	position: relative;
}
.click_search.is-clicked:after {
	font-size: 17px;
}

.search_close #top-search  {
	margin-top: 15px;
	right: 20px;
}






/*  Content Popup Search -  Tag - Category - Date
================================================== */


body.overflow-open {
	overflow: hidden !important;
	position:relative !important;
}
.panel {
	margin-bottom: 0px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-body {
	padding: 0px;
	border: none;
	margin-top: 50px;
}

.panel-body .widget_search form input[type="search"] {
	background: #FBFBFB;
	border: 1px solid #DFDFDF;
	display: block;
    cursor: pointer;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    font-size: 50px;
    resize: none;
      width: 100%;
    -webkit-appearance: none;
    outline: none;
    line-height: 60px;
    text-align: center;
	padding: 30px 0px 23px 0px;
	text-transform: uppercase;

    }

.panel-body .big_search::-webkit-input-placeholder {
	color: #dadada;
	font-size: 50px;
}
.panel-body .big_search:-moz-placeholder { /* Firefox 18- */
	color: #dadada;
	font-size: 50px;
}
.panel-body .big_search::-moz-placeholder {  /* Firefox 19+ */
	color: #dadada;
	font-size: 50px;
}
.panel-body .big_search:-ms-input-placeholder {
	color: #dadada;
	font-size: 50px;
}


.container-select-box {
	position: relative;
}

.container-select-box select {
	margin-bottom:0;
	border: none;
	padding: 0px 15px;
	outline: 0;
	margin: 0 0 20px;
	width: 100%;
	border-radius: 0;
	max-width: 85%;
	border-radius: 0px;
	cursor: pointer;
	height: 52px;
	max-height: 50px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;

	font-size: 12px;
	text-transform: uppercase;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #F8F8F8;


	}

.container-select-box:after {
	content: "\f107";
	font-family: fontAwesome;
	position: absolute;
	font-size: 14px;
	right: 45px;
	top: 4px;
	text-align: center;
	line-height: 43px;
	border-right: 0;
	border-left: 0;
	height: 47px;
	}


/*  Container Popup Search
================================================== */

.container_search {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.96);
	z-index: 2000;
	text-align: center;
	padding: 20px 0px 50px 0px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;


	/* Animation Fade */
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}



.container_search.is-visible {
	/* Animation Fade */
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}


/* Search Icons
================================================== */

#top-search i {
	color: #878787;  /* Default */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	}

#top-search i:hover {
	color: #57d3aa;  /* Default */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	}




/*
| ====================================================================
| = MENU MOBILE
| ====================================================================
*/



/*  Container Popup Menu responsive
================================================== */

.container_menu {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #f6f6f6; /* Default */
	z-index: 6;
	text-align: center;
	padding: 20px 0px 50px 0px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;


	/* Animation Fade */
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}



.container_menu.is-visible {
	/* Animation Fade */
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}



/*  Style Menu Mobile
================================================== */


@media (min-width:1000px) {
.cont_menu_responsive {
    display: none !important;
    }

}


.container_mob {
	display: inline-block;
	width: 100%;
}

.nav-mobile, .nav-mobile ul, .nav-mobile li {
    list-style: none !important;
}


ul.nav-mobile {
    padding-left: 0px;
    margin-top: 30px;
}

.nav-mobile ul {
    padding: 0px;
    margin: 30px 0px 0px 0px;
}

.nav-mobile {
    padding: 4px;
    margin: 0px;
}

.nav-mobile > li {
    margin: 0;
    text-transform: uppercase;


}

.nav-mobile > li li {
    margin: 2px 0;
}

.nav-mobile a {
    display: block;
    outline: none;
    text-decoration: none;
}

.nav-mobile li > a > span {
    float: right;
    font-size: 15px;
    font-weight: bolder;
}

.nav-mobile li > a:hover > span {
    /*color: #000;*/
}
.nav-mobile li > a:before {
display: none;
}


.nav-mobile ul.sub-menu > li.menu-item-has-children:before {
 display: none;
}


.nav-mobile li > a > span:before {
 content: "\f107";
  font-family: fontAwesome;
  position: absolute;
}
.nav-mobile li.open > a > span:before {
 content: "\f107";
  font-family: fontAwesome;
    position: absolute;

}

.nav-mobile .open > a, .nav-mobile .open > a:hover, .nav-mobile .open > a:focus {
  background-color: transparent;
}


.nav-mobile a:hover, .nav-mobile li.active > a {
    /*color: #000;*/
}

.nav-mobile > li.active > a  {
  background-color: transparent;

  }


.nav-mobile > li > a {
    font-size: 20px;
    line-height: 20px;
    padding: 5px 25px;
    font-size: 15px;
}
.nav-mobile > li > a:hover {
  background-color: transparent;
  }

/* sub-menu  */

.nav-mobile li ul.sub-menu {
  position: relative;
  width: 100%;
  z-index: 9999;
  margin-bottom: 2px;
  top: 0px;
  padding: 10px 0px;


  -webkit-transition-property: -webkit-transform,opacity;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
}

.nav-mobile ul.sub-menu > li > a {
  display: block;
  font-size: 14px;
  line-height: 15px;
  padding: 10px 25px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  text-align: center;
}


/* Livel 2 */

.nav-mobile ul.sub-menu ul.sub-menu {
  padding-top: 0;
   left: 0px;
  top: 1px;
}

.nav-mobile > li > a > ul > li a {
	padding: 20px 25px;

}

/* Menu Resposnsive Icon
================================================== */

@media (min-width:1000px) {
#top-resp-menu {
	display: none;
	}
}

#top-resp-menu {
	position: absolute;
	z-index: 5;
	right: 60px;
	margin-top: 8px;
}

#top-resp-menu a {
	text-transform: uppercase;
}

.click_menu:after {
	font-size: 13px;
	margin-left: 15px;
}
#top-resp-menu  {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#top-resp-menu:after {
	opacity:.75;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.click_menu.is-clicked {
	position: relative;
}
.click_menu.is-clicked:after {
	font-size: 17px;
}

.menu_close #top-resp-menu  {
	margin-top: -13px;
	right: 60px;

}





/*
| ====================================================================
| = SOCIAL ICON
| ====================================================================
*/



#ig-social {
	position: absolute;
	right: 75px;
	}
#ig-social.nosearch { right: 15px; }

#ig-social a {
	font-size:13px;
	margin-left:10px;
	line-height:51px;
	}
#ig-social i {
	color: #878787;  /* Default */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	}
#ig-social i:hover {
	color: #57d3aa;  /* Default */
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	}







/*
| ====================================================================
| = SIDEBAR - Widget Style| ====================================================================
*/

/* Color : Default Sidebar
================================================== */

.ig_widget {
	border-color: #DCDAD5; /* Default - Sidebar Widget Background */
	border-style: solid;
	border-width: 1px;
	background-color: transparent; /* Default - Sidebar Widget Background */
}





/* 15.  Widget Title
================================================== */



/* Title  */
.tit_widget {
	overflow: hidden;
	text-align: left;
	margin-bottom: 20px;
	position: relative;
	}

.ig_widget .tit_widget span {
	position: relative;
	letter-spacing: 1px;
	font-size: 15px !important;

	text-transform: uppercase;
	}

.ig_widget .tit_widget span:before,
.ig_widget .tit_widget span:after {
	content: "";
	position: absolute;
	width: 600px;
	height: 1px;
	top: 49%;
	}

.ig_widget .tit_widget span:after {
	left: 100%;
	margin-left: 15px;
	}

.ig_widget .tit_widget span:after {
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}



/* 15.1-  Widget Base Style
================================================== */



.ig_widget {
	border: solid 1px #DCDAD5;
	margin-bottom: 20px;
	font-size: 14px;
	padding: 25px 25px;

	}

.ig_widget ul {
	margin: 0;
	list-style: none;
	}
.ig_widget ul li {
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 10px;
	}

.widget_recent_comments ul li {
	padding: 8px 0;
	}
.ig_widget ul li > a {
	padding: 8px 0;
	}
.ig_widget ul.flickr_images li a {
	padding: 0;
	}
.ig_widget a {
	text-decoration: none;
	}
.ig_widget a:hover {
	text-decoration: none;
	}

.ig_widget ul > li,
.widget_categories .widget_archive ul > li, .widget_nav_menu ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li, .widget_layered_nav ul li {
	border-top: 1px solid transparent;
	}
.ig_widget ul > li:first-child,
 .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child {
	border-top: 0;
	}
.ig_widget ul > li a:hover,
.widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover {
	text-decoration: none;
	}
.ig_widget ul > li a:before,
.widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before {
	content: "\f105"; /* Dot "\000B7" */
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: block;
	float: right;
	text-decoration: inherit;
	font-size: 14px;
	}

.ig_widget ul.children,
.widget_product_categories ul.children {
	padding-left: 10px;
	border-top: 1px solid #e4e4e4;
	padding-top: 2px;
	}

.ig_widget ul.sub-menu,
.widget_nav_menu ul.sub-menu {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	}
.ig_widget ul.sub-menu li,
.widget_nav_menu ul.sub-menu li {
	padding-left: 15px;
	}

/* Image in to the wigets */
.ig_widget .textwidget {
	overflow: hidden;
}
.ig_widget .textwidget p img {
	width: 100%;
     }
.ig_widget .wp-caption a img {
	width: 100%;
	height: auto;
     }
.ig_widget p img.wp-smiley {
	width: 13px;
	height: 13px;
	}


/* 15  Widget Custom Menu
================================================== */
.ig_widget .menu li a {
	line-height: 22px;
    font-size: 14px;
        padding: 8px 0;
    text-transform: none;
    display: inline;
}

.ig_widget .menu li {
	display: block;
	margin-bottom: 10px !important;
	}



.ig_widget .menu > li.menu-item-has-children:before, .nav-menu > li.menu-item-has-children:before {
    content: "";
}

/* Sub Menu Custom Menu Widget */

.ig_widget .menu ul

 {
    padding-left: 0px;
    margin: 15px 0px 5px 0px;


    position: absolute;
    z-index: 9999;
    transition: all 0.2s ease-in-out;
    text-align: left;
    top: 5px;
}

.ig_widget .menu ul > li.menu-item-has-children:before {
  content: "";
   }

.ig_widget .menu li:hover > ul {
    display: block;
    margin: 0;
    text-align: left;
    position: relative;

}

.ig_widget .menu ul ul {
    top: 0;
    left: 0px;
    margin: 15px 0px 5px 0px;
}

.ig_widget .menu ul li {
    float: none;
    display: block;
    border: 0;
}

.ig_widget .menu ul li:last-child {
    box-shadow: none;
}




/* End */


/* 15.2-  Widget Select Sidebar archive/cat/menu
================================================== */

.ig_widget select[name=archive-dropdown],
select[name=cat],
.textwidget form select {
	padding: 0px 0px 0px 10px;
	margin-bottom: 0px;
	cursor: pointer;
	background: #FBFBFB;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	color: #BCBCC4;
	font-size: 14px;
	resize: none;
	-webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	-moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	-o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	width: 100%;
	min-width: 232px;
	-webkit-appearance: none;
	height: 50px;
	-moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';

     }


.ig_widget select[name=archive-dropdown]:focus,
select[name=cat]:focus {
outline: none !important;
	border-color: #333;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	border-width: 1px;

}

/* 15.3-  Widget Select Sidebar search
================================================== */

.widget_search form {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	color: #BCBCC4;
	font-size: 14px;
	resize: none;
	-webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	-moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	-o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
	width: 100%;
	-webkit-appearance: none;
	}

.widget_search form input[type="search"] {
	cursor: pointer;
	outline: none;
	padding: 10px 0px 10px 10px;
	width: 100%;
	background: none;
	border: none;
}


/* 15.4-  Widget Calendar
================================================== */

/* calendar widget */
#calendar_wrap {padding: 0px;}
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #666666; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
	padding-bottom: 10px;
	text-align: center;
	color: #dadada;
	}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {
	/*background: #97A588;*/
	text-align: center;
	padding:8px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}

#wp-calendar tbody td:hover {
	/*background: #97A588;*/
	/*color: #fff;*/
	transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}

#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }



/* 15.5-  Widget Tag Cloud
================================================== */

.ig_widget .tagcloud {
	line-height: 40px;
	width: 100%;
	padding: 0;
	list-style: none;
	height: auto;
	}
.ig_widget .tagcloud a {
	margin-right: 4px;
	padding: 6px 8px;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px!important;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}
.ig_widget .tagcloud a:hover {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}
.widget-video iframe {
	width: 100%;
	}

/* Style Footer  */
footer .ig_widget .tagcloud a {
	margin-right: 4px;
	padding: 6px 8px;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #5296b4;
	font-size: 14px!important;

	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}






/* 15.7-  Widget ADV
================================================== */

.ig_bg_images img {
	-webkit-transform: translateZ(0);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	}
.ig_bg_images img:hover {
	opacity:0.8;
	-webkit-transform: translateZ(0);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	}


/* 15.7-  Widget ADV Full
================================================== */

.ig_widget .ig_full_banner {
  margin-top: -25px;
  margin-bottom: -25px;
  margin-left: -25px;
  margin-right: -25px;
}




/* 15.8-  Recent Posts Widget
================================================== */

ul.ig_recent_posts {
	margin-bottom: 0px;
	}

ul.ig_recent_posts li:last-child {
	margin-bottom: 0px;
	}

ul.ig_recent_posts li  {
	list-style: none;
  	list-style: none; */
     clear: both;
     display: inline-block;
	}

.ig_recent_posts li figure {
	float: left;
	width: 80px;
	margin-bottom: 2px;
	box-shadow: none !important;
	}
	.ig_recent_posts li figure a img {
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transform: translateZ(0);
	}
	.ig_recent_posts li figure a img:hover {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transform: translateZ(0);
	}



.ig_recent_posts li figure a:before {
	display: none;
	}

.ig_recent_post_details {
	margin-left: 100px;
	}

a.ig_recent_post_title {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	color: #333; /* Dynamic */


	}

a.ig_recent_post_title:hover {
	/*text-decoration: underline !important;*/
	}

.ig_recent_post_details a:before {
	display: none !important;
	}

.ig_recent_post_details span {
	font-size: 11px;
	color: #848484; /* Dynamic */


	}

/* 15.9- Big Recent Posts Widget
================================================== */

ul.ig_recent_big_posts {
	margin-bottom: 0px;
	}

ul.ig_recent_big_posts li:last-child .ig_recent_big_post_details{
	margin-bottom: 0px !important;
	}

ul.ig_recent_big_posts li  {
	list-style: none;
	display: inline;
	margin-bottom: 10px;
	}

.ig_recent_big_posts li a img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	}

.ig_recent_big_posts li a:before {
	display: none !important;
	}

.ig_recent_big_post_details {
	width: 100%;
	margin-bottom: 20px;

	}





.ig_recent_big_post_details a {
	margin-bottom: 3px;
	display: block;
	text-transform: uppercase;
	}

.ig_recent_big_post_details a:before {
	display: none !important;
	}

.ig_recent_big_post_details span {
	font-size: 11px;
	color: #848484;
	}


/* 15.10- Widget About Me
================================================== */

.ig_aboutme  {
	position: relative;
	}

.ig_aboutme .ig_widget p {
	/*font-size: 16px;*/
	}

.ig_cont_image {
	text-align: center;
	margin-bottom: 0px;
	}

.ig_bg_image {
	min-height: 200px;
	width: 100%;
	position: absolute;
	z-index: -1;
	margin-top: 70px;
	}

.ig_cont_image img {
	/*
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	*/

	height: 200px;
	width: 200px;
	display: inline-block;
	}

.ig_aboutme p {
	margin-bottom: 0px;
	text-align: center;
	}

img.ig_radius {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	height: 200px;
	width: 200px;
	display: inline-block;
	}



/* 15.10- NEW Widget About Me
================================================== */

.img-cover-aboutme {
	background: none no-repeat center center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding: 0;
	min-height: 420px;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 20px;
	}

.aboutme-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	}

.cont-aboutme {
	text-align: left;
	color: #fff;
	padding: 50px;
	position: relative;
	z-index: 999999999999;
	}

.cont-aboutme p.tit {
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	   transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	}
.cont-aboutme p.tithover {
	transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     color: #fff;
     margin: 0px;
	}

.cont-aboutme p.tithover:hover {
	transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	}
.cont-aboutme p.desc {
	text-align: left;
	color: #fff;
	font-size: 15px;
	margin-top: 140px;
	}

.cont-aboutme ul.meta-share  {
margin: 10px 0px 0px 0px;
padding: 0px;
line-height: 15px;
font-weight: 700;
	}

.cont-aboutme ul.meta-share li a {
	color: #fff;
	}



/* 15.11- Widget Social
================================================== */

.box_widget_social a i	 {
	padding: 0px 10px 0px 10px;
	font-size: 15px;
	display: inline;
}

/* Instagram Widget Sidebar
================================================== */
#widget-area .instagram-pics {
	margin-left:-10px;
	overflow:hidden;
	}
#widget-area .instagram-pics li {
	width: 46%;
	display: inline-block;
	border-bottom: none;
	padding: 0;
	margin: 0 0 10px 10px;
	float:left;
	}

#widget-area .instagram-pics li a:before {
	content: "";
	}


#widget-area .instagram-pics li img {
	max-width:100%;
	vertical-align:middle;
	-webkit-transform: translateZ(0);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	}
#widget-area .instagram-pics li img:hover {
	opacity:0.8;
	-webkit-transform: translateZ(0);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
	}



/* - Instagram  Widget
================================================== */

#instagram-footer {
	text-align:center;
	overflow:hidden;
	width: 100%;
	margin-top: 40px;
	display: inline-block;

	margin-bottom: -10px;
	}

	@media (max-width: 600px) {
		#instagram-footer {
			margin-top: 10px;
		}
	}

.instagram-title {
	letter-spacing: 2px;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom: 60px;
}
#instagram-footer .instagram-pics li {
	width:16.66666666666667%;
	display:inline;
	float:left;
}


@media (max-width: 700px) {
		#instagram-footer .instagram-pics li {
	width: 33.3%;
	display:inline;
	float:left;
}

	}

#instagram-footer .instagram-pics li img {
	max-width:100%;
	-webkit-transform: translateZ(0);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;

}
#instagram-footer .instagram-pics li img:hover {
	opacity:0.8;
	-webkit-transform: translateZ(0);
     transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
}

#instagram-footer p.clear {
position: absolute;
    font-size: 15px;
    font-size: 12px;

    display: inherit;
    text-align: center;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    margin-top: -60px;
    }


/*** Instagram widget ***/
	#sidebar .instagram-pics li {
		width: 31.8%;
		display: inline-block;
		border-bottom: none;
		padding: 0;
		margin: 0 2px 2px;
	}
	#sidebar .instagram-pics li img {
		max-width:100%;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
	}
	#sidebar .instagram-pics li img:hover {
		opacity:0.8;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
	}






/*
| ====================================================================
| = Button To Top
  ====================================================================
*/


#back-to-top {
	position: fixed;
	right: 15px;
	bottom: 130px;
	z-index: 99;
	display: none;
	margin: 0;
	width: 40px;
	height: 40px;
	background-size: 48px 48px;
	opacity: 0.6;
	-webkit-transition: opacity 0.15s ease-in-out 0s;
	-moz-transition: opacity 0.15s ease-in-out 0s;
	-o-transition: opacity 0.15s ease-in-out 0s;
	transition: opacity 0.15s ease-in-out 0s;
	border: 1px solid #333;

	}

#back-to-top:hover {
	opacity: 1;
	}

#back-to-top i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -6px;
	font-size: 18px;
	line-height: 1em;
	color: #333;
	}




/*
| ====================================================================
| = SLIDE POST
  ====================================================================
*/


@media (max-width:1000px) {
.slick{
	margin-top: 10px;
	}
}


.grid_slidepost {
	overflow: hidden;
	position: relative;
}
.grid_slidepost img {
	width: 100%;
	height: auto;
}



.slidepost__desc {
	position: absolute;
	left: 0;
	top: 42%;
	width: 100%;
	text-align: center;
	padding: 40px 0px 10px 0px;
	}



/* === Category === */

.slidepost__desc .fancy_one {
	max-width: 300px;
	margin: 0 auto;
	}
.slidepost__desc .title-line__inwrap ul li a {
	color: #fff !important;
	}
/* === Title === */

.slidepost__desc h3 {
	line-height: 44px;
	padding: 0 80px;
	color: #fff !important;

	font-size: 25px;
     text-transform: uppercase;
     letter-spacing: 2px;

	font-weight: 600;

	text-transform: uppercase;
	-webkit-transition: color 0.9s ease;
	-moz-transition: color 0.9s ease;
	-o-transition: color 0.9s ease;
	transition: color 0.9s ease;
	}
	.slidepost__desc h3 a {
	color: #fff !important;
	}




@media (max-width:480px) {
.slidepost__desc h3 {
	font-size: 17px;
		padding: 0 5px;
			line-height: 20px;


	}
}


/* === Date === */

.overlayBox:hover .postTime,
.overlayBox:hover .slidepost__desc h3 a,
.overlayBox:hover .title-line__inwrap ul li a
	{
	-webkit-transition: color 0.9s ease;
	-moz-transition: color 0.9s ease;
	-o-transition: color 0.9s ease;
	transition: color 0.9s ease;
	color: #333 !important;
	}
.overlayBox:hover .title-line__inwrap:before,
.overlayBox:hover .title-line__inwrap:after
	{
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transform: translateZ(0);
	border-top-color: #333;
	}



.overlayBox:hover .slidepost__desc {
	border: none;
	background-color: transparent;
	}


.postTime {
	display: inline-block;
	line-height: 19px;
	height: 20px;
	margin-bottom: 21px;
	padding: 0 7px;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
	vertical-align: middle;

     text-transform: uppercase;
	}

.overlayBox {
	position: absolute;
	left: 15px;
	top: 15px;

	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);

	background: rgba(255,255,255,0);
	-webkit-transition: background 0.9s ease;
	-moz-transition: background 0.9s ease;
	-o-transition: background 0.9s ease;
	transition: background 0.9s ease;

	}

.overlayBox:hover, .overlayBox:hover {background: rgba(255,255,255,0.9);}

.dark-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* background: rgba(255,255,255,0.3);  white */
	background: rgba(51,51,51,0.1); /* dark */
	}



@media (max-width:1000px) {
.margin-slide {
	display: none;
	}
}







/*
| ====================================================================
| =  JETPAK STYLE
  ====================================================================
*/


/* Thumbnail Grid  */



.gallery-item {
    margin-top: 0px !important;
    padding: 0 2px 3px 1px;
}
.gallery-item img {
	width: 100%;
	height: auto;
}
.gallery img {
    box-shadow: none;
    border: none !important;
    padding: 0px;
    background: transparent;
}

.gallery-row {
	width: 100% !important;
	height: auto !important;
}

/*
@media only screen and (min-width: 1171px) {
.gallery
	{
	margin-left: -60px !important;
	margin-right: -60px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;

	}
}
@media only screen and (max-width: 1170px) and (min-width: 600px) {
.gallery	{
 	margin-left: -40px !important;
 	margin-right: -40px !important;
 	margin-top: 0px !important;
	margin-bottom: 0px !important;

	}
}

@media only screen and (max-width: 599px) {
.gallery	{
	margin-left: -20px !important;
	margin-right: -20px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	}

}
*/

.wp-caption-text.gallery-caption {
    position: absolute;
    bottom: 2px;
    left: 0;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-transform: capitalize;
    letter-spacing: 0.04em;
    color: #333;
    padding: 5px 10px;
    background: hsla(41, 96%, 100%, 0.8);
    margin: 0;



}


.wp-caption-text.gallery-caption {
    margin-left: 0;
    float: right;
    margin-top: 10px;
}


.tiled-gallery {
    margin: 60px 0px !important;
}

.main_content__r .post_container_single .tiled-gallery {
  margin: 30px 0px !important;
}

.main_content__r .post_container_single .gallery {
	margin: 0 auto;
	padding: 20px 0px;
	 }



/*
| ====================================================================
| =  BLOG LAYOUT
  ====================================================================
*/


/* Featured Image Post  */

.post-img {
	margin-bottom: 50px;
}
.post-img img,
.post_container img,
.post_container_single p img,
.post_container_single p a img {
     max-width: 100%;
	height: auto;
	}

.post-img a img {
	width: 100%;
	height: auto;
	opacity: 1;
	transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
         -webkit-transform: translateZ(0);

}
.post-img a img:hover {
	width: 100%;
	height: auto;
	opacity: 0.8;
	transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
         -webkit-transform: translateZ(0);

}



/* For Single Content  */

.post_container_single p {
	margin-left: 70px;
	margin-right: 70px;
}

@media (max-width: 950px) {
	.post_container_single p {
		margin-left: 0px;
		margin-right: 0px;
	}
}
/* For Single Content + Sidebar  */


.main_content__r .post_container_single p {
	margin-left: 30px;
	margin-right: 30px;
}
@media (max-width: 950px) {
	.main_content__r .post_container_single p {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.main_content__r .post_container_single img.alignnone {
	display: block;
	margin: 30px 0;
}


/* End - For Single Content


@media only screen and (min-width: 1200px) {
	.post_container .alignnone {
	max-width: calc(100% + 120px);
	max-width: -moz-calc(100% + 120px);
	max-width: -webkit-calc(100% + 120px);
	}
}
@media only screen and (max-width: 1200px) and (min-width: 600px) {
	.post_container .alignnone {
	max-width: calc(100% + 80px);
	max-width: -moz-calc(100% + 80px);
	max-width: -webkit-calc(100% + 80px);
	}
}
@media only screen and (max-width: 599px) {
	.post_container .alignnone,
	.post_container .alignnone, .post_container .alignleft, .post_container .alignright {
	max-width: calc(100% + 40px);
	max-width: -moz-calc(100% + 40px);
	max-width: -webkit-calc(100% + 40px);
	}
}
*/


/* Text in Content  */
@media only screen and (min-width: 1200px) {
	.post_container {
	    padding-left: 60px;
	    padding-right: 60px;
	}
	.main_content__r .post_container_single {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	.post_container_single {
	    padding-left: 150px;
	    padding-right: 150px;
	}
	.post_container_sub_single {
	    padding-left: 140px;
	    padding-right: 140px;
	}
}
@media only screen and (max-width: 1170px) and (min-width: 600px) {
	.post_container,
	.main_content__r .post_container_single {

	    padding-left: 40px;
	    padding-right: 40px;
	}
	.post_container_single {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.post_container_sub_single {
	    padding-left: 40px;
	    padding-right: 40px;
	}
}
@media only screen and (max-width: 599px) {
	.post_container,
	.main_content__r .post_container_single {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.post_container_single {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.post_container_sub_single {
	    padding-left: 20px;
	    padding-right: 20px;
	}

}





/* - Post HEADER
================================================== */

.post-header {
    padding: 0px 0px 30px 0px;
    }

.post-header h2 {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;

    font-weight: bold;
    margin: 0px 0px 3px 0px;
}


.post-header h3.post_subtitle,
.list-item .post-header h3.post_subtitle,
.post-header-single h3.post_subtitle,
.ig_cont_single_only_title h3.post_subtitle  {


	color: #333333; /* Dynamic */

}


.post-header h3.post_subtitle {
	font-size: 16px;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	line-height: 26px;
}

.post-header .meta_item {

	color: #878787;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.post-header .meta_item ul {
	padding-left: 0px;
}
.post-header .meta_item ul li {
	list-style: none;
	display: inline-block;
	position: relative;
}

.post-header .meta_item ul li span:after {
	content: ' /';
}

.post-header .meta_item ul li:last-child span:after {
	content: '';
}






.post-header .meta_item a {
	color: #878787;

}
.post-header .meta_item a:hover {
	color: #57d3aa;  /* Dynamic */

}

.separator {
    background-color: #b2b2b2;
    height: 3px;
    position: relative;
    width: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}


/* - Post the_excerpt
================================================== */



.for_excerpt p {
	margin-top: 60px;
}
@media (max-width: 600px) {
		.for_excerpt p {
			margin-top: 35px;
		}
	}



/* - Post FOOTER
================================================== */


.post-footer {
    margin-bottom: 60px;
    padding-bottom: 60px;
    margin-top: 50px;
    border-bottom-color: #DCDAD5;  /* Default */
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.post-footer ul {
    padding: 0px;
    margin: 0px;
}
ul.meta-share {
	font-size: 12px;
     text-transform: uppercase;
     list-style: none;
     margin-top: 10px;
     display: inline-block;
}

ul.meta-share li {
     display: inline;
}
ul.meta-share li a {
     color: #333;
}
ul.meta-share li a:hover {
     color: #57d3aa;  /* Dynamic */
}
ul.meta-share li:after {
    display: inline-block;
    margin: auto 0.4em;
    content: '\000B7';
    color: inherit;
}

ul.meta-share li:last-child:after {
    content: '';
    }



/* ===== Read More Buttom ===== */

.read-more {
	display: inline-block;
	text-align: center;

	font-weight: 400;
	font-style: normal;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 2px 12px;
	border-radius: 0px;
	}


.grid_read-more {
	margin-top: 40px;
	text-align: center;
	}

.classic_read-more .read-more {
	margin-top: 5px;
	text-align: center;
	float: right;
	}
a.read-more, #commentform .submit {
    color: #333; /* default */
    background-color: transparent;  /* default */
    border-color: #333; /* default */
    border-width: 1px;
    border-style: solid;

}
a.read-more:hover,
	#commentform .submit:hover {
		color: #57d3aa; /* default */
		background-color:  transparent;
		border-color: #57d3aa; /* default */
		border-width: 1px;
		border-style: solid;

		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transform: translateZ(0);
		}




@media (max-width: 700px) {
		.classic_read-more .read-more {
		float: none;
		display: block;
		clear: both;
		max-width: 200px;
		margin: 0 auto;
		}
		.post-footer {
		text-align: center;
		}

	}


/* Post Grid Layout
================================================== */


.isotopeWrapper {
	margin-left: -40px;
}

ul.isotopeWrapper {
padding-left: 0px;
}


@media (max-width: 599px) {
	.isotopeWrapper {
		margin-left: 0px;
	}
}

.first_post {
	margin-right: 0px;
}


.main_content__grid {
    margin-right: 400px;
}
.main_content__grid li {
	list-style: none;
}


@media (max-width: 960px) {

.main_content__grid {
	margin-right: 0px; /* The size of the fixed block. */
	}
.first_post {
	margin-right: 0px;
}
   }

@media only screen and (max-width: 1170px) and (min-width: 600px), only screen and (min-width: 1171px) {
	.cont_masonry_2 {
	    float: left;
	    width: 49.9%;
	    padding-left: 40px;
	}
	.cont_masonry_3 {
	    float: left;
	    width: 33.2%;
	    padding-left: 40px;
	}
}

@media  (max-width: 1000px)  {
	.cont_masonry_3 {
	    float: left;
	    width: 49.9%;
	    padding-left: 40px;
	}
}

@media  (max-width: 600px)  {
	.cont_masonry_3 {
	    float: left;
	    width: 100%;
	    padding-left: 0px;
	}
}

@media only screen and (max-width: 1170px) and (min-width: 961px), only screen and (min-width: 1171px) {
.isotopeWrapper, .masonryContainer {
    position: relative;
    }
}


ul.isotopeWrapper li,
li.cont_masonry_2,
li.cont_masonry_3 {
	list-style: none;
}

.grid-item {
	margin-bottom:40px;
	border-bottom: 1px solid #DCDAD5;
     padding-bottom: 60px;
}

.grid-item .post-header .cat a {
	margin:0 4px 8px 4px;
}

.grid-item .post-header h2  {
	font-size: 18px;
	font-weight: 700;
	margin: 0px;

}

.grid-item .post-header  {
padding: 20px 0 10px 0;

}

.post_container_grid {
	padding: 0px 20px;
	font-size: 15px;
	text-align: center;
}
.post_container_grid p {
	margin-top: 30px;

	}

.grid-item .post-img {
	margin-top: 10px;
}


.read-more .grid {
   margin-left: auto;
    margin-right: auto;
    float: none;
}



/* Post List Layout
================================================== */

.list-item ul  {
margin: 0px;
padding: 0px;
}
.list-item ul li {
	list-style: none;
}


.list-item .post-header {
	padding: 0px;
}

.list-item .post-header p {
	font-size: 15px;
}

.list-item .post-header h2 {
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 5px 0;

}
@media (max-width: 1000px) {
.list-item .post-header h2 {
	text-align: center;
	margin-top: 15px;
	}
}


.list-item .post-header h3.post_subtitle {
	font-style: normal;
	font-size: 18px;
	max-width: 100%;
	margin-bottom: 15px;
}

@media (max-width: 1000px) {
.list-item .post-header h3.post_subtitle {
	text-align: center;
	}
}

.entry-footer-meta .meta_item {
	color: #878787;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.entry-footer-meta .meta_item ul {
	padding-left: 0px;
}
.entry-footer-meta .meta_item ul li {
	list-style: none;
	display: inline-block;
	position: relative;
}

.entry-footer-meta .meta_item ul li span:after {
	content: ' /';
}

.entry-footer-meta .meta_item ul li:last-child span:after {
	content: '';
}













.entry-footer-meta .meta_item a {
	color: #878787;

}
.entry-footer-meta .meta_item a:hover {
	color: #57d3aa;  /* Dynamic */

}


/* === layout containers List Blog === */

.frontpage-post {
height: auto;
width: 100%;
overflow: hidden;
*zoom: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 5s linear;
-moz-transition: -moz-transform 5s linear;
-o-transition: -o-transform 5s linear;
transition: transform 5s linear;

}

@media (max-width: 1000px) {
.frontpage-post {
	margin-bottom: 45px;
	}
}

.frontpage-post:hover { background-color: #fafafa }

.frontpage-post:hover  .entry-footer-meta { background-color: #fafafa }


.frontpage-thumb {
	top: -12px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: relative;
    z-index: 1;
}

.frontpage-post:hover .frontpage-thumb {
 -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

-webkit-transition: -webkit-transform 5s linear;
-moz-transition: -moz-transform 5s linear;
-o-transition: -o-transform 5s linear;
transition: transform 5s linear;
}



.position-center { background-position: center }



.size-proportional {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.no-touch .frontpage-post:hover .click-overlay {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* === Container featured image === */


.thumb-wrap {
    height: 330px;
    width: 100%;
    overflow: hidden;
    *zoom: 1;
    position: relative;
}

.size-cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


.post-wrap {
    width: 100%;
    height: auto;
    float: left;
    padding: 1em 0.5em 3em 0.5em;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

.post-wrap p {
	margin-top: 30px;
	}


.entry-footer-meta {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 25px 0px 25px 30px;
	background-color: #fff;
	left: 0;
}




/* === Media Query List Blog === */



@media (min-width: 1000px) {
	.frontpage-post {
	    height: 300px;
	}
	.thumb-wrap {
	    height: 100%;
	    width: 45%;
	    float: left;
	    overflow: hidden;
	    position: relative;
	}
	.post-wrap {
	    width: 55%;
	    height: 100%;
	    float: left;
	    padding: 30px 30px;
	    border-bottom: 1px solid #dcdcdc;
	    position: relative;
	    overflow: hidden;
	}
     .page-content {
	    width: 50%;
	    height: 100%;
	    padding: 0 3em;
	    margin-bottom: 100px;
     }
   	.page-images-wrap {
	    width: 50%;
	    height: 100%;
	    position: fixed;
	}

}


@media (max-width: 1000px) {
	.post-wrap {
	    min-height: 300px !important;
	    padding: 15px 0px 0px 0px;
	}
	.entry-footer-meta {
	     padding: 15px 0px 30px 0px !important;
	}
}



@media (min-width: 1000px) {
	    .page-images-wrap {
	    width: 50%;
	    height: 100%;
	    position: fixed;
	    }
	}

/* === Animation Zoom Image === */

.frontpage-postx .item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	 margin: 0;
    padding: 0;
	-webkit-transition: all 450ms ease-out 0s;
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
     opacity: 0;
	filter: alpha(opacity=0);
}
.frontpage-postx:hover:hover .hover-wrap,
.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);

}
.frontpage-postx .item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #3c3f44;
	opacity: 0.65;
	filter: alpha(opacity=65);
	z-index: 99;
}
.frontpage-postx .item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/*  Read-more list blog
================================================== */

.read-more-list {
	display: inline-block;
	text-align: center;

	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 2px 5px !important;
	border-radius: 0px;
	border: 1px solid #fff !important;
	width: 160px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:60%;
	margin-top:-50px;
	z-index: 99999;

	}
	.read-more-list span {
		color: #fff !important;
	}







/*
| ====================================================================
| = SINGLE PAGE
| ====================================================================
*/


/*
.post_container_single p > img {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
*/

.ig_cont_single_only_title {
	margin-top: 60px;
}
@media (max-width: 600px) {
	.mobile_cont_single_media {
		margin-top: 50px;
	}
}
@media (max-width: 480px) {
	.space_mobile {
		margin-top: 160px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 900px) {
	.space_mobile {
		margin-top: 50px;
	}
}

.single_media_wrapper {
		margin-bottom: 80px;
		padding-top: 40px;
	}
@media (max-width: 480px) {
	.single_media_wrapper {
		margin-bottom: 10px;
		padding-top: 0px;
	}
}



/* Featured Image Single
============================================= */

.img-cover {
    background: none no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 0;
    height: 85vh;

    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.img-cover-category {
    background: none no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 0;
    height: 45vh;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 60px;
}

.img_header_page {
	  background: none no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 0;
    height: 30vh;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 0px;
}

/* ===== Post Heder Single ===== */



.post-header-single {
	padding: 30px 0;
	background-color: #fff;
	margin: 0px 90px;
	position: absolute;
	bottom: -80px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

@media (min-width: 1200px) {
	.post-header-single {
		width: 1100px;
	}

}


@media (max-width: 900px) {
	.post-header-single {
		width: 100%;
		padding: 0px 15px 0px 15px;
		margin: 0px;
	}

}


@media (max-width: 480px) {
	.post-header-single {
			bottom: -200px;
			margin-bottom: 15px;
	}
	.img-cover-category {
			height: 80vh;
			margin-bottom: 70px;
	}
	.img-cover-category .post-header-single {
			bottom: -50px;
	}
	.img-cover-category .post-header-single .archive-box {
			    margin-top: 10px;
	}

}



.post-header-single h1,
.ig_cont_single_only_title h1 {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 5px;

}

.post-header-single h3.post_subtitle,
.ig_cont_single_only_title h3.post_subtitle  {
	font-size: 18px;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 55px;
	line-height: 35px;
}


@media (max-width: 600px) {
.post-header-single h3.post_subtitle  {
	margin-bottom: 15px;
	}
}

@media (max-width: 600px) {
.ig_cont_single_only_title h3.post_subtitle  {
	font-size: 22px;
	margin-bottom: 15px;
	}
}


.post-header-single .meta_item,
.ig_cont_single_only_title .meta_item {

	color: #878787;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 20px;
}

.post-header-single .meta_item a,
.ig_cont_single_only_title .meta_item a {
	color: #878787;
}

.post-header-single .meta_item a:hover,
.ig_cont_single_only_title .meta_item a:hover {
	color: #57d3aa; /* Dynamic */
}

.divider_head_single {
	height: 5px;
	width: 100%;
}
@media (max-width: 600px) {
.divider_head_single {
	height: 10px;
	}
}

@media (max-width: 600px) {
.post-header-single .meta_item  {
	margin-top: 0px !important;
	}
}


/* ===== Category single post ===== */

.post-header-single .title-line {
	margin-bottom: 15px;
	margin-top: 45px;
}

.title-line {
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 0.75em;
}

.title-line__inwrap {
    position: relative;
    display: inline-block;
    padding-left: 66px;
    padding-right: 66px;
}

.title-line__inwrap:before {
    left: 0;
}
.title-line__inwrap:after {
    right: 0;
}

.title-line__inwrap:before,
.title-line__inwrap:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 45px;
    top: 50%;
    height: 0;
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transform: translateZ(0);
}

.slidepost__desc .title-line__inwrap:before,
.slidepost__desc .title-line__inwrap:after {
    border-top-color: #fff;
	}


.post__category ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.post__category li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    float: none;
}

.post__category li:after {
    display: inline-block;
    margin: auto 0.4em;
    content: '\000B7';
    color: inherit;
}


.post__category li:last-child:after {
    content: '';
    display: none;
    }





/* ===== Meta single ===== */

.post-header-single .meta_item {
	margin-top: 25px;
}

img.ico_svg_single {
	margin-top: -5px;
	margin-left: 20px;
}




@media (max-width: 480px) {
	img.ico_svg_single {
		display: none;
	}
	.meta_item span.toafter:after {
		 content: " / ";
	}
	.post-header-single .meta_item {
		margin-bottom: 25px;
	}

}


/* ===== Intro Story ===== */

.story-intro  {
	font-weight: bold;
	font-size: 21px;
	letter-spacing: 1px;
	line-height: 35px;
	min-height: 120px;
}
.story-intro p:first-child:first-letter {
	float: left;
	font-size: 115px;
	line-height: 100px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;

}
/* ===== Footer Single Page ===== */

.single-page .post-footer {
	text-align: center;
}


.single-page .post-header {
    padding: 0;
}









/*
| ====================================================================
| =  COMMENT STYLE
  ====================================================================
*/

.indie-form input{
  padding-left: 44px !important;
}

.indie_comments .author {
  background: url("include/img/user.svg") no-repeat 16px center;
}
.indie_comments .author {
  background: url("include/img/user.svg") no-repeat 16px center, url("include/img/cd-required.svg") no-repeat right 5px top 10px;
}


.indie_comments .email {
  background: url("include/img/mail.svg") no-repeat 16px center;
}
.indie_comments .email {
  background: url("include/img/mail.svg") no-repeat 16px center, url("include/img/cd-required.svg") no-repeat right 5px top 10px;
}


.indie_comments .url {
  background: url("include/img/display.svg") no-repeat 16px center;
}


/* --------------------------------
FLoating labels
-------------------------------- */

.floating-labels div {
  margin: 30px 0px 0px 0px;
  position: relative;
}
 .floating-labels .cd-label {
    position: absolute;
  top: 13px !important;
  left: 65px ;
  font-size: 12px ;
  cursor: text ;
  -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s ;
  -moz-transition: top 0.2s, left 0.2s, font-size 0.2s ;
  transition: top 0.2s, left 0.2s, font-size 0.2s ;
  font-weight: normal;

  text-transform: uppercase;
  }


 .floating-labels .cd-label {
  left: 66px ;
}
.floating-labels .cd-label.float {
  font-size: 11px !important;
  top: -27px !important;
  left: 17px !important;
  }
@media only screen and (min-width: 600px) {
 .floating-labels legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 9px !important;
  }
  .floating-labels .cd-label {
    top: 20px ;  }
}

.comment-form-author {
	    padding-left: 0px !important;
}


 /* Widht Container  */

	.main_content__r #comments .content-comment {
		padding: 20px 20px !important;
	}
	.main_content__r #comments .comment-respond {
		padding: 20px 20px !important;
	}
	.main_content__r .post_container_sub_single {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}



 /* Comment Container  */

.content-comment {
	padding: 20px 200px;
	margin-bottom: 50px;
	margin-top: 60px;
}



.content-comment h3 {
	text-align: center;

	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 50px;
 }
.comment-respond {
	padding: 20px 200px;
	margin-bottom: 40px;
 }

 .col_field_com {
    width: 32.9%;
    padding-left: 10px;
    display: inline-block;
}

 @media (max-width: 1200px) {
.col_field_com {
    width: 31%;
    display: inline-block;
	}
}

@media (max-width: 991px) {
.col_field_com {
    width: 100%;
    margin-left: 0px !important;
    padding-left: 0px;
    display: inline-block;
	}
}

 @media (max-width: 1000px) {
	.content-comment, .comment-respond {
		padding: 20px 15px;
	}
	.author-img {
		display: none;
	}

	ul.children li > div, ol.commentlist li > div {
		padding: 10px 10px 35px 10px;
		margin-bottom: 15px;
	}

}

.comment-area {
	padding-bottom: 70px;
	}

.comments-title,
.pings-title,
#reply-title {
	margin: 0;
	padding: 0 0 10px;
	text-transform: capitalize;
	text-align: center;
	}

/* Title comment 1 Row
================================================== */


#reply-title {
	overflow: hidden;
	text-align: center;
	margin: 35px 0px 15px 0px;
	height: 35px;
	}

#reply-title span  {
	position: relative;
	text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  	}

#reply-title span:before,
#reply-title span:after {
	content: "";
	position: absolute;
	width: 600px;
	height: 1px;
	top: 50%;
	}

#reply-title span:before {
	right: 100%;
	margin-right: 15px;
	}

#reply-title span:after {
	left: 100%;
	margin-left: 15px;
	}


.comments-title {
	overflow: hidden;
	text-align: center;
	margin: 35px 0px 15px 0px;
	height: 35px;
	}

.comments-title span {
	position: relative;
	text-transform: uppercase;
  font-size: 12px;
  	}

.comments-title span:before,
.comments-title span:after {
	content: "";
	position: absolute;
	width: 600px;
	height: 1px;
	top: 50%;
	}

.comments-title span:before {
	right: 100%;
	margin-right: 15px;
	}

.comments-title span:after {
	left: 100%;
	margin-left: 15px;
	}


/* Comments
================================================== */

.comment {
	position: relative;
	}
.divider_comments {
	margin-bottom: 15px;
	}
.comment-form {
	margin-top: 0px;
	position: relative;
	}
.commentlist,
.pinglist {
	margin: 20px 0 80px;
	list-style-type: none;
	}
ol.commentlist {
	padding-left: 0px;
}


.comment-section {
	padding: 20px 0px 0px 0px;
	}
.comment-cont p {
	font-size: 15px;
	line-height: 22px;
	margin: 10px 0 10px;
	}
.comment-body {
	padding-bottom: 20px;
	}
ul.children li > div,
ol.commentlist li > div {
	padding: 10px 10px 14px 10px;
	margin-bottom: 15px;
	}
.comment-side {
	float: left;
	}
.comment-author img.avatar {
	border-radius: 0;
	border-radius: 50%;
	max-width: 100%;
	}
ol.commentlist li.byuser > div {
	position: relative;
     }
.bot_polar{
	height: 10px;
	clear: both;
	}
.comment .comment-cont {
	margin-left: 80px;
	}
.comment-author cite,
.comment-author cite a {
	font-size: 20px;
  margin-left: 10px;
  text-transform: uppercase;
  text-transform: uppercase;
  font-style: normal;
  line-height: 5px;

  	}
.comment-meta,
.comment-meta a {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	}
.comment-meta {
	margin: 15px 0px;
	}
.comment-meta a {
	padding: 0px;
	font-size: 12px;
	margin-right: 10px;
	}
.comment-meta a:hover {
	opacity: 1;
	}
.children {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.children .comment {
	padding-left: 35px;
	}
.comment-author {
	position: relative;
	}



.badge_author {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0.5;
	}
.nocomments {
	padding: 20px 30px 20px;
	}



/* Comments ul
================================================== */

.thecomment {
	border-bottom: 1px dotted #eee;
	padding-bottom: 34px;
	margin-bottom: 34px;
}
.thecomment .author-img {
	float: left;
	margin-right: 20px;
}

.thecomment .author-img img {
	border-radius: 0;
	border-radius: 50%;
	max-width: 100%;
	}

.thecomment .comment-text {
	overflow: hidden;
}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 6px;
}
.thecomment .comment-text span.date {
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
}


span.reply {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 8px;
	margin: 0;
	line-height: 21px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
}
h4.author {
	text-transform: uppercase;
		}

/* Comment Form */

#commentform p {
	margin: 0px !important;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	}

/*#commentform label,*/
#commentform span.required {
	position: relative;
	top: 0px;
	display: inline-block;
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 0px;
	}

#commentform span.required {
	top: 0;
	color: #E96045;
	font-size: 12px;
	}

#commentform input,
#commentform textarea {
	outline: none;
	z-index: 2;
	position: relative;
	margin: 0;
	padding: 15px;
	border-radius: 0px;
	font-size: 12px;

     line-height: 24px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	resize: none;
	border: 1px solid #DCDAD5;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */

	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}

#commentform input:focus,
#commentform textarea:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none !important;
	border: 1px solid #333333;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	}




#commentform input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #DCDAD5;
	font-size: 13px;
	resize: none;
	}

#commentform textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	resize: vertical;
	}

#commentform .submit {

    display: inline-block;
    text-align: center;

    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 4px 12px;
    border: 2px solid #333;
    background-color: transparent;
    	margin-top: 20px;
	width: auto;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 20px;

	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	opacity: 1;
     text-transform: uppercase;
     line-height: 30px;
    	}

#commentform .submit:hover {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
     opacity: 0.6;
	}

#commentform p.comment-form-comment {
	margin-top: 0px !important;
	}

.says { display: none; }





/*
| ====================================================================
| =  Contact Form 7 (Plugin Style)
  ====================================================================
*/


.wpcf7 p {
	font-size: 12px;

     text-transform: uppercase;
}
.wpcf7 p img.ajax-loader {
width: 20px;
}
.wpcf7 input {
	width:266px;
}
div.wpcf7 {
	overflow:hidden;
	margin-top:10px;
}
.wpcf7 input, .wpcf7 textarea {
	padding: 0px 0px 0px 10px ;
	border:1px solid #DFDFDF;
	margin-right:10px;
	font-size:12px;
	margin-top:6px;
	margin-bottom:6px;
	 outline:none;

	 transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;

}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none !important;
    border-color: #333;
    transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;


}

/* Drop Down Menu */

.wpcf7 select.wpcf7-select {

	padding: 11px 0px 7px 10px;
	margin-right: 10px;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 6px;
	margin-bottom: 6px;
	outline: none;
	line-height: 20px;

	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;

	width: 266px;


	background: transparent;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	resize: none;

appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */

  content: "";

}

.wpcf7 select.wpcf7-select:-moz-focusring  {
  color: transparent;
    text-shadow: 0 0 0 #000;
    }


.wpcf7 select.wpcf7-select:after {
        content: "?";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;
        line-height: 30px;
        padding: 0 7px;
        background: #bbb;
        color: white;

        pointer-events:none;

        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }



.wpcf7 select.wpcf7-select:focus {
    outline: none !important;
    border-color: #333;
    transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
}

/* radio Button */


.wpcf7 input[type='radio'] {
	width: 15px;
	margin-right: 5px;
	}
.wpcf7-list-item {
	margin-right: 20px;
	display: block;
	}




.wpcf7 textarea {
	width:95%;
}
.wpcf7 .wpcf7-submit {
	margin-top: 20px;
	width: auto;
	border: none;
	display: inline-block;
	padding: 1px 20px;
	vertical-align: middle;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
	margin-bottom: 20px;

	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	opacity: 1;

	background-color: transparent;
	border: 1px solid #333;
	border-radius: 0px;
	text-transform: uppercase;
	}




.wpcf7 .wpcf7-submit:hover {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
}

::-webkit-input-placeholder {
   color: #dadada;
   font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
   color: #dadada;
   font-size: 14px;

}
::-moz-placeholder {  /* Firefox 19+ */
   color: #dadada;
   font-size: 14px;

}
:-ms-input-placeholder {
   color: #dadada;
   font-size: 14px;

}

div.wpcf7-response-output {
	font-size: 13px;
	text-transform: uppercase;
	color: red;

}

div.wpcf7-validation-errors {
    border: none;
}






/*
| ====================================================================
| = FOOTER
| ====================================================================
*/





.sub_footer {
	font-size: 12px;
	padding: 10px 0px;
	background: #fff; /* Default */
}

.sub_footer .text_footer {
	color: #333; /* Default */
}
.sub_footer .text_footer a {
	color: #57d3aa; /* Default */
}










/*
| ====================================================================
| =  Related Post
| ====================================================================
*/



.content-related-post {
	margin-bottom: 100px;
	display: inline-block;
	width: 100%;
}
	@media (max-width: 600px) {
		.content-related-post {
		    margin-bottom: 10px;
		}
	}



.content-related-post h3 {
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 50px;
}

.content-related-post ul  {
	padding: 0px;
	margin: 0px;
}

.content-related-post ul li {
    margin-left: 2.6%;
    list-style: none;
}
.content-related-post ul li:nth-child(1) {
    margin-left: 0;
}

.relatedPostItem {
    position: relative;
    float: left;
    width: 31.6%;
}
@media (max-width: 600px) {
	.relatedPostItem {
	    width: 100%;
	}
	.content-related-post ul li {
		margin-left: 0px;
		margin-bottom: 20px;
	}

}


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


.meta_related_post {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}

.meta_related_post h5 {
	text-transform: uppercase;
	margin-bottom: 7px;
	font-size: 15px;
	letter-spacing: 0px;
	}
.meta_related_post h6.r-p-date {
	font-size: 12px;
	}

/*
| ====================================================================
| =  PROGRESS BAR
| ====================================================================
*/


 #progress {
  height: 2px;
  background-color: #57d3aa; /* Default */
  top: 0;
  left: 0;
}


/*
| ====================================================================
| =  AUTHOR
| ====================================================================
*/


.author-block {
	text-align:center;
	position:relative;
	border-radius:2px;
	overflow:hidden;
	background-color: #f9fafa;
	padding: 50px 0px;
}

.author-block .title-header{
	position:relative;
	z-index:2;
	padding-bottom:0
}

.author-block .author_avatar {
	margin: 0px auto 20px;
}

.author-block .author_avatar img {
	border-radius: 50%;
	overflow: hidden;
}

.author-block .title_author {
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;

	    letter-spacing: 2px;

}

.author-block .desc_author{
	max-width: 560px;
	margin: 0 auto;
	font-size: 15px;
}

.author-block .post-footer {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
}

.ig_divider {
	width: 150px;
	margin: 0 auto;
	height: 1px;
	background-color: #333;
}

.ig_divider_page {
	width: 150px;
	margin: 50px auto 0px;
	height: 1px;
	background-color: #333;
}

/* === Sidebar Author === */

.sidebar_author {
	margin-bottom: 25px;
}
.sidebar_author .post_container_sub_single {
	padding: 0px;
}
.sidebar_author .desc_author {
	padding: 0px 20px;
}

/*
| ====================================================================
| =  NAVIGATION POST (Single Page)
| ====================================================================
*/


.ig_navigation {
width: 100%;
clear: both;
display: inline-block;
margin: 20px 0px;
}

.ig_navigation .alignleft {
	margin-left: 20px;
}

.ig_navigation .alignright {
	margin-right: 20px;
}

.ig_navigation .alignright i {
	margin-left: 10px;
	color: #dadada;
}
  .ig_navigation .alignleft i {
	margin-right: 10px;
	color: #dadada;
}

.cont_prev_left > div,
.cont_next_right > div {
	padding: 0px;
	min-height: 175px;
	position: relative;
}

.cont_prev_left {
	width: 48%;
	float: left;
	clear: none;
	margin-right: 4%;
}
.cont_next_right {
	width: 48%;
 	clear: none;
	float: left;
}

/* Title Nav Prev */
.tit_prev {
	overflow: hidden;
	text-align: left;
	height: 35px;
	}

.tit_prev span {
	position: relative;
	letter-spacing: 1px;
	font-size: 10px;

	}
.tit_prev span a,
.tit_next span a {
	color: #333; /* Default */
	}
.tit_prev span a:hover,
.tit_next span a:hover {
	color: #57d3aa; /* Default */
	}/* Title Nav Next */
.tit_next {
	overflow: hidden;
	text-align: right;
	height: 35px;

	}

.tit_next span {
	position: relative;
	font-size: 10px;
	letter-spacing: 1px;


	}


/* Container image and title/Date */

.img_navigation_post {
	position: absolute;
	width: 140px;
	height: 140px;
	z-index: 9;
	}
.img_navigation_post a img {
	width: 100%;
	height: auto;
}
.title_navigation_post {
	position: relative;
	padding-left: 155px;
	display: inline-block;
	}


.img_navigation_post_r {
	position: absolute;
	width: 140px;
	height: 140px;
	right: 0px;
	top: 0px;
	}
.img_navigation_post_r a img {
	width: 100%;
	height: auto;
}
.title_navigation_post_r {
	position: relative;
	padding-right: 155px;
	text-align: right;
  	}
.title_navigation_post_r p {
padding: 0px;
margin: 0px;
}
.title_navigation_post p {
padding: 0px;
margin: 0px;
}
.title_navigation_post h5 a,
.title_navigation_post_r h5 a   {
text-transform: uppercase !important;
letter-spacing: 0px !important;
}


/* Style title/Date */


.title_navigation_post h5,
.title_navigation_post_r h5 {
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
}
.title_navigation_post h6.date,
.title_navigation_post_r h6.date {
font-size: 12px;
font-weight: normal;

}


@media (max-width: 992px){

	.cont_prev_left {
		width: 100%;
	}

	.cont_next_right {
		width: 100%;
	}
}



/*
| ====================================================================
| = ANIMATION wow.js
| ====================================================================
*/

.wow {
  visibility: hidden;
}

 .animsition-loading:after {
	text-transform: uppercase;
	font-size:11px;

}

/*
| ====================================================================
| = ANIMATION HOVER IMAGE - post images
| ====================================================================
*/


.picc {
	position: relative;
	overflow: hidden;
}

.picc a.hover_post_thumb {
		position: absolute;
width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}

.cont_hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;

	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out;

	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.3);
}

.picc:hover .cont_hover {
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.picc img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);


	-webkit-transition: -webkit-transform 5s linear;
	-moz-transition: -moz-transform 5s linear;
	-o-transition: -o-transform 5s linear;
	transition: transform 5s linear;

	filter:inherit;
	-webkit-filter:inherit;
	-moz-filter:inherit;
	-ms-filter:inherit;
	-o-filter:inherit;

	width: 100%;
	height: auto;

	 	}

.picc:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);


	-webkit-transition: -webkit-transform 5s linear;
	-moz-transition: -moz-transform 5s linear;
	-o-transition: -o-transform 5s linear;
	transition: transform 5s linear;

	filter:inherit;
	-webkit-filter:inherit;
	-moz-filter:inherit;
	-ms-filter:inherit;
	-o-filter:inherit;
}


.textt  {
	position: relative;
	width: 100%;
	text-align: left;
	color: transparent;
	top: 80%;
	text-shadow: -100px 0 #000;


	max-width: 100%;
	padding: 15px;

	display:block;
	margin:0 !important;
	z-index:2;
	-webkit-transition:text-shadow .3s ease-in-out;
	-moz-transition:text-shadow .3s ease-in-out;
	transition:text-shadow .3s ease-in-out;

	font-size: 11px;
	letter-spacing: 1px;

	line-height: 18px;
	text-transform: uppercase;
}

.textt .meta_item span a  {
	text-shadow: -100px 0 #000;
	color: transparent;
	-webkit-transition:text-shadow .3s ease-in-out;
	-moz-transition:text-shadow .3s ease-in-out;
	transition:text-shadow .3s ease-in-out;
}




.picc .cont_hover:hover .textt {
	text-shadow: 0px 0 #000;
	max-width: 100%;
}

.picc .cont_hover:hover .textt .meta_item span a  {
	text-shadow: 0px 0 #000;
	max-width: 100%;

	}



/*
| ====================================================================
| = PAGE ARCHIVE
| ====================================================================
*/

.archive-box {
	margin-top: 80px;
}



/*
| ====================================================================
| = PAGINATION
| ====================================================================
*/

.ilgelo_pagination {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	clear: both;


	}

a.page-numbers {
	text-align: center;
	font-size: 12px;
	float: left;
	width: 35px;
	margin: 0px 3px;
	}

.page-numbers.current {
	float: left;
	font-size: 12px;
	width: 35px;
	margin: 0px 3px;
	text-align: center;
	}

.next {
	float: right !important;
	}

a.next.page-numbers {
	padding-top: 0px;
	}
a.prev.page-numbers {
	padding-top: 0px;
	}
a.next.page-numbers:hover,
a.prev.page-numbers:hover {
	padding-top: 0px;
    }
.prev {
	float: left !important;
	}
span.dots {
	text-align: center;
	font-size: 17px;
	float: left;
	color: #878787;
	}



/*
| ====================================================================
| = TEMPLATE ABOUT ME ( layout 1 & Layout 2 )
| ====================================================================
*/

img.about_img {
	width: 100%;
	height: auto;
	margin: 20px 0px;
}

.title_about h1 {
	font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;

    font-weight: 700;
    margin-bottom: 18px;
}

/* ==== Layout 1 === */

.box-left {
	float: left;
	width: 40%;
	position: relative;
     z-index: 10;
}
.box-right {
	float: right;
	width: 60%;
	position: relative;
     z-index: 10;

}

.box-right p {
	margin-left: 40px;
	margin-right: 0px;
	}

@media (max-width:1000px){
	.box-left {
		width: 100%;
		min-height: 0 !important;
		padding: 20px;
	}
	.box-right {
		width: 100%;
		min-height: 0 !important;
		padding: 20px;
	}
	.box-right p {
		margin-left: 0px;
		margin-right: 0px;
	}

}


/*
| ====================================================================
| = CUSTOM CSS EMBED / IFRAME
| ====================================================================
*/

.ig_offset,
.ig_offset_audio_home {
	width: 700px;
	margin: 0 auto;
}
@media (max-width: 1200px) {
	.ig_offset_audio_home {
		width: 100%;
	}

}

@media (max-width: 600px) {
	.ig_offset {
		width: 100%;
	}

}




/*
| ====================================================================
| = PROMO AREA
| ====================================================================
*/


.promo-area {
	padding-top: 60px;
}
.promo-item {
	display: table;
	width:100%;
	float:left;
	margin-right:30px;
	height:240px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:16px;
	position:relative;
}
.promo-item:last-child {
	margin-right:0;
}

.promo-overlay {
	height: 100%;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
	border:1px solid #fff;
}

.promo-overlay  h4 {
	color:#000;
	line-height:1.5em;
	padding:8px 12px 8px 13px;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	background:#fff;
	display:inline-block;
	max-width:60%;
}
.promo-link {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left:0;
	z-index: 999999;
	display: block
}


@media (max-width: 766px) {
	.promo-item  {
		margin-bottom: 20px;
	}
}


@media (max-width: 991px) {
	.resp-sm {
		margin-bottom: 20px;
	}
}




/*
| ====================================================================
| = ANIMATION PROMO BOX
| ====================================================================
*/


.wrap_promo_box {
	overflow: hidden;
	position: relative;
	height: 240px;
	width: 100%;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.promobox__desc {
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	}

.promobox__desc h3 {
	display:table-cell;
	vertical-align:middle;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
	}


.wrap_promo_box .overlayBox:hover .promobox__desc h3  {
	-webkit-transition: color 0.9s ease;
	-moz-transition: color 0.9s ease;
	-o-transition: color 0.9s ease;
	transition: color 0.9s ease;
	color: #333 !important;
	}

.wrap_promo_box .overlayBox:hover .promobox__desc {
	border: none;
	background-color: transparent;
	}

.wrap_promo_box .overlayBox {

  	border:1px solid #fff;

	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);

	background: rgba(255,255,255,0);
	-webkit-transition: background 0.9s ease;
	-moz-transition: background 0.9s ease;
	-o-transition: background 0.9s ease;
	transition: background 0.9s ease;
	}

.wrap_promo_box .overlayBox:hover,
.overlayBox:hover {
	background: rgba(255,255,255,0.9);
	}

.wrap_promo_box .dark-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* background: rgba(255,255,255,0.3);  white */
	background: rgba(51,51,51,0.2); /* dark */
	}




/*
| ====================================================================
| = MAILCHIMP PLUGIN STYLE
| ====================================================================
*/

.ig_widget .mc4wp-form p {
	padding: 0px;
	margin: 0px;
}

.ig_widget .mc4wp-form input[type="email"] {
	padding: 10px;
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #DFDFDB;


	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
}

.ig_widget .mc4wp-form input[type="email"]:focus {
	outline: none !important;
	border-color: #333;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	padding: 10px;
	border-width: 1px;
}

.ig_widget .mc4wp-form input[type="submit"] {
	width: auto;
	border: none;
	display: inline-block;
	padding: 8px 12px;
	vertical-align: middle;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
	opacity: 1;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 0px;
	text-transform: uppercase;
}

.ig_widget .mc4wp-form input[type="submit"]:hover {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-backface-visibility: hidden;
}

.ig_widget .mc4wp-form input[type="submit"]:focus {
	outline: none !important;
}


/*
| ====================================================================
| = YUMMLY RECIPE PLUGIN
| ====================================================================
*/



#yrecipe-container .img-desc-wrap img.photo {
    width: 100% !important;
}
#yrecipe-container p {
    font-size:14px !important;
    line-height:32px !important;
}

#yrecipe-container li, #yrecipe-container .notes
{
    font-size:14px !important;
    line-height:32px !important;
}

#yrecipe-container #yrecipe-title
{
    font-size:22px;
    text-transform:uppercase;
    margin-bottom:20px;
}

#yrecipe-container .border-bottom, #yrecipe-container .b-b
{
    border-bottom:none !important;
}

.yrecipe-container-border
{
   border:1px solid #ddd;
    margin-top:50px;
}

#yrecipe-container
{
    margin:15px;
    margin-top:35px;
}

#yrecipe-container-2
{
    margin-top:40px;
}

#yrecipe-container .h-4.strong
{
    font-weight:300;
    font-style:italic;
    font-size:16px;
    text-decoration: underline;
}

#yrecipe-ingredients-list,
#yrecipe-instructions-list
{
    font-size:14px !important;
    padding-left:20px;
}



#yrecipe-instructions-list li
{
    list-style-type:none;
    margin-bottom:30px !important;
}

#yrecipe-container ol
{
    padding-left:10px !important;
}

#y-recipe-link-2, .YUMMLY-YUM-IFRAME
{
    display:none !important;
}

.yrecipe-print-link
{
    margin-top:0;
}

#yrecipe-container .yrecipe-print-link .butn-link
{
    background:none !important;
    text-transform: uppercase;
    color: #333;
    border: 1px solid #333;
    font-size:11px !important;
    letter-spacing:1px;
    padding:2px 12px !important;
    height:auto !important;
    margin-top:-10px;
}

.y-linkback
{
    display:none !important;
}

.yrecipe-container .ingredient-label
{
    margin-top:10px;

}
.ingredient-label span {
font-size: 18px !important;
font-weight: 700;

}

#yrecipe-container #yrecipe-summary .summary{
    font-size:14px !important;
    line-height:22px !important;
}

#yrecipe-container #yrecipe-instructions-list {
    margin: 0px !important;
}



/*
| ====================================================================
| = EXTRA MENU
| ====================================================================
*/


.new_page {
	position: relative;
}

.new_page a:after {
	content: "NEW";
	font-size: 11px;
	color: #fff;
	background: #e35450;
	position: absolute;
	right: 10px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	line-height: 15px;
	padding: 3px 5px;
	top: 9px;
	font-weight: 700;
	border-radius: 2px;
}