
.item:hover > .rand {
opacity:1;
display:block;


	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.items {height:auto; float:left; margin:0px;}

.item {height:auto; float:left; margin:0px; position:relative; background:#f1f0ec;}

.item img{width:100%; height:auto; margin:0px; float:left;}


.item1{ width:100%; margin-left:0%; margin-bottom:5%;}

.item2-3{ width:100%; margin:0px;}

.item2{ width:100%; margin-left:0%; margin-bottom:5%;}

.item3{ width:100%; margin-left:0%; margin-bottom:5%;}

.item4-5{width:100%; margin:0px;}

.item4{ width:100%; margin-left:0%; margin-bottom:5%;}

.item5{width:100%; margin-left:0%; margin-bottom:5%;}

.item6{ width:100%; margin-left:0%; margin-bottom:5%;}

.item7{ width:100%; margin-left:0%; margin-bottom:5%;}

.item8{width:100%; margin-left:0%; margin-bottom:5%;}

.item9{width:100%; margin-left:0%; margin-bottom:5%;}

.item10{ width:100%; margin-left:0%; margin-bottom:5%;}


.splitter_1{float:left; width:100%;  height:0px; display:none;}

.splitter_2{float:left; width:100%; height:0px; display:none;}

.splitter_3{float:left; width:100%;  height:0px; display:none;}

.splitter_4{float:left; width:100%; height:0px;  display:none;}


.item4b{ width:25%; display:none;}
.item{ height:auto!important; position:relative;padding-bottom:0px!important;}
.item.vertical1{float:left!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item.vertical2{float:right!important; width:50%!important; height:auto!important; position:relative;padding-bottom:0px!important;margin:0px 0px 0px 0px!important;}
.item img{position:relative;}

.item {height:auto; float:left; }


	.verticalpadder{width:92%; margin-left:4%; margin-bottom:0px; float:left; position:relative; display:block; background:transparent;}


.overlayer{position:absolute; width:100%; height:100%;opacity:0;-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;}

.overlayerinit{width:100%;height:100%; position:absolute; z-index:2; opacity:0;}


.overlayer:hover{opacity:1; }

.overlayer .txt4{color:#fff; border-bottom:3px solid #fff;  display:none;}
.overal{left:0px; top:0px; right:0px; bottom:0px; background:#222222;opacity:0.1;position:absolute;}




@media only screen and (min-width: 300px) {

.item {height:auto; float:left; }

.item {height:auto; float:left; margin:0px;}

.item img{width:100%;height:auto; margin:0px; float:left;}


.item1{ width:100%; margin-left:0%; margin-bottom:4%;}

.item2-3{ width:100%; margin-left:0%; margin-bottom:4%;}

.item2{ width:32%; margin-right:4%; }

.item3{ width:64%; }

.item4-5{  margin-left:0%; width:46.4%; margin-bottom:4%;}

.item4{ width:100%}

.item5{ width:100%; margin-top:10%;}

.item6{ width:49.6%; margin-left:4%; margin-bottom:4%;}

.item7{ width:100%; margin-left:0%; margin-bottom:4%;}

.item8{  width:49.5%; margin-left:0%; margin-bottom:4%;}

.item9{  width:46.5%; margin-left:4%; margin-bottom:4%; }

.item10{  width:46.5%; margin-left:4%; margin-bottom:4%;}


.splitter_1{float:left; width:100%; display:block;}

.splitter_2{float:left; width:100%;  display:none;}

.splitter_3{float:left; width:100%; display:none;}

.splitter_4{float:left; width:100%;  display:none;}

}





@media only screen and (min-width:900px) {


.item {height:auto; float:left; margin:0px;}

.item img{width:100%;height:auto; margin:0px; float:left;}


.item1{ width:73.3%; margin-left:0%; margin-bottom:4%;}

.item2-3{ margin-left:4%;width:22.7%;}

.item2{ width:100%;margin-bottom:16%;}

.item3{ width:100%;}

.item4-5{ width:100%; margin-left:0%; margin-bottom:4%;}

.item4{ width:48%; margin-right:4%;}

.item5{ width:48%;}

.item6{ width:23%; margin-left:0%; margin-bottom:4%;}

.item7{ width:46%;margin-left:4%; margin-bottom:4%;}

.item8{ width:23%;margin-left:4%; margin-bottom:4%;}

.item9{ margin-left:0%; width:48%; margin-right:4%; margin-bottom:4%;}

.item10{ width:48%; margin-bottom:4%;}


.splitter_1{float:left; width:100%;  display:none;}

.splitter_2{float:left; width:100%;  display:block;}

.splitter_3{float:left; width:100%;  display:none;}

.splitter_4{float:left; width:100%;  display:none;}



}


@media only screen and (min-width: 1300px) {



.item {height:auto; float:left; margin:0px;}

.item img{width:100%;height:auto; margin:0px; float:left;}


.item1{ width:47.2%; margin-left:0%; margin-bottom:4%;}

.item2-3{ width:48.8%; margin-left:4%; margin-bottom:4%;}

.item2{ width:48.5%;}

.item3{ margin-left:8%; width:43.5%;}

.item4-5{ width:36.8%; margin-left:0%; margin-top:0px;}

.item4b{ margin-left:8%; width:43.5%; display:block; margin-top:6.5%;}

.item4{ width:100%;display:none;}

.item5{ width:100%; margin-top:0px;}

.item6{ width:18.4%; margin-left:4%;}

.item7{ width:36.8%; margin-left:4%;}

.item8{ width:18.4%; margin-left:0%;margin-bottom:4%;}

.item9{ width:36.8%; margin-left:4%;margin-bottom:4%;}

.item10{ width:36.8%; margin-left:4%;margin-bottom:4%;}


.splitter_1{float:left; width:100%; display:none;}

.splitter_2{float:left; width:100%;  display:none;}

.splitter_3{float:left; width:100%;  display:block;}

.splitter_4{float:left; width:100%; display:none;}




}




@media only screen and (min-width: 1800px) {



.item {height:auto; float:left; margin:0px;}

.item img{width:100%;height:auto; margin:0px; float:left;}


.item1{ width:41.2%; margin-bottom:2%;}

.item2-3{ width:12.8%; margin-left:2%; margin-bottom:2%;}

.item2{ width:100%;}

.item3{ width:100%; margin-top:15%;}

.item4-5{ width:19.25%; margin-left:2%; margin-bottom:2%;}

.item4{ width:100%; display:block; }
	
.item4b{ width:100%; display:none;}

.item5{ width:100%; margin-top:10%;}

.item6{ width:20.75%; margin-left:2%; margin-bottom:2%;}

.item7{ width:26.85%; margin-bottom:2%;}

.item8{ width:13.45%;margin-bottom:2%; margin-left:2%;}

.item9{ width:26.85%;margin-bottom:2%; margin-left:2%;}

.item10{ width:26.85%; margin-bottom:2%; margin-left:2%;}


.splitter_1{float:left; width:100%; display:none;}

.splitter_2{float:left; width:100%;display:none;}

.splitter_3{float:left; width:100%; display:none;}

.splitter_4{float:left; width:100%;  display:block;}



}


