@font-face {
	font-family: Periodico;
	src: url(../fonts/PeriodicoD-Rg-It.ttf);
	font-style: italic;
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: Periodico;
	src: url(../fonts/PeriodicoD-Rg.ttf);
	font-style: normal;
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: Periodico;
	src: url(../fonts/PeriodicoD-Md-It.ttf);
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: Periodico;
	src: url(../fonts/PeriodicoD-SmBd.ttf);
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: Solido;
	src: url(../fonts/Solido-Medium.otf);
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Caput;
	src: url(../fonts/Caput.otf);
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: Caput;
	src: url(../fonts/0131_caput_bold.otf);
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: Caput;
	src: url(../fonts/0121_caput_reg.otf);
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: Caput;
	src: url(../fonts/Caput.otf);
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: Caput;
	src: url(../fonts/0141_caput_heavy.otf);
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Hairline.otf);
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-UltraLight.otf);
	font-style: normal;
	font-weight: 200;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Light.otf);
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Book.otf);
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Medium.otf);
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Bold.otf);
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-ExtraBold.otf);
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: solido;
	src: url(../fonts/Solido-Heavy.otf);
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}
/*==================================================================================Start of Header Section*/
.top-bar-style {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 6%), 0 6px 20px 0 rgb(0 0 0 / 10%);
    background: #fff;
}
.top-logo-style{
    width: 100%;
    margin-top: 5px;
}
@media only screen and (max-width: 768px) {
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 1rem;
        background: #838384;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: rgb(255 255 255);
        border-bottom: 1px solid #676768;
    }
    .btn-outline-primary {
        color: #fff;
        background-color: transparent;
        background-image: none;
        border-color: #fff;
    }
    .btn-outline-danger {
        color: #fff;
        background-color: transparent;
        background-image: none;
        border-color: #fff;
    }
    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgb(126 183 249);
    }
    .add-margin {
        margin-top:30px;
        margin-bottom:5px;

    }
    .top-logo-style {
        width: 57%;
        margin: 20px 0px;
    }
	.career-style {
       width: 100% !important;
       height: 100%!important;
       padding-bottom: 15px;
       border-radius: 50% !important;
       vertical-align: top !important;
       margin: -0.1rem 1.2rem 0 -0.2rem !important;  
    }
	.style-flex{
	    display: block!important;
    }
}
/*==================================================================================End Header Section*/
/*==================================================================================Start Search Area*/
.text-style{
    font-weight: 800;
    font-size: 40px;
    color:#fe1406;
}
.style-flex{
	display: flex;
}
.search-style{
    position: absolute;
    z-index: 10;
    margin-top: 260px;
    margin-left: 25px;
    width: 88%
}
.search-style-two{
    position: absolute;
    z-index: 10;
    margin-top: 260px;
    width: 60%;
}
.search-style-three{
    position: absolute;
    z-index: 10;
    margin-top: 260px;
    margin-left: 225px;
}
.search-style-four{
    position: absolute;
    z-index: 10;
    margin-top: 200px;
    margin-left: 25px;
    width: 88%
}
.p-s3 {
    padding: 0.7rem !important;
}
.p-s4 {
    padding: 0.75rem !important;
}
@media only screen and (max-width: 768px) {
    .search-style{
        position: absolute;
        z-index: 10;
        margin-top: 190px;
        margin-left: 10px;
        width: 88%
    }
    .search-style-two {
        position: absolute;
        z-index: 10;
        margin-top: 245px;
        margin-left: 10px;
        width: 88%;
    }

    .search-style-three {
        position: absolute;
        z-index: 10;
        margin-top: 300px;
        margin-left: 10px;
    }
    .search-style-four{
        position: absolute;
        z-index: 10;
        margin-top: 135px;
        margin-left: 10px;
        width: 88%
    }
    .scroller-two {
        background-color: #fff;
        height: 250px!important;
        width: auto;
        overflow-y: scroll;
    }
    .mba{
        margin-bottom: 5px!important;
    }
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: .0rem 0rem;
        background: #838384;
    }
    .to-end-placement {
        padding-left: 0px!important;
    }
}
.margin-topbar{
    margin-top:20px;
}
/*==================================================================================End Search Area*/
/*==================================================================================Start Titles Style*/
.title {
    font-weight: 800;
    color: #fe1305;
    border-bottom: 3px solid #e4e4e4!important;
    font-size: 20px;
}

.line{
    border-bottom: 3px solid #000!important;
    padding-top: 0px;
    padding-bottom: 4px;
}


