.potfolio a, .potfolio a:active, .potfolio a:focus {user-select:none;-moz-user-select:none;}
.potfolio a:active, .potfolio a:focus { text-decoration:none !important; outline:0}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.oa_port_mask,
.oa_port_style_ii .oa_portal {
	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;
}

.oa_portal_item { margin-bottom:30px;}
.oa_col.col-md-3, .oa_col.col-md-6 { margin-bottom:0px; padding:0px;}
.oa_portal_item  .oa_portal { height:100%}
 
/* masonary hover*/
.oa_port_style_ii .oa_port_mask {
	bottom:0px !important;
	top:100% !important;
	left:0 !important;
	right:0px !important;
	opacity:0;
	
}
.oa_port_style_ii .oa_port_mask  .text-center { position:absolute; width:100%; top:50%; margin-top:0px; margin-top:-60px;}
.oa_port_style_ii:hover .oa_port_mask { opacity:1; top:0 !important; left:0 !important;}
.oa_port_style_ii:hover .oa_port_mask  .text-center { }

.oa_wrapper .oa_portal_item { padding:10px; }
.oa_x2 { height:550px;}
.oa_x1 { height:320px !important; overflow:hidden;}
.oa_x3 { height:200px !important; overflow:hidden;}
.oa_x4 { height:310px !important; overflow:hidden;}
.oa_portal {
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.oa_portal { overflow:hidden !important; position:relative}
.oa_port_mask { /*background:rgba(255,255,255,1);*/ background:#8fc646; position:absolute; padding:20px 0px; text-align:center; left:0px; right:0px; bottom:-160px; opacity:1}
.oa_portal:hover .oa_port_mask { opacity:1; bottom:0px; }
.oa_portal, .oa_portal_item { overflow:hidden !important;}

h2.oa_port_title { 
	font-family:'Arimo', sans-serif;;
	font-size:24px; line-height:28px; font-weight:400; font-style:normal; color:#000; text-transform:none;
	margin-bottom:0px;
	/*margin-bottom:15px;*/ 
}

.oa_port_sub1 { 
	font-family:'Roboto Condensed', sans-serif;
	font-size:20px; line-height:24px; font-weight:900; font-style:normal; color:#000; text-transform:uppercase; 
	/*margin-top:15px; */
	margin-top:10px;
}
.oa_port_sub2 { 
	font-family:'Arimo', sans-serif;
	font-size:12px; line-height:18px; font-weight:400; font-style:normal; color:#000; text-transform:none; 
}

.div_line { height:1px; width:150px; display:inline-block; /*opacity:0.7; */ background-color:#444; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

.oa_portal a { text-decoration:none;}

.home .home_page_banner {
    margin-bottom: 0px !important;
}
section#main section#content {
	margin-top: 0px !important;
	padding-top:0px !important;
}
#footer {
	margin-top:0px !important;
}
.mobiletitle {
	color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:900; width: 100%; padding-left: 20px; font-size: 28px; opacity: 0.65; text-transform:uppercase; line-height:30px;
	display:none;
}
/*.mobiletitle.light { color:#000; }*/

@media (min-width: 767px) and (max-width: 1100px) {
	.oa_port_style_ii .oa_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oa_portal_item { width:50%;}
	.oa_x3 { height:270px !important; }
	.oa_x2 { height:620px !important;}
	.footer_widget_wrap .widget { font-size: 14px !important; }
	#templatic_text-21 h3.widget-title, #templatic_text-21 .textwidget { padding-left: 30px; }
	.mobiletitle { display:block; }
	.oa_x1 .mobiletitle { padding-top: 260px; }
	.oa_x2 .mobiletitle { padding-top: 560px; }
	.oa_x4 .mobiletitle { padding-top: 250px; }
	.oa_x3 .mobiletitle { padding-top: 210px; }
}

@media (min-width: 767px) and (max-width: 980px) {
	.oa_port_style_ii .oa_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oa_port_style_ii .oa_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oa_portal_item { width:50%;}
}

@media (min-width: 0px) and (max-width: 767px) {
	.oa_port_style_ii .oa_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oa_port_style_ii .oa_port_mask { opacity:0; top:0 !important; left:0 !important;}
	.oa_portal_item { width:100%;}
	.mobiletitle { display:block; }
	.oa_x1 .mobiletitle { padding-top: 260px; }
	.oa_x2 .mobiletitle { padding-top: 470px; }
	.oa_x4 .mobiletitle { padding-top: 250px; }
	.oa_x3 .mobiletitle { padding-top: 140px; }
}