/**

 * @copyright	Copyright (c) 2013 Skyline Technology Ltd (http://extstore.com). All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 */



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.row::before,

.row::after {

	content: " ";

	display: table;

}



.row::after {

	clear: both;

}



.clearfix::before,

.clearfix::after {

	content: "";

	display: table;

	line-height: 0;

}



.clearfix::after {

	clear: both;

}



.projects-filter {

	border-bottom: 1px solid #E7E7E7;

	display: block;

	line-height: 24px;

	margin-bottom: 20px;

	margin-top: 20px;

	padding-bottom: 15px;

	width: 100%;

}



.projects-filter ul {

	list-style: none outside none;

	margin: 0;

	padding: 0;

}



.projects-filter ul li {

	background: url("../images/filter_divider.png") no-repeat scroll 97% 50% transparent;

	display: inline;

	padding: 0 10px 0 0;

}



.projects-filter ul li:last-child {

	background: none;

}



.projects-filter a {

	border-radius: 2px 2px 2px 2px;

	color: #777777;

	font-size: 12px;

	padding: 4px 8px;



	-webkit-transition: all 0.1s ease-in-out 0s;

	-moz-transition: all 0.1s ease-in-out 0s;

	-ms-transition: all 0.1s ease-in-out 0s;

	-o-transition: all 0.1s ease-in-out 0s;

	transition: all 0.1s ease-in-out 0s;

}



.projects-filter a:focus {

	outline: none;

}



.projects-filter a:hover {

	background: none repeat scroll 0 0 #AAAAAA;

	color: #FFFFFF;

	text-decoration: none;

}



.projects-filter a.selected,

.projects-filter a.selected:hover {

	background: none repeat scroll 0 0 #2DA0CE;

	color: #FFFFFF !important;

}



.projects-wrapper {

	width: 100%;

}



/** COLUMNS **/

.projects-wrapper {

	*zoom: 1;

}



.projects-wrapper:before,

.projects-wrapper:after {

	display: table;

	content: "";

	line-height: 0;

}



.projects-wrapper:after {

	clear: both;

}



.project-wrapper [class*="col"] {

    box-sizing: border-box;

    display: block;

    float: left;

    margin-left: 2.12766%;

    min-height: 28px;

}



.project-wrapper [class*="col"]:first-child {

    margin-left: 0;

}



.project-wrapper .col12 {

	width: 99.9999%;

}



.project-wrapper .col11 {

    width: 91.4894%;

}



.project-wrapper .col10 {

    width: 82.9787%;

}



.project-wrapper .col9 {

	width: 74.4680%;

}



.project-wrapper .col8 {

	width: 65.9574%;

}



.project-wrapper .col7 {

	width: 57.4468%;

}



.project-wrapper .col6 {

	width: 48.9361%;

}



.project-wrapper .col5 {

	width: 40.4255%;

}



.project-wrapper .col4 {

    width: 31.9149%;

}



.project-wrapper .col3 {

	width: 23.4042%;

}



.project-wrapper .col2 {

    width: 14.8936%;

}



.project-wrapper .col1 {

    width: 6.3829%;

}



.projects-wrapper .isotope-item {

	float: left;

	display: inline;

	margin: 5px;

}



.projects-wrapper .column-1 {

	width: 100%;

}



.projects-wrapper .column-2 {

	width: 50%;

}



.projects-wrapper .column-3 {

	width: 33.333%;

}



.projects-wrapper .column-4 {

	width: 25%;

}



.projects-wrapper .column-5 {

	width: 20%;

}



.projects-wrapper .column-6 {

	width: 16.66%;

}



.projects-wrapper .featured.column-2 {

	width: 100%;

}



.projects-wrapper .featured.column-3 {

	width: 66%;

}



.projects-wrapper .featured.column-4 {

	width: 49%;

}



.projects-wrapper .featured.column-5 {

	width: 38.8%;

}



.projects-wrapper .featured.column-6 {

	width: 32%;

}



.projects-wrapper .project-img,

.project-wrapper .project-img {

	position: relative;

	overflow: hidden;

}



.projects-wrapper .project-img .project-img-extra:before {

	content: "";

	display: inline-block;

	height: 100%;

	vertical-align: middle;

}



.projects-wrapper .project-img .project-img-extra,

.portfolio-module .projects-wrapper .project-img .project-img-extra {

	background-image: linear-gradient(top, #D1E990 0%, #AAD75B 100%);

	background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75B 100%);

	background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75B 100%);

	background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75B 100%);

	background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75B 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1E990), color-stop(1, #AAD75B));

	left: 0;

	opacity: 1;

	position: absolute;

	text-align: center;

	
	bottom: 0;

	/*
	top: 0;
	-webkit-transform: translateX(-100%);

	-moz-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	-o-transform: translateX(-100%);

	transform: translateX(-100%);*/

	width: 100%;

	height: 25%;

}



