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

Project:	  SILICONFOLIO
Version:	  1.1.2
Last change:  30 OCTOBER 2016	
Assigned to:  Silicon Themes
Primary use:  PORTFOLIO PLUGIN
-------------------------------------------------------------------*/

.portfolio-squre .st_sf_por_small_thumb,
.st_sf_counts,
.wall-portfolio-squre .st_sf_por_small_thumb {
    display: none
}

#load_more_port_masorny_posts:hover,
.st_sf_port-hover-standard h3 a:hover,
.st_sf_vc_potrfolio a {
    text-decoration: none
}

#load_more_port_masorny_posts,
.st_sf_port_style_ii .st_sf_vc_potrfolio,
.st_sf_vc_port_mask {
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.st_sf_f_s_t_w_s .st_sf_port_filter_holder,
.st_sf_h_t_w_s .st_sf_port_filter_holder,
.st_sf_s_t_w_s .st_sf_port_filter_holder {
    margin-bottom: 15px
}

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

.st_sf_strange_portfolio_item {
    margin-bottom: 30px
}

.st_sf_featured_holder {
    background: #c10024;
    text-align: center;
    margin-top: 30px
}

.st_sf_port_sep,
.st_sf_port_sep_right {
    height: 3px;
    width: 20px;
    background: #a38671
}

.st_sf_strange_portfolio_item_holder {
    position: relative
}

.st_sf_small_descr {
    color: #000;
    margin-top: 20px
}

.st_sf_por_small_thumb {
    margin-top: 20px
}

.st_sf_wall {
    margin-left: 0;
    margin-right: 0
}

.st_sf_col.col-md-3,
.st_sf_col.col-md-4,
.st_sf_col.col-md-6,
.st_sf_col.col-md-8,
.st_sf_col.col-md-12 {
    margin-bottom: 0;
    padding: 0
}

.st_sf_wall .st_sf_strange_portfolio_item .st_sf_mask {
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px
}

.st_sf_port_sep_right {
    float: right
}

.st_sf_strange_portfolio_item .st_sf_vc_potrfolio {
    height: 100%
}

.st_sf_load_more_holder {
    padding: 30px 0 0 !important;
    color: #999;
    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
}

#load_more_port_masorny_posts:hover {
    color: #000;
    cursor: pointer;
    background: #eaeaea
}

.filter_button {
    color: #666;
    margin-right: 0;
    display: inline-block;
    background: #fff;
    padding-left: 7px;
    padding-right: 7px
}

.current-cat .filter_button,
.filter_button:hover {
    color: #000;
    text-decoration: none
}

.st_sf_port_style_ii .st_sf_vc_port_mask {
    bottom: 0 !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 0
}

.st_sf_vc_port_mask h3 {
    text-transform: uppercase;
    font-weight: 700 !important
}

.st_sf_port_style_ii .st_sf_vc_port_mask .text-center {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -50px
}

.st_sf_r_t_w_s .st_sf_strange_portfolio_item {
    padding: 15px
}

.st_sf_r_t_w_s .st_sf_load_more_holder {
    padding-top: 0;
    margin-top: 15px
}

.st_sf_vc_text {
    padding: 0 60px;
    background: #fff;
    display: table;
    width: 100%
}

.st_sf_x2 {
    height: 600px
}

.st_sf_x1 {
    height: 300px !important;
    overflow: hidden
}

.st_sf_p_x1 {
    height: 380px !important
}

.st_sf_vc_potrfolio {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative
}

.st_sf_vc_port_mask {
    background: rgba(255, 255, 255, 1);
    position: absolute;
    padding: 20px 0;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -160px;
    opacity: 1
}

.st_sf_vc_potrfolio:hover .st_sf_vc_port_mask {
    opacity: 1;
    bottom: 0
}

.st_sf_strange_portfolio_item,
.st_sf_vc_potrfolio {
    overflow: hidden !important
}

.st_sf_vc_potrfolio .st_sf_sub_legend {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0
}

.st_sf_vc_port_cat {
    margin-top: 8px;
    text-transform: uppercase;
    opacity: .8;
    font-size: 12px
}

.st_sf_vc_sep {
    height: 1px;
    width: 40px;
    display: inline-block;
    opacity: .5
}

.st_sf_vc_potrfolio .fa {
    display: none;
    font-size: 32px;
    margin-top: 30px
}

.st_sf_port-hover-standard .st_sf_port_item_bottom {
    display: block;
    height: 100px
}

.st_sf_port-hover-standard .st_sf_vc_potrfolio .fa {
    display: block
}

.st_sf_port-hover-standard .st_sf_x1 {
    padding-bottom: 100px;
    height: 400px !important
}

.st_sf_port-hover-standard .st_sf_x2 {
    height: 700px;
    padding-bottom: 100px
}

.st_sf_port-hover-standard .st_sf_strange_portfolio_item,
.st_sf_port-hover-standard .st_sf_vc_potrfolio {
    overflow: visible !important
}

.st_sf_port_style_ii:hover .st_sf_vc_port_mask {
    opacity: 1;
    top: 0 !important;
    left: 0 !important
}

.st_sf_port-hover-standard .st_sf_vc_port_mask {
    padding: 0
}

.st_sf_port-hover-standard h3 a {
    color: #000
}

.st_sf_port-hover-standard .st_sf_port_style_ii:hover .st_sf_vc_port_mask {
    opacity: 0
}

.st_sf_port-hover-standard .st_sf_port_style_ii .st_sf_vc_port_mask:hover {
    opacity: 1
}

.st_sf_port-hover-standard .hover_overlay {
    display: none
}

.st_sf_port-hover-standard .st_sf_r_t_wo_s .st_sf_port_item_bottom {
    text-align: center
}

.hover_overlay {
    padding: 20px
}

.st_sf_list_cats {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.st_sf_list_cats li {
    padding: 0;
    display: inline-block;
    margin: 0
}

.st_sf_list_cats li a {
    margin-right: 10px;
    padding: 0
}

.potfolio_container_holder {
    margin-bottom: 30px;
}

@media (min-width:760px) and (max-width:1100px) {
    .st_sf_strange_portfolio_item {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        display: block;
        float: left;
        height: 300px !important;
        width: 50% !important;
    }
    .st_sf_port_container {
        height: auto !important
    }
}

@media (max-width:760px) and (min-width:0px) {
    .st_sf_strange_portfolio_item {
        position: relative !important;
        top: 0 !important;
        margin: 0 !important
    }
}