/*horizontal slider*/
.horizontal_slider_list_wrapper {
    position: relative;
    margin-top: 5px;
}
.horizontal_slider_list_wrapper > div {
    overflow: hidden;
}
ul.horizontal_slider_list {
    padding: 0;
    margin: 0;
}
ul.horizontal_slider_list li {
    display: block;
    float: left;
    height: 100%;
}
.es-nav {
    position: absolute; right: 0; top: -45px;
}
.es-nav span {
cursor: pointer;     
display: inline-block;
width: 30px;
height: 30px;
font-size: 0;
color: transparent;
position: relative;
}

.es-nav span:before {
    border-radius: 3px;
    font-size: 20px;
    font-family: 'fontello';
    content: '\e840';
    color: #fff;
    background-color: #D13434;
    border:1px solid transparent;
    display: block;
    position: absolute;
    cursor: pointer;
    padding: 5px 11px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.es-nav span.es-nav-prev{
background: transparent;
}
.es-nav span.es-nav-next{
background: transparent;
margin-left: 6px;
}
.es-nav span.es-nav-next:before{
content: '\e841';
}
.es-nav span.es-nav-next:hover:before, .es-nav span.es-nav-prev:hover:before {background-color: transparent; border:1px solid #D13434; color:#D13434;}
.related_posts_list {padding-left: 0; list-style: none;}

.horizontal_slider_item, .related_posts_item, .thumbnail {
    border-radius: 0;
}

#portfolio .item_title {
    padding: 0 15px;
    background-color: #D13434;
    position: relative;
    
}
#portfolio .item_title:before {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: 10px;
    left:50%;
    top:-10px;
    border-bottom: 10px solid #D13434;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: none;
}

.related_posts_item > h4 {padding:18px 0; margin:0; font-size: 18px; }
.related_posts_item > h4 > a {color:#D13434;}

.horizontal_slider_item > h4, 
#portfolio .item_title h4 {margin:0px; padding: 18px 0; font-weight: 400;} 

.horizontal_slider_item > h4 > span.heart, 
.related_posts_item > h4 > span.heart, 
#portfolio .item_title h4 > span.heart {float: right; padding:1px 0 1px 21px; font-size: 14px; position: relative;color:#fff;}

#portfolio .item_title h4 > a, 
.horizontal_slider_item > h4 > a {color:#fff;}

#portfolio .item_title h4 > a:hover,
.related_posts_item > h4 > a:hover,
.horizontal_slider_item > h4 > a:hover {color:#242424;}

.portfolio_item_image, .horizontal_slider_introimg {position: relative; overflow: hidden;}
/*.portfolio_item_image:hover, .horizontal_slider_introimg:hover {background-color: rgba(0, 0, 0, 0.6);}*/
.portfolio_item_image > div:first-child {/*position: absolute;display: block;top:0; bottom:0; left: 0; right: 0; background-color: #111; background-color: rgba(0, 0, 0,0.8);*/ height: 100%;
}

.horizontal_slider_item .portfolio_item_image {
    left:0; right: 0; text-align: center; line-height: 1.9em;
}
.horizontal_slider_item_description {
padding: 20px 0px 20px;
text-align: center;
}
.horizontal_slider_item_description h3{ font-size: 19px; margin:0 0 10px 0; text-transform: uppercase;}
.horizontal_slider_item_description h3 a{color:#fff; opacity: 0.8;}
.horizontal_slider_item_description h3 a:hover{color:#fff; opacity: 0.8}

.p-view, .p-link, #portfolio .heart {
    display: block;
    height: 50px;
    width: 50px;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    background-color: #D13434;   
}
 #portfolio .heart {
    margin-left: -15px;
    color:#fff;
 }

.p-link {
    margin-left: 10px;
}
.p-view:before, .p-link:before, #portfolio .heart:before{
    font-family: 'rt-icons';
    font-size: 22px; 
    font-weight: normal;
    color:#fff;
    content: "\e71e";
    line-height: 50px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out; 
    -o-transition: 0.3s all ease-in-out; 
    -ms-transition: 0.3s all ease-in-out; 
    transition: 0.3s all ease-in-out;    
}

#portfolio .heart:before{
    content: "\e6d6";
}
.p-link:before{
    content: "\e71d";   
}
.p-view:hover, .p-link:hover{
    color:#fff;
    background-color: #a2a2a2;
}
.p-view:hover:before, .p-link:hover:before, #portfolio .heart:hover:before{
    color:#fff;
}

.horizontal_slider_item img,.portfolio_item_image img {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: block;
    width: 100%;
    background-color: #000;
}


/*gallery*/
ul#portfolioContainer {padding: 0 0 0 0 ; margin: 0 0 0 1%  ;  list-style: none;  }
#portfolio h4 {margin-top: 0;}
#portfolio .isotope-item {max-width: 100%;
    overflow: hidden;
    float: none;
    margin-bottom: 30px;
    list-style: none;
   
    width: 100%;}


@media screen and (max-width: 991px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:32.5%;}
}
@media screen and (max-width: 800px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:49.4%;}
}
@media screen and (max-width: 600px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:100%;}
}


#filtrable {padding: 0;}
#filtrable li {
display: inline-block;
margin-right: 15px;
}
#filtrable a {
font-weight: 400;
padding: 10px 26px;
margin: 10px 0 26px;
display: inline-block;
    background-color: #e8d1c8;
    color: #000;
}
#filtrable a:hover, 
#filtrable a.selected {
background-color: transparent;
background-color:#a0817f;
color:#fff;
}
#filtrable a:hover {
    background-color: #a0817f;
}
.loadmore {
    margin: 56px 0 40px !important;
}
.hidden_item {display: none;}
#gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 20000; top:0; bottom: 0; left: 0; right: 0; top:-100%; overflow: auto; display: none;}

/*gallery single item*/
#portfolio_nav {margin-top: 40px;}
#portfolio_nav + #middle {margin-top: 0px; padding-top: 0;}
#portfolio_nav a {color:#2D2D2D; font-size: 36px; margin:0 30px;}
#portfolio_nav a#portfolio_prev_project:before {
    font-family: "fontello";
    content: '\e823';
}
#portfolio_nav a#portfolio_close_project:before {
    font-family: 'rt-icons';
    content: "\e602";
}
#portfolio_nav a#portfolio_next_project:before {
    font-family: "fontello";
    content: '\e824';
}
#portfolio_nav a:hover {color:#D13434;}
.description {margin-bottom: 26px}
.skills, .client { border-bottom: 1px solid #e1e1e1; padding-bottom: 6px; margin-bottom: 10px;}
.location {margin-bottom: 37px;}
.skills > span, .client > span, .location > span {
   font-weight: 700;
}
.skills > a, .client > a, .location > a {
    color:#01090c;
}
.skills > a:hover, .client > a:hover, .location > a:hover {
   color: #D13434; 
}