/*------------------------------------------------------------------
[Master Stylesheet]

Project:	SUZETTE THEME
Version:	1.0
Last change:	
Assigned to:	OrangeIdea
Primary use:	BLOG site 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

0. Import
1. Typograpgy
2. Menu
3. Portfolio
4. Blog
5. Responsive
6. Shortcodes

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[0. Import]
-------------------------------------------------------------------*/

@import url('font-awesome/css/font-awesome.min.css');
@import url('../lightcase/lightcase.css');
@import url('vc.css');

@import url('../bootstrap/bootstrap.css');
@import url('options.css');
@import url('lsi.css');





/*------------------------------------------------------------------
[1. GENERAL]
-------------------------------------------------------------------*/
/*MISC*/
.oi_overlay { position:fixed; width:100%; height:100%; background:#fff; z-index:0; top:0; left:0; right:0; bottom:0; opacity:0;}
a{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.oi_alert span { background:#eaeaea; padding:10px 30px; margin-top:20px; display:inline-block; border-radius:10px}
a:focus, a:active { text-decoration:none; outline:0;}
.oi_main_menu > li > a,
.oi_right_menu > li > a,
.oi_treingle_holder,
.oi_tringle,
.oi_readmore_btn,
.oi_ff_mask,
.oi_zoom_img,
.oi_ff_img_holder img,
.oi_first_featured_post_heading a,
.oi_meta_cat a,
.oi_meta_tags a,
.blog_title_a,
.oi_blog_pagination_holder a,
.oi_popular_widget_post_content a,
input,
textarea,
.oi_to_top,
.oi_sub_cat_listing li a,
.oi_author_image,
.comment-reply-link,
.oi_author_posts_a,
.oi_left_menu > a,
.unslider-arrow,
.oi_top_line,
.oi_creative_post_header,
.oi_share_creative_icon,
.oi_open_top_share,
.oi_share_creative,
.oi_to_top
	{
	webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}



/*HEADER*/



.oi_top_line { background:#fff; border-top:4px solid #D6DABA; position:fixed; width:100%; z-index:300}
.oi_top_line.hasScrolled { background:#f9f9f9}
.oi_logo_place { margin-top:60px;  text-align:center;}
	
	/*MAIN MENU*/
	.oi_main_menu_holder { position:relative; margin-top:40px;}
	.oi_header_style_creative .oi_main_menu_holder { position:relative; margin-top:0px;}
	.oi_main_menu { text-align:center; list-style:none; margin:0px; padding:0px; display:block; }
	.oi_main_menu > li { display:inline-block;}
	.oi_main_menu > li > a { display:inline-block; position:relative;}
	.oi_main_menu > li > a:hover { text-decoration:none;}
	.oi_main_menu:before { display:block; content:''; border-bottom:1px solid #eaeaea; position:absolute; width:100%; top:50%;}
	
	/*RIGHT MENU*/
	.oi_right_menu { text-align: right; margin:0px}
	.oi_right_menu > li { display:inline-block; text-align:right; padding-left:7px;}
	.oi_right_menu > li > a { display:inline-block; color:#000;  letter-spacing:0px; opacity:0.4; margin-left:5px; font-size:12px;}
	.oi_right_menu > li > a:hover { text-decoration:none; opacity:1;}
	.oi_top_line .oi_right_menu > li > a  {padding:15px 0;}
	.oi_share_creative { position:absolute; right:-34px; top:0px; margin-right:0px;}
	.oi_share_creative li { display:block; padding:0px;}
	.oi_share_creative .oi_right_menu { padding:0px;}
	.oi_share_creative .oi_right_menu > li > a{ padding:5px 10px; font-size:11px; background:#f9f9f9; color:#333; opacity:1; margin:0px;}
	.oi_share_creative .oi_right_menu > li > a:hover { background:#000; color:#fff;}
	.oi_open_top_share { 
		color:#000;
		position:absolute;
		right:0px;
		top:0px;
		padding:15px 20px;
		font-size:11px;
		 margin-right:0px;
		 z-index:99
	}
	.oi_clicked_share { margin-right:34px; background:#f9f9f9}
	.oi_clicked_share .oi_share_creative_icon {background:#f9f9f9}
	.oi_share_creative_icon img { width:23px !important;}
	
	
	/*LEFT MENU*/
	.oi_left_menu { padding:0px; margin:0px; float:left;}
	.oi_left_menu:hover > li { border-bottom:1px solid #eaeaea;}
	.oi_left_menu >li:last-child a { margin-right:0px;}
	.oi_left_menu > li {border-bottom:1px solid transparent; }
	.oi_left_menu > li { display:inline-block; margin-left:-3px; }
	.oi_left_menu li:hover > a { color:#9A9E7A; text-decoration:none;}
	.oi_top_line.hasScrolled .oi_left_menu > li { border-bottom:0px;}
	.oi_header_style_creative .oi_left_menu { margin:0 auto; float:none; text-align:center;}
	.oi_header_style_creative .oi_left_menu > li { border-bottom:1px solid #eaeaea; text-align:left;}
	oi_header_style_creative .oi_left_menu > li a { text-align:left;}

	
	.oi_left_menu > li > a { display:inline-block;position:relative;  color:#000; padding:15px 0; letter-spacing:1px; margin-right:15px; font-size:12px; }
	.oi_left_menu > li.menu-item-has-children > a:after { content:'\f107'; font-family:FontAwesome; padding-left:5px;}
	.oi_left_menu > li:hover > a { text-decoration:none; opacity:1;}
	.oi_left_menu > li > ul { visibility:hidden; position:absolute; list-style:none; margin:0px; padding:0px; margin-left:0px; opacity:0; background:#000; font-size:12px; letter-spacing:0px;  }
	.oi_left_menu > li:hover > ul { visibility:visible; margin-left:0px; opacity:1;}
	.oi_left_menu > li > ul > li > a { color:#999; min-width:180px; display:block; padding:5px 20px;}
	.oi_left_menu > li > ul > li:hover > a {background:#9A9E7A; color:#fff; }
		
		.oi_left_menu > li > ul > li { position:relative;}
		.oi_left_menu > li > ul > li > ul  { visibility:hidden; position:absolute; list-style:none; margin:0px; padding:0px; margin-left:0px; top:0; opacity:1; left:100%; background:#000; font-size:12px; letter-spacing:0px;  }
		.oi_left_menu > li > ul > li:hover > ul  { visibility: visible; opacity:1}
		.oi_left_menu > li > ul > li.menu-item-has-children > a:after { content:'\f105'; font-family:FontAwesome; padding-left:5px; position:absolute; right:10px;}
		.oi_left_menu > li > ul > li > ul > li > a { color:#999; min-width:200px; display:block; padding:5px 20px;}
		.oi_left_menu > li > ul > li > ul > li:hover > a {background:#9A9E7A; color:#fff;}
		.oi_left_menu > li > ul > li > ul > li.current-menu-item > a, .oi_left_menu > li > ul > li.current-menu-ancestor > a  {background:#9A9E7A; color:#fff;}
		
		
		.oi_left_menu > li.current-menu-item > a { color:#9A9E7A}
		.oi_left_menu > li.current-menu-parent > a { color:#9A9E7A;}
		.oi_left_menu > li.current-menu-ancestor > a { color:#9A9E7A;}
		.oi_left_menu > li > ul > li.current-menu-item > a {background:#9A9E7A; color:#fff; }
		
			
	/*Legend*/
	.oi_header_avatar img { text-align:center; margin: 0 auto; border: 7px solid #f1f1f1;}
	.oi_heaer_author_holder {padding:80px 0; background-repeat:no-repeat;}
	.oi_header_style_creative .oi_heaer_author_holder { margin-top:20px;}
	.oi_header_style_creative .oi_logo { margin-bottom:30px;}

	.oi_legend { max-width:800px; margin:0 auto; }
	.oi_small_legend { font-size:16px !important; letter-spacing:3px;}
	.oi_thin { font-weight:300; }
	.oi_s_thin { font-size:16px; display:block;}


/*FEATURED*/
.breadcrumbs { margin-bottom:32px; font-size:16px;}
.oi_creative_featured { background-size:cover; background-repeat:no-repeat; background-position:center !important; }
.oi_creative_featured .oi_featured_post_holder { border:none; padding:0; margin-top:20px !important; }
.oi_creative_featured .oi_featured_title { font-weight:900; letter-spacing:5px; text-transform:uppercase; position:relative !important; top:0 !important; left:0 !important; margin:0 auto !important; margin-bottom:0px;}
.oi_creative_featured .oi_first_featured_post_heading { max-width:300px;}
.oi_creative_featured .oi_featured_post, .oi_creative_featured .oi_second_f_post {-webkit-box-shadow: -16px 14px 31px -24px rgba(0,0,0,0.36);
-moz-box-shadow: -16px 14px 31px -24px rgba(0,0,0,0.36);
box-shadow: -16px 14px 31px -24px rgba(0,0,0,0.36);}

.oi_f_date.oi_on_top { z-index:999}
.oi_f_date { z-index:1; position:absolute;}
	.oi_f_date span:not(.oi_like_number) { display:block; width:300px;}
	.oi_f_date span.oi_meta_date { margin-bottom:37px}
	.oi_f_date span a { color:#000}
	.oi_f_date span.oi_meta_tags a{ color:#666}
	.oi_meta_cat { text-transform:uppercase;}
.oi_meta_sep { width:30px !important; float:right; height:1px; background:#eaeaea; margin:10px 0; }

.oi_first_featured_post_a { color:#000}
.oi_first_featured_post_a:hover { text-decoration:none; color:#000}
.oi_fp_description .oi_readmore_btn_holder { text-align:left;}
.oi_first_featured_post_heading { margin-top:0px;}
.oi_featured_post { background:#f9f9f9; position:relative; margin-bottom:30px; }
.oi_featured_title { position:absolute !important; top:-45px; margin:0px; background-color:#fff; padding:0 20px; left:50%; }
.oi_featured_post_holder { padding:30px; padding-top:60px; border:1px solid #D6DABA; margin-top:60px; position:relative; margin-bottom:30px}
.cat_heading { background-position:center center; background-repeat:no-repeat;}
.oi_treingle_holder { background:#fff; z-index:99; width:80px; height:80px; position:absolute; right:0px; top:0px; overflow:hidden;
-webkit-animation: tha 2s linear; /* Chrome, Safari, Opera */
    animation: tha 2s linear;
}
.oi_tringle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 0 0 80px;
	border-color: transparent transparent transparent #EEF0E3;
	position:absolute;
	z-index:99;
	-webkit-animation: mymove 2s linear; /* Chrome, Safari, Opera */
    animation: mymove 2s linear;
}

.oi_fp_description{
	padding-right:60px;
	margin-top:88px;

}
@-webkit-keyframes tha {
    0% {width:0px; height:0px;}
	100% {width:80px; height:80px;}
}

@keyframes tha {
    0% {width:0px; height:0px;}
	100% {width:80px; height:80px;}
}

@-webkit-keyframes  mymove {
    0% {border-width: 0px 0 0 0px;}
	100% {border-width: 80px 0 0 80px;}
}

@keyframes  mymove {
    0% {border-width: 0px 0 0 0px;}
    100% {border-width: 80px 0 0 80px;}
}

.oi_treingle_holder:hover {width:300px; height:300px ;}
.oi_treingle_holder:hover .oi_tringle  {border-width: 300px 0 0 300px ;}
.oi_f_date { position:absolute; z-index:1; right:0px; top:7px; color:#9A9E7A; font-size:12px; line-height:18px;}

	/*Featured Hovers*/
	.oi_ff_img_holder { position:relative; overflow:hidden;}
	.oi_ff_mask { position:absolute; z-index:98; top:20px; left:20px; right:20px; bottom:20px; border:2px solid #fff; opacity:0}
	.oi_zoom_img {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -15px;
		background: #fff;
		border-radius: 200px;
		padding: 8px;
		width: 80px;
	}
	.oi_ff_mask:hover { opacity:1;}
	.oi_ff_mask:hover .oi_zoom_img { margin-top:-40px;  }
	.oi_ff_img_holder:hover img{-webkit-transform: scale(1.25);
		transform: scale(1.1);
	}
	.oi_second_mask .oi_zoom_img  {width: 40px; margin-left: -20px;	margin-top: -5px;}
	.oi_second_mask.oi_ff_mask {top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff;}
	.oi_second_mask.oi_ff_mask:hover .oi_zoom_img  {margin-top: -20px;}
	.oi_last_mask.oi_ff_mask {top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff; background:#fff; padding:10px;}
	.oi_last_mask { text-align:center;}
	.oi_last_mask .oi_first_featured_post_heading { padding:0px}
	


	/*NEXT FEATURED POSTS*/
	.oi_second_f_post { background:#f6f6f6;}
	.oi_fs_date span { display:block;  color:#999;   font-size:12px; line-height:16px !important;}
	.oi_fs_date span a { color:#999; }
	.oi_fs_date span.oi_meta_cat a { color:#000}
	.oi_first_featured_post_heading { padding-right:30px; }
	.oi_first_featured_post_heading a:hover { color:#9A9E7A; display:block;}
	
	
	
/*MAIN POSTS LIST*/

	
	/*FULL 2 COLUMNS*/
	.oi_blog_wos .oi_posts_list li {
		width: 553px;
	}
	.oi_blog_wos .oi_fp_long .oi_standard_post_content_holder { margin-top:40px;}
	.oi_blog_wos .oi_fp_long .oi_readmore_btn_holder { text-align:left !important}
	
	/*LIST STYLE*/
	.oi_blog_list_rs .oi_posts_list li  { width:100% !important; margin-right:0px !important; }
	.oi_blog_list_rs .oi_posts_list li article:not(.oi_h_post) {background:#f9f9f9; margin-bottom:30px; padding-right:30px;}
	.oi_blog_list_rs .oi_posts_list li article:not(.oi_h_post) .oi_fp_in_list_heading { text-align:left; margin-top:30px;}
	.oi_blog_list_ls .oi_posts_list li  { width:100% !important; margin-right:0px !important; }
	.oi_blog_list_ls .oi_posts_list li article:not(.oi_h_post) {background:#f9f9f9; margin-bottom:30px; padding-right:30px;}
	.oi_blog_list_ls .oi_posts_list li article:not(.oi_h_post) .oi_fp_in_list_heading { text-align:left; margin-top:30px;}
	
	/*One By One Posts*/
	.oi_blog_one_rs .oi_posts_list li  { width:100% !important; margin-right:0px !important; }
	.oi_blog_one_rs.oi_posts_list li article:not(.oi_h_post) {background:#f9f9f9; margin-bottom:30px; padding-right:30px;}
	.oi_blog_one_rs .oi_posts_list li article:not(.oi_h_post) .oi_fp_in_list_heading { text-align:left;}
	.oi_blog_one_rs .oi_posts_list li article:not(.oi_h_post) .oi_standard_post_content_holder { padding:30px; background:#f9f9f9;}
	.oi_blog_one_rs .oi_readmore_btn_holder { text-align:left;}
	.oi_blog_one_ls .oi_posts_list li  { width:100% !important; margin-right:0px !important; }
	.oi_blog_one_ls.oi_posts_list li article:not(.oi_h_post) {background:#f9f9f9; margin-bottom:30px; padding-right:30px;}
	.oi_blog_one_ls .oi_posts_list li article:not(.oi_h_post) .oi_fp_in_list_heading { text-align:left;}
	.oi_blog_one_ls .oi_posts_list li article:not(.oi_h_post) .oi_standard_post_content_holder { padding:30px; background:#f9f9f9;}
	.oi_blog_one_ls .oi_readmore_btn_holder { text-align:left;}
	
	/*CREATIVE*/
	.oi_blog_creative .oi_posts_list li.oi_creative { width: 100%}
	.oi_blog_creative li.oi_creative .oi_blog_title { border: 20px solid rgba(255,255,255,1);  }
	.oi_blog_creative li.oi_creative .oi_standard_post_content_holder { padding:0px;}
	.oi_blog_creative li.oi_creative .oi_blog_title span:not(.thin_text):not(.colored) { background:#EEF0E3; display:inline-block;  padding:20px 40px; }
	.oi_blog_creative li.oi_creative .oi_fp_highlight .oi_standard_post_content_holder  { padding:0px; border:0px; background:none; text-align:left;}
	.oi_blog_creative li.oi_creative .oi_fp_highlight .oi_fp_in_list_heading { text-align:left;}
	.oi_blog_creative li.oi_creative .oi_fp_highlight .oi_readmore_btn_holder { text-align:left}
	.oi_blog_creative li.oi_creative .oi_ff_mask { border:none}
	
	.oi_blog_creative li.oi_creative.focused_post .oi_crea_mask .oi_fp_in_list_heading { max-width:600px; width:auto;}
	.oi_blog_creative li.oi_creative.focused_post .oi_crea_mask .oi_fp_in_list_heading .oi_blog_title { box-shadow:none; border:none; background:none; width:auto; max-width:100%;}
	.oi_blog_creative li.oi_creative.focused_post .oi_crea_mask .oi_fp_in_list_heading .oi_blog_title span { background:none; padding:0px; }
	.oi_crea_exc_h .oi_readmore_btn_holder { text-align:center !important;} 
	.oi_full_image_focus { padding:30px; border:1px solid #eaeaea;}
	.oi_post_in_creative_normal { height:500px; background-size:cover !important; background-position:center !important;}
	
	.oi_sticky_holder .oi_readmore_btn_holder { text-align:left;}
	.oi_sticky_holder .gall{ margin-bottom:0px;}
	.oi_blog_creative .oi_sticky_holder { padding:44px 28px 30px 25px}
	.oi_crea_mask .oi_fp_in_list_heading.oi_h_c { background:#f1f1f1; border:none;}
	.oi_crea_mask .oi_fp_in_list_heading.oi_h_c .oi_meta_date { background:#000; color:#fff}
	
		
		
		.oi_blog_creative .oi_posts_list li.oi_creative .oi_readmore_btn_holder { text-align:left;}
		.oi_crea_share, .oi_crea_share a { font-size:12px; color:#999}
		.oi_crea_mask { opacity:1; display:flex; align-items:center; justify-content:center; border:none;}
		.oi_crea_mask .blog_title_a { }
		.oi_crea_mask .oi_fp_in_list_heading {width:300px;  padding:30px; background:#fff; border:10px solid #fff;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
		}
		.oi_crea_exc { display:none;}
		.oi_crea_mask .oi_meta_date { font-size:11px; background:#eaeaea; color:#000; padding:5px 10px;}
		.oi_crea_mask .single_post_meta_cat { color:#999; text-transform:uppercase; letter-spacing:1px; max-width:200px; margin: 0 auto; border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:10px;}
		.oi_crea_mask .single_post_meta_cat a:hover { text-decoration:none;}
		.oi_blog_creative .oi_posts_list li.oi_creative_simple_post .oi_standard_post_content_holder { padding:30px; background:#f9f9f9;}
		.oi_blog_creative .oi_posts_list li.oi_creative_simple_post .oi_standard_post_content_holder .oi_meta_date { background:#000; padding:5px 10px; color:#fff; margin-bottom:10px; display:inline-block;}

.oi_posts_list li:nth-of-type(2n+2):not(.after_focused_post):not(.focused_post) {
    margin-right: 0px !important;
}

.oi_posts_list li.after_focused_post { margin-right:30px !important;}
.oi_posts_list li.after_focused_post:nth-of-type(2n+1){
    margin-right: 0px !important;
}
.oi_posts_list { margin:0px; list-style:none; padding:0px;}
.oi_posts_list li {
	width: 358px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.oi_posts_ul { list-style:none; padding:0px; margin:0px}
.oi_post { margin-bottom:40px; position:relative;}
.oi_fp_in_list_heading a { color:#000}
.oi_fp_in_list_heading { text-align:center;}
.oi_fp_in_list_heading .oi_meta_cat { letter-spacing:1px; color:#9A9E7A; font-size:10px;}
.oi_over_blog_meta { position:absolute; bottom:0px; background:#9A9E7A; padding: 2px 10px; font-size:11px; color:#fff}
.oi_fp_in_list_heading .oi_meta_cat a {color:#9A9E7A;}
.oi_posts_ul .oi_ff_img_holder { margin-bottom:15px}
.oi_fp_in_list_mask { opacity:1; width:400px;  background:#fff; bottom:auto}
.blog_title_a { color:#000}
.blog_title_a em, .oi_first_featured_post_a em { font-weight:400;}
.blog_title_a:hover { text-decoration:none;}
.oi_blog_title { margin-top:0px}
.oi_listing_meta { font-size:11px;  color:#000; background:#f9f9f9; padding:10px; display:inline-block; margin-bottom:10px;}
.oi_standard_post_content_holder {  padding-top:20px; padding-bottom:0px;}
.oi_page_holder { margin-top:60px;}
	
	/*Sticky Post*/
	.oi_sticky_holder { border:1px solid #eaeaea; padding:30px; padding-top:44px; margin-bottom:0px;}
	.sticky .blog_title_a { font-weight:600}
	
	/*Focused Post*/
	.focused_post:not(.oi_creative) { width:100% !important; position:relative; margin-top:30px; padding:30px; padding-top:50px;  margin-right:0px; border:1px solid #EAEAEA; margin-bottom:40px; }
	.oi_focused_title { position:absolute; top:-94px; color:#9A9E7A}
	.oi_readmore_btn_holder { text-align:center; margin-top:20px;}
	.oi_readmore_btn { display:inline-block; text-align:center; margin: 0 auto; border:1px solid #9A9E7A; color:#9A9E7A; padding:6px 20px; }
	.oi_readmore_btn:hover { background:#9A9E7A; color:#fff; text-decoration:none;}
	.focused_post:not(.oi_creative) .oi_rm_arrow { display:none;}
	.focused_post:not(.oi_creative) .oi_post { margin-bottom:0px;}
	.oi_fp_long .oi_fp_in_list_heading { text-align:left;}
	
	
	.oi_fp_long { background:#f9f9f9; margin-top:0px; margin-bottom:40px;}
	li.oi_fp_long { border:3px solid #eaeaea}
	.oi_fp_highlight .oi_standard_post_content_holder { padding:20px; background:#f6f6f6; border-bottom:3px solid #eee;}
	
	/*Pagination*/
	.oi_pg { color:#999; font-size:16px;}
	.oi_pg .page-numbers { padding:3px 10px; display:inline !important; border-bottom:1px solid #eaeaea}
	.oi_pg .page-numbers.current  { border-bottom:1px solid #9A9E7A; display:inline !important;}
	
	.oi_blog_pagination_holder {
		text-align:center;
		position:relative;
		margin-bottom:30px;
	}
	.oi_blog_pagination_holder-next, .oi_blog_pagination_holder-prev { width:150px; display:inline-block; background:#fff;}
	.oi_blog_pagination_holder_current { background:#fff; padding:0 10px; color:#ccc}
	.oi_pg_absolute_holder { position:absolute; width:100%; z-index:100 !important; text-transform:uppercase; letter-spacing:1px;}
	.oi_blog_pagination_holder_sep{ border-bottom:1px solid #dcdcdc; width:100%; position:absolute; top:24px; z-index:3 !important; background:#fff}
	.oi_blog_pagination_holder_sep_2 { top:20px}
	.oi_blog_pagination_holder .oi_un_active { color:#ccc; z-index:9; position:relative;}
	.oi_blog_pagination_holder a { color:#000; z-index:9; padding:7px 10px;  border-bottom:1px solid #fff}
	.oi_blog_pagination_holder a:hover { text-decoration:none; border-bottom:1px solid #9A9E7A}
	.oi_cp {font-size:24px; color:#000; font-weight:bold;  z-index:9} 
	.oi_blog_pagination_holder_current {   margin:0 90px;  line-height:38px;  z-index:9}
	
	

/*Posts Likes*/
.oi_like_holder { display:inline-block;}
.oi_like_post:hover { text-decoration:none;}
a:focus, a:active { color:#9A9E7A;}
.oi_like_animate {-webkit-animation: like 1s linear; animation: like 1s linear;}
@-webkit-keyframes like {
    0% { opacity:0}
	100% { opacity:1}
}

@keyframes like {
    0% { opacity:0}
	100% { opacity:1}
}
.oi_like_spiner { display:none;}


/* CATEGORY*/
.oi_cat_title { padding-bottom:20px; border-bottom:1px solid #eaeaea;  text-align:center; margin:0 auto; margin-bottom:30px;}
.oi_cat_title h1 { letter-spacing:3px; text-transform:uppercase; font-size:36px; line-height:36px;}
.cat_descr { letter-spacing:1px;}
.oi_sub_cat_listing { list-style:none; margin:0px; padding:0px;}
.oi_sub_cat_listing li { display:inline-block; padding:10px 30px; padding-right:0px; margin:0; position:relative; overflow:hidden !important;}
.oi_sub_cat_listing li a { display:inline-block; padding:0px 10px; background:#fff; border-bottom:1px solid #fff; z-index:2; letter-spacing:1px; color:#000}
.oi_sub_cat_listing li a:hover { text-decoration:none; border-bottom:1px solid #000}
.oi_sub_cat_listing li a:before { content:''; width:30px; display:block; border-bottom:1px solid #ccc; position:absolute; top:50%; left:0; z-index:1}
.oi_sub_cat_listing li:last-child a:after { content:''; width:30px; display:block; border-bottom:1px solid #999; position:absolute; top:50%; right:0; z-index:1}
.oi_sub_cat_listing li:last-child { padding-right:30px;}
.cat_cat_heading { margin-top:0px;}	
.oi_cat_title .oi_legend { margin-top:0px !important;}
.children.oi_cat_widget { display:none;}
	
/*WIDGETS*/
.oi_right_sb { padding-left:20px;}
.oi_author_image { max-width:240px; margin: 0 auto}
.oi_author_image:hover { border-radius:0}
.oi_widget { padding:20px; padding-top:30px; border:4px solid #EEF0E3; margin-bottom:50px;  position:relative;}
.oi_widget_title { color:#000; position: absolute; top:-25px; text-align:center; left:0px; right:0px;}
.oi_widget_title span { background:#fff; padding:10px 20px; font-weight:500; letter-spacing:3px; font-size:12px; }
.tagcloud a { padding:0px 3px;  margin-bottom:5px; color:#000}
.tagcloud a:hover { text-decoration:none;}
.oi_sp_description { display:flex; align-items:center; justify-content:center; height:100%; padding:10px; margin-top:55px;}


	/*Recent Comments*/
	.oi_small_avatar img { display:inline-block; margin:0 auto;}
	.oi_small_avatar  { margin: 0 auto; display:inline-block; text-align:center;}
	.oi_widget_comment_author { text-align:right; font-size:11px; font-style:italic; color:#999} 
	.oi_widget_post_content a { color:#000}
	.oi_widget_post_content a:hover { text-decoration:none; display:block;}
	
	/*Category widget*/
	.oi_cat_widget { list-style:none; margin:0px; padding:0px;}
	.oi_cat_widget:after { content:''; display:block; clear:both;}
	.oi_cat_widget li {width: 48%; float: left; padding:10px; background:#f9f9f9; margin-bottom:10px; margin-right:2%;}
	.oi_cat_widget li:nth-of-type(2n+2) {margin-right: 0px !important; margin-left:2%}
	.oi_cat_count { padding-right:10px; float:right; display:inline-block !important; font-size:11px;}
	.cat-item { color:#999}
	.cat-item a { color:#000}
	.cat-item a:hover { text-decoration:none;}
	
	/*Twitter widget*/
	.oi_twitter_ul { list-style:none; margin:0px; padding:0px;}
	.oi_twitter_ul li:last-child { padding-bottom:0px; margin-bottom:0px; border-bottom: none}
	.oi_tweet { color:#999; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eaeaea;}
	.oi_tweet a { color:#000}
	.oi_tweet a:hover { text-decoration:none;}
	.twitter_time { padding:0px 10px; background:#EEF0E3; color:#777 !important; letter-spacing:1px; display:inline-block; font-size:11px; margin-top:10px}
	.twitter_time:hover { color:#000 !important}
	
	/*Popular Posts*/
	.oi_ppw_list { list-style:none; margin:0; padding:0;}
	.oi_ppw_list img { width:auto;}
	.oi_ppw_list li:last-child { margin-bottom:10px; padding-bottom:0px; border:none;}
	.oi_popular_widget_post_holder { display:flex; align-items:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
	.oi_popular_widget_post_content_date { font-size:11px; opacity:0.5; line-height:11px;}
	.oi_popular_widget_post_content { overflow:hidden; padding-left:20px;}
	.oi_popular_widget_post_content a { color:#000}
	.oi_popular_widget_post_content a:hover { text-decoration:none;}
	.oi_popular_widget_post_content h6 { margin-top:0px; letter-spacing:1px; font-size:14px; font-weight:400;}
	.oi_popular_widget_post_image a { width:90px !important; display:block;}
	
	/*instagram widget*/
	.oi_instagram_widget_ul li { width:33.3333%; float:left; overflow:hidden; margin-bottom:0px !important; padding:5px;}
	.oi_instagram_widget_ul.oi_inst_12 li { width:8.3333%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_10 li { width:10%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_6 li { width:16.6666%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_5 li { width:20%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_4 li { width:25%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_3 li { width:33.3333%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_2 li { width:50%; float:left; overflow:hidden}
	.oi_instagram_widget_ul li:hover img { transform: scale(1.05);}
	
	/*Most Liked*/
	
	
	/*BEFORE FOOTER*/
	.oi_main_f_holder { position:relative !important; background-position:bottom center !important; background-size: contain !important; background-repeat:no-repeat !important;}
	.oi_before_footer .oi_widget_title span { font-size:24px; color:#000; font-weight:600; letter-spacing:0}
	.oi_mask_like { position:absolute; left:10px; top:10px;}
		
		/*Random Posts*/
		.oi_random_post { list-style:none; margin:0px; padding:0px;}
		.oi_random_post li { width:25%; display: inline-block; float:left;}
		.oi_full_widget { margin-top:80px;}
		
		
		.oi_after_footer_widgets .oi_like_posts { list-style:none; margin:0px; padding:0px;}
		.oi_after_footer_widgets .oi_like_posts li { width:20%; float:left; display:inline-block;}
	
/*AUTHOR ARCHIVE*/
.oi_author_page img { margin-bottom:20px;}
		

/*INPUTS*/
input, textarea { border:1px solid #ddd; font-size:11px; padding:5px 7px; width:100%}
input:active, textarea:active, input:focus, textarea:focus { outline:none;}
	

/*SINGLE POST*/
.oi_single_header { width:400px; margin:0 auto; margin-bottom:0px; }
.oi_single_header h3 { margin-top: 0px;}
.oi_single_post_date { color:#999; font-size:12px}
.oi_single_header h3 em { font-weight:300}
.oi_single_post_content { padding:20px 0;}
.oi_single_featured_holder { margin-bottom:30px;}
	.oi_single_post_meta { border-top:1px solid #eaeaea; padding-top:10px; margin-bottom:30px;}
	.oi_single_post_meta span { display:inline-block}
	.oi_single_post_meta span.single_post_meta_cat { text-transform:uppercase; letter-spacing:1px;}
	.oi_single_post_meta span a { color:#000; font-size:12px;}
	.oi_single_post_meta span.single_post_meta_tag a, .oi_single_post_meta span { color:#999}
	.oi_share_text a { display:inline-block;}
	.oi_singl_post_like { font-size:18px; margin-top:10px;}
.oi_single_header { text-align:center;}
.thin_text { font-weight:300;}
.colored {color:#9A9E7A}


/*COMMENTS*/
/*Comments*/
		.wpcf7-form p { margin-bottom:20px !important;}
		.wpcf7-validation-errors { margin-top:0px !important;}
		.wpcf7-form span.small { color:#999; text-transform:uppercase;}
		.comment-list { padding-left:0px !important;}
		.comments-title,
		.comment-list,
		.must-log-in,
		.comment-respond .comment-form,
		.comment-respond iframe {
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}
		
		.comment-list > li:after,
		.comment-list .children > li:before {
			background: url(img/dotted-line.png) repeat left top;
			background-size: 4px 4px;
			content: "";
			display: block;
			height: 1px;
			width: 100%;
		}
		
		.comment-list,
		.comment-list .children {
			list-style-type: none;
			padding: 0;
		}
		
		.comment-list .children {
			margin-left: 100px;
			margin-top:20px;
		}
		
		.comment-list > li:after,
		.comment-list .children > li:before {
			content: "";
			display: block;
			height: 1px;
			width: 100%;
		}
		
		.comment-list > li:last-child:after {
			display: none;
		}
		
		.comment-body {
			padding: 24px 0;
			position: relative;
		}
		
		.comment-author {
			float: left;
			font-size:11px;
			margin-right:30px;
		}

		
		.comment-author .avatar {
			display: block;
			margin-bottom: 0px;
		}
		
		.comment-author .fn {
			word-wrap: break-word;
			text-align:center;
			display:block;
		}
		.comment-author .fn a { text-align:center; display:block;}
		.comment-author .fn a:hover { text-decoration:none;}
		.comment-meta { margin-bottom:0px;}
		.says { display:none;}
		.comment-meta a:not(.comment-edit-link){ font-size:12px; color:#999;}
		.comment-meta a.comment-edit-link{ font-size:12px;}
		
		
		.comment-notes, .form-allowed-tags { font-size:12px; margin-bottom:20px; line-height:16px;}
		.comment-form label { display:block; font-weight:normal; margin-top:20px;}
		#respond { margin-top:60px;}
		.comments-area { background:#fff; }
		.oi_com_header { border-bottom:1px solid #eaeaea; padding-bottom:10px;}
		.comment-respond { margin-top:0px !important;}
		.comment-list { margin-bottom:20px !important; border-bottom:1px solid #eaeaea;}
			
			#comments { padding:40px; border:5px solid #eaeaea; margin-top:40px; position:relative;}
			.comment-form-author, .comment-form-email, .comment-form-url { float:left; width:30%; margin-right:5%}
			.comment-form-url { margin-right:0px;}
			#commentform label { font-size:12px;; margin-top:0px;}
			#reply-title { text-align:center; position:absolute; top:-40px; width:100%; left:0px; font-weight:300}
			.comment-notes { text-align:center; color: #999}
			.oi_replay_title { background:#fff; padding:0 20px;}
			.comment-reply-link { position:absolute; right:0px; top:24px; font-size:12px; color:#000; opacity:0}
			.comment-body { display:block; padding-bottom:45px;}
			.comment-reply-link:hover { text-decoration:none;}
			.comment-body:hover .comment-reply-link { opacity:1}
			.oi_com_header { margin-top:0px;}
			.oi_com_header > span { display:block; font-weight:600; text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:2px}
			.form-submit { margin-bottom:0px; margin-top:20px;}
			.form-submit input { margin-top:20px;}
			
			
			.oi_related_posts_title { text-align:center; font-weight:600; font-size:14px; text-transform: uppercase; letter-spacing:2px}
			.oi_post_bottom { padding:40px; padding-top:20px;  background:#f6f6f6; margin:10px 0; border-top:1px solid #fff}
			.oi_related_posts_title { margin-top:0px; margin-bottom:20px}
			.oi_post_bottom .oi_first_featured_post_heading { font-size:14px; margin-top:-20px;}
			.oi_recent_comment_post_holder { padding:10px 0}
	

/*AUTHOR BIO*/
.single_post_bottom_author_holder { margin-top:20px;}
.oi_author_bio_name .oi_related_posts_title { margin-bottom:0px; margin-left:10px;}
.oi_author_bio { padding:40px; border:4px solid #eaeaea; margin-bottom:40px; position:relative;}
.oi_oi_author_bio_heading { position:absolute; width:100%; left:0; top:-35px;; text-align:center;}
.oi_author_bio .oi_legend { margin-top:40px;}
.oi_oi_author_bio_heading img { margin:0 auto;}
.oi_author_bio_avatar span { padding:0px 20px !important; display:inline-block; background:#fff}
.oi_author_posts_a { color:#000}
.oi_author_posts_a:hover { text-decoration:none;}
.social_in_bio { font-size:12px !important }
.oi_author_bio h6 { margin-bottom:0px;}
.oi_author_bio h6.oi_legend a { margin-top:10px !important; display:inline-block;}


/*VIDEO POST*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*AUDIO POST*/
.audioWrapper iframe { width:100%}


/*FOOTER*/
.oi_footer_html h1 { margin-bottom:30px; margin-top:50px;}
.oi_footer { margin-top:0px; padding:60px 0; padding-bottom:20px; } 
.oi_before_footer { padding:0px; margin:0px; padding-top:30px; border:none; border-top:3px solid #000 }
.oi_before_footer .oi_second_f_post img:not(.oi_like_spiner) { min-height:330px;}
.oi_footer_widget { margin-bottom:0px; border-width:2px; }
.oi_before_footer .col-md-3 { padding:0px}
.oi_footer .oi_widget { margin-bottom:0px;}
.oi_footer_html { width:660px; margin:0 auto}
input:focus, textarea:focus { border:1px solid #000}
input { padding:10px; font-size:12px;}
input[type="submit"] { background:#EEF0E3; color:#666; letter-spacing:1px; border:1px solid #EEF0E3; text-transform:uppercase;}
input[type="submit"]:hover {background:#9A9E7A; color:#fff; border:1px solid #9A9E7A;}
.mc4wp-alert { padding:10px 20px; margin-top:10px; background:#f9f9f9}
.mc4wp-alert p  { margin-bottom:0px}



/*BOTTOM LINE*/
.oi_bottom_line { padding:20px 0; margin-bottom:10px; text-shadow:1px 1px 0px #fff; clear:#000 !important}
.oi_bottom_line  a { color:#000}
.oi_to_top {position:fixed; display:inline-block; right:0px; bottom:0px; visibility:hidden; opacity:0; margin-left:12px; padding:10px 15px; background:#f1f1f1; color:#000 !important}
.oi_to_top:hover { background:#000 !important; color:#fff !important;}
.oi_footer_menu { display:inline-block; float:right;}


/*ELEMENTS*/
img.alignright {float:right; margin:0 0 20px 20px}
img.alignleft {float:left; margin:0 20px 20px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 20px 20px}
a img.alignleft {float:left; margin:0 20px 20px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
blockquote {
	margin:20px 0;
	border-left:1px solid #999; background:#f9f9f9; padding:30px; color:#222; font-size:16px; font-weight:300 !important; line-height:24px; font-family: Georgia, serif;
}
.oi_xs_menu_holder{ text-align:center; margin:0 auto; margin-bottom:20px; font-size:18px; display:none;}
.oi_xs_menu, .oi_xs_menu_top_left { padding:10px 15px; background:#9A9E7A; color:#fff; border-radius:5px; }
.oi_xs_menu_top_left  { padding:5px 10px; background:#fff; color:#000}
.oi_xs_menu_top_left { margin-top:10px !important; display:inline-block; font-size:11px;}
.oi_xs_menu:hover,.oi_xs_menu:active,.oi_xs_menu:focus, .oi_xs_menu_top_left:hover, .oi_xs_menu_top_left:active, .oi_xs_menu_top_left:focus { color:#fff; text-decoration:none;}

@media (min-width: 767px) and (max-width: 1100px) {
	.oi_posts_list li {
		width: 291px;
	}
	.oi_blog_wos .oi_posts_list li {
		width: 453px;
	}
	.oi_blog_creative .oi_posts_list li.oi_creative_simple_post {width: 453px;}
}


@media (min-width: 767px) and (max-width: 980px) {
	.oi_blog_creative .oi_posts_list li.oi_creative_simple_post {width: 100%;}
	.oi_posts_list li {
		width: 100%;
		margin-right:0px;
	}
	.oi_blog_wos .oi_posts_list li {
		width: 100%;
		margin-right:0px;
	}
	.oi_footer_widgets .oi_widget { margin-bottom:40px;}
	.oi_fp_description, .oi_sp_description { margin-top:20px !important; padding:30px;}
	.oi_blog_one_rs .oi_single_post_meta  { margin-bottom:80px;}
	.oi_footer_html input { margin:10px 0}
	.oi_logo_place { margin-top:60px;}
	.oi_top_menu { display:block; }
	.oi_top_line { position:relative;}
}
@media (min-width: 0px) and (max-width: 767px) {
	.oi_blog_pagination_holder { margin-bottom:80px;}
	.oi_posts_list li {
		width: 100%;
		margin-right:0px !important;
	}
	.oi_blog_wos .oi_posts_list li {
		width: 100%;
		margin-right:0px !important;
	}
	.oi_posts_list li.after_focused_post { margin-right:0px !important;}
	.oi_footer_widgets .oi_widget { margin-bottom:40px;}
	.oi_fp_description, .oi_sp_description { margin-top:20px !important; padding:30px;}
	.oi_footer_html { width:auto; margin:15px;}
	.oi_blog_one_rs .oi_single_post_meta { margin-bottom:0px;}
	.oi_footer_html input { margin:10px 0}
	.cat_heading { position:relative !important; margin:0 auto !important; left:0; background-color:none; top:0; margin-top:-20px !important; margin-bottom:15px !important; line-height:36px !important; background:none !important ;}
	.oi_tringle, .oi_treingle_holder { display:none;}
	.oi_blog_pagination_holder_current, .oi_blog_pagination_holder_sep { display:none;}
	.oi_fp_long .oi_standard_post_content_holder { padding:15px;}
	.oi_single_header { width:auto;}
	.comment-list .children {
		margin-left: 0px;
		margin-top: 20px;
	}
	.reply { position:relative;}
	.comment-form-author, .comment-form-email, .comment-form-url { width:100%;}
	.single_post_bottom_sidebar_holder { margin-bottom:60px;}
	.oi_blog_list_ls .oi_standard_post_content_holder, .oi_blog_list_rs .oi_standard_post_content_holder { padding:20px;}
	
	.oi_main_menu { background:#f6f6f6; padding:20px 10px}
	.oi_main_menu li a, .oi_main_menu li { display:block !important;}
	.oi_main_menu li a { padding:10px 0 !important}
	.oi_main_menu li a:hover, .oi_main_menu li.current-menu-item a { border-color:#f1f1f1 !important; background:#f1f1f1 !important}
	.oi_main_menu:before { display:none;}
	.oi_main_menu { display:none;}
	.oi_main_menu.must_show_menu { display:block}
	.oi_xs_menu_holder { display:block;}
	.oi_logo_place { margin-top:60px;}
	.oi_top_menu { display:block; }
	.oi_top_line { position:relative;}
	.oi_left_menu,.oi_right_menu { float:none; text-align:center;}
	.oi_right_menu li a { margin: 0 3px;}
	.oi_right_menu { margin:0px; padding:0px;}
	.oi_left_menu a, .oi_left_menu li { display:block !important; margin:0px !important;}
	ul.oi_left_menu { padding:20px; background:#f6f6f6; display:none;}
	ul.oi_left_menu.must_show_menu { display:block}
	.oi_left_menu a , .oi_left_menu  li > a{ padding:5px 0 !important; background:#fff !important;}
	.oi_left_menu > li { border:none !important;}
	.oi_left_menu > li ul { position:relative; display:none;}
	.oi_left_menu > li:hover > ul { display:block}
	.oi_left_menu > li:hover > ul a:hover { color:#000}
	.oi_left_menu > li:hover > ul > li > ul { position:relative !important; left:0 !important; background:none !important; visibility:visible;}
	.oi_left_menu > li:hover > ul > li:hover > a { color:#000}
	.oi_left_menu > li:hover > ul > li:hover > ul { display:block;}
	.oi_left_menu > li > ul > li:hover > ul  >li > a { background:#f6f6f6 !important }
	
}	

.text_center {text-align:center !important;}
.text_left {text-align:left !important;}

.font24 {font-size:24px;}

.lh24 {line-height:24px;}

.hr100 {text-align: left; width: 100px; border-top: 1px solid #d8d8d8; display: inline-block;
    line-height: 1px !important;
    font-size: 1px !important;
    height: 1px;}

.w100 {width:100px;}

.pt0 { padding-top:0px;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px;}
.p30 { padding:30px !important}
.pt100pb100 { padding-top:100px; padding-bottom:100px}

.pb20 { padding-bottom:20px}

.pl20 { padding-left:20px;}

.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.mb40 { margin-bottom:40px}

.mt-10 { margin-top:-10px;}

.mt20 { margin-top:20px;}
.mt21 {margin-top: 21px;}

.font-normal {font-style:normal;}

.color_000 {color:#000000;}
.color_666 {color:#666666;}

.column-inner {
    box-sizing: border-box;
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 100%;
}
.border_d8dcbe {border: 1px solid #d8dcbe !important;}

.border_top_d8d8d8 {border-top:1px solid #d8d8d8;}

.demo_style {border-right-width: 0px !important;border-bottom-width: 0px !important;border-left-width: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;}
.demo_style1{background-image: url(../../images/imagenes-de-Metallica-en-hd13.jpg-id=321) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}