.projects-wrapper .project-img .project-img-extra-content {

	display: inline-block;

	height: auto;

	vertical-align: middle;

	width: 90%;

}



.projects-wrapper .project-img:hover .project-img-extra {

	opacity: 1;

	/*-webkit-transform: translateX(0%);

	-moz-transform: translateX(0%);

	-ms-transform: translateX(0%);

	-o-transform: translateX(0%);

	transform: translateX(0%);*/

}



.projects-wrapper .project-img .project-img-extra .project-icon {

	background: url(../images/link-icon.png) no-repeat center;

	text-indent: -9999em;

	width: 36px;

	height: 36px;

	font-size: 0;

	display: inline-block;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



.projects-wrapper .project-img .project-img-extra a.link-detail {

	display: block;

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}



.projects-wrapper .project-img .project-img-extra .project-img-extra-content a {

	position: relative;

}



.projects-wrapper .project-img .project-img-extra .link-icon {

	background-image: url(../images/linkex-icon.png);

}



.projects-wrapper .project-img .project-img-extra .gallery-icon {

	background-image: url(../images/gallery-icon.png);

}



.projects-wrapper .project-img .project-img-extra h4,

.projects-wrapper .project-img .project-img-extra h5 {

	font-weight: normal;

}



.projects-wrapper .project-img .project-img-extra h4 {

	margin-top: 12px;

	margin-bottom: 5px;

}



.projects-wrapper .project-img .project-img-extra h5 {

	margin-top: 0;

}



.projects-wrapper .isotope-item {

	z-index: 2;

}



.projects-wrapper .isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

.project-icon
{
	display:none !important;
}

/**** Isotope CSS3 transitions ****/



.projects-wrapper.isotope,

.projects-wrapper.isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}



.projects-wrapper.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}



.projects-wrapper.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/


.projects-wrapper.isotope.no-transition,

.projects-wrapper.isotope.no-transition .isotope-item,

.projects-wrapper.isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}



/*owl-carousel*/

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item{

	float: left;

}



.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}



.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.grabbing {

	cursor:url(grabbing.png) 8 8, move;

}



.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

}



.owl-theme .owl-controls{

	margin-top: 10px;

	text-align: center;

}



.gallery-carousel .owl-controls .owl-pagination {

	bottom: 5px;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

}



.owl-theme .owl-controls .owl-buttons div{

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

	margin: 5px;

	padding: 3px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	background: #869791;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

}



.gallery-carousel .owl-controls .owl-buttons div {

	background: #ac2c1f none repeat scroll 0 0;

	bottom: 45%;

	color: #fff;

	font-size: 30px;

	height: 42px;

	line-height: 42px;

	margin: 0;

	position: absolute;

	text-align: center;

	top: inherit;

	width: 30px;

	text-indent: -999em;

	border-radius: 0;

}



.slides .owl-controls .owl-buttons div{

	background: #ac2c1f none repeat scroll 0 0;

	bottom: 50%;

	color: #fff;

	font-size: 30px;

	height: 42px;

	line-height: 42px;

	margin: 0;

	position: absolute;

	text-align: center;

	top: inherit;

	width: 25px;

	text-indent: -999em;

	border-radius: 0;

}



.gallery-carousel .owl-controls .owl-buttons div.owl-prev::after,

.slides .owl-controls .owl-buttons div.owl-prev::after{

	border-left: 0 solid transparent;

	border-right: 15px solid transparent;

	border-top: 42px solid #333;

	bottom: 0;

	content: "";

	left: 100%;

	margin-left: 0;

	position: absolute;

	transition: all 0.5s ease 0s;

}



.gallery-carousel .owl-controls .owl-buttons div.owl-next::after,

.slides .owl-controls .owl-buttons div.owl-next::after{

	border-bottom: 0 solid transparent;

	border-right: 14px solid #333;

	border-top: 42px solid transparent;

	position: absolute;

	content: "";

	left: -14px;

	position: absolute;

	top: 0;

	transition: all 0.5s ease 0s;

}



.gallery-carousel .owl-controls .owl-buttons div.owl-prev,

.slides .owl-controls .owl-buttons div.owl-prev{

	left: 0;

	background: url("../images/chevron-left.png") no-repeat center #333;

}

.slides .owl-controls .owl-buttons div.owl-prev{

	left: 5px !important;

}

*::before, *::after {

	box-sizing: border-box;

}



.gallery-carousel .owl-controls .owl-buttons div.owl-next,

.slides .owl-controls .owl-buttons div.owl-next{

	right: 0;

	background: url("../images/chevron-right.png") no-repeat center #333;

}



.slides .owl-controls .owl-buttons div.owl-next{

	right: 5px !important;

}



