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

.divwcasarah50 {margin:0 auto}
.casalogo, .casarahejalogo {display:block; margin:0 auto; width:260px; padding-bottom:30px; background:url(../images/dotlinebl.png) no-repeat bottom center; margin-bottom:30px; position:relative}
.casalogo img, .casarahejalogo img {width:100%; height:auto}
.textnote {position:absolute; bottom:50px; text-align:left; font-size:8pt}
.casacareli {background-color:#ffffff; width:100%; height:100%; position:relative}
.casacareli > li {width:50%; display:inline-block; vertical-align:middle; color:#333}
.casacareli > li:last-child {background:url(../images/casacare-img.jpg) center right; background-size:cover; height:100%}
.casacareli li h1, .viewssect h1 {padding-bottom:15px; background:url(../images/dotlinebl.png) no-repeat bottom center; margin-bottom:30px}
.casacareli > li  p {text-align:center; margin-bottom:30px}

.rahejaliveli {background-color:#ffffff; width:100%; height:100%; position:relative}
.rahejaliveli > li {width:50%; display:inline-block; vertical-align:middle; color:#333}
.rahejaliveli > li:last-child {background:url(../images/rahejalive-img.jpg) center right; background-size:cover; height:100%}
.rahejaliveli li h1, .viewssect h1 {padding-bottom:15px; background:url(../images/dotlinebl.png) no-repeat bottom center; margin-bottom:30px}
.rahejaliveli > li  p {text-align:center; margin-bottom:30px}
.rahejafloatlft {float:left}
.rahejafloatrt {float:right}
.rahejaliveli > li:first-child {display:table; height:100%}
.tabcelvertmid {display:table-cell; vertical-align:middle}
.casacareli > li:last-child img, .rahejaliveli > li:last-child img {width:100%; height:100%}

@media screen and (min-width: 300px) {
.divwcasarah50 {width:86%; margin: 0 auto;}
.casacareli > li, .rahejaliveli > li {width:100%; position:absolute; top:0; left:0; height:100% !important}
.casacareli > li:first-child, .rahejaliveli > li:first-child {padding-top:20px; z-index:20; background-color: rgba(0, 0, 0, 0.63); color:#FFFFFF}
.casacareli > li:last-child, .rahejaliveli > li:last-child {z-index:10}
.rahejaliveli > li:first-child {display:block; height:auto}
.textnote {position:relative; bottom:0}
.casalogo, .casarahejalogo {width:180px;}
.casalogo img {background:url(../images/casacare-logo.png) no-repeat; background-size:cover}
.casarahejalogo img {background:url(../images/rahejalive-logo.png) no-repeat; background-size:cover}
.casalogo, .casarahejalogo {background:url(../images/dotline.png) no-repeat bottom center; padding-bottom:15px; margin-bottom:15px;}
}

@media screen and (min-width: 480px) {
.casalogo, .casarahejalogo {width:200px;}
.divwcasarah50 {width:80%; margin: 0 auto}

}

@media screen and (min-width: 768px) {
.divwcasarah50 {width:60%;}
.casalogo, .casarahejalogo {width:220px;}
.casalogo, .casarahejalogo {padding-bottom:30px; margin-bottom:30px;}

}

@media screen and (min-width: 1024px) {
.divwcasarah50 {width:60%;}
.casacareli > li, .rahejaliveli > li {width:50%; position:relative; top:0; left:0;}
.casacareli > li:first-child, .rahejaliveli > li:first-child {padding-top:20px; z-index:20; background:transparent; color:#333333}
.rahejaliveli > li:first-child {display:table; height:100%}
.textnote {position:absolute; bottom:50px;}
.casalogo, .casarahejalogo {width:240px;}
.casalogo img {background:url(../images/casacare-logocol.png) no-repeat; background-size:cover}
.casarahejalogo img {background:url(../images/rahejalive-logocol.png) no-repeat; background-size:cover}
.casalogo, .casarahejalogo {background:url(../images/dotlinebl.png) no-repeat bottom center; padding-bottom:30px; margin-bottom:30px;}

}

@media screen and (min-width: 1280px) {
.casalogo, .casarahejalogo {width:260px;}

}

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

}

@media screen and (min-width: 1400px) {
.divwcasarah50 {width:55%;}

}

@media screen and (min-width: 1600px) {
.divwcasarah50 {width:50%;}
}

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