#page-mp-profile legend{margin:auto;text-align:center;width:100%;display:block;}
#page-mp-profile legend span{margin:auto 0.4em;text-align:center;vertical-align:top;position:relative;}
#page-mp-profile legend span em{margin-top:0.2em;vertical-align:top;display:inline-block;}
#page-mp-profile legend span:before{width:22px;height:22px;margin:0 0.4em;content:'';display:inline-block;position:relative;background-size:cover;background-repeat:no-repeat;background-position:0 0;}
#page-mp-profile legend span.label-not-contesting:before{background-image:url('../../party/imgs/legend-not-contesting.svg');}
#page-mp-profile legend span.label-contesting:before{background-image:url('../../party/imgs/legend-contesting.svg');}

/*
#page-mp-profile legend span:before{width:22px;height:22px;margin:0 0.4em;border:2px solid #fff;content:'';display:inline-block;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;position:relative;}
#page-mp-profile legend span.label-not-contesting:before{background-image:linear-gradient(to top, #eee 0%, #eee 50%, #eee 100%);}
#page-mp-profile legend span.label-contesting:before{background-image: linear-gradient(to bottom, #66dde0 0%, #d4c8e3 50%, #f5c0c4 100%);}
#page-mp-profile legend span.label-contesting:after{width:14px;height:14px;left:10px;top:-5px;position:absolute;content:'';background:#fff;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
*/

.mp-panel{width:80%;margin:auto;}
.active-with-click .col-md-3.col-sm-6.col-xs-12{padding:0 0.5em!important;}