.owl-theme .owl-controls.clickable .owl-buttons div:hover{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}



.owl-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}



.owl-theme .owl-controls .owl-page span{

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #333;

}



.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

}



.owl-theme .owl-controls .owl-page span.owl-numbers{

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}



.owl-item.loading{

	min-height: 150px;

	background: url(AjaxLoader.gif) no-repeat center center

}



.owl-item img{

	display: block;

	width: 100%;

	height: auto;

}



.customNavigation {

	display: block;

	margin: 0 auto 10px;

	position: relative;

	text-align: center;

	width: 100px;

}



.customNavigation span {

	color: #909090;

	display: inline-block;

	/*font-family: Georgia,serif;*/

	font-size: 18px;

	font-weight: normal;

	line-height: 1;

	vertical-align: middle;

}



.customNavigation::after,

.customNavigation::before {

	background: #909090;

	content: "";

	display: block;

	height: 2px;

	margin-top: -0.5px;

	position: absolute;

	top: 50%;

	width: 150px;

}



.customNavigation::before {

	right: 100%;

}



.customNavigation::after {

	left: 100%;

}



.project-wrapper .gallery-grid {

	margin: 0 -5px;

}



.project-wrapper .gallery-grid .grid-item {

	width: 33.3%;

	padding: 0 5px;

	margin-bottom: 10px;

}



.project-wrapper .gallery-grid .grid-item img {

	width: 100%;

}



.btn-go-back {

	border: medium none;

	/*color: #ffffff;

	font-size: 16px;*/

	margin: 15px 0;

/*	padding: 12px 30px;

	text-align: center;

	text-decoration: none;

	transition-duration: 0.4s;

	background: #005e7e;

	border-radius: 4px;*/
	
	width:127px;
	height:40px;
	background:url(/ramaco11/media/com_advportfoliopro/images/button_back1.png);
	text-indent:-976px;

}



.btn-go-back:hover {

	background:url(/ramaco11/media/com_advportfoliopro/images/button_back1.png);

}



.portfolio-module .projects-wrapper .item{

	text-align: center;

	padding: 0 5px;

}

span.blue_hlight-jck {
    background: none !important;
	color:#3E6A86 !important;
}

.blubox-jck {
    border-color: #DDDDDD #DDDDDD #DDDDDD #3E6A86;
    border: none;
}

.blubox-jck{
    background: none repeat scroll 0 0 #ffffff;
    /*border-style: solid;*/
    /*border-width: 1px 1px 1px 8px;*/
    margin: 10px 0 20px !important;
    padding: 8px 15px 8px 20px !important;
   -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    color: #444444 !important;
    text-shadow: 1px 1px 1px #ffffff;
}
.project-wrapper .col4::after {
	content:" ";
    width:100%;
	height:24px;
    background:#eeeeee;
}
.portfolio-module .row {

	margin: 0 -5px;

}
.project-wrapper .col4::after {
    content: " ";
    width: 100%;
    height: 18px;
    background: #afafaf;
    float: left;
    top: -20px;
    position: relative;
	background: url("../images/project_bg1.jpg") no-repeat scroll 0 50% transparent;
	background-size:cover;
}
.blubox-jck::before {
  content: " ";
width: 100%;
height: 18px;
background: #afafaf;
float: left;
top: -8px;
position: relative;
background: url("../images/project_bg2.jpg") no-repeat;
background-size: 100% 100%;
right: -16px;
}

.project-wrapper .check_list ul {

	margin: 0;

	padding: 0;

	list-style: none; 

}



.project-wrapper .check_list li {

	background: url("../images/list_check.png") no-repeat scroll 0 50% transparent;

	padding: 0 0 0 18px;

}



.project-wrapper .project-link {

	margin: 18px 0;

	padding: 10px 0 0;

	border-top: 1px solid #E5E5E5;

}



.page-header h2 {

	display: inline-block;

	margin: 5px 0;

}



.project-nav {

	float: right;

	margin-top: 5px;

}



.project-nav .prev-project,

.project-nav .next-project {

	border-radius: 3px 3px 3px 3px;

	display: block;

	height: 21px;

	text-indent: -9999px;

	width: 21px;



	-webkit-transition: all 0.2s ease-in-out 0s;

	-moz-transition: all 0.2s ease-in-out 0s;

	-ms-transition: all 0.2s ease-in-out 0s;

	-o-transition: all 0.2s ease-in-out 0s;

	transition: all 0.2s ease-in-out 0s;

}



.project-nav .prev-project:hover,

.project-nav .next-project:hover {

	background-color: #2DA0CE;

}



.project-nav .next-project {

	background: url("../images/pnav_next.png") no-repeat scroll 50% 50% #606060;

	float: left;

}



