.oi_header_menu_fixed ul { list-style:none; margin:0px; padding:0px; display:none; position:absolute; z-index:999;}
.oi_header_menu_fixed ul >li { position:relative;}
.oi_header_menu_fixed ul >li >a { padding:3px 10px; display:block; width:100%; color:#000; font-size:13px; background:#e0e0e0; text-decoration:none !important;}
.oi_header_menu_fixed >li:hover > ul { display:block;}
.oi_header_menu_fixed ul >li:not(.no_hover) >a:hover { background:#fff; color:#000; text-decoration:none; opacity:1}
.oi_header_menu_fixed ul >li.current-menu-item a { background:#fff; color:#000; text-decoration:none; opacity:1}
.oi_logo_holder.oi_fixed img { height:80%;}
.oi_legend_holder { margin-top:200px; position:absolute;}
.oi_header_menu_fixed > li { display:inline-block; }
.oi_header_menu_fixed > li >a { display:inline-block; margin-top:15px; padding:5px 12px; color:#000; text-transform:uppercase; letter-spacing:1px; }
.oi_logo_holder.oi_fixed .oi_header_menu_fixed { display:block;}
.oi_menu_holder:hover { opacity:1 !important;}
.oi_header_menu_fixed > li.current_page_item >a, .oi_header_menu_fixed > li.current-menu-parent >a { background:#fff;}
.oi_header_menu_fixed > li:hover >a { text-decoration:none; background:#e0e0e0; color:#000;}
.background--dark .oi_header_menu_fixed>li >a { color:#fff;}
.background--dark .oi_header_menu_fixed> li:hover >a { text-decoration:none; background:#e0e0e0; color:#000;}
.background--dark .oi_header_menu_fixed >li.current_page_item >a, .background--dark .oi_header_menu_fixed >li.current-menu-parent >a { color:#000 !important;}
ul.oi_header_menu {
list-style:none;
padding:0px; margin-top:20px;
}
ul.oi_header_menu > li > a {
font-size:20px;
text-transform:uppercase;
color:#000;
font-weight:bold;
letter-spacing:1px;
}
ul.oi_header_menu > li > a:hover { text-decoration:none; color:#96281B;}
a:focus, a:active { text-decoration:none !important; outline:none !important}
ul.oi_header_menu > li > a,
.oi_vc_port_mask,
.oi_vc_potrfolio,
.oi_vc_potrfolio:hover,
.oi_vc_potrfolio img,
.oi_footer_holder a,
.oi_logo_holder img,
.oi_header_menu_fixed,
.oi_test img,
.oi_header_menu_fixed > li >a,
.oi_header_menu_fixed ul >li >a
{
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;
}
/*------------------------------------------------------------------
[3. PORTFOLIO]
-------------------------------------------------------------------*/
.oi_s_t_w_s .oi_load_more_holder {}
.oi_vc_potrfolio:hover img, .oi_main_blog_row:hover img, .oi_head_bg.oi_bw {
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.oi_vc_potrfolio, .oi_main_blog_row img{
-moz-filter:none;
-o-filter: none;
-webkit-filter: none;
filter:none;
filter: none;
}
.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_mask h4 { margin-top:-10px;}
.oi_strange_portfolio_item:hover .oi_mask h4 { margin-top:0px;}
.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:40px 0 0 0;
width: 100%;}
.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; padding-bottom:0px; letter-spacing:2px; text-transform:uppercase; font-size:11px;}
#load_more_port_masorny_posts { color:#000}
#load_more_port_masorny_posts:hover { color:red; text-decoration:none; cursor:pointer;}
/*Filters*/
.oi_port_filter_holder {margin-bottom:30px;}
.filter_button { color:#000; margin-right:20px; display:inline-block; }
.filter_button:hover {color:#a38671; text-decoration:none;}
.filter_current { color:#a38671; }
.filter_current:hover { color:#a38671; text-decoration:none;}
/*Portfolio Navvigation*/
.oi_port_nav { font-size:20px; text-align:center; margin-top:40px; color:#000; padding-bottom:40px;}
.oi_port_nav a { margin:10px; color:#999;}
.oi_port_nav a:hover { color:#000}
/*------------------------------------------------------------------
[6. SHORTCODES]
-------------------------------------------------------------------*/
.oi_present_sub_titile { font-weight:300; font-style:italic; margin-bottom:0px;}
.oi_present_descr { font-size:15px; opacity:0.7; letter-spacing:1px;}
.oi_present_titile:after { width:40px; border-bottom:1px solid #999; content:''; height:1px; display:block; margin-top:10px; margin-bottom:20px;}
.oi_vc_text_span {
display: table-cell;
vertical-align: middle;
line-height: 22px;
}
.oi_r_t_w_s .oi_strange_portfolio_item { padding:15px;}
.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:720px;}
.oi_x1 { height:360px; 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: #79A0CE; position:absolute; padding:20px 0px; text-align:center; left:0px; right:0px; bottom:-160px; opacity:1; max-width: 295px;}
.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 img {}
.oi_vc_potrfolio:hover img{
transform: translateY(-30px)}
.oi_vc_potrfolio .oi_sub_legend { font-size:15px; line-height:20px; font-weight:normal; color: #FFFFFF;}
.oi_vc_port_cat { margin-top:8px; text-transform:uppercase; opacity:0.8; font-size:12px; letter-spacing:2px; color: #FFFFFF;}
.oi_vc_sep { height:3px; width:40px; display:inline-block;}
.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;}