@charset "utf-8";
   .dt-sc-donutchart {
text-align: center;
margin: 0px auto 25px;
}
h5.dt-sc-donutchart-title {
text-align: center;
width: 100%;
font-size: 18px;
margin-bottom: 0px;
font-weight: 600;
}
.dt-sc-donutchart-small {
width: 200px;
margin: 0px auto;
}
.dt-sc-donutchart-medium {
width: 200px;
margin: 0px auto;
}
.dt-sc-donutchart-large {
width: 300px;
margin: 0px auto;
}
.donutchart-text { font-weight: 300 !important; }
.dt-sc-donutchart-small .donutchart-text {
font-size: 20px !important;
font-family: 'Roboto', sans-serif;
font-weight: 400 !important;
}
.dt-sc-donutchart-medium .donutchart-text { font-size: 40px !important; }
.dt-sc-donutchart-large .donutchart-text { font-size: 50px !important; }
.dark-bg .donutchart-text { color: #ffffff; }
.comingsoon_chart { width: 200px; }
.comingsoon_chart canvas {
background-color: #B8A1C6;
border-radius: 100%;
}
.comingsoon_chart .donutchart-text {
position: relative;
font-size: 54px !important;
font-weight: 400 !important;
line-height: 225px !important;
color: #FFF;
z-index: 1;
font-family: 'Roboto', sans-serif;
}
.comingsoon_chart h5.dt-sc-donutchart-title {
position: absolute;
color: #FFF;
font-size: 20px;
z-index: 2;
font-weight: 300;
top: 52px;
left: auto;
right: 0;
}
.dt-sc-title.with-two-border.with-sub-title.comingsoon_title h2 {
font-size: 80px;
padding-bottom: 35px;
margin-bottom: 22px;
}
.dt-sc-title.with-two-border.with-sub-title.comingsoon_title h6 {
color: #868686;
font-weight: normal;
font-size: 14px;
} .dt-sc-donutchart-small.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-small.type2 h5.dt-sc-donutchart-title{  position: absolute; left: 0; right: 0; top: 28px; font-size: 12px; color: #fff; font-weight: 300;}
.dt-sc-donutchart-small.type2 .donutchart-text{ line-height:125px !important;    font-family: 'Roboto',sans-serif;}
.dt-sc-donutchart-medium.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-medium.type2 h5.dt-sc-donutchart-title{ 
position: absolute;
left: 0;
right: 0;
top: 55px;
font-size: 20px;
color: #fff;
font-weight: 300;}
.dt-sc-donutchart-medium.type2 .donutchart-text{ line-height: 230px !important;
font-size: 54px !important;
font-weight: normal !important;
font-family: 'Roboto',sans-serif;}
.dt-sc-donutchart-large.type2 .dt-sc-donutchart{ border-radius:100%; color:#FFF; background: rgba(114, 68, 141, 0.5);}	
.dt-sc-donutchart-large.type2 h5.dt-sc-donutchart-title{ 
position: absolute;
left: 0;
right: 0;
top:100px;
font-size: 20px;
color: #fff;
font-weight: 300;}
.dt-sc-donutchart-large.type2 .donutchart-text{ line-height: 300px !important;
font-size: 54px !important;
font-weight: normal !important;
font-family: 'Roboto',sans-serif;}  @media only screen and (min-width:992px) and (max-width:1199px) { } @media only screen and (min-width:768px) and (max-width:991px) {
.dt-sc-one-fifth .dt-sc-donutchart-medium { width: 120px; }
.dt-sc-one-fifth .dt-sc-donutchart {
width: 110px !important;
height: 110px !important;
}
.dt-sc-one-fifth .dt-sc-donutchart-medium .donutchart-text {
width: 110px !important;
line-height: 110px !important;
}
.dt-sc-one-fifth h5.dt-sc-donutchart-title { font-size: 15px; }
.dt-sc-donutchart-medium .donutchart-text { font-size: 30px !important; }
}