.material-card{margin-bottom:1em;min-height:250px;width:250px;height:250px;overflow:hidden;position:relative;background:transparent;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;000padding-bottom:calc(100% - 100px);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.material-card:before,.material-card.mc-active .img-container:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(to bottom, #66dde0 0%, #d4c8e3 50%, #f5c0c4 100%);}

.material-card::after,.material-card.mc-active .img-container:after{margin:6px;border:6px solid #fff;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;-moz-box-shadow:inset 0 0 2px #99c6dc;-webkit-box-shadow:inset 0 0 2px #99c6dc;box-shadow:inset 0 0 2px #99c6dc;}
.material-card.mc-active .img-container:after{display:none;margin:3px;border:3px solid #fff;}

.material-card.step-down:before,.material-card.step-down.mc-active .img-container:before{}
.material-card.step-down .mc-content .img-container:before{background:#ffc8ca!important;}
.material-card.step-down:before{background-image:linear-gradient(to top, #eee 0%, #f6f6f6 50%, #eee 100%);}
.material-card.step-down.mc-active{background:#454545!important;}
.material-card.step-down.mc-active,.material-card.step-down.mc-active .img-container:before{background:#ddd;}
.material-card.step-down.mc-active .img-container:after{margin:0;border:none;}
.material-card.step-down .img-container{background:#f9f9f9;}

.material-card:hover{box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.08);}
.material-card.mc-active{min-height:500px;vertical-align:top;color:#fff;background:#075795;box-shadow:0 0 40px 0 rgba(0, 0, 0, 0.15);border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;}
.material-card h2{padding:0.8em 1.4em 3em 3em;font-size:1em;line-height:1.4;text-align:center;position:absolute;top:calc(100% - 86px);left:0;width:100%;color:#000;margin:0;z-index:10;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;transform:skew(-8deg) rotate(-8deg) translateZ(0);-webkit-transform:skew(-8deg) rotate(-8deg) translateZ(0);-moz-transform:skew(-8deg) rotate(-8deg) translateZ(0);-ms-transform:skew(-8deg) rotate(-8deg) translateZ(0);box-shadow:0 0 50px 0 rgba(5, 11, 49, 0.06);background:#fff;background-size:100%;background-repeat:repeat;background-position:0 0;}

.material-card .mc-content .img-container:before{top:60%;left:-5%;width:110%;height:300px;z-index:10;margin:5px;opacity:0.4;display:block;overflow:hidden;background:#66dde0;content:'';position:absolute;-ms-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;transform:skew(8deg) rotate(8deg) translateZ(0);-webkit-transform:skew(8deg) rotate(8deg) translateZ(0);-moz-transform:skew(8deg) rotate(8deg) translateZ(0);-ms-transform:skew(8deg) rotate(8deg) translateZ(0);}
.material-card:hover .mc-content .img-container:before{top:-5%;opacity:0.2;background:#66dde0;z-index:0;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
.material-card.mc-active .mc-content .img-container:before{display:none;}
.material-card .party-logo{margin:-0.2em 0.4em 0 0;}
.material-card .party-trp{margin:-0.4em 0.2em 0 0;}
.material-card.mc-active .party-trp{margin:-0.4em -0.2em 0 0;}

:root{--primary-color:#e5e5e5;--background-color:#fff;--text-color:#2d2d2d;}

.material-card h2{background-color:var(--background-color);color:var(--text-color);}

@media screen and (prefers-color-scheme: dark) {
.material-card h2{background-image:url('../bg-white.gif');background:#fff;background-size:100%;background-repeat:repeat;background-position:0 0;}	
}

.material-card h2 span{display:block;}
.material-card h2 span.ch{font-weight:400;display:block;}
.material-card.mc-active h2 span.ch{font-size:1.2em;}
.material-card h2 .member-name{font-size:1em;color:#000;}
.material-card h2 .member-name .ch{font-weight:600;}
.material-card h2 .constituency-name{font-size:0.55em;font-weight:400;border-bottom:none;padding-bottom:0;}
.material-card h2:before,.material-card h2:after{display:none!important;content:' ';position:absolute;left:0;top:-16px;width:0;border:8px solid;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.material-card h2:after{top:auto;bottom:0;}
.material-card .profile-img{width:70%;padding:0.4em 0;filter:contrast(105%);margin:0 auto;display:block;}
.material-card.mc-active.step-down .img-container{background:#ddd;}
.material-card.mc-active .profile-img{width:100%;margin-top:0;padding:0;}
.material-card h2 .member-territory{line-height:1.1;}
.material-card h2 .member-territory,.material-card h2 .party-logo{display:inline-block;}
.material-card.mc-active h2 .party-logo{display:none;}
.material-card .party-logo{float:right;transform:skew(8deg) rotate(8deg) translateZ(0);-webkit-transform:skew(8deg) rotate(8deg) translateZ(0);-moz-transform:skew(8deg) rotate(8deg) translateZ(0);-ms-transform:skew(8deg) rotate(8deg) translateZ(0);}

.material-card.mc-active h2{top:-2.4em;padding:3.4em 1em 0.8em 5em;text-align:left;}
.material-card.mc-active h2:before{top:0;}
.material-card.mc-active h2:after{bottom:-16px;}
.material-card .mc-content{position:absolute;right:0;top:0;bottom:0;left:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.material-card .mc-btn-action{width:34px;height:34px;line-height:34px;background:#075795;position:absolute;right:2em;top:5em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;color:#fff;cursor:pointer;z-index:20;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.material-card .mc-btn-action:before{padding:0;width:17em;height:17em;display:block;content:'';position:absolute;right:-2em;top:-8em;}
.material-card .mc-btn-action:hover{transform:scale(1.2);}
.material-card .mc-btn-action i{display:inline-block;}
.material-card.mc-active .mc-btn-action{top:0.8em;right:0.8em;background:#075795;000transform:rotate(180deg);000-webkit-transform:rotate(180deg);}
.material-card .mc-detail{font-size:0.9em;padding:0 1.4em;width:100%;height:64%;position:absolute;top:100%;overflow-y:auto;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s;}
.material-card:hover img{transform:scale(1.1);}
.material-card .mc-detail .member-designation{text-align:center;}
.material-card .mc-detail .result-panel{padding:1em;margin:1em 0;color:#fff;width:100%;background:#d70107;}
.material-card .mc-detail .result-panel .header-title{color:#fff;}
.material-card .mc-detail .election-performance{display:flex;}
.material-card .mc-detail .election-vote{display:inline-block;padding:0 0.6em;width:50%;}
.material-card .mc-detail .election-vote label,.material-card .mc-detail .election-vote span,.material-card .mc-detail .election-vote small{display:block;}
.material-card .mc-detail .election-vote label{border-bottom:1px solid #fff;}
.material-card .mc-detail .election-vote span{font-weight:bold;}
.material-card .mc-detail .election-vote span em{font-weight:500;}
.material-card .mc-detail .election-vote small{}

.material-card .mc-detail .serving-term{width:100%;text-align:center;}
.material-card .mc-detail .serving-term label{font-weight:600;}
.material-card .mc-detail .serving-term span{margin:0 0.4em;font-size:0.9em;display:inline-block;font-family:Roboto;}

.material-card .mc-detail .member-profile{margin:1em auto;line-height:1.6}
.material-card .mc-detail .member-age{float:left;}
.material-card .mc-detail .member-age span{font-weight:600;}
.material-card .mc-detail .member-age em:after{content:'';margin:0 0.4em;width:8px;height:8px;display:inline-block;background:#d70107;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}

.material-card .mc-detail .get-social{margin:2em 0;text-align:center;}
.material-card .mc-detail .get-social a{color:#fff;font-size:2em;opacity:0.5;}
.material-card .mc-detail .get-social a:hover{opacity:1;}

.material-card .mc-footer{height:0;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.material-card.mc-active .mc-footer{padding:0.8em 0.8em;bottom:-2em;font-size:1em;line-height:1.4;width:100%;height:100px;background:#fff;position:absolute;left:0;color:#000;margin:0;z-index:10;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;position:absolute;background:#fff;transform:skew(-8deg) rotate(-8deg) translateZ(0);-webkit-transform:skew(-8deg) rotate(-8deg) translateZ(0);-moz-transform:skew(-8deg) rotate(-8deg) translateZ(0);-ms-transform:skew(-8deg) rotate(-8deg) translateZ(0);box-shadow:0 0 50px 0 rgba(5, 11, 49, 0.06);}

.material-card .mc-footer h4{position:absolute;top:200px;left:30px;padding:0;margin:0;font-size:16px;font-weight:700;-webkit-transition:all 1.4s;-moz-transition:all 1.4s;-ms-transition:all 1.4s;-o-transition:all 1.4s;transition:all 1.4s;}

.material-card .mc-footer a{display:block;float:left;position:relative;width:52px;height:52px;margin-left:5px;margin-bottom:15px;font-size:28px;color:#fff;line-height:52px;text-decoration:none;top:200px;}
.material-card .mc-detail .get-social a:nth-child(1){-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.material-card .img-container{overflow:hidden;position:absolute;left:0;top:0;padding-top:0.3em;width:100%;height:auto;z-index:3;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.material-card .img-container img{vertical-align:bottom;}
.material-card.mc-active .img-container{top:0.6em;left:0.6em;width:60px;height:60px;z-index:20;background:#e5fcfd;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
.material-card.mc-active .mc-content{}

.material-card.mc-active .party-profile{width:100%;position:relative;}
.material-card.mc-active .party-name{display:block;text-align:center;transform:skew(8deg) rotate(8deg) translateZ(0);-webkit-transform:skew(8deg) rotate(8deg) translateZ(0);-moz-transform:skew(8deg) rotate(8deg) translateZ(0);-ms-transform:skew(8deg) rotate(8deg) translateZ(0);}
.material-card.mc-active .party-name span{display:block;}
.material-card.mc-active .party-name .ch{font-size:1.2em;font-weight:600;}
.material-card.mc-active .party-name .en{font-weight:400;font-size:0.8em;color:#777;}
.material-card.mc-active .party-logo{top:0.6em;right:0;position:absolute;}
.material-card.mc-active .mc-detail{top:18%;opacity:1;filter:alpha(opacity=100);}

.ref-link{margin:0.5em 0;}
.ref-link a{color:#a2f5f3;padding:0.2em;margin-bottom:0.6em;display:block;}
.ref-link a i{color:#fff;margin-right:0.4em;}

@media screen and (min-width:768px){
.material-card .mc-detail{overflow:auto;}
}

@media screen and (min-width:992px) and (max-width:1280px){
.mp-panel{width:90%;}
.material-card{min-height:230px;height:230px;width:230px;}
.material-card.mc-active{min-height:450px;}
.material-card.mc-active .mc-detail{top:20%;}
}

@media (orientation:landscape) and (min-width:1280px) and (max-width:1300px) and (min-height:600px) and (min-height:800px){
.material-card{min-height:230px;height:230px;width:230px;}
.material-card.mc-active{min-height:450px;}
.material-card.mc-active .mc-detail{top:20%;}
}

@media screen and (orientation:landscape) and (min-device-aspect-ratio: 16/9) {
.material-card{min-height:230px;height:230px;width:230px;}
.material-card.mc-active{min-height:450px;}
.material-card.mc-active .mc-detail{top:20%;}
}

@media screen and (max-width:767px){
.mp-panel{width:100%;}
.material-card,.material-card::after,.material-card.mc-active .img-container:after{border-radius:50px;-moz-border-radius:50px;-khtml-border-radius:50px;-webkit-border-radius:50px;}
.material-card::after,.material-card.mc-active .img-container:after{margin:4px;border:3px solid #fff;}
.material-card .mc-content .img-container:before{display:none;}
.material-card{width:90%;min-height:80px;height:80px;margin:1em auto 0 auto;border:none;display:block;}
.material-card h2{top:1.4em;width:60%;left:20%;padding:0 0 0 1em!important;background:transparent!important;text-align:left;position:relative;box-shadow:none;}
.material-card.mc-active h2{top:-2.4em;padding:3.4em 1em 0.8em 5em!important;width:100%;left:0;background:#fff!important;}
.material-card h2,.material-card .party-logo{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;}
.material-card .party-logo{margin:0.2em 0 0 0;}
.material-card .img-container{width:60px;height:60px;margin:10px 0 0 10px;border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radoverflow:hidden;background:#ddfcf7;}
.material-card.mc-active .img-container{top:0;left:0;padding:0;margin-right:1em;}
.material-card.mc-active .img-container:after{-webkit-box-shadow:none;box-shadow:none;}
.material-card.mc-active{border:none;padding-bottom:0;height:70vh;width:86%;}
.material-card.mc-active.step-down .profile-img{margin-top:0;width:90%;}
.material-card.mc-active .mc-detail{padding:0 1em;top:18%;}
.material-card.mc-active .mc-footer{padding:1em 1em 1em 2em;}
.material-card.mc-active .party-name .ch{font-size:1.1em;}
.material-card.mc-active .party-logo{top:0;}
.material-card .mc-btn-action{right:1.5em;top:1.4em;}
.material-card .mc-btn-action:before{width:90vw;height:80px;right:-2em;top:-2em;}
.material-card .profile-img{margin-top:0;padding:0;width:100%;}
.material-card.mc-active .profile-img{background:#ddfcf7;padding:0;}
.material-card .party-logo.party-sdp{margin-right:0.2em!important;}
.material-card .party-logo.party-trp{margin-right:0.4em!important;}
.active-with-click{width:100%;margin:auto;}
}

.material-card.mc-active .mc-footer a{top:0;}
.material-card.mc-active .mc-footer h4{top:-32px;}
.material-card h2{background-color:#fff;}
.material-card h2:after{border-top-color:#fff;border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent;}
.material-card h2:before{border-top-color:transparent;border-right-color:#000;border-bottom-color:#000;border-left-color:transparent;}
.material-card.mc-active h2:before{border-top-color:transparent;border-right-color:#fff;border-bottom-color:#fff;border-left-color:transparent;}
.material-card.mc-active h2:after{border-top-color:#000;border-right-color:#000;border-bottom-color:transparent;border-left-color:transparent;}
.material-card .mc-btn-action{background-color:#075795;}
.material-card .mc-btn-action:hover{background-color:#fa9fa1;}
.material-card .mc-footer h4{color:#000;}
.material-card .mc-footer a{background-color:#000;}

.spinner{-moz-animation:spinner 0.2s infinite linear;-webkit-animation:spinner 0.2s infinite linear;animation:spinner 0.2s infinite linear;}

@-webkit-keyframes spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@keyframes spinner{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-moz-keyframes spinner{
0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}
100%{-moz-transform:rotate(359deg);transform:rotate(359deg);}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
.material-card h2,.material-card .mc-content .img-container:before,.material-card .party-logo,.material-card .mc-btn-action:hover,.material-card:hover img,.material-card.mc-active .mc-footer{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;}
.material-card .mc-content .img-container:before{display:none;}
}

@media not all and (min-resolution:.001dpcm) { 
@media {
.material-card h2,.material-card .mc-content .img-container:before,.material-card .party-logo,.material-card .mc-btn-action:hover,.material-card:hover img,.material-card.mc-active .mc-footer,.material-card.mc-active .party-name{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;}
.material-card .mc-content .img-container:before{display:none;}
    }
}	

/* -- iPhone 6, 6S, 7 and 8 --
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
.material-card h2,.material-card .mc-content .img-container:before,.material-card .party-logo,.material-card .mc-btn-action:hover,.material-card:hover img,.material-card.mc-active .mc-footer,.material-card.mc-active .party-name{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;}
.material-card .mc-content .img-container:before{display:none;}
 } */

 /* -- iPhone 6+, 7+ and 8+ -- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
.material-card h2,.material-card .mc-content .img-container:before,.material-card .party-logo,.material-card .mc-btn-action:hover,.material-card:hover img,.material-card.mc-active .mc-footer,.material-card.mc-active .party-name{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;}
.material-card .mc-content .img-container:before{display:none;}
 }

/* -- iPhone X -- */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { 
.material-card h2,.material-card .mc-content .img-container:before,.material-card .party-logo,.material-card .mc-btn-action:hover,.material-card:hover img,.material-card.mc-active .mc-footer,.material-card.mc-active .party-name{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;}
.material-card .mc-content .img-container:before{display:none;}
 }