.grid {
	/*max-width: 69em;*/
	list-style: none;
	margin: 0px auto;
	padding: 0;
}

.grid>.views-row {
	display: block;
	float: left;
	/*padding: 7px;
	width: 33%;*/
	opacity: 0;
}

.grid>.views-row.shown,
.no-js .grid>.views-row,
.no-cssanimations .grid>.views-row {
	opacity: 1 !important;
}

.grid>.views-row a,
.grid>.views-row img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 .views-row.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 .views-row.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 .views-row.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 .views-row.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 .views-row.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 .views-row.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 .views-row.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 .views-row.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid div {
		/*width: 50%;*/
	}
}

@media screen and (max-width: 400px) {
	.grid div {
		/*width: 100%;*/
	}
}

@media screen and (min-width: 1024px) {
	.view-content.grid {
		/*width: calc(100% + 75px);*/
	}
}

.grid img {
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.85;
}
/*body:not(.loading-page) .grid .views-row {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}*/
body .grid .views-row {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.not-front .grid img, 
.field-name-body a.views-row img {
	position: initial !important;
		width: 100% !important;
		max-width: 100%!important;
		height: auto !important;
		transform: translate(-0%, -0%) !important;
		-webkit-transform: translate (-0%, -0%) !important;
		-moz-transform: translate (-0%, -0%) !important;
		-ms-transform: translate (-0%, -0%) !important;
		-o-transform: translate (-0%, -0%) !important;
}
.not-front .grid img:hover, 
.not-front .view-2-col .grid img:hover,
.not-front .main .container .row .col-md-9 .views-row .views-field.views-field-field-photo:hover img {
	transform: scale(1.1, 1.1) !important;
	-webkit-transform: scale(1.1, 1.1) !important;
	-moz-transform: scale(1.1, 1.1) !important;
	-ms-transform: scale(1.1, 1.1) !important;
	-o-transform: scale(1.1, 1.1) !important;
	width: 100% !important;
	opacity: 0.85;
}

.field-name-body a.views-row img {
    position: relative !important;
    float: none !important;
}



.not-front .view-2-col .grid .views-row .views-field.views-field-field-thumbs, 
.not-front .view-2-col .grid .views-row .views-field.views-field-field-photo {
	height: auto !important;
}

.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item img {
	width: 100% !important;
}
.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item img:hover{
    transform: scale(1.1, 1.1);
}

.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item {
	/*width: 399px !important;
    margin: 0px 0px 1px 1px !important;*/
	background: #000;
}
@media (max-width: 1285px) {
	.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item {
		width: 332px !important;
	}
}


.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item:nth-child(2) {
	/* margin: 20px 0px 0px 1px !important;*/
}
.node-type-gallery .col-md-9 .field-name-field-object-gallery .grid .field-item:nth-child(3) {
	/*margin: -20px 0px 0px 1px !important;*/
}
.not-front:not(.page-about) .view-content.grid .views-row:nth-child(2) {
	/*margin-top: -15px;*/
}
.not-front:not(.page-about) .col-md-12 .view-2-col .views-row:nth-child(3) {
    /*margin-top: -30px;*/
}
.not-front .view-content.grid .views-row .views-field-title, 
.not-front .view-content.grid .views-row .views-field-body {
	height: auto !important;
}

@media (max-width: 1024px) {
	.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item, 
	.node-type-gallery .col-md-9 .field-name-field-object-gallery .grid .field-item:nth-child(3), 
	.not-front:not(.page-about) .view-content.grid .views-row:nth-child(2), 
	.page-node .col-md-9 .field-name-field-object-gallery .grid .field-item:nth-child(2) {
		/*margin: 10px !important;
		margin-bottom: 43px !important;
		width: calc(100% - 20px) !important;*/
	}
}