:root{
    --bad:#FF0000;
    --poor:#FE961C;
    --normal:#D000C1;
    --good:#1916F8;
    --excellent:#16B800;
    --bg1:#efefef;
}

body{font-family: 'Roboto','Open Sans',arial,sans-serif; color: #0E0E0E;}
*{box-sizing: border-box;}
.rate_cont1{ width:auto; float:left; margin:5px 0; padding:0 0 10px 0; border-bottom: dotted 1px #ccc;}
.rate_cont_left{ float: left;margin: 0 0 10px 0;padding: 5px;border: solid 1px #cccccc;}
.rate_cont_right{ margin: 0 auto;padding: 0;width: auto;display: table;}
.rt_hd{float:left; margin:0; padding:0; font-size:13px; font-weight:bold;}
.rt_list{ float:right; margin:0; padding:0;}
.poll_name{ float:left; margin:20px 0; padding:0; font-size:24px; font-weight:bold;}
.rt_bar{ margin: 0 auto; padding:0; width:auto;font-size:14px; text-align: center}
.rt_bar img{ margin:8px 0; padding:0; width:311px; float:left;}
.rt_bar span{ float:left; color:#636363; font-size:11px; margin:0; padding:0;}
.rt_bar p{ float:right; font-size:14px; font-weight:bold; margin:0;}
.sbmt_btn{ float:left; margin: 19px 0 0 21px; padding:0;}
.lead_cont{ float:left; margin:10px 0; padding:0; width:618px; overflow-x:hidden; height:235px;}
.lead_cont ul{ float:left; margin:0; padding:0; list-style-type:none;}
.lead_cont li {margin: 0 27px 20px 0!important;padding: 0;width: 140px;display: inline-block;*display: inline;zoom: 1;vertical-align:text-top;}
.lead_cont li:last-child{margin-right:0!important;}
.lead_cont li > div:first-child {width: 130px !important;height: 98px !important;border: 1px solid #ccc;padding: 5px;}
.lead_cont li > div:first-child img {width: 130px;height: 98px;}
.lead_cont li a > div:first-child img {width: 130px;height: 98px;}
.lead_cont li a > div:first-child {width: 130px;height: 98px;border: 1px solid #ccc;padding: 5px;}

.lead_cont table{width:142px; float:left;border:solid 1px #ccc;border-top:none;}
.lead_cont td{width:50%; padding:5px; text-align:center;}
.brdr_r{ text-align:center;border-right:solid 1px #ccc;}
.brdr_t{ border-top:solid 1px #ccc; }
.brdr_t a { color:#00F; text-decoration:none;}
.brdr_t a:hover { color:#00F; text-decoration:none;}
.lead_cont_tb{margin: -6px 0 0;; padding:0; float:left;}
.sc_bar1{margin:0 auto; padding:0;}
.lead_cont a{text-decoration:none; color:#326891;}
.lead_cont p{  font-size:14px; color:#0033cc; text-align:center; margin: 7px 0 0 0; float:left;width:100%;}
.vote1{ font-size:11px; text-align:center; font-weight:bold; text-decoration:none; color:#000;}
.vote2{ font-size:10px; text-align:center; text-decoration:none; color:#000; }
.sml_bar{width:205px; background:url(../images/sm_bar_new1.png); height:23px; margin:3px 0 0 2px; float:left;}
.very_sml_bar{width:75px; background:url(../images/very_sm_bar.png); height:22px; margin:3px 0 0 2px; float:left;}
.orange{ background:#ff0000; height:8px; float:left; width:70px; margin:5px 0 0 1px;}
.green{ background:#1ca700; height:8px; float:left; width:70px; margin:5px 0 0 1px;}
.red{ color:#ff0000;}
.green_color{ color:#1ca700;}
.obama-head a{color: #326891;}
#current_lead .obama-head {margin-left: -130px;}
#select_leader_box {margin-bottom:10px;}
.rate-head { margin:0px auto 5px auto; width:auto; padding: 5px;  border-bottom:1px solid #ccc; font-size:14px; font-weight:bold;line-height:22px; text-align: right;}
.rate-head span { display:block; float:left; }
.spe-col1 { width:auto; height:auto;padding: 0px; max-width: 320px; margin: 0px auto 0;}
.spe-col2 { width:309px; height:auto; float:left; margin-bottom:15px;}
.obama-head { margin-left: 0px;float:left; width:auto; height:auto; text-align:left; font-size:14px; font-weight:bold; margin-bottom:10px; }
.obama-head img { float:left; display:block; padding:5px 10px 5px 10px; }
.mitt-head { float:left; width:299px; height:auto; text-align:left; font-size:24px; font-weight:bold; margin-bottom:15px; }
.mitt-head img { float:left; display:block; padding:5px 10px 5px 10px; }
.party-name { font-size:14px !important; }
.pol-image { float: left;width:auto;  margin:0; height:auto; margin-right: 0px;text-align: center;border: 1px solid #c7c7c7; width:125px; height:125px;padding:4px;  border-radius: 50%;}
.pol-image img {  width: auto; min-width:100%; height:100%; object-fit: cover; background:#FFF; position: relative; left: 50%; transform: translateX(-50%);}
.pol-img_ins{border-radius: 50%; width:100%; height:100%; overflow:hidden ;}
.clr { clear:both; }
.rating-cont{margin:20px auto 0; width:auto; height:auto; text-align: center; max-width: 88%;}
.rating-cont > div{min-height: 90px;}
.rating-cont:nth-child(2){display: flex; justify-content: center; align-items: center;}
.rating-cont strong { color:#000; display:block; }
.withbg {box-sizing: border-box;width: 100%;float: left;}
.rating-cont span { margin:0px auto; width:64px; height:31px; display:block; margin-top:15px; }
.results-con { width:auto; height:auto; margin: 20px auto 0;font-size:11px; text-align:left; display: flex; justify-content: center; max-width: calc(88% + 10px);} 
.results-con strong { color:#000; font-size:14px;display:block; margin: 14px 0px 3px 0;font-weight: normal; }
.bod { border:1px solid #cccccc;width:250px;margin:0; }
.rate_cont_left img{width:130px!important;}
_:-ms-fullscreen, :root .green{ overflow:hidden; height:8px; float:left; background:#1ca700}
.polimg-status{display: flex; align-items: center; justify-content: space-between; max-width: calc(88% + 10px); margin: 0px auto 40px; width:100%}
.polimg-status > div:last-child{flex-basis:50%}
.sldr-sts-cont{padding:7px 20px; font-size: 18px; font-weight: 600; display: block; text-align: center; color: #878787; text-transform: uppercase; position: relative;}
.sldr-sts-cont::before{background-color: var(--bg1); width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: -1; content:'';opacity: 0.1;}
.sldr-sts-cont.bad::before{background-color:var(--bad); }
.sldr-sts-cont.poor::before{background-color:var(--poor); }
.sldr-sts-cont.normal::before{background-color:var(--normal); }
.sldr-sts-cont.good::before{background-color:var(--good); }
.sldr-sts-cont.excellent::before{background-color:var(--excellent); }

.sldr-sts-cont.bad{color:var(--bad);}
.sldr-sts-cont.poor{color:var(--poor);}
.sldr-sts-cont.normal{color:var(--normal);}
.sldr-sts-cont.good{color:var(--good);}
.sldr-sts-cont.excellent{color:var(--excellent);}
#head_title{font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; line-height: normal;}
.ui-slider-horizontal{height: 20px;}
.ui-widget-content{background: none; position: relative;}
.ui-widget-content::before{height: 10px;background-image: linear-gradient(-90deg, #15B700 4%, #1716F9 26%, #FA4AE9 50%, #FFA100 74%, #FF0000 99%); content: ''; position: absolute; top:5px;border-radius: 10px; width: calc(100% + 10px); left: -5px;}
.sldr-nmbrs{display: flex; justify-content: space-between;margin: 2px auto 20px; ;}
.rating-cont .sldr-nmbrs span {width: auto; height: auto; margin: 0; font-size: 11px; color: #5C5C5C;   position: relative; display: inline-block; padding: 0; transition: transform 0.3s; transform-origin: 50% 0; transform-style: preserve-3d;}

.rating-cont .sldr-nmbrs span:after{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); transition: transform 0.3s; transform: rotateX(-90deg); transform-origin: 50% 0; text-align: center;}
.rating-cont .sldr-nmbrs span.slctd{transform: rotateX(90deg) translateY(-13px); font-size: 17px;}
.rating-cont .sldr-nmbrs span::before{background-color: white; width: 6px; height: 6px; border-radius: 50%; content: ''; position: absolute; top: -15px; pointer-events: none;}
.btn-area{display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-left: -5px; width:calc(100% + 10px);}
.votes-avrg span:nth-child(2){position: relative; display: inline-block; padding: 0; transition: transform 0.3s; transform-origin: 50% 0; transform-style: preserve-3d;}
.votes-avrg span:nth-child(2):after{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); transition: transform 0.3s; transform: rotateX(-90deg); transform-origin: 50% 0; text-align: center;}
.votes-avrg span.anim{transform: rotateX(90deg) translateY(-15px);}

.ui-state-default{height:10px; width: 10px;}
.ui-slider .ui-slider-handle{background: var(--normal); width: 20px; height: 20px; box-shadow: 0 0 4px 0 rgba(142,142,142,0.50); border: 6px solid #fff; border-radius: 50%; transform: translateX(-7px)    ; top:-1px; outline: none;}
.ui-slider .ui-slider-handle[dot-color=bad]{background-color: var(--bad);}
.ui-slider .ui-slider-handle[dot-color=poor]{background-color:  var(--poor);}
.ui-slider .ui-slider-handle[dot-color=good]{background-color:  var(--good);}
.ui-slider .ui-slider-handle[dot-color=excellent]{background-color:  var(--excellent);}
.votes-avrg{background-color: #F5F5F5;padding: 8px 10px;  border-radius: 20px; display: flex; width: 100%; justify-content: center; }
.votes-avrg span{padding: 0px 2px; font-size: 13px; color: #5C5C5C;}
.rating-cont .sldr-nmbrs span[dot-color=bad],.votes-avrg span[dot-color=bad]{color: var(--bad);}
.rating-cont .sldr-nmbrs span[dot-color=poor],.votes-avrg span[dot-color=poor]{color: var(--poor);}
.rating-cont .sldr-nmbrs span[dot-color=normal],.votes-avrg span[dot-color=normal]{color: var(--normal);}
.rating-cont .sldr-nmbrs span[dot-color=good],.votes-avrg span[dot-color=good]{color: var(--good);}
.rating-cont .sldr-nmbrs span[dot-color=excellent],.votes-avrg span[dot-color=excellent]{color: var(--excellent);}
.votes-avrg .ttl-vts{border-right: 1px solid #979797; padding-right: 5px;}
.ui-slider-handle::before{width:32px; height: 37px;background: url(smiles.svg) no-repeat center center; content: ''; position: absolute; top: -45px;left: 50%; transform: translateX(-50%) scale(0.8)}
.ui-slider-handle[dot-color=bad]::before{background-position-x: 0px;}
.ui-slider-handle[dot-color=poor]::before{background-position-x: -43px;}
.ui-slider-handle[dot-color=good]::before{background-position-x: -131px;}
.ui-slider-handle[dot-color=excellent]::before{background-position-x: -175px;}
.submtBtn{background-image: linear-gradient(-180deg, #FFFFFF 0%, #EEEEEE 100%);box-shadow: 0 0 4px rgba(169,165,165,0.5); padding:8px 20px; border-radius: 20px; text-decoration: none; color:#5C5C5C; font-weight: bold; font-size: 15px; width: 45%;}
.submtBtn:hover{box-shadow: 0 0 8px rgba(169,165,165,0.5);}
.submtBtn:active{box-shadow: inset 1px 2px 4px rgb(169 165 165 / 50%);}
.vts-avrg{margin-left: 5px;}
.ui-slider-handle{transition-property: left;transition-duration: 0.15s;}

@media(max-device-width:767px){
    .spe-col1{max-width: none;}
    #head_title{font-size: 5.8vmin;}
    .votes-avrg span,.btn-area{font-size: 4.5vmin;}
    
    .rating-cont .sldr-nmbrs span{font-size: 13px;}
    .votes-avrg .ttl-vts{padding-right: 10px;}
    .vts-avrg{margin-left: 10px;}
}