#categories{
  overflow:hidden;
  margin:0 auto;
  padding:50px 0;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:27.85714285714286%; /* = (100-2.5) / 3.5 */
  padding-bottom: 32.16760145166612%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(3n+2){
  margin:0 1%;
}
#categories li:nth-child(6n+4){
  margin-left:0.5%;
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
	margin-top: -6.9285714285%;
  margin-bottom: -6.9285714285%;
  
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  
}
/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}
#categories li h1:after{
	content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}



/* HOVER EFFECT  */

#categories li div:hover h1 {
  bottom:50%;
  padding-bottom:10%;
}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {
  color: #fff;
}
#fork:hover:before {
  transform: translateX(0) skewX(-45deg);
}
.year {
	position: relative !important;
	font-weight: bold;
	font-size: 1.8em;
	color:#00fd00;
	padding: 50px;
}
.year_text {
	position: relative !important;
}
.table_outer .table_inner_mid {
	position: relative !important;
}
.table_outer {
	position: relative !important;
}
.positioninner {
	position: relative !important;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	color: #000;
	text-align: center;
	background-color: #f4f4f4;
}
.positioninner p{
	width: 100%;
	text-align: center;	
}
#header .right_main_menu ul .contact a:after {
	display: none;
}
.close {
	z-index: 100;
}
#single-feature .post-entry p, #single-clients .post-entry p, #single-videos .post-entry p {
    color: #000;
    margin-bottom: 20px;
    line-height: 1.7;
    font-size: 16px;
    text-align: justify;
}
#single-feature .background_cover.sidebar, #single-clients .background_cover.sidebar, #single-videos .background_cover.sidebar{
    height: 30vh;
    margin: 30px 0 50px 0;
    min-height: auto;
}
#single-feature .background_cover, #single-clients .background_cover, #single-videos .background_cover {
    height: 30vh;
    margin: 30px 0 50px 0;
    min-height: 500px;
}
h2 {
    padding-bottom: 10px !important;
}
.page_header {
	height: 65vh;
	min-height: 360px;
}
.heading_icon {
    font-size: 2em;
}
.page_header .archive-message:before {
    content: '';
    height: calc(150% - -10px);
    width: 20px;
    position: absolute;
    display: inline-block;
    background-color: #00fd00;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    left: -60px;
    top: -25px;
}
.heading_icon:before {
    content: '';
    height: calc(30% + 20px);
    width: 10px;
    margin-top: calc(0% + -20px);
    position: absolute;
    display: inline-block;
    background-color: #00fd00;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    left: -30px;
}
  #single-feature .post-entry h2, #single-clients .post-entry h2, #single-videos .post-entry h2 {
    font-size: 26px;
}
.hexagon .image-text{
	position: relative!important;
    background: #00fd00;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    color: #000;
    top: 20%;
}
@media (max-width: 970px) {
	.packery-item.margin_down {
    margin-top: 0px !important;
}
.packery-item.margin_up {
     margin-top: 0px !important;
}
.margin_down_archive {
	 margin-top: 0px !important;
}
.margin_up_archive {
	 margin-top: 0px !important;
}
}
@media (max-width: 768px) {
	.hexagon .background_cover .table_outer{
		background:rgba(0,0,0,0.5);
		height:100%;
		width:100%;
	}
	#footer .footer_logo .cusu {
    min-height: 120px;
    height: 100%;
    width: 160px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.margin_down_archive {
	 margin-top: 0px !important;
}
.margin_up_archive {
	 margin-top: 0px !important;
}
.footer_logo {
    text-align: center;
    display: inline-block !important;
}
	.packery-item.margin_up {
    margin-top: 0px;
}
    .hexagon .image-text{
		background:none;
		color:#00fd00;
		top:0px;
	}
	.grid-item {
		margin-bottom: 20px !important;
	}
	.year {
    padding: 10px;
    font-size: 12px;
}
.hexagon .image-text {
    font-size: 12px;
    width: 100%;
}
.packery-item.margin_down {
    margin-top: 0px !important;
}
.packery-item.margin_up {
     margin-top: 0px !important;
}
.social_menu.text-right {
    text-align: center !important;
}
.social_link {
    display: inline-block;
    text-align: center;
    /* margin: 0 auto; */
}
.footer_menu_bottom ul {
    text-align: center;
}
}
@media (max-width: 480px) {
		#footer .footer_logo .cusu {
    min-height: 120px;
    height: 100%;
    width: 160px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.margin_down_archive {
	 margin-top: 0px !important;
}
.margin_up_archive {
	 margin-top: 0px !important;
}
.footer_menu_bottom ul {
    text-align: center;
}
.social_link {
    display: inline-block;
    text-align: center;
    /* margin: 0 auto; */
}
.social_menu.text-right {
    text-align: center !important;
}
.footer_logo {
    text-align: center;
    display: inline-block !important;
}
	.grid-item {
		margin-bottom: 20px !important;
	}
		.packery-item.margin_up {
    margin-top: 0px !important;
}
.packery-item.margin_down {
     margin-top: 0px !important;
}
	.home_header .home_message:before {
    content: '';
    height: calc(100% - 10px);
    width: 28px;
    position: absolute;
    display: inline-block;
    background-color: #00fd00;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    left: -58px;
	}
	.year {
    padding: 10px;
    font-size: 12px;
	}
	.hexagon .image-text {
    font-size: 11px;
    width: 100%;
}
.packery-item.margin_down {
    margin-top: 0px;
}
}
.hexagon .positioninner:hover{
	background-color:#00fd00;
}
.hexagon .positioninner:hover .year{
	color:#fff;
}
.hexagon .background_cover:hover .table_outer{
	background-color:rgba(0, 253, 0, 0.8);
}
.hexagon .background_cover:hover .table_outer{
	background-color:rgba(0, 253, 0, 0.8);
}
.hexagon .background_cover:hover .image-text{
	background:#fff;
	color:#000;
}
#myPopoverContent{
	display:none;
}
#timeline .content p{
	margin:20px 0;
}
.post-inner:hover .sm-post-title {
	transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
	color: #00fd00;
}
.post-inner:hover i {
	transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
	color: #00fd00;
}
.sm-post-title {
	transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
}
.heading_icon:before {
    content: '';
    min-height: calc(30% + 20px);
    height: 25px;
    width: 4px;
    margin-top: calc(0% + 0px);
    position: relative;
    display: inline-block;
    background-color: #00fd00;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    left: 0px;
    margin-right: 10px;
}
.page_header .archive-message:before {
    content: '';
    height: calc(90% - -10px);
    width: 20px;
    position: absolute;
    display: inline-block;
    background-color: #00fd00;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    left: -55px;
    top: calc(100% - 100%);
}
.heading_packery {
    padding: 10px 0px;
}
#search .close {
    top: 145px;
}
h2.heading_icon {
    padding-left: 25px;
}
.image-text.drop-shadow {
    opacity: 0;
    	transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
}
.hexagon .background_cover:hover .image-text.drop-shadow {
	    opacity: 1;
    	transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
}
h2.heading_icon {
    padding: 30px 0px 60px 25px !important;
}

