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


.amnmenuli > li {height:100% !important; width:25%; display:inline-block; vertical-align:middle; position:relative; overflow:hidden}
.amnmenuli > li > div {height: 100%; width: 100%;}
.amnmenuli > li .amnposition {position:relative; top:50%; width:100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align:center;}
.amnmenuli > li:hover .amnposition {color:#333333;}
.amnmenuli > li .amnposition .amnh1p {padding-bottom:15px; background:url(../images/dotline.png) no-repeat bottom center;}
.amnmenuli > li:hover .amnposition .amnh1p, .divvertmiddle .amnh1p {padding-bottom:15px; background:url(../images/dotlinebl.png) no-repeat bottom center;}
.amnmenuli > li .amnposition .amnpoints {opacity: 0; display:none}
.amnmenuli > li:hover .amnposition .amnpoints {opacity: 1; display:block}

.amnmneubgd01 {background:url(../images/vista.jpg) no-repeat; background-size: cover; background-position:center}
.amnmneubgd02 {background:url(../images/imperial-park.jpg) no-repeat; background-size: cover; background-position:center}
.amnmneubgd03 {background:url(../images/club-imperia.jpg) no-repeat; background-size: cover; background-position:center}
.amnmneubgd04 {background:url(../images/score.jpg) no-repeat; background-size: cover; background-position:center}

.amnmneubgd01:before, .amnmneubgd02:before, .amnmneubgd03:before, .amnmneubgd04:before, .amnmneubgd05:before {content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.75);}
.amnmenuli > li:hover .amnmneubgd01:before, .amnmenuli > li:hover .amnmneubgd02:before, .amnmenuli > li:hover .amnmneubgd03:before, .amnmenuli > li:hover .amnmneubgd04:before, .amnmenuli > li:hover .amnmneubgd05:before {background-color: rgba(230,230,230,1); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.amnmenuli > li:hover .amnmneubgd01, .amnmenuli > li:focus .amnmneubgd01, .amnmenuli > li:hover .amnmneubgd02, .amnmenuli > li:focus .amnmneubgd02, .amnmenuli > li:hover .amnmneubgd03, .amnmenuli > li:focus .amnmneubgd03, .amnmenuli > li:hover .amnmneubgd04, .amnmenuli > li:focus .amnmneubgd04, .amnmenuli > li:hover .amnmneubgd05, .amnmenuli > li:focus .amnmneubgd05 {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);    -o-transform: scale(1.2); transform: scale(1.2);  -webkit-transition: all 10s; -moz-transition: all 10s; -o-transition: all 10s; transition: all 10s;}


.amnmenuli {font-size:0; height:100% !important}
.amnmenuli > li {font-size:11pt;}

.divvertmiddle {position:absolute; left:0; top:50%; width:80%; margin:0 10%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align:center;}

@media screen and (min-width: 300px) {
.amnmenuli > li {height:25% !important; width:100%; display:block}
.amnpoints ul > li {display:inline-block}
.amnmenuli > li:hover .amnposition .amnpoints {opacity: 1; display:none}
}

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

}

@media screen and (min-width: 768px) {
.amnpoints ul > li::before {content: url(../images/bullet.png)}
.amnpoints h2 {margin:10px 0; font-size:11pt}
.amnmenuli > li:hover .amnposition .amnpoints {opacity: 1; display:block}

}

@media screen and (min-width: 1024px) {
.amnpoints ul > li::before {content: " "}
.amnmenuli > li {height:100% !important; width:25%; display:inline-block}
.amnpoints ul > li {display:block}
.amnpoints h2 {margin:30px 0; font-size:11pt}
}

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

}

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

}

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

}