/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 5.  GALLERY
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */	
	
	
	/* Projects F eed
	-----------------------------------------------------*/	
	
	.projects-feed {
		overflow: hidden;
        display: table;
        min-height: 580px;
        width: 100%;
	}
	
	.projects-feed > div {
		overflow: hidden;
	}

	.single-project .project-image {
		position: relative;
		overflow: hidden;
		margin-bottom: 15px;
		border: 3px solid white;
        min-width: 150px;
        min-height: 150px;
      
	}
	
    .project-image img {
        position: relative;
        display: block;
		max-width:100%;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
        min-width: 150px;
        min-height: 150px;
    }
	
	.project-image:hover img {
		transform:scale(1.2,1.2)
    }
	
	.project-info
	{
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		width: 100%;
		padding-top:13px;
		padding-bottom:12px;
		overflow:auto;
	}	
	
	.short-info {
		font-size:11px;
		font-weight:bold;
	}
	
	.short-info i {
		color:rgb(201,201,201);
		margin-right:6px;
	}
	
	.project-info span.short-info {
		margin-left: 20px; 
		float:left;
	}
	
	.project-info a.view-it {
		margin-right: 20px;
		float: right;
	}
	
	.project-info-top
	{
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		border-top: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		width: 100%;
		font-size:11px;
		font-weight:bold;
		padding-top:13px;
		padding-bottom:12px;
		overflow:auto;
	}	
	
	.project-info-top span.short-info {
		margin-right: 20px; 
		float:right;
	}
	
	.project-info-top a.back-to-list {
		margin-left: 20px; 
		float:left;
	}
	
	.project-info-top a.view-it:hover i {
		margin-right: 11px;
	}
	
	div.project-image-mask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(15,15,15,0.5);
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		z-index: 2;
		visibility: hidden;
		opacity: 0;
		overflow:hidden
	}
	
	.project-image:hover div.project-image-mask {
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
	
	a.project-zoom {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -20px;
		border-radius: 50%;
		color: rgb(255,255,255);
		font-size: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		z-index: 3;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.project-zoom:hover {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: -25px;
		margin-left: -25px;
		color: rgb(255,255,255) !important;
	}
	
	a.project-zoom i {
		display: inline-block !important;
		margin-left: -2px;
		margin-top: 12px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.project-zoom:hover i {
		margin-top: 16px;
	}
	
	/* Single project
	-----------------------------------------------------*/
	
	table.project-details {
		width: 100%;
		font-size: 11px;
	}
	
	table.project-details td {
		width: 50%;
		padding: 6px 12px;
		line-height: 20px;
	}
	
	table.project-details i {
		color: rgb(201,201,201);
		font-size: 11px;
		margin-right: 10px;
	}
	
	table.project-details tr td:first-child {
		font-weight: bold;
		width: 50%;
		border-right: rgb(235, 235, 235) 1px solid;
		text-align: right;
	}
	
	table.project-details tr:first-child td {
		padding-top: 12px;
	}
	
	table.project-details tr:last-child td {
		padding-bottom: 12px;
	}
	
	/* ----  Columns 
 	----------------------------------------------------------------------------- */	
 
	#main {
        float: left;
        width: 71.5%; 
    }
    #sidebar {
        float: right;
		width: 25.5%; 
    }
	
	.fullwidth {
		position: relative;
	}

    .one-half  { width: 49%; }
    .one-third { width: 32%; min-height: 200px;}
    .two-third { width: 64%; }
    .one-fourth { width: 23.5%; }
    .three-fourth { width: 74.5%; }
    .one-fifth { width: 18.4%; }
    .two-fifth { width: 38.8%; }
    .three-fifth { width: 59.2%; }
    .four-fifth { width: 79.6%; }
	.one-sixth { width: 15%; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
	.one-sixth {
        position: relative;
        float: left;
        margin-right: 2%;
	}

    .last-in-row,
	.two-in-row div:nth-child(2n),
	.three-in-row div:nth-child(3n), 
	.four-in-row div:nth-child(4n) {
        clear: right;
        margin-right: 0!important;
    }

    hr {
        display: block;
    }

	.sep1 { height: 1px; background-color:rgb(235,235,235); }
    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 40px; }
    .sep50   { height: 50px; }
    .sep60   { height: 60px; }
    .sep70   { height: 70px; }
    .sep80   { height: 80px; }
    .sep90   { height: 90px; }
    .sep100  { height: 100px; }
	
	/* Pagination
	-----------------------------------------------------*/
	
	.pagination {
		text-align: center;
	}
	
	.pagination ul {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: rgb(150,150,150);
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-block;
		list-style:none;
	}
	
	.pagination li {
		position: relative;
		float: left;
		padding: 15px 35px;
		border-left: rgb(235,235,235) 1px solid;
		border-bottom: rgb(235,235,235) 1px solid;
		border-top: rgb(235,235,235) 1px solid;
	}
	
	.pagination li.active {
		border: 2px solid;
		padding-bottom: 13px;
		cursor: default;
	}
	
	.pagination li:last-child {
		border-right: rgb(235,235,235) 1px solid;
	}
	
	a.project-zoom,
.flex-next:hover, .flex-prev:hover,
.orange-to-darkgrey,
.darkgrey-to-orange:hover,
.header-two ul#main-menu li:hover,
.header-three ul#main-menu > li:hover,
.box-service-two:hover,
#the-title-two,
.type-and-date .date,
span.ui-accordion-header-icon,
.shop-search,
.flex-control-paging li a.flex-active,
.pricing-table-simple .premium .column-title,
.service-banner:hover .service-photo  {
	background-color: rgb(65,154,241);
	text-decoration: none;
}

.cycle { margin-left: 0px; }
.cycle img {  padding-left: 0px; border: 1px solid #ccc; background: #00a0cc; }
.cycle_pager {	background: ; margin: 0; padding:0; font: 10px; margin-left:-5px; margin-right: 660px; margin-bottom:5px; margin-top:10px; }
.cycle_pager a { color: white; margin: 0px 5px; padding: 3px 5px; border: 1px solid #ccc; background: #00a0cc; text-decoration: none; }
.cycle_pager a.activeSlide { background: black; color: white; }
.cycle_pager a:hover { background: black; color: white; }
.cycle_pager a:focus { outline: none; color: white;}