. border-line{
    border-right: 2px solid #000;
}
@media only screen and (max-width: 768px) {
    .featured-margin{
        margin-top: 145px;
    }
    .title {
        font-weight: 800;
        color: #fe1305;
        border-bottom: 6px solid #e4e4e4;
        font-size: 20px;
    }

    .line{
        border-bottom: 6px solid #0373f4;
        padding-top: 0px;
        padding-bottom: 4px;
    }

}
/*===================================================================================End Titles Style*/
/*===================================================================================Start Featured Jobs Style*/
.card-style{
    padding-top: 0.2rem!important;
    padding-right: 0.8rem!important;
    padding-bottom: 0.2rem!important;
    padding-left: 0.8rem!important;
}

.ma-top{
    margin-top: 20px;
}
/*===================================================================================End Featured Jobs Style*/
/*=========================================================================================Start Jobs Style*/

.margin-alpha {
    /*margin-top: 30px;*/
    border-right: 1px solid lightgrey;
}
.overpass {
    padding-top: 0.3rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.3rem !important;
    padding-left: 1rem !important;
    border: 0!important;
    border-bottom: 0px solid #e9ecef!important;
    color: #495057!important;
    font-size:14px!important;
    margin-bottom: 0!important;
	font-weight:400!important;
	font-style:normal!important;
	line-height:22px!important;
}
.card-title-1{
	color: #495057!important;
    font-size:14px!important;
	font-weight:400!important;
	font-style:normal!important;
	line-height:22px!important;
}
.alphabet{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.scroller {
    background-color: #fff;
    height: 900px;
    width: auto;
    overflow-y: scroll;
}
.scroller-two {
     background-color: #fff;
    height: 1350px;
    width: auto;
    overflow-y: scroll;
}
/*=========================================================================================End Jobs Style*/
/*=========================================================================================Start Sign Up Style*/
.icon-style{
    width: 49%!important;
    height: 80%!important;
}


/*=========================================================================================End Sign Up Style*/
/*=========================================================================================End Sign Up Style*/
.alignment{
    align-items: center;
}
/*=========================================================================================End Sign Up Style*/
/*=========================================================================================Start Footer Style*/
.footer-area {
    position: relative;
}

.footer-area::before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 770px;
    bottom: 0;
    left: 0;
    background-size: 100% 100%;
    z-index: -1;
}
.pb-120 {
    padding-bottom: 70px;
}
.footer-logo input {
    padding: 7px;
    border: 2px solid #2d2d2d;
}
.w-75 {
    width: 75%!important;
}

.fa-chevron-right:before {
    content: "\f054";
}
/*=========================================================================================End Footer Style*/
/*=========================================================================================Start Listing page*/
.border-styling{
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

.form-two{
    background: #fff!important;
    color: #000!important;
    border: 1px solid #ccc!important;
}
/*=========================================================================================End Listing page*/
/*=====================================================================================Start Login by Facebook or Google css*/
.css-mygxwl-Separator {
    display: flex;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    padding: 1em 1em 1em 1em;
    font-size: 0.875em;
    margin: 0px;
    line-height: 1em;
    font-weight: 500;
    font-family: nyt-franklin, helvetica, arial, sans-serif;
    color: rgb(102, 102, 102);
}
.css-mygxwl-Separator::before, .css-mygxwl-Separator::after {
    display: inline-block;
    content: "";
    width: calc(4% - 0em);
    height: 0px;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-left: 0.5em;
}
.css-mygxwl-Separator::before {
    margin-right: 0.5em;
}
.css-mygxwl-Separator::before, .css-mygxwl-Separator::after {
    display: inline-block;
    content: "";
    width: calc(4% - 0em);
    height: 0px;
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-left: 0.5em;
}
 
.heading {
    font-size: 18px;
    margin-right: 25px;
}
.checked {
    color: orange;
}
.text-styling{
    color: #0071f4!important;
    font-weight: 600;
}

/*====================================================================================================End Rating css*/
.caption{
    color:#ccc;
   font-style:italic;
}
.text-style-two{
    font-size:18px;
}
.to-end-placement {
    padding-left: 250px;
}


 
 
form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
}

form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.example button:hover {
    background: #0b7dda;
}

form.example::after {
    content: "";
    clear: both;
    display: table;
}

/*===CUSTOM SCRIPTS*/


.loadmore{
     
    background:#FFF; 
    text-align:center;
    color:#000;
    font-family:Roboto,sans-serif;
    font-size:14px!important;
	font-weight:400!important;
	font-style:normal!important;
	line-height:22px!important;
}
.loadmore:hover{
    background:#00aff0;
    cursor:pointer;
	color:#FFF;
    
}
.sinput{
    border:1px #CED4DA solid;
	color:#4F505C;
	font-weight:normal;
	height:48px;
}
   
