/* Global */

body {
	font-family:'Raleway',sans-serif;	
}

.portfolio-section {
    padding-bottom:40px;
}


/* category filter */

.filter-section {
	padding-top:40px; 
	 /* background:url(../images/portfolio-banner.jpg); */ 
	 background: url("../images/portfolio-banner.jpg") no-repeat ;  
}


.filter-container { 
    text-align:center;/* background-color:#ffa03e;*/ position:relative;  
    padding:10px 20px 10px; margin-bottom:20px; /*margin-top:70px;   */
}   


ul.filter > li > a {
    color:#000;  
    font-size:16px; 
    line-height:40px
}

ul.filter > li > a:hover,ul.filter > li > a:focus {
    text-decoration:none;
    color:#fff; 
    outline:none
}

ul.filter > li.active a {
    color:#fff 
}

ul.filter > li span {
    color:#ddd;
    font-size:20px;
    display:inline-block;
    margin:0 5px
}

.filter-section .filter-container .filter > li {
    padding:0;
    margin:0
}

.filter-section h1 {
    text-align:center
}


/* the color of the transparent overlay border */

.portfolio-section.port-col figure .overlay-background {
    background-color:#000;
    background-color:rgba(0,0,0,0.4);
}


/* portfolio images */

.portfolio-section figure {
    float:left;
    width:100%;
    position:relative
}

.portfolio-section figure img {
    width:auto;
    height:240px
}


/* project title under image */

.portfolio-section .article-title {
    text-align:left;
    float:left;
    width:100%;
    font-size:18px;
    line-height:24px;
    padding:10px;
	color: #333;
}

.portfolio-section .article-title a {
    color:#aaa;
	text-transform: capitalize;
}


/* transparent overlay */

.portfolio-section figure:hover .overlay {
    opacity:1;
    visibility:visible
}

.portfolio-section figure:hover .overlay-background {
    opacity:.8;
    visibility:visible
}

.portfolio-section figure .overlay-background {
    z-index:1;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    width:100%;
    height:100%
}

.portfolio-section figure .overlay-background .inner {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:11px;
    background-color:#c8e9c8;
    background-color:rgba(194,231,194,0.9)
}

.portfolio-section figure .overlay {
    z-index:2;
    transition:all .2s ease-in-out;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    width:100%;
    height:100%
}

.portfolio-section figure .inner-overlay {
    display:table;
    width:100%;
    height:100%
}

.portfolio-section figure .inner-overlay-content {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    padding:20px 40px
}

.portfolio-section figure .inner-overlay-content.with-icons {
    text-align:center
}


/* icons inside overlay */

.portfolio-section figure .inner-overlay-content.with-icons a {
    width:40px;
    height:40px;
    line-height:42px;
    display:inline-block;
    margin:0 10px;
    text-decoration:none;
    font-size:20px;
	background:rgba(0,0,0,0.9);
    color:#fff;
    border-radius:0
}


/* skew image on hover */ 

.isotopeSelector img {
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -o-transition:all .4s ease;
    transition:all .4s ease
}

.isotopeSelector:hover img {
    -moz-transform:scale(1.5) rotate(2deg);
    -webkit-transform:scale(1.5) rotate(2deg);
    -o-transform:scale(1.5) rotate(2deg);
    -ms-transform:scale(1.5) rotate(2deg);
    transform:scale(1.5) rotate(2deg);
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}

.isotopeSelector figure {
    overflow:hidden
}

.isotopeSelector figure {
    box-shadow:0 0 2px rgba(0,0,0,0.2);
	text-align: center;
}





/*
|--------------------------------------------------------------------------
|  Demo Specific Code
|--------------------------------------------------------------------------
|
|
|
*/ 


.demo-colored-wrap {
	/* background:#ecf0f1; */ 
}

.top-nav {width:100%; height:40px; background:#111;}
img.logo {margin-top:13px; margin-left:50px}
a.article-link, a.article-link:visited {display:inline-block; float:right; color:#FF4629; text-decoration:none; margin-right:50px; margin-top:10px; }   
a.article-link:hover {color:#fff; }  


/* buy sell */
body .one .bsa_it_ad {  background: rgba(255,255,255,0.8); border: none; font-family: inherit; padding: 10px 15px; margin: 0; text-align: right; -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition:  all .2s ease-in-out;   }
body .one .bsa_it_ad:hover	{-moz-box-shadow: 0 0 12px #666; -webkit-box-shadow: 0 0 12px #666; box-shadow: 0 0 12px #666; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition:  all .5s ease-in-out; }
body .one .bsa_it_ad:hover img {  }
body .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none; margin: 0 0 5px; }
body .one .bsa_it_ad .bsa_it_i img { padding: 0; border: none; }
body .one .bsa_it_ad .bsa_it_t { padding: 6px 0; }
body .one .bsa_it_ad .bsa_it_d { padding: 0; font-size: 12px; color: #333; }
body .one .bsa_it_p { display: none; }
body #bsap_aplink, body #bsap_aplink:hover { display: block; font-size: 10px; margin: 12px 15px 0; text-align: right; }
.buy-ad { width:160px; position:fixed; top:50px; right:15px; z-index:12000 !important }  


/* new css */  

.filter-container.isotopeFilters > h2 { font-size:20px; font-weight:bold; color:#fff; }   
.filter-container.isotopeFilters img { background:#fff; border-radius:100%; }  
.hand_arrow { position:absolute; width:auto; top:-67px; left:0; right:0; 
      /* background-image:url("../images/all-portfolio/down-arrow.png"); */ background: url("../images/all-portfolio/down_arrow.png") no-repeat; 
 }  

.filter-section .heading h1 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  border: 2px solid #fff; 
  padding: 4px 12px;
}

.roundad_icon { width:12px; height:12px; background:#FECC09; border-radius:100%; margin-bottom:5px; } 

@media only screen and (max-width: 999px) {
	.portfolio_tab_head ul{display: flex !important; flex-direction: column;}
	.filter-container{padding:0px;}
	.portfolio_tab_head ul li a{padding: 0px 50px !important;}
	.portfolio_tab_head ul li{border:none !important;}
	header.sticky .header-inset{padding-bottom:12px;}
	.portfolio_tab_head ul li .portfolio_sub_box{position:relative !important;top:0 !important;}
	.portfolio_tab_head ul li:hover .portfolio_sub_box{position:relative !important;top:0 !important;/*display:none !important;*/}
	.technologyicon,.technologyvisit{text-align:center !important;}
	
	.heading h1{font-size:24px !important; line-height: normal;}
	.heading h1 img{width:20%;}
	
}

@media only screen and (max-width: 767px) {
.inner_banner_info h2 span{}
.inner_banner_info h2{padding: 30px 0 !important; text-align: center;font-size: 20px !important;}
}

@media only screen and (max-width: 600px) {
.inner_banner_info h2 span {flex-direction: column; display: flex;font-size: 14px;}
.inner_banner_info .container-fluid .banner-inner{padding:0;}
}