body {
    width: 98vw;
    overflow: hidden;
    overflow-y: auto;
    margin:0;
    padding:0;
    font-family: GOTHIC;
    opacity: 0;
    transition: all .2s ease;
}

tree {
    margin-bottom: -2vw;
    z-index: 1;
}

.footerLinks {
    z-index: 1;
}
content {
    position: relative;
    float: left;
    padding-top: 2vw;
    width: 91vw;
    padding-left: 8vw;
    z-index: 2;
}

item {
	position: relative;
	float: left;
	width: 15vw;
	height: auto;
	padding: 1.9vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
	overflow: hidden;
	font-family: GOTHIC;
	box-shadow: 0px 0px 0px rgba(0,0,0,.05);
	transition: all .3s ease;
	//border: 1.9vw solid #fff;
}

	item:hover {
		//transform: scale(1.2);
		
		color: #ff6501;
		box-shadow: 1px 5px 11px rgba(0,0,0,.167);
	}

	item .label {
		transition: inherit;
	}

	item:hover .label  {
		color: #ff6501;
	}

item img {
    width: 100%;
    height: 100%;
    margin-bottom: 1vw;
    border-radius: 2vw;
    transition: all .3s ease;
    cursor: pointer;
}

item img:hover {
    border-radius: 0vw;
}

item .deleteBtn {
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    background: rgba(255,255,255,.5);
    color: red;
    transform: rotate(45deg);
    width: 2vw;
    height: 2vw;
    font-size: 2vw;
    line-height: 1.4vw;
    border-radius: 50%;
    border: none;
    //border: 1px solid #ccc;
    outline: none;
    cursor:pointer;
    transition: all .2s ease;
}

item .deleteBtn:hover {
    //border: 1px solid #ccc;
    transform: rotate(135deg);
}

item .updateBtn {
    //display: none;
    position: absolute;
    float: left;
    left:0;
    bottom: -1.9vw;
    color: #fff;
    font-stretch:expanded;
    width:100%;
    height: 1.9vw;
    text-shadow: 1px 1px 3px rgba(0,0,0,.2);

    font-size: 2.7vw;
    line-height: 1.3vw;
    padding-top: -2vw;
    background: linear-gradient(to bottom, #0c0 0%, #090 67%, #0d0 100%);
    background: #ccc;
    border: none;

    cursor:pointer;
    transition: all .4s ease;
}

item .updateBtn:hover {
    background: #0c0;
    text-shadow: 1px 1px 10px rgba(0,0,0,.5);
}

item:hover .updateBtn {
    //bottom: 0;
}

item .rotateBtn {
    display: none;
    position: absolute;
    float: left;
    top: -1vw;
    left: -1vw;

    background: #fff;
    text-align: center;
    margin: auto;
    line-height: 2vw;
    padding-top: 1vw;
    padding-left: .9vw;

    width: 4vw;
    height: 4vw;
    font-size: 1.5vw;
    border-radius: 50%;

    outline: none;
    cursor:pointer;
    transition: all .2s ease;
    //color: red;
    //transform: rotate(45deg);
    //line-height: 1.4vw;
    //border: none;
    //border: 1px solid #ccc;
}

item .rotateBtn:hover {
    //border: 1px solid #ccc;
    //transform: rotate(135deg);
}

item .hiddenBtn {
    opacity:0;
    transition: all .2s ease;
}

item:hover .hiddenBtn {
    opacity:1;
}

item:focus .hiddenBtn {
    opacity:1;
}

item .label {

    padding: 0px;
    font-family: monospace;
    font-size: 13px;
    width:100%;
    height: auto;
    border: none;
    overflow: auto;
    white-space: pre-line;
    text-align: left;
    background: #fff;
}

item textarea {
    padding: 0px;
    //padding-left:0;
    //padding-top:4px;
    max-width: 100%;
    height: 3vw;
    white-space: pre;
}

item .submit {
    position:relative;
    bottom: -1.9vw;
    padding: .5vw 1.5vw .5vw 1.4vw;
    background: linear-gradient(to bottom, #0c0 0%, #070 67%, #0a0 100%);
    color:#fff;
    font-family: sans-serif ;
    font-size: 1.75vw;
    font-style: italic;
    border:none;
    border-top-left-radius: .3vw;
    border-top-right-radius: .3vw;
    cursor: pointer;
}

item div {
    width: 100%;
    height: 100%;
}

item p {
    position:relative;
    color: #bcbcbc;
    font-size:13px;
}

item .creator {
    position:relative;
    top: .33vw;
    color: #9d9dff;
}


/////////////////////////////////////////////////
.itemGrow {
    position: absolute;
    z-index: 10;
}

.item {
    //position: relative;
    display: block;
    float: left;
    width: 15vw;
    height: auto;
    border: 2vw solid #fff;
    margin-right: 2vw;
    margin-bottom: 2vw;
    box-shadow: 1px 5px 11px rgba(0,0,0,.2);
    transition: all .3s ease;
    z-index: 20;
    //animation: itemGrow .3s forwards;
}

.item img {
    width: 100%;
    height: 100%;
    margin-bottom: 1vw;
    transition: all .7s ease;
}

.item div {
    width: 100%;
    height: 100%;
}

@keyframes itemGrow {
    0% {
        width:15vw;
        height: auto;
    }
    100% {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }
}

.growWidth {
    animation: growWidthA .6s forwards;
}

@keyframes growWidthA {
    100% {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }
}

.growHeight {
    animation: growHeightA .6s forwards;
}

@keyframes growHeightA {
    100% {
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
    }
}

.imgBG {
    position: fixed;
    //top: 50%;
    //left: 50%;
    width: 10%;
    height: 10%;
    //background: url('../img/gallery/GMS-1441786417.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 12;
    transition: all .6s ease;
}

@keyframes growS {
    0% {
        top: 50%;
        left: 50%;
        width: 10%;
        height: 10%;
    }
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

#max {
    position: fixed;
    display: block;
    top: 0;
    left: 8px;
    z-index: 100;
}

.button_iron {
    padding:1vw 2vw 1vw 2vw; 
    margin-left:1vw; 
    font-size:2vw; 
    font-family:verdana; 
    background:linear-gradient(to bottom, #ccc 0%, #bbb 67%, #ddd 100%);
}

.button_iron:hover {
    background:linear-gradient(to bottom, #ccc 0%, #888 67%, #ddd 100%);
}