/*---------------------------------------------------------------

Template Styles for PCA Extranet

---------------------------------------------------------------*/

@font-face {
    font-family: 'peugeotlight';
    src: url('../media/fonts/Peugeot Light v2.woff') format('woff2'),
         url('../media/fonts/Peugeot Light v2.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
		font-family: 'Citroen-light';
src: url('../media/fonts/citroen_light.eot'),
				 url('../media/fonts/citroen_light.woff') format('woff'),
				 url('../media/fonts/citroen_light.woff2') format('woff');
		font-weight: normal;
		font-style: normal;
}
/*---------------------------------------------------------------*/
/* Standards & overrides */

body { 
	color: #63666a;
	font-size: 16px; 
	font-weight: normal; 
	line-height: 1.4 !important;
	letter-spacing: 0.2px;  
	outline: none;
	margin:0 auto; 
	background-color:#fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
#wrap {
  min-height: 100%;
  height: auto !important;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weiught: 300;
	margin: 10px 0 20px 0;
	letter-spacing: 1px;
}
h1 {
	font-size: 30px; 
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
	text-transform: upppercase;
}

a { 
	color: #13294b;
	outline: none; 
	text-decoration: none; 
}
a:hover, a:focus, a:active { 
	color: #13294B; 
	outline: none; 
	text-decoration: underline; 
	transition: opacity 0.9;
}
a.Altlink1:link  { 
	color: #63666a;
	outline: none; 
	text-decoration: underline; 
}
a.Altlink1:hover, a.Altlink1:focus, a.Altlink1:active { 
	color: #0B6AA0; 
	text-decoration: underline; 
}
a.Altlink2:link  { 
	color: #FFF; 
	outline: none; 
	text-decoration: none; 
}
a.Altlink2:hover, a.Altlink2:focus, a.Altlink2:active { 
	color: #FFF; 
	text-decoration: underline; 
}
p { 
	margin-bottom: 10px; 
}

figure { 
	margin-bottom: 6px; 
	position: relative; 
}
.clear { 
	clear: both;  
	line-height: 0; 
}
img {
	max-width: 100%;
}
.img-responsive
{
	width: 100% !important;
}
strong, b {
	font-weight: bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;
}

.fixed{ 
	position:fixed;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;

}
th {
	text-align: center;
    padding: 10px 0px;
    background: #efefef;
    color: #13294b;
    text-transform: uppercase;
}
.sitemap ul {
	margin: 5px 20px;
}
.sitemap li {
	padding: 0 0 0 10px;
	list-style: disc;
	margin: 0;
}
.text-center {text-align:center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.left {float: left;}
.right {float: right;}
.tight-left {margin-left: 0;}
.tight-right {margin-right: 0;}
.tight {margin: 0;}
.blue {color: #13294b !important;}
.red {color: #e2002e !important;}
.aqua {color: #008a97;}
.gray {color: #cdcdcd;}
.green {color: #228a11 !important;}
.amber {color: #e17413 !important;}
.light-gray {color: #e2e2e2;}
.white {color: #fff;}
.orange{color:#FE9A2E !important;}
.space5 {height: 7px;}
.space10 {height: 10px;}
.space15 {height: 15px;}
.space30 {height: 30px;}
.space45 {height: 45px;}
.p-t-30 {padding-top: 30px;}
.p-b-30 {padding-bottom: 30px;}
/*---------------------------------------------------------------*/
/* Template Styles */


header {
	background: #fff;
	}
.header-row {
	position: relative;
}	
.logo {
	padding: 50px 0 0 0;
	text-align: center;
}
	
/*.user-image {float: left; margin: 5px 0 5px 0; border-right: 10px solid #fff; width: 100%;}
.user-image img{height:67px;width: 65px;}*/
ul.user-data {float: right; padding-top: 10px; width: 100%;}

.user-data li {color: #050505; text-decoration: none; border-bottom: 1px solid #efedec; display: block; padding: 8px 8px 8px 0px; font-size:0.8em; float: left; width: auto; }
.user-data li:last-child {border-bottom: none;}
.user-data li i {
	color: #63666a;
    /* padding-top: 10px; */
    float: right;
    font-size: 18px;
    padding-left: 15px;
}
ul.user-data li ul {display: none;}


.login-panel {
	background: #e5e5e6;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	padding: 0px 10px;
	}
.user-data .dropdown-menu {top: 34px;}


/*---------------------------------------------------------------*/
/* Navigation Styles */


.navbar {
  	position: relative;
    min-height: 0;
    border: none;
    padding-bottom: 0;
    height: 55px;
    top: 0px;
    margin-bottom: 0;
}
.navbar-default { 
	background-color: transparent;
    border: none;
    border-radius: 0;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    position: absolute;
    bottom: 0;
    padding: 0;
    left: 25px;
	}
.navbar-nav > li { list-style: none; }

.navbar-default .navbar-nav > li > a { 
	color:63666a;
	font-size:16px; 
	text-transform: uppercase;
	padding: 0 25px;
  	line-height:36px;
  	border-right: 1px solid #efedec;
  	font-family: 'Source Sans Pro', sans-serif;
  	  letter-spacing: 1px;
    font-weight: 600;
    color: #63666A;
}

/*.navbar-default .navbar-nav li:first-child a { padding: 0 15px 0 0;}*/
.navbar-default .navbar-nav li:last-child a { border-right: none;}

.navbar-default .navbar-nav > li > a:hover{ 
	color:#13294B; 
	background-color: #fff; 
}
.navbar-default .navbar-nav > .active > a {
	color:#dc002e; 
}
.navbar-collapse {
    padding-right:0;
    padding-left: 0;
}

.navbar-default .navbar-nav>.open>a {
	background-color:#fff; 
}
ul.nav li.dropdown:hover > ul.dropdown-menu
{ display: block; }
.dropdown-menu {
    padding: 16px 0 0 0;
    margin: 0;
    font-size: 18px;
    border: 0px solid rgba(0,0,0,0.15);
}
.dropdown-menu ul {
    padding: 0;
}
.dropdown-menu li a {
	color:63666a;
	font-size:15px; 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	padding: 0px 15px;
  	line-height:36px;
  	border-bottom: 1px solid #b3b3b3;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color:  #dc002e;
    text-decoration: none;
    background-color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #8e8699; 
}
.dropdown-menu .dropdown-menu {
    top: -1px;
    left: 100% !important;
    right: auto;
    border-top: 1px solid #f7f7f7;
}
.user-data .dropdown-menu li a {
	color:63666a;
	font-size:14px; 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	padding: 0px 15px;
  	line-height:20px;
  	border-bottom: 0;
	width: 100%;
}
.user-data .dropdown-menu li a:hover {
	color:#dc002e;
	background: #fff;
}

.secondary-nav ul, ul.secondary-nav {
	list-style: none;
	margin: 3px auto 0 auto;
	width: 100% !important;
	background: #fff;
	display: block;
}
ul.secondary-nav li > a { 
	color:63666a;
	font-size:15px; 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	padding: 0;
	width: 50%;
	text-align: center;
  	line-height:40px;
  	background: #fff;
  	float: left;
  	white-space: nowrap;
  	border: 1px solid 63666a;
}
ul.secondary-nav li > a i { 
	font-size:13px; 
	padding-bottom: 3px;
}

ul.secondary-nav li > a:hover { 
	color:#fff;
	background:63666a;
	text-decoration: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{
    color: #555;
   background-color: #fff;
}



/*---------------------------------------------------------------*/
/* search & breadcrumb Styles */

.search {
	display: none;
}
.search input {
	background: #e5e5e6;
	border: none;
	border-bottom: 1px solid #ddd;
	width: 85%;
}
.search .btn {
	background: #e5e5e6;
	border: none;
	padding: 0;
	color: #13294B;
}
.search .btn i {
	color: #13294B;
	font-size: 18px;
}

@media screen and (min-width: 768px) {
   .search {
		display: block;
		position: absolute;
		bottom: 15px;
	}

}


.breadcrumb {
	float: none;
    list-style: none;
	padding: 0;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    }
    
ul.breadcrumbs {margin:0; padding:0; list-style:none;}
ul.breadcrumbs li{ list-style:none;  margin:0; background:none; float: left; }
ul.breadcrumbs li a{ text-decoration:none; color:#fff; padding:0; font-weight:normal; }
ul.breadcrumbs li a:after{ content: '\f105'; padding: 0 5px; font-family: 'font-awesome','fontAwesome';}
ul.breadcrumbs li:last-child a:after{ content: ''; padding: 0 5px; font-family: 'font-awesome','fontAwesome';}
ul.breadcrumbs li:last-child i{ display: none;}
.content {padding-top: 20px;}

.content-canvas {background: #fff; padding: 15px;}
/*---------------------------------------------------------------*/
/* Submenu Styles */
.submenu {padding: 15px; border:1px solid #e5e5e6; clear: both;}
.submenu h1 {font-size: 21px; text-transform: uppercase; color: #8e8699; }
.submenu ul {list-style: none; display: block;	margin-bottom: 10px; }
.submenu ul li { 
	margin: 0;
	padding: 0;
}
.menuSercureGroups {display: none;}
.submenu ul li a { 
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color:#8e8699; 
	padding: 3px 0;
	font-size: 15px;
	background: transparent;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e6; 	
}	
.submenu ul li a:before { 
	margin:0 10px 0 0;
	color: #0377BA;
	font-size: 10px;
	content: '\f054';
	font-family:'fontawesome';
	display: inline-block;
}
.submenu ul li a .active, .submenu ul li a:hover, a.submenu i:hover { ;
	color:#0377BA; 
	background: #fff;
	text-decoration: none;
	border-bottom: 1px solid #0377BA;; 	
}	
.submenu ul li:before .active,  .submenu ul li:before a:hover { ;
	content: '\f053';
	background: #63666a;
	color:#dc002e; 	
}
.brand {position: relative;}	
.brand img {width: 100%;}	
.brand h1 {
	position: absolute; 
	left: 0px;
	top:35px; 
	background: #0B6AA0; 
	color: #fff; 
	font-family: 'citroen-light', sans-serif; 
	font-size: 24px;  
	padding: 5px 10px;
	display: inline-block;	letter-spacing: 0.4px; 
	 }
	
	
h1.title {
    font-size: 30px;
    margin: 0px 0 35px;
    text-align: center;
    padding: 10px 0px;
    background: #efefef;
    color: #13294b;
}
h1.title strong{font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;}

.trans_thumb { 
	width: 100%;
    clear: both;
    background: #13294b;
    text-align: center;
    margin-top: 15px;
    display: block;
}
.trans_thumb:hover { 
    background: #63666A;
     text-decoration: none;
}
.trans_thumb:hover .caption { 
    text-decoration: none;
}

.trans_thumb .caption { 
    color: #FFFFFF;
    font-size: 18px;
    line-height: 4em;
}
.trans_thumb .caption:before {
	 content: "\f105";  
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}

	
	
/*---------------------------------------------------------------*/
/* Element Styles */	

ul.element-3 { 
	margin-bottom: 25px;
}
ul.element-3 li { 
	border-bottom: 1px solid #efedec; 
	margin: 0;
	padding: 0;
	color:#050505; 
	background: #fff;
}
ul.element-3 li span.today { 
	margin: 0 10px 0 0;
	padding: 5px;
	color:#fff; 
	background: #008a97;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	font-size: 17px; 	
	min-width: 16%;
	text-align: center;
	height: 100% !important;
	vertical-align: middle;
}
ul.element-3 li span { 
	margin: 0 10px 0 0;
	padding: 5px;
	color:#fff; 
	background: #63666a;
	display: inline-block !important;
	text-transform: uppercase;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	font-size: 17px; 	
	min-width: 16%;
	text-align: center;
	height: 100% !important;
	min-height: 30px;
	vertical-align: middle;
}
ul.element-3 li span.message { 
	color:#63666a; 
	background: #fff;
	display: inline-block !important;
	text-transform: none;
	text-align: left;
	line-height: 2em;
	width: 80%;
	padding: 0px;
`	height: 100% !important;
	height: 100% !important;
	vertical-align: middle;
}
.element-4-head {
	padding: 10px 10px 5px 10px;
	color:#fff; 
	background: #008a97;
	text-transform: uppercase;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	text-align: center;
	line-height: 2.6em;
	margin-left: 15px;
	margin-right: -15px;
	margin-bottom: 5px;
	height: 200px;
	z-index: 20;
	position: relative;
	}
.cal-month {font-size: 18px; display: block; text-align: center;}
.cal-day {font-size: 60px; display: block; text-align: center;}
.cal-year {font-size: 18px; display: block;text-align: center;}
.add-new { float: right; border-top: 1px solid #fff; width: 100%; font-size: 13px; text-align: right; cursor: pointer; position: relative; bottom: -40px;}
.add-new i { padding-right: 5px;}
.element-4 {height: 200px; overflow-y: scroll; margin: 0 0 5px 0; padding: 0; background: #fff;}
ul.element-4 li { 
	border-bottom: 1px solid 63666a; 
	margin: 0;
	padding: 6px;
	color:#050505; 
	background: #fff;
	text-align: center;
	z-index: 10;
}
ul.element-4 span { 
	color:#63666a; 
	display: block;
	text-transform: uppercase;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	text-align: center;
	line-height: 1.2em;
}
.element-2.links li:before {
	background: rgb(222, 65, 45);
    padding: 5px;
    margin-right: 5px;
    color: #fff;
    margin-left: 5px;
    font-family: 'fontawesome';
    content: '\f0c1';
}
.element-2.links li a {
	color: #63666a;
}

/*---------------------------------------------------------------*/
/* Login Styles */	
.main-container:before {
    background: #fff;
}

.citroen-content .citroen-row {
    margin: 0px !important;
}
 .citroen-content .citroen-row .img-responsive {
        width: 100%;
    }
.citroen-content .citroen-row .center img {
   max-width: 400px;
}

.citroen-content .widget-body {
    border-radius: 15px;
}
.citroen-content h2 {
    padding: 30px 0 20px 0;
	text-align: center;
}
.citroen-content p {
	text-align: center;
}

.citroen-content .widget-main {
    padding: 50px 15px !important;
}


.citroen-content .form-label {
    font-size: 14px;
    line-height: 25px;
    text-align: right;
}

.citroen-content .action-content {
    position: relative;
    min-height: 30px;
}

.citroen-content .label-forgot-pass {
    line-height: 30px;
    margin-left: 15px;
    color: #0B6AA0;
	display: inline-block;
}
.citroen-content .label-forgot-pass-back {
	line-height: 30px;
    color: #0B6AA0;
	text-align: center;
	padding-top: 30px;
}
.citroen-content .label-forgot-pass a {
        color: #0B6AA0;
        font-size: 14px;
        font-weight: bold;

    }

.citroen-content .forgot-password-link {text-align: center; color: #0B6AA0;}

.citroen-content .btn {

    background: #13294b !important;
    border-radius: 5px !important;
    border: 1px #0B6AA0 solid !important;
	padding: 6px 25px; 
	text-transform: uppercase;
	font-weight: bold;
}

.citroen-content .text {
    padding: 30px;
    font-size: 15px;
    font-weight: bold;
	text-align: center;
}
.element-1-head {
	background: #efedec;
	padding: 0 0 0 10px; 
	color: #63666a; 
	text-transform: uppercase; 
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	font-size: 18px; 
	line-height: 30px;
}
.element-1-head-alt {
	background: #c9dd03;
	padding: 0px 0 0 10px; 
	color: #fff; 
	text-transform: uppercase; 
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	font-size: 18px; 
	line-height: 30px;
}
.element-butt {
	background: #efefef;
	padding: 10px 0; 
	line-height: 40px;
	text-align: right;
}
.my-team-label {
    border-bottom: 1px solid 63666a;
    border-right: 10px solid #fff;    
    padding: 4px 6px;
	color: #666;
	white-space: nowrap;
    }
.my-team caption {
    padding: 15px 0;
    }    
.my-team-detail {
    border-bottom: 1px solid #fff;
    border-right: 10px solid #fff;  
    padding: 4px 6px;    
	font-weight: bold;
	min-height: 20px;
    } 
  .my-team-detail i {
   font-size: 24px;
    }  
 #accomodation-required-content, #flights-required-content {padding: 10px 0;}
.my-team-detail input[type="radio"], input[type="checkbox"] { margin-bottom: 5px; margin-right: 3px;}    
.my-team-detail label { margin-right: 15px}    
.FlightsRequiredOptionContent1 p {padding: 15px 0; width: 70%;}    
.enrol-now {background: #0B6AA0; color: #fff; font-weight: bold; display: inline-block; padding: 5px 10px; border-radius: 5px; text-transform: uppercase;}
.staff-form { padding: 5px 0; border-bottom: 1px solid #efefef;}
.staff-form-label {font-weight: bold; border-right: 1px solid #efefef;}
.staff-form-field {padding-right: 10px;}
.staff-form-field i {padding-left: 10px;}
.staff-form-field input[type="radio"], .staff-form input[type="checkbox"] {margin-right: 10px;}
.staff-form-bottom { padding: 5px 0; background: #efefef; text-align: right}
.space20 {height: 20px;}
table.my-team {width: 100%;}
.my-team td {padding: 4px 10px; text-align: left; border-bottom: 1px solid 63666a;}
.my-team th {padding: 4px; text-align: center; background: #efefef; border-bottom: 1px solid 63666a;border-right: 2px solid #fff;}
.my-team td a {text-decoration: none;}
.my-team td.figure {text-align: center;}
.my-team i {color: #63666a; padding-right: 10px;}
.tab-content p {padding: 10px;}
.nav-tabs > li > a {
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #efefef;
}
.search-box-partner-staffs {
    text-transform: uppercase;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding: 10px 8px 10px 8px;
}
.search-box-partner-staffs input, .search-box-partner-staffs select {
    height: 35px;
    background: #fff;
    border: 1px solid 63666a;
    font-size: 15px;
    float: left;
    color: #333;
    padding-left: 10px;
    font-family: arial, sans-serif;
}

.btn-filter-bulletin {
       color: #fff !important;
    background: #ed1c24 !important;
    width: 200px !important;
    height: 35px !important;
    padding: 0 20px;
    line-height: 8px;
    font-family: 'Montserratlight', sans-serif !important;
    font-size: 18px !important;
}
.btn-filter-bulletin:hover {
	background: #428bca;
}
.btn-filter-register {
    color: #fff !important;
    background: #13294b !important;
    padding: 4px 6px; 
    height: 35px !important;
    line-height: 8px;
    font-size: 16px !important;
    float: right;
    text-transform: uppercase;
    margin-right: 5px;
    width: auto;
}
.btn-filter-cancel {
    color: #fff !important;
    background: #ccc !important;
    padding: 4px 6px; 
    height: 35px !important;
    line-height: 8px;
    font-size: 16px !important;
    float: right;
    text-transform: uppercase;
    margin-right: 5px;    
}
.location-row tr:hover, .location-row td:hover, tr.location-row:hover {background: #ededed;}


.button-outline-gray { 
	color: #63666a;
	font-size: 12px;
	text-transform: uppercase;
	border: 3px solid 63666a;
	padding: 10px 15px;
	display: inline-block;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
	 background: #fff;
	 margin-right: 8px;
}
.button-outline-gray:hover { color: #d71f85; border: 3px solid #d71f85; }
.form-horizontal .form-group {
    margin-right: -12px; 
    margin-left: 12px !important; 
}
/*---------------------------------------------------------------*/
/* Rotating Image */	
.carousel {margin-bottom: 10px; position: relative;}
.divCarouselCaptionWrapper { position: absolute; color: #fff; top: 15%; width: 100%; text-align: center;}
.linkTextInnerCarouselCaption { color: #fff; text-decoration: none; text-align: center;line-height: 3em;}
.linkTextInnerCarouselCaption:hover { color: #fff; text-decoration: none;}
.biggerTextCarouselCaption {text-align: center;font-size: 2em; text-shadow: 1px 1px #333; line-height: 1.1em;}
.carousel-inner>.item {
    -webkit-transition: .2s ease-in-out left;
    transition: .2s ease-in-out left;
}
.carousel-inner>.item img {
   width: 100% !important;
}
.carousel-indicators {display: none;}



@media screen and (min-width: 768px) {
	.biggerTextCarouselCaption {font-size: 3.5em; }
}	
@media screen and (min-width: 1200px) {
	.biggerTextCarouselCaption {font-size: 3.5em; }
}	



/* Following here */	
.head_banner_img {
	padding: 0;
	position:relative;
}
 .head_banner img{
     width:100%;
}
 .head_banner.grey_banner {
    padding: 60px 0;
     background: #838282;
}
 .head_label{
         position: absolute;
    top: 45%;
    left: 50px;
}
 .head_label h1, .grey_banner h1{
     font-size:2.4em;
    font-size: 3.4em;
    text-transform: uppercase;
     margin:0;
     padding:0;
     color:#FFFFFF;
     font-weight:400;
}


.bus_sec{ }
.bus_sec [class*="col-"]{ padding-left:10px; padding-right:10px;}
.bus_thumb{ margin-bottom:20px; position:relative; min-height: 200px; background: #63666A;}
.bus_title_bdr{ position:absolute; width:135px; left:15px; top:45px; height:2px; background:#FFF;}
.bus_thumb .caption{ position:absolute; left:0; right:0;color:#FFFFFF; font-size:19px; text-transform:uppercase; top:0; padding: 85px 15px 30px;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.01+0,0.05+9,0.19+29,0.72+86,0.83+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.10) 9%, rgba(0,0,0,0.20) 29%, rgba(0,0,0,0.30) 86%, rgba(0,0,0,0.40) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.10) 9%,rgba(0,0,0,0.20) 29%,rgba(0,0,0,0.30) 86%,rgba(0,0,0,0.40) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.10) 9%,rgba(0,0,0,0.20) 29%,rgba(0,0,0,0.30) 86%,rgba(0,0,0,0.40) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#d4000000',GradientType=0 ); /* IE6-9 */}

.form-horizontal p {
	font-size: 24px;
    margin: 0px 0 35px;
    text-align: center;
    padding: 10px 0px;
    background: #efefef;
    color: #13294b;
}
.no-skin h3 {
	font-size: 24px;
    margin: 0px 0 35px;
    text-align: center;
    padding: 10px 0px;
    background: #efefef;
    color: #13294b;
}
.no-skin h4 {
	font-size: 21px;
    color: #13294b;
}
.no-skin th {
    color: #63666a;
    text-transform: none;
}
.no-skin .form-horizontal p {
	font-size: 18px;
    background: #fff;
    color: #63666a;
}
.btn-responsive {
	background: #13294b !important;
	color: #fff;
  	text-transform: uppercase;
  	border: 5px solid #13294b !important;
}
.btn-responsive:hover {
	background: #63666A !important;
  border: 5px solid #63666A !important;
}
.btn-primary {
    background: #ed1c24 !important;
    width: 200px !important;
    height: 35px !important;
    padding: 0 20px;
    line-height: 8px;
    font-family: 'Montserratlight', sans-serif !important;
    font-size: 18px !important;
        border: none !important;
    float: right !important;
    text-transform: uppercase !important;
}
.btn-primary:hover {
    background: #63666A !important;
}
.btn-secondary {
    background: #13294b !important;
    padding: 10px 10px;
    font-family: 'Montserratlight', sans-serif !important;
    border: none !important;
    text-transform: uppercase !important;
    color: #fff !impottant;
}
.btn-secondary:hover {
    background: #ed1c24 !important;
}

footer {
  	background-color: #e5e5e6;
    padding: 50px 0 0;
    display: block;
    width: 100%;
    margin-top: 40px;
    color: #63666a;
    z-index: 200;
}
footer .contact h2 {
    font-size: 1.875em;
    line-height: 1.875em;
    color: #63666A;
    text-align: left;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    padding-bottom: 20px;
}
footer, .menu {
    position: relative;
}
footer .contact {
    padding-bottom: 40px;
    text-align: center;
}
footer .contact ul.list-rs {
    display: inline-block;
    width: 100%;
    clear: both;
    border-radius: 10px;
    padding: 0 0 20px 0;
}
.contact h6 {
	margin: 10px 0;
	text-transform: uppercase !important;
	clear: both;
}
footer .contact ul.list-rs li a {
    font-size: 2em;
}
footer .contact ul.list-rs li:first-child {
    margin-left: 0;
}
footer .contact ul.list-rs li {
    display: inline-block;
    width: 37px;
    margin: 0 8px;
    float: left;
}
footer .contact ul.list-rs.citroen li a{
    color: #13294B;
}
footer .contact ul.list-rs.peugeot li a {
    color: #007edb;
}

footer .legals ul.list-legals {
    text-align: center;
    padding: 10px 0;
}
footer .legals {
    background-color: #63666A;
}
footer .legals ul.list-legals {
    text-align: center;
    padding: 10px 0;
}
footer .legals ul.list-legals li {
    margin: 0 0 0 10px;
    display: inline-block;
}
footer .legals ul.list-legals li a {
    cursor: pointer;
    color: #fff;
    font-size: .9375em;
    line-height: .9375em;
    text-transform: uppercase;
    font-weight: lighter;
}

footer .contact img {
	
	max-width: 200px;
	margin: 25px 0;
}
@media screen and (min-width: 768px) {
   footer .contact {
    	text-align: left;
	}
   .login-panel {
		width: 150px;
		height: 100%;
    }
    .user-data li {
    	float: none; 
    	width: 100%; 
    	background: #e5e5e6;
    	 padding: 4px 0px; 
    }
    .logo {
		padding: 10px 0;
	}
	.transmis_sec {
		position: absolute;
   	 	bottom: 30px;
   	 	left: 0;
   	 	right: 0;
	}
	.trans_thumb { 
		width: 99%;
   		clear: both;
    	opacity: 0.9;
		margin-top: 5px;		
	}
	.transmis_sec .col-lg-2 {
		padding-right: 6px;
    	padding-left: 6px;
	}
	.trans_thumb .caption { 
		font-size: 24px;
	}
	.trans_thumb .caption:before {
   		padding-right: 10px;
	}
	.navbar {
    	height: 85px;
	}
	.navbar-default .navbar-nav > li > a { 
    	font-size: 15px;
    	padding: 0 10px;
	}
	footer .contact img {
		max-width: auto;
		width: 100%;
		margin: 0;
	}
	footer .contact {
    	text-align: left;
	}
}
@media screen and (min-width: 1024px) {
    .navbar {
   		height: 155px;
	}
	   .navbar-default .navbar-nav > li > a {
		font-size:16px; 
		padding: 0 5px;
    }
    .navbar-default .navbar-nav > li:first-child > a { 
		padding-left: 0;
	}
}
@media screen and (min-width: 1200px) {
   .login-panel {
		width: 200px;
		height: 100%;
    }
   .navbar-default .navbar-nav > li > a { 
		padding: 0 10px;
	}
    .trans_thumb { 
   	 	bottom: 25px;
	}
}
@media screen and (min-width: 1400px) {
   .navbar-default .navbar-nav > li > a { 
		font-size:18px; 
		padding: 0 15px;
		}	
}





.main {background: #fff; padding-bottom: 20px; min-height: 400px;}
 .main-content {padding-top: 50px;}
.content {padding: 0;}
content-canvas { background: #FFF; padding: 10px;}

.carousel-control {
    top: 50%;
    left: 0%;
    font-size: 60px;
}
.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: none;
}
.carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: none;
}
.following {
	background-color: #13294b;
    padding: 20px 0;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.following h1 {
	font-size: 40px;
    margin: 35px 0 35px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}
img.brand {
    width: 300px;
        padding: 5px 0 5px 10px;
}
@media screen and (min-width: 768px) {
   img.brand {
   
	}

}



/* Edit icons on WebEd CMS */

.wedEd-cms-btn-editor {
    position: fixed;
    bottom: 8%;
    right: 4px;
    display: block;
    z-index: 999 !important;
    background-color: transparent;
    width: 69px;
    text-align: right;
    z-index: 999;
}
@-moz-document url-prefix() {
    .wedEd-cms-btn-editor {
        height: 56% !important;
    }
}
.webEdbtn-icon.logout i {
    /* background-color: #838d95; */
}
.webEdbtn-icon.sitemap i {
    /* background-color: #208aac;  */
}
.webEdbtn-icon.dashboard i {
    /* background-color: #4e555a;  */
}
.webEdbtn-icon.edit i {
    /* background-color: #b6d741;  */
    
    background-color: #114e60 !important;
}
.webEdbtn-icon.create i {
    /* background-color: #4fb1b9;  */
    
    background-color: #239abd !important;
}
.wedEd-cms-btn-editor i {
    font-size: 20px;
    display: inline-block;
    border-radius: 40px;
    padding: 22px 25px;
    margin-bottom: 5px;
    /*background-color: #0d596f;*/
    
    background-color: #0e1d22;
    cursor: pointer;
    -webkit-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
}
.wedEd-cms-btn-editor i:hover {
    color: #fff !important;
    background-color: #000 !important;
}
.wedEd-cms-btn-editor a {
    color: #fff !important;
}
.webEdbtn-icon i {
    font-size: 24px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0px 0px 2px #888;
    padding: 12px 13px;
    -webkit-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    -moz-box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    box-shadow: 6px 8px 19px -3px rgba(0, 0, 0, 0.69);
    background-color: #3d4041
}
span#webEd-edit-btn {
    padding: 7px 10px 7px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
}
#webEd-icons-edit {
    color: #fff !important;
    text-align: center;
    height: auto;
    width: 100%;
}
.active-show-btns #webEd-icons-edit {
    display: inline-block !important;
}
#webEd-edit-btn {
    margin-right: 10px;
}
@media (max-width: 767px) {
    .wedEd-cms-btn-editor {
        height: 54%;
    }
}
@media (max-width: 480px) {
    .wedEd-cms-btn-editor {
        height: 65%;
    }
}
@media (min-width: 1240px) {
	.container {
    	max-width: 1560px;
	}
}


.peugeot-blue {
	color: #007edb;
}
.citroen-red {
	color: #de412d;
}
.nav-pills.nav-stacked {
	width: 200px;
    float: right;Peugeot Targets
}
.nav.nav-pills > li > a {
    border-radius: 0px;
}
.nav.nav-pills > li > a {
    position: relative;
    padding: 10px 8px;
    text-transform: uppercase;
    color: #e4e4e4;
    font-size: 15px;
}
.nav.nav-pills > li.active > a {
    font-family: 'Montserrat';
    background: transparent;
}
.nav.nav-pills > li.active > a.peugeot {
    color: #007edb;
     border-left: 3px solid #007edb;
}
.nav.nav-pills > li.active > a.citroen {
    color: #de412d;
     border-left: 3px solid #de412d;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}
.nav>li>a.peugeot:hover, .nav>li>a.peugeot:focus {
    color: #333;
}
.nav>li>a.citroen:hover, .nav>li>a.citroen:focus {
    color: #333;
}
.tab-content {
	float: right;
}
.targets a.targets{
	float: right;
	padding: 6px 10px;
	color: #007edb;
	font-family: 'Montserrat';
	border: 1px solid #ccc;
	margin: 5px;
}
#citroen-targets-following .chart-container, #peugeot-targets-following .chart-container {
	float: none; margin-bottom: 35px;
}
/* donut chart */

.chart-container {
  display: inline-block;
  margin: 5px;
  float: right;
}
.chart-container .label-text {
      display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.pie-wrapper {
  position: relative;
  width: 120px;
  height: 60px;
  overflow: hidden;
}
.pie-wrapper .arc, .pie-wrapper:before {
  content: '';
  width: 120px;
  height: 60px;
  position: absolute;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  left: 0;
  box-sizing: border-box;
}
.pie-wrapper:before {
  border: 30px solid #E8E8E8;
  border-bottom: none;
  top: 0;
  z-index: 1;
  border-radius: 300px 300px 0 0;
}
.pie-wrapper .arc {
  border: 30px solid #47CF73;
  border-top: none;
  border-radius: 0 0 300px 300px;
  top: 100%;
  z-index: 2;
}
.pie-wrapper .arc::before {
  content: "";
  height: 1px;
  width: 5px;
  position: absolute;
  top: 0px;
}
.pie-wrapper .score {
  color: #394955;
  font-size: 18px;
  display: block;
  width: 120px;
  text-align: center;
  margin-top: 40px;
}
.pie-wrapper .score.no-data {
  font-size: 15px;
  margin-top: 44px;
}

.arc[data-value="1"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  -webkit-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="1"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="1"]::before {
  background-color: #47CF73;
}

.arc[data-value="2"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="2"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="2"]::before {
  background-color: #47CF73;
}

.arc[data-value="3"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -webkit-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="3"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="3"]::before {
  background-color: #47CF73;
}

.arc[data-value="4"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="4"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="4"]::before {
  background-color: #47CF73;
}

.arc[data-value="5"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="5"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="5"]::before {
  background-color: #47CF73;
}

.arc[data-value="6"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="6"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="6"]::before {
  background-color: #47CF73;
}

.arc[data-value="7"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  -webkit-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="7"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="7"]::before {
  background-color: #47CF73;
}

.arc[data-value="8"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="8"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="8"]::before {
  background-color: #47CF73;
}

.arc[data-value="9"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -webkit-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="9"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="9"]::before {
  background-color: #47CF73;
}

.arc[data-value="10"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="10"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="10"]::before {
  background-color: #47CF73;
}

.arc[data-value="11"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  -webkit-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="11"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="11"]::before {
  background-color: #47CF73;
}

.arc[data-value="12"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="12"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="12"]::before {
  background-color: #47CF73;
}

.arc[data-value="13"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  -webkit-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="13"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="13"]::before {
  background-color: #47CF73;
}

.arc[data-value="14"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="14"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="14"]::before {
  background-color: #47CF73;
}

.arc[data-value="15"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="15"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="15"]::before {
  background-color: #47CF73;
}

.arc[data-value="16"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="16"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="16"]::before {
  background-color: #47CF73;
}

.arc[data-value="17"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  -webkit-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="17"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="17"]::before {
  background-color: #47CF73;
}

.arc[data-value="18"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="18"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="18"]::before {
  background-color: #47CF73;
}

.arc[data-value="19"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  -webkit-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="19"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="19"]::before {
  background-color: #47CF73;
}

.arc[data-value="20"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="20"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="20"]::before {
  background-color: #47CF73;
}

.arc[data-value="21"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -webkit-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="21"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="21"]::before {
  background-color: #47CF73;
}

.arc[data-value="22"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="22"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="22"]::before {
  background-color: #47CF73;
}

.arc[data-value="23"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  -webkit-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="23"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="23"]::before {
  background-color: #47CF73;
}

.arc[data-value="24"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="24"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="24"]::before {
  background-color: #47CF73;
}

.arc[data-value="25"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="25"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="25"]::before {
  background-color: #47CF73;
}

.arc[data-value="26"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="26"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="26"]::before {
  background-color: #47CF73;
}

.arc[data-value="27"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -webkit-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="27"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="27"]::before {
  background-color: #47CF73;
}

.arc[data-value="28"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="28"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="28"]::before {
  background-color: #47CF73;
}

.arc[data-value="29"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  -webkit-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="29"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="29"]::before {
  background-color: #47CF73;
}

.arc[data-value="30"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="30"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="30"]::before {
  background-color: #47CF73;
}

.arc[data-value="31"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  -webkit-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="31"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="31"]::before {
  background-color: #47CF73;
}

.arc[data-value="32"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="32"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="32"]::before {
  background-color: #47CF73;
}

.arc[data-value="33"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -webkit-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="33"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="33"]::before {
  background-color: #47CF73;
}

.arc[data-value="34"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="34"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="34"]::before {
  background-color: #47CF73;
}

.arc[data-value="35"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -webkit-transform: rotate(63deg);
  transform: rotate(63deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="35"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="35"]::before {
  background-color: #47CF73;
}

.arc[data-value="36"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="36"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="36"]::before {
  background-color: #47CF73;
}

.arc[data-value="37"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  -webkit-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="37"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="37"]::before {
  background-color: #47CF73;
}

.arc[data-value="38"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="38"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="38"]::before {
  background-color: #47CF73;
}

.arc[data-value="39"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -webkit-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="39"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="39"]::before {
  background-color: #47CF73;
}

.arc[data-value="40"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="40"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="40"]::before {
  background-color: #47CF73;
}

.arc[data-value="41"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  -webkit-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="41"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="41"]::before {
  background-color: #47CF73;
}

.arc[data-value="42"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="42"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="42"]::before {
  background-color: #47CF73;
}

.arc[data-value="43"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  -webkit-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="43"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="43"]::before {
  background-color: #47CF73;
}

.arc[data-value="44"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="44"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="44"]::before {
  background-color: #47CF73;
}

.arc[data-value="45"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -webkit-transform: rotate(81deg);
  transform: rotate(81deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="45"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="45"]::before {
  background-color: #47CF73;
}

.arc[data-value="46"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="46"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="46"]::before {
  background-color: #47CF73;
}

.arc[data-value="47"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  -webkit-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="47"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="47"]::before {
  background-color: #47CF73;
}

.arc[data-value="48"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="48"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="48"]::before {
  background-color: #47CF73;
}

.arc[data-value="49"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  -webkit-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="49"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="49"]::before {
  background-color: #47CF73;
}

.arc[data-value="50"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="50"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="50"]::before {
  background-color: #47CF73;
}

.arc[data-value="51"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -webkit-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="51"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="51"]::before {
  background-color: #47CF73;
}

.arc[data-value="52"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="52"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="52"]::before {
  background-color: #47CF73;
}

.arc[data-value="53"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  -webkit-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="53"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="53"]::before {
  background-color: #47CF73;
}

.arc[data-value="54"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="54"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="54"]::before {
  background-color: #47CF73;
}

.arc[data-value="55"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  -webkit-transform: rotate(99deg);
  transform: rotate(99deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="55"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="55"]::before {
  background-color: #47CF73;
}

.arc[data-value="56"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="56"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="56"]::before {
  background-color: #47CF73;
}

.arc[data-value="57"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -webkit-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="57"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="57"]::before {
  background-color: #47CF73;
}

.arc[data-value="58"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="58"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="58"]::before {
  background-color: #47CF73;
}

.arc[data-value="59"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  -webkit-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="59"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="59"]::before {
  background-color: #47CF73;
}

.arc[data-value="60"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="60"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="60"]::before {
  background-color: #47CF73;
}

.arc[data-value="61"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  -webkit-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="61"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="61"]::before {
  background-color: #47CF73;
}

.arc[data-value="62"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="62"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="62"]::before {
  background-color: #47CF73;
}

.arc[data-value="63"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -webkit-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="63"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="63"]::before {
  background-color: #47CF73;
}

.arc[data-value="64"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="64"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="64"]::before {
  background-color: #47CF73;
}

.arc[data-value="65"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  -webkit-transform: rotate(117deg);
  transform: rotate(117deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="65"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="65"]::before {
  background-color: #47CF73;
}

.arc[data-value="66"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="66"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="66"]::before {
  background-color: #47CF73;
}

.arc[data-value="67"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  -webkit-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="67"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="67"]::before {
  background-color: #47CF73;
}

.arc[data-value="68"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="68"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="68"]::before {
  background-color: #47CF73;
}

.arc[data-value="69"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -webkit-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="69"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="69"]::before {
  background-color: #47CF73;
}

.arc[data-value="70"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="70"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="70"]::before {
  background-color: #47CF73;
}

.arc[data-value="71"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  -webkit-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="71"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="71"]::before {
  background-color: #47CF73;
}

.arc[data-value="72"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="72"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="72"]::before {
  background-color: #47CF73;
}

.arc[data-value="73"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  -webkit-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="73"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="73"]::before {
  background-color: #47CF73;
}

.arc[data-value="74"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="74"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="74"]::before {
  background-color: #47CF73;
}

.arc[data-value="75"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="75"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="75"]::before {
  background-color: #47CF73;
}

.arc[data-value="76"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="76"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="76"]::before {
  background-color: #47CF73;
}

.arc[data-value="77"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  -webkit-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="77"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="77"]::before {
  background-color: #47CF73;
}

.arc[data-value="78"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="78"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="78"]::before {
  background-color: #47CF73;
}

.arc[data-value="79"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  -webkit-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="79"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="79"]::before {
  background-color: #47CF73;
}

.arc[data-value="80"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="80"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="80"]::before {
  background-color: #47CF73;
}

.arc[data-value="81"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -webkit-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="81"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="81"]::before {
  background-color: #47CF73;
}

.arc[data-value="82"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="82"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="82"]::before {
  background-color: #47CF73;
}

.arc[data-value="83"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  -webkit-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="83"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="83"]::before {
  background-color: #47CF73;
}

.arc[data-value="84"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="84"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="84"]::before {
  background-color: #47CF73;
}

.arc[data-value="85"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  -webkit-transform: rotate(153deg);
  transform: rotate(153deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="85"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="85"]::before {
  background-color: #47CF73;
}

.arc[data-value="86"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="86"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="86"]::before {
  background-color: #47CF73;
}

.arc[data-value="87"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -webkit-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="87"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="87"]::before {
  background-color: #47CF73;
}

.arc[data-value="88"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="88"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="88"]::before {
  background-color: #47CF73;
}

.arc[data-value="89"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  -webkit-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="89"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="89"]::before {
  background-color: #47CF73;
}

.arc[data-value="90"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="90"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="90"]::before {
  background-color: #47CF73;
}

.arc[data-value="91"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  -webkit-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="91"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="91"]::before {
  background-color: #47CF73;
}

.arc[data-value="92"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="92"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="92"]::before {
  background-color: #47CF73;
}

.arc[data-value="93"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -webkit-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="93"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="93"]::before {
  background-color: #47CF73;
}

.arc[data-value="94"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="94"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="94"]::before {
  background-color: #47CF73;
}

.arc[data-value="95"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  -webkit-transform: rotate(171deg);
  transform: rotate(171deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="95"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="95"]::before {
  background-color: #47CF73;
}

.arc[data-value="96"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="96"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="96"]::before {
  background-color: #47CF73;
}

.arc[data-value="97"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  -webkit-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="97"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="97"]::before {
  background-color: #47CF73;
}

.arc[data-value="98"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="98"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="98"]::before {
  background-color: #47CF73;
}

.arc[data-value="99"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -webkit-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="99"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="99"]::before {
  background-color: #47CF73;
}

.arc[data-value="100"] {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: All 5s ease;
  border-color: #47CF73;
}
.arc[data-value="100"]:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}
.arc[data-value="100"]::before {
  background-color: #47CF73;
}

.arc[data-value="1"] {
  border-color: #FF3C41;
}
.arc[data-value="1"]::before {
  background-color: #FF3C41;
}

.arc[data-value="2"] {
  border-color: #FF3C41;
}
.arc[data-value="2"]::before {
  background-color: #FF3C41;
}

.arc[data-value="3"] {
  border-color: #FF3C41;
}
.arc[data-value="3"]::before {
  background-color: #FF3C41;
}

.arc[data-value="4"] {
  border-color: #FF3C41;
}
.arc[data-value="4"]::before {
  background-color: #FF3C41;
}

.arc[data-value="5"] {
  border-color: #FF3C41;
}
.arc[data-value="5"]::before {
  background-color: #FF3C41;
}

.arc[data-value="6"] {
  border-color: #FF3C41;
}
.arc[data-value="6"]::before {
  background-color: #FF3C41;
}

.arc[data-value="7"] {
  border-color: #FF3C41;
}
.arc[data-value="7"]::before {
  background-color: #FF3C41;
}

.arc[data-value="8"] {
  border-color: #FF3C41;
}
.arc[data-value="8"]::before {
  background-color: #FF3C41;
}

.arc[data-value="9"] {
  border-color: #FF3C41;
}
.arc[data-value="9"]::before {
  background-color: #FF3C41;
}

.arc[data-value="10"] {
  border-color: #FF3C41;
}
.arc[data-value="10"]::before {
  background-color: #FF3C41;
}

.arc[data-value="11"] {
  border-color: #FF3C41;
}
.arc[data-value="11"]::before {
  background-color: #FF3C41;
}

.arc[data-value="12"] {
  border-color: #FF3C41;
}
.arc[data-value="12"]::before {
  background-color: #FF3C41;
}

.arc[data-value="13"] {
  border-color: #FF3C41;
}
.arc[data-value="13"]::before {
  background-color: #FF3C41;
}

.arc[data-value="14"] {
  border-color: #FF3C41;
}
.arc[data-value="14"]::before {
  background-color: #FF3C41;
}

.arc[data-value="15"] {
  border-color: #FF3C41;
}
.arc[data-value="15"]::before {
  background-color: #FF3C41;
}

.arc[data-value="16"] {
  border-color: #FF3C41;
}
.arc[data-value="16"]::before {
  background-color: #FF3C41;
}

.arc[data-value="17"] {
  border-color: #FF3C41;
}
.arc[data-value="17"]::before {
  background-color: #FF3C41;
}

.arc[data-value="18"] {
  border-color: #FF3C41;
}
.arc[data-value="18"]::before {
  background-color: #FF3C41;
}

.arc[data-value="19"] {
  border-color: #FF3C41;
}
.arc[data-value="19"]::before {
  background-color: #FF3C41;
}

.arc[data-value="20"] {
  border-color: #FF3C41;
}
.arc[data-value="20"]::before {
  background-color: #FF3C41;
}

.arc[data-value="21"] {
  border-color: #FF3C41;
}
.arc[data-value="21"]::before {
  background-color: #FF3C41;
}

.arc[data-value="22"] {
  border-color: #FF3C41;
}
.arc[data-value="22"]::before {
  background-color: #FF3C41;
}

.arc[data-value="23"] {
  border-color: #FF3C41;
}
.arc[data-value="23"]::before {
  background-color: #FF3C41;
}

.arc[data-value="24"] {
  border-color: #FF3C41;
}
.arc[data-value="24"]::before {
  background-color: #FF3C41;
}

.arc[data-value="25"] {
  border-color: #FF3C41;
}
.arc[data-value="25"]::before {
  background-color: #FF3C41;
}

.arc[data-value="26"] {
  border-color: #FF3C41;
}
.arc[data-value="26"]::before {
  background-color: #FF3C41;
}

.arc[data-value="27"] {
  border-color: #FF3C41;
}
.arc[data-value="27"]::before {
  background-color: #FF3C41;
}

.arc[data-value="28"] {
  border-color: #FF3C41;
}
.arc[data-value="28"]::before {
  background-color: #FF3C41;
}

.arc[data-value="29"] {
  border-color: #FF3C41;
}
.arc[data-value="29"]::before {
  background-color: #FF3C41;
}

.arc[data-value="30"] {
  border-color: #FF3C41;
}
.arc[data-value="30"]::before {
  background-color: #FF3C41;
}

.arc[data-value="31"] {
  border-color: #FF3C41;
}
.arc[data-value="31"]::before {
  background-color: #FF3C41;
}

.arc[data-value="32"] {
  border-color: #FF3C41;
}
.arc[data-value="32"]::before {
  background-color: #FF3C41;
}

.arc[data-value="33"] {
  border-color: #FF3C41;
}
.arc[data-value="33"]::before {
  background-color: #FF3C41;
}

.arc[data-value="34"] {
  border-color: #FF3C41;
}
.arc[data-value="34"]::before {
  background-color: #FF3C41;
}

.arc[data-value="35"] {
  border-color: #FF3C41;
}
.arc[data-value="35"]::before {
  background-color: #FF3C41;
}

.arc[data-value="36"] {
  border-color: #FF3C41;
}
.arc[data-value="36"]::before {
  background-color: #FF3C41;
}

.arc[data-value="37"] {
  border-color: #FF3C41;
}
.arc[data-value="37"]::before {
  background-color: #FF3C41;
}

.arc[data-value="38"] {
  border-color: #FF3C41;
}
.arc[data-value="38"]::before {
  background-color: #FF3C41;
}

.arc[data-value="39"] {
  border-color: #FF3C41;
}
.arc[data-value="39"]::before {
  background-color: #FF3C41;
}

.arc[data-value="40"] {
  border-color: #FF3C41;
}
.arc[data-value="40"]::before {
  background-color: #FF3C41;
}

.arc[data-value="41"] {
  border-color: #FF3C41;
}
.arc[data-value="41"]::before {
  background-color: #FF3C41;
}

.arc[data-value="42"] {
  border-color: #FF3C41;
}
.arc[data-value="42"]::before {
  background-color: #FF3C41;
}

.arc[data-value="43"] {
  border-color: #FF3C41;
}
.arc[data-value="43"]::before {
  background-color: #FF3C41;
}

.arc[data-value="44"] {
  border-color: #FF3C41;
}
.arc[data-value="44"]::before {
  background-color: #FF3C41;
}

.arc[data-value="45"] {
  border-color: #FF3C41;
}
.arc[data-value="45"]::before {
  background-color: #FF3C41;
}

.arc[data-value="46"] {
  border-color: #FF3C41;
}
.arc[data-value="46"]::before {
  background-color: #FF3C41;
}

.arc[data-value="47"] {
  border-color: #FF3C41;
}
.arc[data-value="47"]::before {
  background-color: #FF3C41;
}

.arc[data-value="48"] {
  border-color: #FF3C41;
}
.arc[data-value="48"]::before {
  background-color: #FF3C41;
}

.arc[data-value="49"] {
  border-color: #FF3C41;
}
.arc[data-value="49"]::before {
  background-color: #FF3C41;
}

.arc[data-value="50"] {
  border-color: #FCD000;
}
.arc[data-value="50"]::before {
  background-color: #FCD000;
}

.arc[data-value="51"] {
  border-color: #FCD000;
}
.arc[data-value="51"]::before {
  background-color: #FCD000;
}

.arc[data-value="52"] {
  border-color: #FCD000;
}
.arc[data-value="52"]::before {
  background-color: #FCD000;
}

.arc[data-value="53"] {
  border-color: #FCD000;
}
.arc[data-value="53"]::before {
  background-color: #FCD000;
}

.arc[data-value="54"] {
  border-color: #FCD000;
}
.arc[data-value="54"]::before {
  background-color: #FCD000;
}

.arc[data-value="55"] {
  border-color: #FCD000;
}
.arc[data-value="55"]::before {
  background-color: #FCD000;
}

.arc[data-value="56"] {
  border-color: #FCD000;
}
.arc[data-value="56"]::before {
  background-color: #FCD000;
}

.arc[data-value="57"] {
  border-color: #FCD000;
}
.arc[data-value="57"]::before {
  background-color: #FCD000;
}

.arc[data-value="58"] {
  border-color: #FCD000;
}
.arc[data-value="58"]::before {
  background-color: #FCD000;
}

.arc[data-value="59"] {
  border-color: #FCD000;
}
.arc[data-value="59"]::before {
  background-color: #FCD000;
}

.arc[data-value="60"] {
  border-color: #FCD000;
}
.arc[data-value="60"]::before {
  background-color: #FCD000;
}

.arc[data-value="61"] {
  border-color: #FCD000;
}
.arc[data-value="61"]::before {
  background-color: #FCD000;
}

.arc[data-value="62"] {
  border-color: #FCD000;
}
.arc[data-value="62"]::before {
  background-color: #FCD000;
}

.arc[data-value="63"] {
  border-color: #FCD000;
}
.arc[data-value="63"]::before {
  background-color: #FCD000;
}

.arc[data-value="64"] {
  border-color: #FCD000;
}
.arc[data-value="64"]::before {
  background-color: #FCD000;
}

.arc[data-value="65"] {
  border-color: #FCD000;
}
.arc[data-value="65"]::before {
  background-color: #FCD000;
}

.arc[data-value="66"] {
  border-color: #FCD000;
}
.arc[data-value="66"]::before {
  background-color: #FCD000;
}

.arc[data-value="67"] {
  border-color: #FCD000;
}
.arc[data-value="67"]::before {
  background-color: #FCD000;
}

.arc[data-value="68"] {
  border-color: #FCD000;
}
.arc[data-value="68"]::before {
  background-color: #FCD000;
}

.arc[data-value="69"] {
  border-color: #FCD000;
}
.arc[data-value="69"]::before {
  background-color: #FCD000;
}

.arc[data-value="70"] {
  border-color: #FCD000;
}
.arc[data-value="70"]::before {
  background-color: #FCD000;
}

.arc[data-value="71"] {
  border-color: #FCD000;
}
.arc[data-value="71"]::before {
  background-color: #FCD000;
}

.arc[data-value="72"] {
  border-color: #FCD000;
}
.arc[data-value="72"]::before {
  background-color: #FCD000;
}

.arc[data-value="73"] {
  border-color: #FCD000;
}
.arc[data-value="73"]::before {
  background-color: #FCD000;
}

.arc[data-value="74"] {
  border-color: #FCD000;
}
.arc[data-value="74"]::before {
  background-color: #FCD000;
}

.arc[data-value="75"] {
  border-color: #FCD000;
}
.arc[data-value="75"]::before {
  background-color: #FCD000;
}

.arc[data-value="76"] {
  border-color: #FCD000;
}
.arc[data-value="76"]::before {
  background-color: #FCD000;
}

.arc[data-value="77"] {
  border-color: #FCD000;
}
.arc[data-value="77"]::before {
  background-color: #FCD000;
}

.arc[data-value="78"] {
  border-color: #FCD000;
}
.arc[data-value="78"]::before {
  background-color: #FCD000;
}

.arc[data-value="79"] {
  border-color: #FCD000;
}
.arc[data-value="79"]::before {
  background-color: #FCD000;
}

.arc[data-value="80"] {
  border-color: #FCD000;
}
.arc[data-value="80"]::before {
  background-color: #FCD000;
}

.arc[data-value="81"] {
  border-color: #FCD000;
}
.arc[data-value="81"]::before {
  background-color: #FCD000;
}

.arc[data-value="82"] {
  border-color: #FCD000;
}
.arc[data-value="82"]::before {
  background-color: #FCD000;
}

.arc[data-value="83"] {
  border-color: #FCD000;
}
.arc[data-value="83"]::before {
  background-color: #FCD000;
}

.arc[data-value="84"] {
  border-color: #FCD000;
}
.arc[data-value="84"]::before {
  background-color: #FCD000;
}

.arc[data-value="85"] {
  border-color: #FCD000;
}
.arc[data-value="85"]::before {
  background-color: #FCD000;
}

.arc[data-value="86"] {
  border-color: #FCD000;
}
.arc[data-value="86"]::before {
  background-color: #FCD000;
}

.arc[data-value="87"] {
  border-color: #FCD000;
}
.arc[data-value="87"]::before {
  background-color: #FCD000;
}

.arc[data-value="88"] {
  border-color: #FCD000;
}
.arc[data-value="88"]::before {
  background-color: #FCD000;
}

.arc[data-value="89"] {
  border-color: #FCD000;
}
.arc[data-value="89"]::before {
  background-color: #FCD000;
}

.arc[data-value="90"] {
  border-color: #FCD000;
}
.arc[data-value="90"]::before {
  background-color: #FCD000;
}

.arc[data-value="91"] {
  border-color: #FCD000;
}
.arc[data-value="91"]::before {
  background-color: #FCD000;
}

.arc[data-value="92"] {
  border-color: #FCD000;
}
.arc[data-value="92"]::before {
  background-color: #FCD000;
}

.arc[data-value="93"] {
  border-color: #FCD000;
}
.arc[data-value="93"]::before {
  background-color: #FCD000;
}

.arc[data-value="94"] {
  border-color: #FCD000;
}
.arc[data-value="94"]::before {
  background-color: #FCD000;
}

.arc[data-value="95"] {
  border-color: #FCD000;
}
.arc[data-value="95"]::before {
  background-color: #FCD000;
}

.arc[data-value="96"] {
  border-color: #FCD000;
}
.arc[data-value="96"]::before {
  background-color: #FCD000;
}

.arc[data-value="97"] {
  border-color: #FCD000;
}
.arc[data-value="97"]::before {
  background-color: #FCD000;
}

.arc[data-value="98"] {
  border-color: #FCD000;
}
.arc[data-value="98"]::before {
  background-color: #FCD000;
}

.arc[data-value="99"] {
  border-color: #FCD000;
}
.arc[data-value="99"]::before {
  background-color: #FCD000;
}

.legend {
  display: inline-block;
  width: 150px;
  vertical-align: text-bottom;
  margin-left: 100px;
  background-color: #f0f0f0;
}
.legend span {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 20px;
}
.legend span.green {
  background-color: #47CF73;
}
.legend span.orange {
  background-color: #FCD000;
}
.legend span.red {
  background-color: #FF3C41;
}

@-moz-keyframes fill {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}
@-webkit-keyframes fill {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}
@keyframes fill {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}

/*
    ------ Validation  ------
*/

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    border-color: #f09784;
    color: #d68273;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    input.input-validation-error:focus,
    select.input-validation-error:focus,
    textarea.input-validation-error:focus {
        -webkit-box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
        box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
        color: #886666;
        border-color: #db8978;
    }

.field-validation-error, .field-validation-error span {
    color: #D16E6C;
    line-height: 27px;
    float: left;
    width: 100%;
}

.validation-summary-errors {
    border-color: #f09784;
    color: #d68273;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .validation-summary-errors ul {
        list-style-type: none;
    }
    
    
    
@media only screen and (max-width: 767px){
	.header {
		position: relative;
	}
	.navbar {
    	position: absolute;
		float: none;
    	top: 0;
    	width: 100%;
	}
	.navbar-nav {
    	margin: 0;
	}
	#site-menus.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-default .navbar-collapse {
		margin-top: 12px;
		background: #162031;
	}
	.navbar-nav>li>a {
    	text-align: center;
    	border-bottom: 3px solid  #162031;
    	color: #fff;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    	color:#007edb;
	}
	.navbar-default {
    	background-color: transparent;
    	border: none;
    	border-radius: 0;
    	font-family: 'M PLUS Rounded 1c', sans-serif;
    	position: absolute;
    	bottom: 0;
    	padding: 0;
    	right: 0px;
    	top: 160px;
	}
	.dropdown-menu {
    	position: relative;		
    	display: none;
    	float: none;
    	min-width: auto;
		overflow: hidden;
    }
	
}
img.training-logo {
	position: absolute; top: 35%; left: 30px; width: 350px;
}
@media only screen and (max-width: 1000px){
  img.training-logo {	
  	width: 200px;
  } 
}  
@media only screen and (max-width: 768px){
  img.training-logo {	
  	width: 200px;
    position: relative;
    text-align: center;
    left: auto;
  } 
}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.notice-header span {
    font-size: 13px;
    padding-left: 5px;
}
.contact_left h3 {
    font-size: 20px;
}
.logo-desktop
{
  height:70px;
}