.loaderhide{
    display:none;
}
.padding-bottom{
    padding-bottom:20px;
}
.text-red{
    color:#d73a4e!important;
}
 

@keyframes placeHolderShimmer{
    0%{
        background-position: -100px 0
    }
    100%{
        background-position: 100px 0
    }
}
.linear-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 100%;
    height: 20px;
    width:auto;
    position: relative;
    overflow: hidden;
    
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { .searchb{width:100%!important;}  .searchbb{margin-top:5px!important;}}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {.searchb{width:320px!important;} .searchbb{margin-top:5px!important;}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {.searchb{width:320px!important;} .searchbb{float:right;}}  

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {.searchb{width:320px!important;} .searchbb{float:right;}}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {.searchb{width:320px!important;}.searchbb{float:right;} }




/*==============================================================================================End of Search form css*/

/* =============================================================start code for the tabs design */
/* Style the tab */
.tab {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    background-color: #f1f1f1;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }
  
 
  .tab button:hover {
    background-color: #FFF;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color:#FFF;
	border-top:6px #5ca4f8 solid;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
  }
  .titlez {
    font-weight: 800;
    color: #fe1406;
    /* border-bottom: 6px solid #e4e4e4; */
    font-size: 20px;
}
  /* =============================================================End code for the tabs design */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*==================================================================================Start of Header Section*/
/* =============================================================start code for the tabs design */
/* Style the tab */
.tab {
	overflow: hidden;
	/* border: 1px solid #ccc; */
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

.tab button:hover {
	background-color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: rgb(230 227 227);
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border-top: none;
}
.titlez {
	font-weight: 800;
	color: #fe1406;
	/* border-bottom: 6px solid #e4e4e4; */
	font-size: 20px;
}
/* =============================================================End code for the tabs design */
.top-bar-style {
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 6%), 0 6px 20px 0 rgb(0 0 0 / 10%);
	background: #fff;
}

.top-logo-style {
	width: 100%;
	margin-top: 5px;
}
@media only screen and (max-width: 768px) {
	.navbar {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem 1rem;
		background: #838384;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: rgb(53 52 52);
		border-bottom: 1px solid #676768;
	}
	.btn-outline-primary {
		color: #fff;
		background-color: #fe1608;
		background-image: none;
		border-color: #fff;
	}
	.btn-outline-danger {
		color: #fff;
		background-color: #0473f4;
		background-image: none;
		border-color: #fff;
	}
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus {
		color: rgb(126 183 249);
	}
	.add-margin {
		margin-top: 0px;
        margin-bottom: 10px;
	}
	.top-logo-style {
		width: 57%;
		margin: 20px 0px;
	}
}
/*==================================================================================End Header Section*/
/*==================================================================================Start Search Area*/
.text-style {
	font-weight: 800;
	font-size: 40px;
	color: #fe1406;
}
.search-style {
	position: relative;
    z-index: 10;
    margin-top: 15px;
    margin-left: 0px;
    width: 88%;
}
.search-style-two {
	position: absolute;
	z-index: 10;
	margin-top: 260px;
	width: 60%;
}
.search-style-three {
	position: absolute;
	z-index: 10;
	margin-top: 260px;
	margin-left: 225px;
}
.search-style-four {
	position: absolute;
	z-index: 10;
	margin-top: 200px;
	margin-left: 25px;
	width: 88%;
}
.p-s3 {
	padding: 0.7rem !important;
}
.p-s4 {
	padding: 0.75rem !important;
}
@media only screen and (max-width: 768px) {
	.search-style {
		position: absolute;
		z-index: 10;
		margin-top: 190px;
		margin-left: 10px;
		width: 88%;
	}
	.search-style-two {
		position: absolute;
		z-index: 10;
		margin-top: 245px;
		margin-left: 10px;
		width: 88%;
	}

	.search-style-three {
		position: absolute;
		z-index: 10;
		margin-top: 300px;
		margin-left: 10px;
	}
	.search-style-four {
		position: absolute;
		z-index: 10;
		margin-top: 135px;
		margin-left: 10px;
		width: 88%;
	}
	.scroller-two {
		background-color: #fff;
		height: 250px !important;
		width: auto;
		overflow-y: scroll;
	}
	.mba {
		margin-bottom: 5px !important;
	}
	.navbar {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding: 0rem 0rem;
		background: #e3e3e6;;
	}
	.to-end-placement {
		padding-left: 0px !important;
	}
}
.margin-topbar {
	margin-top: 20px;
}
/*==================================================================================End Search Area*/
/*==================================================================================Start Titles Style*/
.title {
	font-weight: 800;
	color: #fe1305;
	border-bottom: 6px solid #e4e4e4;
	font-size: 20px;
}

.line {
	border-bottom: 6px solid #0373f4;
	padding-top: 0px;
	padding-bottom: 4px;
}

. border-line {
	border-right: 2px solid #000;
}
@media only screen and (max-width: 768px) {
	.featured-margin {
		margin-top: 145px;
	}
	.featured-margin-two {
		margin-top: 24px;
	}

	.title {
		font-weight: 800;
		color: #fe1305;
		border-bottom: 6px solid #e4e4e4;
		font-size: 20px;
	}

	.line {
		border-bottom: 6px solid #0373f4;
		padding-top: 0px;
		padding-bottom: 4px;
	}
}
/*===================================================================================End Titles Style*/
/*===================================================================================Start Featured Jobs Style*/
.card-style {
	padding-top: 0.2rem !important;
	padding-right: 0.8rem !important;
	padding-bottom: 0.2rem !important;
	padding-left: 0.8rem !important;
}

.ma-top {
	margin-top: 20px;
}
/*===================================================================================End Featured Jobs Style*/
/*=========================================================================================Start Jobs Style*/

.margin-alpha {
	/*margin-top: 30px;*/
	border-right: 2px solid #000;
}
.overpass {
	padding-top: 0.3rem !important;
	padding-right: 1rem !important;
	padding-bottom: 0.3rem !important;
	padding-left: 1rem !important;
	border: 0 !important;
	border-bottom: 0px solid #e9ecef !important;
	color: #101010 !important;
	font-size: 0.965625rem !important;
	margin-bottom: 0 !important;
}
.alphabet {
	font-size: 30px;
	color: #000;
	font-weight: 600;
}
.scroller {
	background-color: #fff;
	height: 900px;
	width: auto;
	overflow-y: scroll;
}
.scroller-two {
	background-color: #fff;
	height: 1350px;
	width: auto;
	overflow-y: scroll;
}
/*=========================================================================================End Jobs Style*/
/*=========================================================================================Start Sign Up Style*/
.icon-style {
	width: 49% !important;
	height: 80% !important;
}

/*=========================================================================================End Sign Up Style*/
/*=========================================================================================End Sign Up Style*/
.alignment {
	align-items: center;
}
/*=========================================================================================End Sign Up Style*/
/*=========================================================================================Start Footer Style*/
.footer-area {
	position: relative;
}

.footer-area::before {
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 770px;
	bottom: 0;
	left: 0;
	background-size: 100% 100%;
	z-index: -1;
}
.pb-120 {
	padding-bottom: 70px;
}
.footer-logo input {
	padding: 7px;
	border: 2px solid #2d2d2d;
}
.w-75 {
	width: 75% !important;
}

.fa-chevron-right:before {
	content: "\f054";
}
/*=========================================================================================End Footer Style*/
/*=========================================================================================Start Listing page*/
.border-styling {
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
}

.form-two {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #ccc !important;
}
/*=========================================================================================End Listing page*/
/*=====================================================================================Start Login by Facebook or Google css*/
.css-mygxwl-Separator {
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	padding: 1em 1em 1em 1em;
	font-size: 0.875em;
	margin: 0px;
	line-height: 1em;
	font-weight: 500;
	font-family: nyt-franklin, helvetica, arial, sans-serif;
	color: rgb(102, 102, 102);
}
.css-mygxwl-Separator::before,
.css-mygxwl-Separator::after {
	display: inline-block;
	content: "";
	width: calc(4% - 0em);
	height: 0px;
	border-bottom: 1px solid rgb(204, 204, 204);
	margin-left: 0.5em;
}
.css-mygxwl-Separator::before {
	margin-right: 0.5em;
}
.css-mygxwl-Separator::before,
.css-mygxwl-Separator::after {
	display: inline-block;
	content: "";
	width: calc(4% - 0em);
	height: 0px;
	border-bottom: 1px solid rgb(204, 204, 204);
	margin-left: 0.5em;
}
/*=================================================================================End Login by Facebook or Google css*/
/*===================================================================================================Start LCareer css*/
.career-style {
	width: 11rem;
	height: 8rem;
	border-radius: 50% !important;
	vertical-align: top !important;
	margin: -0.1rem 1.2rem 0 -0.2rem !important;
}
/*=====================================================================================================End LCareer css*/
/*====================================================================================================Start Rating css*/

.heading {
	font-size: 18px;
	margin-right: 25px;
}
.checked {
	color: orange;
}
.text-styling {
	color: #0071f4 !important;
	font-weight: 600;
}

/*====================================================================================================End Rating css*/
.caption {
	color: #ccc;
	font-style: italic;
}
.text-style-two {
	font-size: 18px;
}
.to-end-placement {
	padding-left: 250px;
}



/*======================================================================================Start of Autocomplete form css*/
.autocomplete2 {
	position: relative;
	display: flex;
}
 
 
 
 
form.example input[type="text"] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
	background: #f1f1f1;
}

form.example button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #2196f3;
	color: white;
	font-size: 17px;
	border: 1px solid grey;
	border-left: none;
	cursor: pointer;
}

