.text-center{text-align:center}
.expo{
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
@media (min-width:800px){.expo{width:750px}}
@media (min-width:992px){.expo{width:970px}}
@media (min-width:1200px){.expo{width:1170px}}
.label2{
display:inline;
padding:0;
font-size:75%;
font-weight:bold;
line-height:1;
color:#ffffff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25em
}


/* Section */
.section-padding {
padding: 80px 0;
}
.section-title {
margin-bottom: 20px;
}
.section-title span {
background: #FD2743 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 15px auto;
position: relative;
width: 70px;
}
.section-title-white {
color: #fff !important;
position: relative;
}
.section-title-white-span {
background: #fff none repeat scroll 0 0 !important;
position: relative;
}
.section-title p {
font-size:1em;
margin: auto;
}
.breadcumb_area {
background-image: url("../images/breadcumb.jpg");
padding-top: 134px;
position: relative;
width: 100%;
z-index: 0;
}
.breadcumb_area::after {
background-color: rgba(0, 0, 0, 0.5);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.breadcumb_section {
position: relative;
width: 100%;
}
.page_title > h3 {
color: #ffffff;
font-size: 44px;
letter-spacing: 2px;
margin: 0 0 13px;
padding: 0;
text-transform: uppercase;
}
.page_pagination ul {
margin: 0;
padding: 0;
}
.page_pagination ul > li {
padding: 0 5px;
}
.page_pagination ul > li > a, .page_pagination ul > li {
color: #ffffff;
display: inline-block;
letter-spacing: 1px;
text-transform: capitalize;
}



/* Our Portfolio */
.our_portfolio {
background: #1d2025 none repeat scroll 0 0;
padding-top:2em;
}
#info {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;				
background:#fcf8e3;
border:1px solid  #fbeed5;
width:95%;
max-width:900px;
margin:0 auto 40px auto;
font-size:12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
#info .info-wrapper {
padding:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
#info a {
color:#c09853;
text-decoration:none;
}
#info p {
margin:5px 0 0 0;
}
#filters {
margin:0 0 20px 0;
padding:0;
list-style:none;
text-align:center;
}
#filters li {
display: inline-block;
border-top: 1px solid #777;
}
#filters li span {
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
text-decoration: none;
position: relative;
text-transform: uppercase;
}
#filters li span.active::after {
background: #f92740 none repeat scroll 0 0;
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
top: -2px;
}
#filters li span.active {
color:#F92740;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width:17%;
margin:1.5%;
display:none;
float:left;
overflow:hidden;
}
.portfolio-wrapper {
overflow:hidden;
position: relative !important;
background: #1d2025;
cursor:pointer;
}

.portfolio .text-category {
display: block;
font-size: 10px;
line-height: 15px;
opacity: 0.6;
}
.portfolio:hover .label2 {
bottom:0;
}
.portfolio:hover img {
top:-30px;
}
.modal-header {
border-bottom: 1px solid #ececec;
}
.modal-footer {
border-top: 1px solid #ececec;
}
.modal-header, .modal-body, .modal-footer {
padding: 20px 30px;
}
.modal-body p {
text-align: justify;
}
.summary-list .btn-social {
border: medium none;
border-radius: 25px;
color: #1d2025;
display: inline-block;
height: 24px;
line-height: 22px;
text-align: center;
width: 24px;
}


.portfolio img {
max-width:100%;
position: relative;
top:0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
}
.portfolio .label2 {
position: absolute;
width: 100%;
left: 0;
bottom: -4em;
height: 4em;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio .label2-bg {
background: #fa2841;
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.portfolio .label2-text {
color:#fff;
position: relative;
z-index:500;
padding:1em 0em;
}
.label2-text .text-title {
color: #fff;
font-size: 1.8em;
font-weight: normal;
}
@media only screen and (max-width: 800px) {
#portfoliolist .portfolio {
width:22%;
margin:1.5%;
}		
#ads {
display:none;
}
.portfolio .label2-text {
padding:1em auto;
}
.label2-text .text-title {
font-size: 1.6em;
}
}
@media only screen and (max-width: 520px) {
.label2-text .text-title {
font-size: 1.4em;
}
}