@charset "utf-8";
/* CSS Document */

.revolutionList{ overflow:hidden; margin-bottom:30px;}
.revolutionList:after{content:''; display:block; clear:both;}
.revolutionList li{ float:left; width:50%; text-align:center; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:25px; margin:-1px 0 0 -1px; position:relative;}
.revolutionList li:nth-child(1){ padding-top:0px;}
.revolutionList li:nth-child(2){ padding-top:0px;}
.revolutionList li:nth-child(3){ padding-top:20px;}
.revolutionList li:nth-child(4){ padding-bottom:0px;}
.revolutionList li:nth-child(5){ padding-bottom:0px;}
.revolutionList li:nth-child(6){ padding-bottom:0px;}
.revolutionList li h3{ font-size:18px;  font-weight:400; color:#464646; padding:75px 0 10px; position:relative;}
.revolutionList li span{ font-size:12px; color:#464646;}
.revolutionList li:after{content:''; position:absolute; left:-2px; top:-1px; width:3px; height:3px; border-radius:3px; background:#dedede;}
.revolutionList li:before{content:''; position:absolute; right:-1px; bottom:-1px; width:3px; height:3px; border-radius:3px; background:#dedede;}
.revolutionList li:first-of-type:after,.revolutionList li:first-of-type:before,.revolutionList li:last-of-type:after,.revolutionList li:last-of-type:before{ display:none;}
.revolutionList li:nth-child(4):after {left: 0px; top: -2px;}

.revolutionList li h3:after{ content:''; position:absolute; left:0; right:0; top:0; width:80px; height:60px; margin:auto;}
.revolutionList li.affordable_price h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat 0 0;}
.revolutionList li.convenient_location h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat -80px 0;}
.revolutionList li.green_living h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat -160px 0;}
.revolutionList li.abundant_luxury h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat -240px 0;}
.revolutionList li.low_maintenance h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat -320px 0;}
.revolutionList li.class_compliant h3:after{ background:url(../images/icon-set2-80x80.png) no-repeat -400px 0;}


.revolutionList li:hover.affordable_price h3:after {-webkit-animation: toggleIcon 0.5s 1; -moz-animation:toggleIcon 0.5s 1; -o-animation:toggleIcon 0.5s 1; animation:toggleIcon 0.5s 1;}
.revolutionList li:hover.convenient_location h3:after{webkit-animation: toggleIcon1 0.5s 1; -moz-animation:toggleIcon1 0.5s 1; -o-animation:toggleIcon1 0.5s 1; animation:toggleIcon1 0.5s 1;}
.revolutionList li:hover.green_living h3:after{webkit-animation: toggleIcon2 0.5s 1; -moz-animation:toggleIcon2 0.5s 1; -o-animation:toggleIcon2 0.5s 1; animation:toggleIcon2 0.5s 1;}
.revolutionList li:hover.abundant_luxury h3:after{webkit-animation: toggleIcon3 0.5s 1; -moz-animation:toggleIcon3 0.5s 1; -o-animation:toggleIcon3 0.5s 1; animation:toggleIcon3 0.5s 1;}
.revolutionList li:hover.low_maintenance h3:after{webkit-animation: toggleIcon4 0.5s 1; -moz-animation:toggleIcon4 0.5s 1; -o-animation:toggleIcon4 0.5s 1; animation:toggleIcon4 0.5s 1;}
.revolutionList li:hover.class_compliant h3:after{webkit-animation: toggleIcon5 0.5s 1; -moz-animation:toggleIcon5 0.5s 1; -o-animation:toggleIcon5 0.5s 1; animation:toggleIcon5 0.5s 1;}


@-webkit-keyframes toggleIcon {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat 0 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 0px; opacity:1; }
}
@-moz-keyframes toggleIcon {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat 0 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 0px; opacity:1; }
}
@-o-keyframes toggleIcon {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat 0 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 0px; opacity:1; }
}

@keyframes toggleIcon {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat 0 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat 0 0px; opacity:1; }
}

@-webkit-keyframes toggleIcon1 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0px; opacity:1; }
}
@-moz-keyframes toggleIcon1 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0px; opacity:1; }
}
@-o-keyframes toggleIcon1 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0px; opacity:1; }
}

@keyframes toggleIcon1 {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -80px 0px; opacity:1; }
}

@-webkit-keyframes toggleIcon2 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0px; opacity:1; }
}
@-moz-keyframes toggleIcon2 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0px; opacity:1; }
}
@-o-keyframes toggleIcon2 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0px; opacity:1; }
}

@keyframes toggleIcon2 {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -160px 0px; opacity:1; }
}

@-webkit-keyframes toggleIcon3 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0px; opacity:1; }
}
@-moz-keyframes toggleIcon3 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0px; opacity:1; }
}
@-o-keyframes toggleIcon3 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0px; opacity:1; }
}
@keyframes toggleIcon3 {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -240px 0px; opacity:1; }
}

@-webkit-keyframes toggleIcon4 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0px; opacity:1; }
}
@-moz-keyframes toggleIcon4 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -80px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0px; opacity:1; }
}
@-o-keyframes toggleIcon4 {
0%{  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0px; opacity:1; }
}
@keyframes toggleIcon4 {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -320px 0px; opacity:1; }
}

@-webkit-keyframes toggleIcon5 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat  -400px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 0px; opacity:1; }
}
@-moz-keyframes toggleIcon5 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat  -400px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 0px; opacity:1; }
}
@-o-keyframes toggleIcon5 {
 0%{  background:url(../images/icon-set2-80x80.png) no-repeat  -400px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 0px; opacity:1; }
}
@keyframes toggleIcon5 {
  0%{  background:url(../images/icon-set2-80x80.png) no-repeat  -400px 0; opacity:1; }
  45% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:1; }
  50% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px -60px; opacity:0; }
  55% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 60px; opacity:0; }
  100% {  background:url(../images/icon-set2-80x80.png) no-repeat -400px 0px; opacity:1; }
}

@media screen and (max-width:800px){
.revolutionList li {width:50%;}
.revolutionList li:nth-child(3){ padding-top:25px;}
.revolutionList li:nth-child(4){ padding-bottom:25px;}
.revolutionList li:nth-child(3):after {left: 0px; top: -2px;}
.revolutionList li:nth-child(5):after {left: 0px; top: -2px;}
.revolutionList li:nth-child(4):after {left: -2px; top: -2px;}
}


@media screen and (max-width:600px){	
.revolutionList li {width:100%;}
.revolutionList li:nth-child(2){ padding-top:25px;}
.revolutionList li:nth-child(5){ padding-bottom:25px;}
.revolutionList li:after {left: 0px; top: -2px;}
.revolutionList li:nth-child(4):after {left:0px; top: -2px;}
.revolutionList li:first-of-type:after,.revolutionList li:first-of-type:before,.revolutionList li:last-of-type:after,.revolutionList li:last-of-type:before{ display:block;}
}