form.example button:hover {
	background: #0b7dda;
}

form.example::after {
	content: "";
	clear: both;
	display: table;
}
/*==============================================================================================End of Search form css*/
/*=============================================================================================Start of Alert form css*/

.input-container {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}

.icon {
	padding: 18px;
	background: dodgerblue;
	color: white;
	min-width: 50px;
	text-align: center;
}

.input-field {
	width: 100%;
	padding: 10px;
	outline: none;
}

.input-field:focus {
	border: 2px solid dodgerblue;
}

.btn:hover {
	opacity: 1;
}
/*=============================================================================================End of Alert form css*/
.search-styling {
	position: absolute;
	z-index: 10;
	margin-top: 153px;
	margin-left: 25px;
}
.img-design {
	height: 400px;
	object-fit: cover;
	object-position: center;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #f5f508;
	background-color: #c10505;
}
.nav-pills .nav-link {
	padding: 0.7rem 1rem;
	border: 2px solid #fff;
	border-radius: 0;
	color: #171515;
	font-weight: 800;
	background: #e2dfdf;
}
.h-90 {
	height: 125px !important;
}
.nav-tabs .nav-link {
	border: 0.0625rem solid transparent;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}
.nav-tabs .nav-link {
	border: 0.0625rem solid transparent;
	/* border-top-left-radius: .375rem; */
	/* border-top-right-radius: .375rem; */
	background: #eae7e7;
	border-radius: 0px !important;
	font-weight: 700;
	margin-right: 3px;
	padding: 10px 20px 10px 20px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #f9f7f7;
	background-color: #fd0707;
	border-color: #f90b0b #dee2e6 #fff;
}
.gridpost_image_container {
	overflow: hidden;
	position: relative;
}
.gridpost_image_container {
	overflow: hidden;
	position: relative;
}
.gridpost_image_container {
	overflow: hidden;
	position: relative;
}
.gridpost_image_container .gridpost_image_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0.7;
	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	) !important;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(0, 0, 0, 0.08)),
		color-stop(100%, rgba(0, 0, 0, 0.93))
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: -o-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: -ms-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000',endColorstr='#91000000',GradientType=0 );
}
.gridpost_image_container .gridpost_image_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0.7;
	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	) !important;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(0, 0, 0, 0.08)),
		color-stop(100%, rgba(0, 0, 0, 0.93))
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: -o-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: -ms-linear-gradient(
		top,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.93) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000',endColorstr='#91000000',GradientType=0 );
}
.gridpost_content {
	position: absolute;
	bottom: 30px;
	left: 35px;
	right: 40px;
	z-index: 1;
}
.gridpost_content .title {
	font-size: 40px;
	font-weight: 800;
	line-height: 51px;
	text-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
	letter-spacing: 0;
	margin-bottom: 12px;
	width: 90%;
	font-family: caput;
}
.brand-color {
	color: #fff !important;
}
.bg-big {
	height: 300px;
	object-fit: cover;
	object-position: top;
}
.bodybox {
	background: #ffffff;
	padding-left: 40px;
	margin-top: 20px;
}
.gridpost_cat {
	background-color: #ed1a3b;
	padding: 2px 8px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 13px;
	font-weight: 600;
	letter-spacing: -0.4px;
	opacity: 0.95;
	margin-right: 8px;
	float: left;
}
.fs {
	font-size: 0.875rem;
	color: #838588;
	font-weight: 600;
	line-height: 1.2;
	border-top: 1px solid #ccc;
	padding-top: 12px;
}
.fs20 {
	font-size: 25px;
}
.z-depth-1,
.z-depth-1--hover:hover {
	box-shadow: 0 8px 17px rgb(0 0 0 / 2%), 0 6px 20px rgb(0 0 0 / 2%) !important;
}
.heading-b {
	font-size: 16px;
	margin-right: 25px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #f5f508;
	background-color: #c10505;
}
 .div-u-card{
	width:100%;
     
	height:auto;
	/*box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;*/
	position: relative;
	background:#FFF;
	border:1px rgb(226,226,227) solid;
	padding:0px 20px 10px  20px;
 	
 }
 .div-u-card h4{
	 
	 
	 padding-top:10px;
	  
 }
 .div-u-card p{
	 
	 
	 padding-top:10px;
	 font-size:14px;
	 margin-bottom:5px;
	 font-weight:normal!important;
	  
	  
 }
  .div-u-card .add{
	  bottom:0;
	  border-top:1px rgb(226,226,227) solid;
	  width:100%;
	  height:60px;
	  
	  
	  
	   
  }
  .div-u-card .add .update{
	 float:right;
	  background:#FFF;
	  /*padding:4px 30px 4px 30px;*/
	  vertical-align:middle;
	  margin:10px 1px auto auto;
	  text-transform:uppercase;
	  border:4px #F3C60C solid;
	  color:#F3C60C;
	  text-decoration:none;
	  height:70px;
	  width:70px;
	  border-radius:35px;
	  line-height:35px;
	   display: flex;  
  align-items: center; 
  justify-content: center;
	  
	  
	   
  }
   .div-u-card .item{
	  width:100%;
      height:auto;	
      border-top:1px rgb(226,226,227) solid!important;
	  padding:5px;
     
	  
   }
    
    
   
   .div-u-card .item > div{
	  width:100%;
      height:auto;	
	  padding-top:5px;
	  font-size:14px;
	   
       	  
   }
   .div-u-card .item > div > span > i{
	    font-size:14px!important;
		top:50%!important;
	    
	   
       	  
   }
    .div-u-card .item > div >span > svg{
	    
	    font-size:20px!important;
	   
	   
       	  
   }
   .bold{
	   font-weight:500;
	   font-size:14px;
   }
   .text-muted{
	   font-size:11px; 
	   color:grey;
   }
   
   .o-t{
      width:40px;
	  height:40px;
	  background:#FFF;
	  vertical-align:middle;
	  text-transform:uppercase;
	  border:4px red solid;
	  color:red;
	  text-align:center;
	  text-decoration:none;
	  position:absolute;
	  Z-index:100;
	  right:0;
	  margin-top:30px;
	  border-radius:25px;
	  margin-right:20px;
	 
	  cursor:pointer;
	    display: flex;  
  align-items: center; 
  justify-content: center;
	}
	.o-t:hover{
color:#F3C60C;
border-color:#F3C60C;
	}
   
    .o-o{
      width:40px;
	  height:40px;
	  background:#FFF;
	  vertical-align:middle;
	  text-transform:uppercase;
	  border:4px #ADB5BD solid;
	  color:#ADB5BD;
	  text-align:center;
	  text-decoration:none;
	  position:absolute;
	  Z-index:100;
	  right:0;
	  margin-top:30px;
	  border-radius:25px;
	  margin-right:20px;
	 
	  cursor:pointer;
	    display: flex;  
  align-items: center; 
  justify-content: center;
	}
	.o-o:hover{
color:#F3C60C;
border-color:#F3C60C;
	}
    
   .div-u-card .add .update:hover{
color:#FFF;
border-color:#ED8E90;
background:#F3C60C;
	}
	       
		.custom-ul,