.project-nav .prev-project {

	background: url("../images/pnav_prev.png") no-repeat scroll 50% 50% #606060;

	float: left;

	margin-right: 3px;

}



.project-nav .prev-project.disable,

.project-nav .next-project.disable,

.project-nav .prev-project.disable:hover,

.project-nav .next-project.disable:hover {

	background-color: #CCC;

}



.portfolio-module {

	position: relative;

}



.portfolio-module ul, li {

	list-style: none;

	padding: 0;

	margin: 0;

}



/* Control Nav */

.portfolio-module[data-show-direction-navigation="1"] {

	padding-bottom: 25px;

}



.portfolio-module .flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 0;

	text-align: center;

	padding: 0;

	margin: 0;

}



.portfolio-module .flex-control-nav li {

	margin: 0 3px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.portfolio-module .flex-control-paging li a {

	width: 13px;

	height: 13px;

	display: block;

	background: #666;

	background: rgba(0, 0, 0, 0.5);

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

}



.portfolio-module .flex-control-paging li a:hover {

	background: #333;

	background: rgba(0, 0, 0, 0.7);

}



.portfolio-module .flex-control-paging li a.flex-active {

	background: #000;

	background: rgba(0, 0, 0, 0.9);

	cursor: default;

}



.portfolio-module .flex-control-thumbs {

	margin: 5px 0 0;

	position: static;

	overflow: hidden;

}



.portfolio-module .flex-control-thumbs li {

	width: 25%;

	float: left;

	margin: 0;

}



.portfolio-module .flex-control-thumbs img {

	width: 100%;

	display: block;

	opacity: .7;

	cursor: pointer;

}



.portfolio-module .flex-control-thumbs img:hover {

	opacity: 1;

}



.portfolio-module .flex-control-thumbs .flex-active {

	opacity: 1;

	cursor: default;

}



/* Direction Nav */

.portfolio-module .flex-direction-nav {

	*height: 0;

}



.portfolio-module .flex-direction-nav a {

	cursor: pointer;

	display: block;

	opacity: 0;

	position: absolute;

	text-indent: -9999px;

	top: 50%;

	z-index: 10;

	height: 33px;

	margin: -45px 0 0;

	width: 25px;



	-webkit-transition: all 0.2s ease-in-out 0s;

	-moz-transition: all 0.2s ease-in-out 0s;

	-ms-transition: all 0.2s ease-in-out 0s;

	-o-transition: all 0.2s ease-in-out 0s;

	transition: all 0.2s ease-in-out 0s;

}



.portfolio-module .flex-direction-nav .flex-prev {

	left: 0px;

}



.portfolio-module .flex-direction-nav .flex-next {

	right: 0px;

}



.portfolio-module:hover .flex-prev {

	opacity: 1;

	left: 0px;

}



.portfolio-module:hover .flex-next {

	opacity: 1;

	right: 0px;

}



.portfolio-module:hover .flex-next:hover,

.portfolio-module:hover .flex-prev:hover {

	opacity: 1;

}



.portfolio-module .flex-direction-nav .flex-disabled {

	opacity: 0 !important;

	filter: alpha(opacity=0);

	cursor: default;

}



.portfolio-module .flex-direction-nav .flex-next {

	background-image: url("../images/pnav_next.png");

	background-repeat: no-repeat;

}



.portfolio-module .flex-direction-nav .flex-prev {

	background-image: url("../images/pnav_prev.png");

	background-repeat: no-repeat;

}



.portfolio-module .flex-direction-nav a:focus {

	outline: none;

}



.portfolio-module:hover .flex-direction-nav .flex-prev {

	background-color: #333;

	background-position: center center;

	background-repeat: no-repeat;

	border-radius: 0 5px 5px 0;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);



}



.portfolio-module:hover .flex-direction-nav .flex-next {

	background-color: #333;

	background-position: center center;

	background-repeat: no-repeat;

	border-radius: 5px 0 0 5px;

	box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.6);

}



@media (max-width: 639px) {

	.project-wrapper .col1,

	.project-wrapper .col2,

	.project-wrapper .col3,

	.project-wrapper .col4,

	.project-wrapper .col5,

	.project-wrapper .col6,

	.project-wrapper .col7,

	.project-wrapper .col8,

	.project-wrapper .col9,

	.project-wrapper .col10,

	.project-wrapper .col11,

	.project-wrapper .col12 {

		width: 100%;

		margin: 0 0 5px;

	}

}



@media (max-width: 359px) {

	.projects-wrapper .column-2,

	.projects-wrapper .column-3,

	.projects-wrapper .column-4,

	.projects-wrapper .column-5,

	.projects-wrapper .column-6,

	.projects-wrapper .column-7,

	.projects-wrapper .column-8,

	.projects-wrapper .column-9,

	.projects-wrapper .column-10 {

		width: 100% !important;

	}

}