.margin_up_archive {
	margin-top: calc(0% - 20%);
}
.margin_down_archive {
    margin-top: calc(0% - 10%);
}
.init em {
    font-style: normal !important;
}
.social_link a:after {
	display: none !important;
}
.social_link a {
		transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
}
.social_link a:hover i{
		transition: ease all .25s;
	-webkit-transition: ease all .25s;
	-moz-transition: ease all .25s;
	color: #00fd00;
}
footer#footer {
    background-color: #fff;
    z-index: 100;
    position: relative;
}
.page {
    overflow-x: hidden;
}
.home #header {
    background-color: #fff;
}
.home .header_logo {
    width: 100%;
    height: 80px;
    position: relative;
    filter: brightness(0) invert(0) !important;
}
.home .right_main_menu ul li a {
    color: #000 !important;
}
.home .social_link {
    color: #000 !important;
}
.home .right_main_menu ul .search i {
    color: #000!important;
}
.home .right_main_menu ul .search {
    border-bottom: 2px solid #000!important;
   }
.home #header .header_logo {
    height: 90px !important;
}
.packery-item.margin_down {
    margin-top: calc(0% + 10%) !important;
}

.home_header .home_message:before {
	display: none !important;
}
.homeLogo {
	height: calc(100vh - 50vh);
}