.cu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.custom-ul {
  margin: 1em 0;
}

.cu {
  margin: 0em;
  margin-left: 3em;
}

.cu:before {
  content: '\25CE';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color:#F3C60C;
  font-size:20px;
  font-weight:400;
}

.link-a {
  font-size:14px;
  text-decoration:none;
  width:100%;
  background:#FFF!important;
  text-align:left;
  color:#000!important;
  font-weight:600;
}
.link-a:hover{
	text-decoration:none!important;
	 color:#F3C60C!important;
	
}
.lightbox { width:100%!important;display: none; width:80%; }

.featherlight-content {
    width: 90%;
	 border-top:10px #F3C60C solid!important;
  }

@media only screen and (max-width: 768px) {
  
  .featherlight-content {
    width: 100%;
	border-top:4px #F3C60C solid!important;
	 
  }
}


     textarea {
      width: calc(100% - 12px);
      padding: 5px;
      }
       
       
      input, select, textarea {
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
	  
      }
	    #coursename{
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
	  
      }
	    #institution {
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
	  
      }
      input,select {
      width: calc(100% - 10px);
      padding: 5px;
	  font-size:13px;
      }
      input[type="date"] {
      padding: 4px 5px;
	  font-size:13px;
      }
      textarea {
      width: calc(100% - 12px);
      padding: 5px;
	  font-size:13px;
    }
      .itemx:hover p, .itemx:hover i, .question:hover p, .question label:hover, input:hover::placeholder {
      color:  #006622;
      }
      .itemx input:hover, .itemx select:hover, .itemx textarea:hover {
      border: 1px solid transparent;
      box-shadow: 0 0 3px 0  gray;
      color: #000;
      }
      .itemx {
      position: relative;
      margin: 10px 0;
      }
      .itemx span {
      color: red;
      }
      input[type="date"]::-webkit-inner-spin-button {
      display: none;
      }
      .itemx i, input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      font-size: 20px;
      color: #000;
      }
	  .itemx input {
     font-size:14px!important;
      }
	   .itemx label {
     font-size:14px!important;
      }
      .itemx i {
      right: 1%;
      top: 30px;
      z-index: 1;
      }
 .week {
      display:flex;
      justfiy-content:space-between;
      }
      .colums {
      display:flex;
      justify-content:space-between;
      flex-direction:row;
      flex-wrap:wrap;
      }
      .colums div {
      width:100%;
      }
      [type="date"]::-webkit-calendar-picker-indicator {
      right: 1%;
      z-index: 2;
      opacity: 0;
      cursor: pointer;
      }
      input[type=radio], input[type=checkbox]  {
      display: block;
      }
	  
	  label.checkbox {
      position: relative;
  display: inline-block;
       
      cursor: pointer;
      }
      label.radio {
      position: relative;
  display: inline-block;
      margin: 5px 20px 15px 0;
      cursor: pointer;
      }
      .question span {
      margin-left: 30px;
      }
      .question-answer label {
      display: block;
      }
      label.radio:before {
      content: "";
      position: absolute;
      left: 0;
      width: 17px;
      height: 17px;
      border-radius: 50%;
      border: 2px solid #ccc;
      }
      input[type=radio]:checked + label:before, label.radio:hover:before {
      border: 2px solid  #006622;
      }
      label.radio:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 5px;
      width: 8px;
      height: 4px;
      border: 3px solid  #006622;
      border-top: none;
      border-right: none;
      transform: rotate(-45deg);
      opacity: 0;
      }
      input[type=radio]:checked + label:after {
      opacity: 1;
      }
      .flax {
      display:flex;
      justify-content:space-around;
      }
      .btn-block {
      margin-top: 10px;
      text-align: center;
      }
      button {
      width: 150px;
      padding: 10px;
      border: none;
      border-radius: 5px; 
      background:  #006622;
      font-size: 16px;
      color: #fff;
cursor: pointer;
      }
      button:hover {
      background:  #00b33c;
      }
      @media (min-width: 568px) {
      .name-item, .city-item {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      }
      .name-item input, .name-item div {
      width: calc(50% - 20px);
      }
      .name-item div input {
      width:97%;}
      .name-item div label {
      display:block;
      padding-bottom:5px;
	  font-size:18px;
      }
      }
	  .itemx label{
		 font-size:18px; 
	  }
 .green{
	color:green;
border-color:green;	
 }
 .red{
	color:red;
border-color:red;	
 }
 .noborder{
	 border:none;
 }
 .ms-helper{
	color:#FFF;!important; 
 }
 .cu .fa-w-16{
	float:right!important;
margin-right:4px!important;	
 }
 .d-content{
	display:none; 
 }
 .invisible{
	display:none; 
 }
 
 
 .container-x {
  display: grid;
  grid-template-columns: 300px 300px 300px;
  grid-gap: 50px;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f5f5f5;
  font-family: 'Baloo Paaji 2', cursive;
}

