/*------------------------------------------------------------------
[Master Stylesheet]

Project:	QOON THEME
Version:	1.2
Last change:	
Assigned to:	OrangeIdea
Primary use:	PORTFOLIO 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('glitch.css');



/*------------------------------------------------------------------
[1. GENERAL]
-------------------------------------------------------------------*/
.oi_pwd_modern { position:absolute;}
.pwd_protect { background:#fff; top:0; right:0 !important; bottom:0 !important; left:25%; width: auto !important; text-align:center}
.pwd_protect input { width:auto;  margin:0 auto}
.pwd_protect input[type="submit"] { display:inline-block !important; margin-left:10px;}
.pwd_protect label { display:block !important; margin-top:20px; font-weight:normal}
.oi_pwd_proteced .oi_bg_img { background:none  !important; background-color:#f5f5f5 !important}
.post-password-form input, .pwd_protect input { float:none !important}
.wpb_column .oi_strange_portfolio_item { width:100% !important}
.uppercase { text-transform:uppercase;}
b, strong { font-weight:bold !important;}
.oi_right_space { marginright:30px;}
.oi_left_space { margin-left:30px;}
a, a:active, a:focus, .oi_c_resize {user-select:none;-moz-user-select:none;}
.rev_slider_wrapper.fullscreen-container { width:100% !important;  left:0 !important; margin-left:0px !important;}

body.oi_overh { overflow-y:hidden !important;}


.oi_header_side, .oi_sub_header_side{ width:25%; height:100%; position:fixed; border-right:1px solid #eaeaea; z-index:99; background:#fff; padding:30px;}
.oi_header_side { border:none; z-index:100; background:none;}
.oi_sub_header_side { padding:30px 40px;}
.oi_header_side.oi_full_page {width:100%;}
#oi_next_image { opacity:0}
.oi_bg_img { position:absolute; z-index:-1; left:0; right:0; top:0; bottom:0;  background-position:center left !important; background-color:#DDDDDD !important}
.oi_sub_header_side { left:25%; overflow-y:auto;}
a:active, a:focus { text-decoration:none !important; outline:0}
	
	.oi_right_sb .oi_sub_header_side { margin-left:75%; left:0; position:relative; border-left:1px solid #eaeaea; border-right:none;}
	
	.oi_disabled_sb .oi_sub_header_side { }
	
	
	.oi_disabled_sb .oi_posts_ul { width:60%; margin:0 auto;}
	
	.single-portfolio .oi_sub_header_side { display:none !important}
	.oi_p_width_fullwidth { width:100%; padding:0px; margin:0px; min-height:1000px;}
	.oi_p_width_fullwidth .row { margin:0px; padding:0px;}
	.oi_p_width_fullwidth .div[class^="col-md-"] { margin:0px; padding:0px;}
	.oi_full_port_page_raw_scroller .oi_port_nav { position:fixed; bottom:0px; opacity:0; margin-bottom:-300px; z-index:9; margin:0 auto; left:25%; right:0px;}
	.oi_full_port_page_raw_scroller .oi_port_nav.oi_show_this{ opacity:1; margin-bottom:0px;}
	.oi_full_port_page_raw_scroller .oi_port_nav.oi_hide_this{ display:none;}
	.oi_full_port_page_raw_scroller{ position:relative;}
	#fp-nav { z-index:9 !important;}
	.oi_mute { position:absolute !important; z-index:999; right:30px; top:20px; font-size:32px; color:#fff;}
	.oi_mute:hover { cursor:pointer;}
	
	#oi_current_image_shortcode {background-size:cover !important; background-position:center center !important;}
	#oi_next_image_shortcode {background-size:cover !important; background-position:center center !important; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0}
	.oi_ajax_port_title { position:absolute; z-index:999; left:50px; top:50px;}
	.oi_ajax_port_title { padding:10px; background:rgba(255,255,255,1); width:350px;}
	


.oi_vc_text_span {
  display: table-cell;
  vertical-align: middle;
  line-height: 22px;      
}
.remodal h3 { margin-top:0px; margin-bottom:30px;}
/*HEADER*/
	.oi_text_logo a,
	.oi_main_menu  li > a,
	.oi_footer_menu li a,
	.oi_slide_header_side,
	input[type="submit"],
	input,
	textarea,
	.oi_readmore_btn,
	.blog_title_a,
	.oi_img_holder,
	.oi_zoom_img,
	.oi_list_cats li a,
	.oi_pg a,
	.oi_ff_img_holder img,
	.oi_ff_mask,
	.oi_vc_port_mask,
	.oi_port_style_ii .oi_vc_potrfolio,
	#load_more_port_masorny_posts,
	.oi_a_holder,
	.oi_np_holder,
	.oi_port_nav,
	.oi_creative_p_content,
	.oi_crea_a,
	.oi_c_resize,
	.oi_c_details,
	.oi_modern_p_next.test,
	.oi_logo_holder,
	.oi_site_description {
		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;
		}
	
	
	/*Text Logo*/
	.oi_text_logo { margin-top:0px;}
	.oi_text_logo a:hover { text-decoration:none;}
		.oi_site_description { color:#000; font-size:12px; line-height:15px; font-weight:300; letter-spacing:1px; display:block;}
	
	
	
	/*MAIN MENU*/
	.oi_main_menu  li > a  { display:inline-block;}
	.oi_main_menu  > li >ul >li >ul >li > a  { font-size:14px; line-height:18px;}
	.menu-item-has-children > a:after { content:"\f105"; font-family:"FontAwesome"; margin-left:10px;}
	.oi_main_menu > li > ul { margin:0px; padding:0px; position:absolute; top:0px; margin-left:100px; display:none; opacity:0; z-index:99}
	.oi_main_menu > li > ul > li > ul { margin:0px; padding:0px; position:absolute; top:0px; margin-left:100px; display:none; opacity:0; z-index:99}
	.oi_go_back { font-size:14px; line-height:14px; color:#fff;  margin-bottom:20px;}
	.oi_go_back span {background:#000; display:inline-block; padding-right:10px; font-weight:bold; text-transform:uppercase;}
	.oi_go_back i { background:#ffde00;  padding:10px; color:#000; margin-right:5px;}
	.oi_go_back:hover { cursor:pointer;}
	
	
	/*TAG LINE*/
	.oi_tag_line_holder { margin-top:100px;}
	.oi_tag_line { opacity:0}
	.oi_tag_line_first { font-size:4vw; line-height:4vw}
	.oi_tag_line_second { font-size:5.4vw; line-height:5.4vw}
	
	/*FOOTER*/
	.footer_widget_area .oi_widget { margin-bottom:0}
	.footer_widget_area .oi_footer_widget_title { padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.1); font-size:14px; text-transform:uppercase; color:#fff}
	.fixed_footer  .well { background-color:rgba(0,0,0,.1) !important; border:none; padding:30px; font-size:12px; line-height:20px;}
	.oi_footer { position:absolute; bottom:30px}
	.oi_footer_menu { list-style:none; margin:0px; padding:0px; margin-top:20px;}
	.oi_footer_menu li { display:inline-block;}
	.oi_footer_menu li a { color:#fff; padding:3px; background:#000; margin-right:5px; border-radius:5px;}
	.oi_footer_menu li a:hover {background:#ffde00; color:#000}
	
	.oi_layout_standard { margin-bottom:350px; background:#f9f9f9}
	.fixed_footer{
	  width: 100%;
	  background: #f1f1f1;
	  position: fixed; left: 0; bottom: 0;
	  z-index: -100;
	}
	
	

/*SUB HEADER*/
.oi_hidden { opacity:0}
.console-underscore  { color:#FFDE00 }
.oi_conosle_done { opacity:1; display:none;}
.oi_conosle_done_text{ position:relative;}
.oi_conosle_done_text:before { z-index:1; position:absolute; content:''; height:3px; background:#FFDE00; left:0px; bottom:-3px; display:block; animation: draw 1s linear;
   animation-fill-mode: forwards;}

@keyframes draw {
  0% {
	width:0;
  }
  100% {
	width:100%
  }
}



.oi_page_title {margin-top:0px;}
.oi_page_title span { font-weight:bold;  border-bottom:3px solid #ffde00}

	/*WIDGETS*/
	.oi_widget { margin-bottom:60px;}
	.oi_widget .row { margin:0px;}
	.oi_widget div[class^="col-md-"] { padding:0px;}
	.oi_widget_title {font-size:16px; line-height:32px !important; margin-top:0px;}
	.oi_widget_title span {  letter-spacing:1px; margin-bottom:15px; padding-bottom:3px; color:#000; font-weight:600; border-bottom:1px solid #ffde00}
	.oi_page_heading { margin-bottom:30px;} 
	.oi_page_heading span { display:inline-block;}
	
	/* calendar widget */
	.widget_calendar {float: left;}
	#wp-calendar a { color:#000}
	#wp-calendar {width: 100%; }
	#wp-calendar caption { text-align: right; color: #333; font-size: 12px; padding-top:0px;  margin-bottom: 15px; }
	#wp-calendar thead { font-size: 10px; margin-bottom:10px; }
	#wp-calendar thead th { padding: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { background: #ededed; border: 1px solid #fff; text-align: center; padding:8px;}
	#wp-calendar tbody td:hover { background: #fff; }
	#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; }
	#wp-calendar thead th { background:#ededed; text-align:center;  border: 1px solid #fff; font-weight: normal;}
	#wp-calendar caption { color:#000}
	
	/*Recent Comments*/
	.comments_widget_ul { list-style:none; margin:0px; padding:0px;}
	.comments_widget_ul li { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
	.comments_widget_ul li:last-child { margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
	.oi_small_avatar img { display:inline-block; margin:0 auto;}
	.oi_widget_comment_author {  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:#f6f6f6 !important; 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);}





/*------------------------------------------------------------------
[3. PORTFOLIO]
-------------------------------------------------------------------*/

.console-container { margin-bottom:0px !important;}
.oi_hamburger_filters { font-size:14px; line-height:14px; color:#000; opacity:0.3}
.oi_hamburger_filters:hover { color:#000; opacity:1}
.oi_creative_p_date { display:block; line-height:16px; padding-bottom:5px ;}
.oi_m_holder { position:absolute; width:100%; height:100%; top:0; left:0}
.oi_modern_p_arrows { font-size:32px; color:#000; position:absolute; right:-100px; top:-10px; z-index:999; font-weight: lighter !important }
.oi_modern_p_arrows a,.oi_modern_p_arrows a:focus, .oi_modern_p_arrows a:active { color:#000; opacity:0.6}
.oi_modern_p_arrows a:hover { color:#000; text-decoration:none; opacity:1}
.oi_modern_p_up{ top:10%}
.oi_modern_p_down{ bottom:10%}
.oi_m_description_content {opacity:0; position:absolute; z-index:99; bottom:20px; right:-300px; padding:30px; background:#fff; width:400px;}
.oi_m_description_content_mobile {position:absolute; z-index:99; top:120px; right:-180px; padding:30px;  width:400px;}
.oi_double { position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center;}
span.oi_creative_p_date { font-weight:normal;}

.oi_modern_p_content {  position:absolute; top:calc( 50% - 335px ); left:calc( 55% - 300px );}
.oi_modern_p_item { opacity:0; width:600px; height:700px; background-size:cover; background-position:center; z-index:98}

.oi_modern_p_item:hover { z-index:999 !important;}
.oi_modern_p_content .oi_c_title { position:absolute; width:300px; text-transform:uppercase; left:120px; top:-100px; font-size:32px; letter-spacing:1px}


.oi_creative_p_content { padding:40px; padding-bottom:30px;  position:absolute; z-index:99; right:50px; bottom:50px; width:500px;}
.oi_creative_p_holder { position:relative;}
.oi_c_description { display:none;}
.oi_c_details { display:inline-block; padding:5px 15px; font-size:12px; text-transform:uppercase; letter-spacing:1px; background:#FFDE00; color:#000; margin-top:20px;}
.oi_c_details:hover { background:#000; color:#fff; text-decoration:none;}
.oi_c_resize { text-align:right; font-size:14px; opacity:0; position:absolute; padding:10px 15px; background:#000; color:#fff; top:-40px; right:-40px; z-index:999;}
.oi_c_resize:hover { cursor:pointer;}
.oi_creative_p_content.oi_c_up  .oi_c_resize { opacity:1;}
.oi_c_resize:hover {background:#FFDE00; color:#000;}
.oi_creative_p_content:hover, .oi_creative_p_content.oi_c_up { background:#fff;}

.oi_creative_p_content:hover  .oi_c_resize { opacity:1}
.oi_creative_p_content h3{ text-transform:uppercase; margin-top:0px;}
.oi_c_title a, .oi_c_title a:hover { color:#000; text-decoration:none;}
.oi_creative_p_date { margin-bottom:0px; font-size:11px}
.oi_ps_creative .oi_bg_img { background-size:cover !important;}
.oi_c_details:focus, .oi_c_details:active { background:#000; color:#fff;}

.oi_crea_a { color:#000 !important; font-size:48px; opacity:0.6;}
.oi_crea_a:hover { text-decoration:none; opacity:1}


.oi_s_t_w_s .oi_port_filter_holder, .oi_f_s_t_w_s .oi_port_filter_holder, .oi_h_t_w_s .oi_port_filter_holder { margin-bottom:15px;}

.single-portfolio .oi_head_bg { background-size:cover !important;}


.oi_strange_portfolio_item { margin-bottom:30px;}
.oi_featured_holder {  background:#c10024; text-align:center; margin-top:30px; }
.oi_strange_portfolio_item_holder { position:relative;}
.oi_small_descr { color:#000; margin-top:20px;}
.oi_por_small_thumb { margin-top:20px;}
.portfolio-squre .oi_por_small_thumb, .wall-portfolio-squre .oi_por_small_thumb { display:none;}

	/*Wall*/
	.oi_wall { margin-left:0px; margin-right:0px;}
	.oi_col.col-md-4, .oi_col.col-md-8, .oi_col.col-md-3, .oi_col.col-md-6 { margin-bottom:0px; padding:0px;}
	.oi_wall .oi_strange_portfolio_item .oi_mask {top:10px; left:10px; bottom:10px; right:10px;}


.oi_port_sep { height:3px; width:40px; background:#a38671}
.oi_port_sep_right { float:right;  height:3px; width:40px; background:#a38671}
.oi_port_cats { color:#999; margin-top:10px;}
.oi_strange_portfolio_item  .oi_vc_potrfolio { height:100%}

	
	/*Load More*/
	.oi_load_more_holder { padding:30px 0 !important; color:#999; padding-bottom:0px; letter-spacing:1px; text-transform:uppercase; font-size:12px;}
	#load_more_port_masorny_posts { color:#000; padding:10px 15px; background:#F1F1F1;}
	#load_more_port_masorny_posts.disabled, #load_more_port_masorny_posts.disabled:hover { background:#f1f1f1; color:#999; cursor:default;}
	.oi_counts { display:none;}
	#load_more_port_masorny_posts:hover { text-decoration:none; color:#000; cursor:pointer; background:#eaeaea;}
	
	/*Filters*/
	.oi_port_filter_holder {margin-bottom:0px; font-size:12px;}
	.filter_button {  color:#000;  margin-right:0px;  display:inline-block; background:#fff; padding-left:7px; padding-right:7px;}
	.filter_button:hover {color:#a38671; text-decoration:none;}
	.filter_current:hover { color:#a38671; text-decoration:none;}
	
	/*Portfolio Navvigation*/
	.oi_port_nav { font-size:20px; text-align:center; margin-top:40px; color:#000; position:absolute; left:0; bottom:0px; right:0px;}
	.oi_port_nav a { color:#000;}
	.oi_portfolio_page_holder { margin-bottom:95px;}
	.oi_port_nav a:hover { color:#000}
	.oi_np_holder {background-size:cover; background-position:center center;}
	.oi_np_link a { display:block; padding:30px 0; text-transform:uppercase; font-size:14px; line-height:14px; letter-spacing:2px;}
	.oi_a_holder { background:#000; color:#fff; padding:10px 10px; display:inline-block;}
	.oi_a_holder:hover { background:#FFDE00; color:#000}
	
	.oi_np_holder {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	.oi_bw {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	.oi_port_nav:hover .oi_np_holder {-webkit-filter: grayscale(0);filter: grayscale(0); padding:100px 0}

/* Portfolio hover II*/
.oi_port_style_ii .oi_vc_port_mask {
	bottom:0px !important;
	top:100% !important;
	left:0 !important;
	right:0px !important;
	opacity:0;
	
}
.oi_vc_port_mask h3 { text-transform:uppercase; font-weight:bold !important;}
.oi_port_style_ii .oi_vc_port_mask  .text-center { position:absolute; width:100%; top:50%; margin-top:0px; margin-top:-50px;}


.oi_r_t_w_s .oi_strange_portfolio_item  { padding:15px;}
.oi_r_t_w_s .oi_load_more_holder { padding-top:0px;}

.oi_r_t_w_s .oi_load_more_holder { margin-top:15px;}

.oi_vc_text { padding:0px 60px; background:#fff; display: table; width:100%;}
.oi_x2 { height:600px;}
.oi_x1 { height:300px !important; overflow:hidden;}
.oi_p_x1 { height:380px !important;}
.oi_vc_potrfolio{
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.oi_vc_potrfolio { overflow:hidden !important; position:relative}

.oi_vc_port_mask { background:rgba(255,255,255,1); position:absolute; padding:20px 0px; text-align:center; left:0px; right:0px; bottom:-160px; opacity:1}
.oi_vc_potrfolio:hover .oi_vc_port_mask { opacity:1; bottom:0px; }
.oi_vc_potrfolio, .oi_strange_portfolio_item { overflow:hidden !important;}


.oi_vc_potrfolio .oi_sub_legend { font-size:18px; line-height:24px; font-weight:normal;}
.oi_vc_port_cat { margin-top:8px; text-transform:uppercase; opacity:0.8; font-size:12px; letter-spacing:2px;}
.oi_vc_sep { height:1px; width:100px; display:inline-block; opacity:0.5}
.oi_vc_potrfolio a { text-decoration:none;}
.oi_vc_potrfolio .oi_sub_legend { margin-bottom:0px;}


.oi_link_block a { color:#000 !important;}
.oi_link_block { padding:0px !important}
.oi_link_block a:hover { color:#e83b23; text-decoration:none;}

input, textarea {-webkit-appearance: none;}

	/*Contact Form 7 Plugin*/
	div.wpcf7-validation-errors { margin-left:0px !important;}
	.wpcf7 .wpcf7-not-valid-tip{ background:#000 !important; color:#fff !important; padding:10px 20px !important; margin-bottom:20px !important; text-transform:none; letter-spacing:0px;}
	.wpcf7 {  color:#666;}
	.wpcf7 input { display:block;  padding:10px; border:none; background:#fff; width:100%; line-height:18px; margin-bottom:0px !important; border:1px solid #e8e8e8;}
	.wpcf7 textarea {  padding:10px; border:none; background:#fff; width:100%;  border:1px solid #e8e8e8}
	.wpcf7 input.wpcf7-submit {
	font: inherit;
	
	display: inline-block;
	overflow: visible;
	
	min-width: 110px;
	margin: 0;
	padding: 12px 0;
	
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	
	border: 0;
	outline: 0;
	color: #fff;
	border:none  !important;
	}
	.wpcf7 input.wpcf7-submit:hover { color:#000 !important; border:none !important;}
	.wpcf7 textarea  {
	max-height:150px;
	}
	#map_description{ position:absolute; right:25px; top:10px; background:#fff; z-index:99; padding:30px;}


a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
	
/*BLOG*/
.oi_post_format_style_standard .oi_blog_post_descr { margin-top:0px;}
.oi_post_format_style_standard .oi_blog_title a:after { margin-left:0}
.right_sb { padding-left:40px;}
.left_sb { padding-right:40px;}
.oi_list_cats { list-style:none; text-align:center; margin:0px; padding:0px; margin-bottom:40px;}
.oi_list_cats .current-cat a { background:#ffde00; color:#000}
.oi_list_cats:after { display:block; content:''; height:1px; width:60%; border-bottom:1px solid #ccc; margin:0 auto; margin-top:30px;}
.oi_list_cats li { display:inline-block; text-transform:uppercase; margin-bottom:3px;}
.oi_list_cats li a { margin:0 10px; font-weight:400; letter-spacing:1px;padding:5px 10px;}
.oi_list_cats li a:focus { color:#000}
.oi_list_cats li:not(.current-cat) a:hover { background:#f1f1f1; color:#000}
.oi_widget input[type="submit"], .rev_slider_wrapper input { display:block !important; width:100%;}
.oi_blog_meta_date span{ font-size:12px; line-height:12px; color:#000; padding:7px; text-decoration:none !important; background:#ffde00; display:inline-block;}
.oi_blog_post_descr { margin-top:-50px; padding:20px; background:#fff;}
.oi_posts_list { list-style:none; margin:0px; padding:0px}
.oi_blog_title { text-transform:uppercase;}
.oi_blog_title a { color:#000}
.oi_blog_title a:after { display:block; content:''; height:1px; width:40px; background:#000; margin:0 auto; margin-top:15px; margin-bottom:15px;}
	.oi_chess_content { padding:40px 0; padding-top:10px;}
	.oi_blog_chess .oi_post_image { margin:0px}
	body:not(.oi_site_layout-standard) .oi_posts_ul  li { margin-bottom:0px !important;}
	.oi_chess_content .oi_blog_meta { margin-top:0px !important; margin-bottom:15px}
	.oi_chess_content .oi_blog_title { margin-bottom:0px !important;}
	.oi_standard_post_content_holder { padding:30px; padding-top:0px;}

	
.oi_post { margin-bottom:60px; background:#fff}
.oi_blog_chess { margin-bottom:0px}
.oi_mini_post.oi_post { margin-bottom:30px; padding-bottom:30px; }
.oi_mini_post.oi_post.format-standard .oi_blog_meta { border:none; padding-bottom:0px;}
.oi_mini_post.oi_post.format-standard { padding:30px; background:#f6f6f6; margin-bottom:60px;}
.oi_posts_ul { margin:0px; padding:0px !important; list-style:none}
.oi_meta_side{ text-align:center;}
.oi_blog_title a{ color:#000}
.oi_post_image {  display:block;}
.oi_mini_post .oi_post_image {margin-bottom:0px;}
.oi_mas_item .oi_post { margin-bottom:30px; font-size:14px; line-height:22px; }
.oi_mas_content { padding:30px; background:#fff}
.mas_image { margin:0px;}
.blog_title_a:hover { text-decoration:none;}

.oi_meta_side_time_d, oi_meta_side_time_y { display:block; font-size:28px; line-height:32px; color:#000; font-weight:bold}
.oi_blog_meta { font-size:12px; color:#555; margin-top:15px;}
.oi_blog_meta.oi_mas_meta { margin-top:0px; margin-bottom:10px; line-height:12px;}
.oi_bottom_mas_meta { margin-top:15px; padding-top:15px; margin-bottom:0px !important; padding-bottom:0px !important;  border-top:1px solid #eaeaea; border-bottom:0px; }
.oi_mas_title { margin-bottom:0px;}
.oi_blog_meta span { padding-right:10px; border-right:1px solid #eaeaea; padding-left:10px;}
.oi_blog_meta span:first-child { padding-left:0px;}
.oi_blog_meta span:last-child { border-right:0px;}
.oi_readmore_btn { display:inline-block; padding:10px; color:#000 !important; border:1px solid #eaeaea; text-transform:uppercase; font-size:11px; margin-top:20px; margin-bottom:10px; line-height:18px !important;  letter-spacing:1px;}
.oi_readmore_btn:hover { text-decoration:none; }
.oi_blog_meta a { color:#555}
.oi_blog_meta a:hover { text-decoration:none;}
.oi_mini_date { font-size:12px; line-height:12px !important; display:block; margin-bottom:10px;}


.oi_f_holder { position:relative; display:block; margin-bottom:20px}
.oi_play { position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}
.oi_play img{ width:100px;}


.oi_img_holder { opacity:0; position:absolute; background:rgba(0,0,0,.1); top:0; left:0; right:0; bottom:0;}
.oi_post_image { position:relative; display:block;}

.oi_zoom_img { position:absolute; left:50%; top:55%;margin-left:-50px; margin-top:-50px; background:#fff; border-radius:200px; padding:30px; width:100px;}

.oi_gallery_item  .oi_zoom_img { position:absolute; left:50%; top:55%;margin-left:-50px; margin-top:-50px;}
.oi_gallery_item .oi_post_image { margin-bottom:0px;}
.oi_gallery_slider .owl-nav .owl-prev { position:absolute; top:50%; margin-top:-18px; left:0px; display:block !important; z-index:99; background:#fff; padding:5px 7px; font-size:24px; color:#000;}
.oi_gallery_slider .owl-nav .owl-next { pposition:absolute; top:50%; margin-top:-18px; right:0px; display:block !important; z-index:99; background:#fff; padding:5px 7px; font-size:24px; color:#000;}
.oi_gallery_slider .owl-nav { opacity:0}



.oi_gallery_slider .owl-nav .owl-prev:hover, .oi_gallery_slider .owl-nav .owl-next:hover { background:#000; color:#fff; opacity:1}
.oi_gallery_slider:hover .owl-nav .owl-prev { left:20px;}
.oi_gallery_slider:hover .owl-nav .owl-next { right:20px;}
.oi_gallery_slider:hover .owl-nav{ opacity:1}
.oi_img_holder:hover { opacity:1}
.oi_img_holder:hover  .oi_zoom_img { top:50%;}


.oi_pg { padding:20px 0px; border-top:1px solid #eaeaea; margin-bottom:20px}
.oi_pg.single { margin-bottom:0px; padding-bottom:0}
.single .oi_pg { text-align:left !important;}
.oi_p_pg { margin-top:30px !important;}
	.oi_chess_pg { margin-bottom:20px;}
	.oi_pg a, .oi_pg > span, .page-numbers.current{ padding:5px 15px; background:#f1f1f1; font-size:12px; color:#000; display: inline-block; overflow:hidden; margin:0px !important; text-align:center;}
	.oi_pg a > span { padding:0; background:none}
	.oi_pg a:hover, .page-numbers.current { background:#FFDE00; color:#000; text-decoration:none;}
	.oi_pg span { background:#FFDE00; color: #000 !important}


/*SINGLE POST*/
.oi_blog_post_single_descr { margin-bottom:30px;}
.oi_blog_post_single_descr .oi_blog_title:after { display:block; content:''; height:1px; width:40px; background:#000; margin:0 auto; margin-top:15px; margin-bottom:15px;}

.oi_single_date { background:#ffde00; padding:10px; display:inline-block;}
.oi_single_header { width:60%; margin:0 auto; margin-bottom:0px; }
.oi_single_header h3 { margin-top: 0px; text-transform:uppercase;}
.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_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_share_text { font-size:12px;}
	.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*/
		.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;}
		
		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_ff_img_holder { position:relative; overflow:hidden;}
		oi_ff_img_holder img { display:block;}
	.oi_ff_mask { position:absolute; z-index:98; top:20px; left:20px; right:20px; bottom:20px; border:2px solid #fff; opacity:0}
	.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.1);
		transform: scale(1.1);
		display:block;
	}
		.comment-notes, .form-allowed-tags { margin-bottom:20px; margin-top:7px; font-size:11px; text-align:left !important;}
		.comment-form label { display:block; font-weight:normal; margin-top:20px;}
		#respond { margin-top:60px;}
		.comments-area { background:#f9f9f9; padding:40px; }
		.comment-respond { margin-top:0px !important; margin-bottom:20px;}
		.comment-list { margin-bottom:20px !important; }
			
			#commentform p:last-child { margin-bottom:0px;}
			#commentform input[type="submit"] { float:none; margin-top:20px;}
			#commentform input:focus, #commentform textarea:focus { background:#fff; border-color:#000}
			.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;}
			.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 !important; opacity:0}
			.logged-in-as a { color:#000 !important; font-size:11px;}
			.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, .comment-reply-title { display:inline-block; font-weight:600; padding:5px 10px; background:#ffde00; margin:0 auto; font-size:12px; line-height:20px; text-transform:uppercase; letter-spacing:1px !important; color:#000 !important;}
			.form-submit { margin-bottom:0px !important; 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}

	
/*INPUTS*/
input { height:43px !important;}
input, textarea, select { border:1px solid #ddd; font-size:12px !important; color:#000; line-height:21px; padding:10px 15px !important; width:100%}
input:focus, textarea:focus { background:#f9f9f9; box-shadow:none; outline:none;}
input[type="submit"] { background:#000;  color:#fff; border:1px solid #000 !important; margin: 0 auto; text-transform:uppercase; width:auto; float:right;}
input[type="submit"]:hover { color:#000}

/*LOADER*/
.oi_loader  { opacity:1; position: fixed; top:50%; left:50%; display:none; z-index:999}
.oi_loader .numbers { color:#fff; font-family:"Lato"}

.loading:not(.button ) {
  height: 174px;
  width: 174px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loading:not(.button ):after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: " ";
  box-shadow: 0 0 0 5px #fff;
  transform: rotate(45deg);
}

.dots {
  text-align: center;
  margin-top: 24px;
}

@keyframes dot-show-hide-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dot-show-hide-2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dot-show-hide-3 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.dots i {
  display: inline-block;
  vertical-align: top;
  height: 3px;
  width: 3px;
  background: #FFF;
  margin: 0 8px;
  opacity: 0;
}

.dots i:nth-child(1) {
  animation: dot-show-hide-1 1.5s linear infinite forwards;
}

.dots i:nth-child(2) {
  animation: dot-show-hide-2 1.5s linear infinite forwards;
}

.dots i:nth-child(3) {
  animation: dot-show-hide-3 1.5s linear infinite forwards;
}

.dots i.stop-animating {
  animation-play-state: paused;
}

.numbers {
  font-family: "Abel";
  font-size: 24px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translatey(-50%);
  margin-top: -24px;
}

.triangles {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translatex(-50%);
  margin-left: 12px;
}

.triangles i {
  border: 24px solid transparent;
  display: inline-block;
  vertical-align: top;
  margin-left: -22px;
  opacity: 0.25;
  transition: opacity 500ms ease-out;
}

.triangles i.active {
  opacity: 1;
}

.triangles i.down {
  border-top-color: #FFF;
}

.triangles i.up {
  border-bottom-color: #FFF;
  margin-top: -24px;
}

.triangles .row {
  height: 26px;
  text-align: center;
  font-size: 0;
  width: 182px;
}







#nav-toggle {
	display:block;
}

#nav-toggle {
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


#menu_slide_xs { position:fixed; right:10px; top:10px; z-index:999; padding:10px; background:#000; opacity:0}
.oi_ps_creative #menu_slide_xs, .oi_ps_modern #menu_slide_xs, .oi_will_be_full_page #menu_slide_xs{ display:none;}

.oi_m_description_content_mobile { display:none;}



.breadcrumbs { display:block; text-align:center; margin-bottom:30px; text-transform:uppercase; font-size:12px; }
.breadcrumbs a, .breadcrumbs .sep { color:#999;}
.breadcrumbs .sep { margin:0 3px;}
.breadcrumbs a:hover { color:#000; text-decoration:none;}

/*LOAD MORE*/
.oi_lmc_holder { text-align:center;}
/*WP Things*/
.wp-caption {}
.wp-caption-text{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
select { width:100%}
.oi_widget ul li a{
	color:#000;
}
.oi_widget ul{
	list-style:none; margin:0px; padding:0px;
}

.oi_post_content img { display:block; width:100%;}
.oi_post_content ul, .oi_post_content ol { list-style:none}





.oi_burger_normal_holder { padding:10px 0; display:inline-block; float:right; margin-top:20px}
.oi_burger_normal_holder:hover { cursor:pointer;}
a.oi_burger_normal {
  cursor: pointer;
  padding: 12px 0;
}
a.oi_burger_normal span {
  position: relative;
  display: block;
  width: 30px;
  height: 1px;
  background: #222;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a.oi_burger_normal span:before, a.oi_burger_normal span:after {
  position: absolute;
  background: #222;
  content: '';
  width: 30px;
  height: 1px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a.oi_burger_normal span:before {
  top: -8px;
}
a.oi_burger_normal span:after {
  top: 8px;
}

a.oi_burger_normal.active span {
  background: transparent;
}
a.oi_burger_normal.active span:before {
  -webkit-transform: rotate(45deg) translate(5px, 6px);
          transform: rotate(45deg) translate(5px, 6px);
}
a.oi_burger_normal.active span:after {
  -webkit-transform: rotate(-45deg) translate(5px, -6px);
          transform: rotate(-45deg) translate(5px, -6px);
}

.oi_vc_potrfolio .fa { display:none; font-size:32px; margin-top:30px;}
.oi_port-hover-standard .oi_port_item_bottom { display:block;  height:100px;}
.oi_port-hover-standard .oi_vc_potrfolio .fa { display:block}
.oi_port-hover-standard .oi_x1 { padding-bottom:100px; height:400px !important;}
.oi_port-hover-standard .oi_x2 { height:700px; padding-bottom:100px;}
.oi_port-hover-standard .oi_vc_potrfolio, .oi_port-hover-standard .oi_strange_portfolio_item { overflow:visible !important;}

.oi_port_style_ii:hover .oi_vc_port_mask { opacity:1; top:0 !important; left:0 !important;}
.oi_port-hover-standard .oi_vc_port_mask { padding:0px;}
.oi_port-hover-standard h3 a { color:#000;}
.oi_port-hover-standard h3 a:hover { text-decoration:none;}
.oi_port-hover-standard .oi_port_style_ii:hover .oi_vc_port_mask { opacity:0;}
.oi_port-hover-standard .oi_port_style_ii .oi_vc_port_mask:hover { opacity:1;}


.oi_port-hover-standard .hover_overlay { display:none;}
li.oi_format_will_be_masonry { width:33.3333%; float:left; overflow:hidden; padding:0 15px}
.oi_posts_ul.oi_ul_will_be_masonry { margin:0 -15px;}
li.oi_format_will_be_masonry:nth-child(3n){ margin-right:0;}
.oi_posts_ul:after { display:block; content:''; clear:both;}
.oi_format_will_be_masonry .oi_blog_post_descr { padding:0px; padding-top:30px; margin-bottom:40px;}
.oi_format_will_be_masonry .oi_blog_title a:after { display:none}
li.oi_format_will_be_masonry .oi_post { margin-bottom:20px;}
li.oi_format_will_be_masonry .oi_blog_title { margin-top:0px;}
.oi_page_will_be_masonry .oi_pg { margin-top:40px;}

.oi_port-hover-standard .oi_r_t_wo_s .oi_port_item_bottom { text-align:center;}

.shadow {-webkit-box-shadow: 0px 12px 10px -9px rgba(199,199,199,1);
-moz-box-shadow: 0px 12px 10px -9px rgba(199,199,199,1);
box-shadow: 0px 12px 10px -9px rgba(199,199,199,1);}
.screen-reader-text { display:none;}
nav.pagination { margin:0}
.page-numbers.dots { background:#f9f9f9;}


.error_holder { position:absolute; top:50%; left:0; margin-top:-100px; right:0; text-align:center; }
.btn_example { background:#ffde00; color:#000; padding:10px 10px; border-radius:5px}
.btn_example:hover { background:#000; color:#fff; text-decoration:none;}
.page-description p:empty { display:none;}


div.wpcf7 input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  width:auto;
  height:auto !important;
  margin-left: 0px !important;
  display:inline;
  margin-top:5px !important;
}
span.wpcf7-list-item.first { margin-left:0px !important;}