.card-x{
  background-color: transparent;
  height: 37rem;
  border-radius: none;
  display: flex;
  flex-direction: column;
  align-items: center;

  color: #000;
}
.grid-child-posts{
	text-align:center;
	width:100%;
}
.card__name {
  margin-top: 15px;
  font-size: 1.5em;
}

.card__image {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 0px solid #F3C60C;
  margin: 20px auto 10px auto;
  right:0;
float:right;  
  /*box-shadow: 0 1px 5px rgba(235, 25, 110, 1);*/
}


.draw-border {
  box-shadow: inset 0 0 0 4px #58cdd1;
  color: #58afd1;
  -webkit-transition: color 0.25s 0.0833333333s;
  transition: color 0.25s 0.0833333333s;
  position: relative;
}

.draw-border::before,
.draw-border::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0rem;
  height: 0;
  bottom: 0;
  right: 0;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.draw-border::before {
  border-bottom-width: 4px;
  border-left-width: 4px;
}

.draw-border::after {
  border-top-width: 4px;
  border-right-width: 4px;
}

.draw-border:hover {
  color: #ffe593;
}

.draw-border:hover::before,
.draw-border:hover::after {
  border-color: #eb196e;
  -webkit-transition: border-color 0s, width 0.25s, height 0.25s;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}

.draw-border:hover::before {
  -webkit-transition-delay: 0s, 0s, 0.25s;
  transition-delay: 0s, 0s, 0.25s;
}

.draw-border:hover::after {
  -webkit-transition-delay: 0s, 0.25s, 0s;
  transition-delay: 0s, 0.25s, 0s;
}

.btn-x{
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1.5;
  font: 700 1.2rem 'Roboto Slab', sans-serif;
  padding: 0.75em 2em;
  letter-spacing: 0.05rem;
  margin: 1em;
  width: 13rem;
}

.btn-x:focus {
  outline: 2px dotted #55d7dc;
}


.social-icons-x {
  padding: 0;
  list-style: none;
  margin: 1em;
}

.social-icons-x li {
  display: inline-block;
  margin: 0.15em;
  position: relative;
  font-size: 1em;
}

.social-icons-x i {
  color: #fff;
  position: absolute;
  top: 0.95em;
  left: 0.96em;
  transition: all 265ms ease-out;
}

.social-icons-x a {
  display: inline-block;
}

.social-icons-x a:before {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  content: " ";
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: block;
  background: linear-gradient(45deg, #ff003c, #c648c8);
  transition: all 265ms ease-out;
}

.social-icons-x a:hover:before {
  transform: scale(0);
  transition: all 265ms ease-in;
}

.social-icons-x a:hover i {
  transform: scale(2.2);
  -ms-transform: scale(2.2);
  -webkit-transform: scale(2.2);
  color: #ff003c;
  background: -webkit-linear-gradient(45deg, #ff003c, #c648c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 265ms ease-in;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  font-size: 1.2em;
}
.errorno{
	
	text-align:center;background:#F2BAB9;margin-bottom:4px;padding:50px 0px 50px 0px;border-color:#D82B2A;
	margin:4px;
}.successno{
	text-align:center;background:#DFF2BF;margin-bottom:4px;padding:50px 0px 50px 0px;
	
}

.text-style-two img{
	width:100%;
}
.update{
	cursor:pointer;
}
.console-error{
	border:2px red solid!important;
}
 .hidden-now{
	display:none!important; 
 }
 .bg-white{
	 background:#FFF;
 }
 .red-color{
	color:#E62E2D; 
 }
 
 .applyBar{
	width:100%;
	height:104px;
	background: transparent;
	bottom:0;
	position:fixed;
	z-index:99999!important;
	line-height:104px;
	vertical-align:middle;
}
.left{
	float:left;
}
.right{
	float:right;
}
.applyBar button{
	display:inline;
	height:50px;
	border:none;
	border-radius:3px!important;
	margin:27px 10px;
	 
}
.containertopBar {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 800px;
	height:51px;
	padding:2px 0px 1px 0px;
}
.navBarTop {
    background: #E62E2D;
	 z-index:999;
}

.navTop {
    margin: 0 -10px;
    padding: 0 10px;
    list-style: none;
    display: flex;
    overflow-x: scroll;
   -webkit-overflow-scrolling: touch;
}

.navTop > li > button {
    padding: 14px 16px;
    display: block;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
	background:transparent;
	border-radius:0px!important;
	border-right:1px solid #ddd;
}
 

.navTop > li > button.active {
    border-bottom:4px #F3C60C solid;
}
.siteheader{
	height:71px!important;
}
.desktop-apply{
	margin-top:20px;
	width:760px;
	height:60px;
	padding:10px;
	position:fixed;
	bottom:0;
	Z-index:9999;
	background:transparent;
	 
}
.activex{
	color:#F3C60C;
	border-bottom:3px #F3C60C solid;
}
._back{
	
	background: #F3C60C!important;
	border-radius:0;
	font-weight:600;
}
._next{
	
border-radius:0;
	background: #F3C60C!important;
	font-weight:600;
}
#apply{
font-weight:600;	
}
._nextd{
	
	width:20%!important;
	background: #F3C60C!important;
	border-radius:0;
	font-weight:600;
}
._nextd:hover{
	opacity:0.9;
}
._backd:hover{
	opacity:0.9;
}
._next:hover{
	opacity:0.9;
}
._back:hover{
	opacity:0.9;
}
._backd{
	
	width:20%!important;
	background: #F3C60C!important;
	border-radius:0;
	font-weight:600;
}
.stickysidebar {
 position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
	width:350px;
}

 
 
 /* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}








 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #FFF;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color:#FFF;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #F3C60C!important;
}
.c100.green:hover > span {
  color: #E62E2D;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #E62E2D;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}