/* CSS 

Dark Blue: #1b3460
Turquoise Light: #3fafb9 (buttons)
Turquoise Dark: #129eb3
Light Grey: #e8e8e8

*/
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');

body{
font-family: "Roboto";
}
.row{max-width: 76rem;}
.column + .column:last-child, 
.columns + .column:last-child, 
.column + .columns:last-child, 
.columns + .columns:last-child{float: left}

.icon{float: left; margin-right: 1rem;}
.align-right{float: right;}
.align-left{float: left;}
.center{text-align: center;}
.nomargin{margin: 0 !important;}
.clear{clear: both;}

h1{
font-family: "Roboto";
font-size: 2.1rem;
line-height: 1.2;
}
h2{
font-family: "Roboto";
font-size: 1.75rem;
line-height: 1.2;
}
h3{
font-family: "Roboto";
font-size: 1.6rem;
line-height: 1.2;
}
h4{
font-family: "Roboto";
font-size: 1.4rem;
}
h5{
font-family: "Roboto";
font-size: 1.2rem;
}
.panel h4{line-height: 1.2;}

.smalltext{font-size: 0.85rem;}

.disclaimer{
font-size: 0.7rem;
margin-bottom: 1rem;
}
	.en .disclaimer span,
	.fr .disclaimer span,
	.nl .disclaimer span,
	.ja .disclaimer span,
	.es .disclaimer span,
	.it .disclaimer span,
	.pt .disclaimer span,
	.da .disclaimer span,
	.zh-tw .disclaimer span,
	.zh-cn .disclaimer span,
	.pl .disclaimer span,
	.sv .disclaimer span,
	.no .disclaimer span,
	.ko .disclaimer span,
	.ar .disclaimer span,
	.de .disclaimer span{display: none;}
	.pt-br .disclaimer br,
	.tr .disclaimer br,
	.ru .disclaimer br,
	.fi .disclaimer br,
	.el .disclaimer br,
	.hu .disclaimer br{display: none;}

sup{font-size: 0.7rem;}

.ar ol{margin: 0 1.4rem 1.25rem 0;}

/* Button */

.button{
background: #3fafb9;
font-family: "Roboto";
font-size: 1.5rem;
line-height: 1.1;
font-weight: 300;
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
padding: 1rem 2rem 1.1rem 2rem;
}
	.button.small{
	font-size: 1.1rem;
	padding: 0.45rem 1.7rem 0.5rem 1.7rem;
	}
	table .button{margin-bottom: 0;}

.button.arrow{
padding: 0 1.8rem 0 0;
}
.button.arrow.small{
padding: 0 1.25rem 0 0;
}
	.fr .button.arrow.small,
	.nl .button.arrow.small,
	.pt .button.arrow.small,
	.no .button.arrow.small{font-size: 1rem;padding: 0 1rem 0 0;}
	.ja .button.arrow.small,
	.de .button.arrow.small{font-size: 0.95rem;padding: 0 0.7rem 0 0;}

	.button .icon{
	float: left;
	background: #129eb3;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	margin-right: 1.25rem;
	padding: 0.8rem 1.2rem;
	}
	.button.small .icon{
	float: left;
	background: #129eb3;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	margin-right: 1.0rem;
	padding: 0.4rem 0.65rem 0.55rem 0.6rem;
	}
	.fr .button.small .icon,
	.nl .button.small .icon,
	.pt .button.small .icon,
	.no .button.small .icon{margin-right: 0.85rem;}
	.ja .button.small .icon,
	.de .button.small .icon{margin-right: 0.7rem;}

	.button:hover .icon{
	background: #01577b;
	}
.button.arrow.large{
background: url('../images/right-arrow.png') #01577b no-repeat 95% center;
padding: 1rem 4rem 1.1rem 2rem;
}
	.button.arrow.large:hover{
	background: url('../images/right-arrow.png') #3fafb9 no-repeat 95% center;
	}

.button span{
float:left;
display: block;
margin-top: 1.2rem;
}
	.button span.big{
	margin-top: 0.5rem;
	}
	.zh-tw .button span.big,
	.zh-cn .button span.big,
	.fi .button span.big{font-size: 1.8rem; margin-top: 0.4rem;}
	.ru .button span.big,
	.ar .button span.big{font-size: 1.85rem; margin-top: 0.3rem;}
	.button span.small{
	font-size: 1rem;
	margin-top: 0.25rem;
	}
	.ar .button span.small{font-size: 0.9rem;}
	.button.small span{
	margin-top: 0.5rem;
	}
	.fr .button.small span,
	.nl .button.small span,
	.pt .button.small span,
	.no .button.small span,
	.de .button.small span{margin-top: 0.6rem;}
	.ja .button.small span{margin-top: 0.7rem;}

.orange.button{
background: #f25022;
}
	.orange.button:hover{
	background: #444;
	}
.orange.button .icon{
background: #d52f00;
}
	.orange.button:hover .icon{
	background: #000;
	}

.green.button{
background: #289f1f;
}
	.green.button:hover{
	background: #0c6b05;
	}
.green.button .icon{
background: #16880d;
}
	.green.button:hover .icon{
	background: #075101;
	}

/* Header */

#header{
background: #1b3460;
padding-bottom: 20px;
}

.search-box{
position: relative;
margin: 1.8em 0 0 0;
}
	.search-box input{
	float: left;
	border: none;
	margin: 0;
	width: 80%;
	}
	.search-box button{
	float: left;
	background: #3dafb9;
	background: -moz-linear-gradient(top, #3dafb9 0%, #0072a1 100%);
	background: -webkit-linear-gradient(top, #3dafb9 0%,#0072a1 100%);
	background: linear-gradient(to bottom, #3dafb9 0%,#0072a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dafb9', endColorstr='#0072a1',GradientType=0 );
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding: 0.4rem 1.5rem 0.45rem 1.5rem;
	margin: 0;
	width: 20%;
	}
.search-suggestions{
clear: both;
position: absolute;
top: 37px;
background: #fff;
border-top: 1px solid #1b3460;
box-shadow: 0px 0px 0px black;
z-index: 1000;
width: 100%;
}
	.search-suggestions ul{
	list-style-type: none;
	font-size: 1rem;
	margin: 0.25rem 0.5rem 0.25rem 0.5rem;
	}

.social-media {
text-align: right;
margin: 1.7em 0 0 0;
}
	.social-media a{
	display: inline-block;
	background: #000;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding: 4px 4px;
	width: 40px;
	height: 40px;
	}
	.social-media .google{background: #dd4b39;}
	.social-media .facebook{background: #3b5998;}
	.social-media .twitter{background: #00aced;}
	.social-media .instagram{background: #c59c6c;}
	.social-media .pinterest{background: #bb1f25;}
	.social-media a:hover{background: #aaa;}

/* Menu */

#navbar{
background: #0072a1;
background: -moz-linear-gradient(left, #0072a1 0%, #3dafb9 100%);
background: -webkit-linear-gradient(left, #0072a1 0%,#3dafb9 100%);
background: linear-gradient(to right, #0072a1 0%,#3dafb9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072a1', endColorstr='#3dafb9',GradientType=1 );
margin-bottom: 2em;
}

.menu{
list-style: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: flex;
position: relative;
font-size: 1.2rem;
font-weight: 300;
padding: 0;
margin: 0;
}
	.menu a{
	display: block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	line-height: 1;
	color: #fff;
	padding: 0.65rem 1rem 0.7rem 1rem;
	}
	.menu a:hover{
	background: #1b3460;
	opacity: 0.5;
	}

/*language dropdown*/
.menu.align-right{
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
	.menu.align-right a{
	padding: 0.65rem 1rem 0.5rem 1rem;
	}

	.align-right li ul{
	display: none;
	list-style: none;
	z-index: 1000;
	padding: 2px 0;
	}
	.align-right li:hover ul {
	display: block;
	position: absolute;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	margin: 0;
	padding: 0; 
	}
	.align-right li:hover li {
	float: none; 
	}
	.align-right li:hover li a {
	background: #2a708c;
	font-size: 13px;
	line-height: 18px;
	padding: 2px 10px;
	margin: 0;
	}
	.align-right li li a:hover {
	background-color: #3fafb9; 
	opacity: 1;
	}



/* Homepage Stuff */
.featured-article{
background: #e8e8e8;
display: table;
padding: 0;
height: 100%;
}
	.featured-article .remove-column-padding{
	padding: 0;
	}
	.post-image{
	margin-bottom: 10px;
	}
	.post-title{
	font-size: 1.25rem;
	line-height: 1.2;
	}
	.post-description{
	font-size: 0.875rem;
	line-height: 1.4;
	}

	/* Large */
	@media screen and (min-width: 64em) {
		.featured-article .featured-image{
		margin-right: 0.9375rem;
		overflow: hidden;
		max-height: 450px;
		}
		.post-image{
		overflow: hidden;
		max-height: 160px;
		}
	}

	/* Medium */
	@media screen and (max-width: 64em) {
		.featured-article .featured-image{
		margin-right: 0.9375rem;
		overflow: hidden;
		max-height: 500px;
		}
		.post-image{
		overflow: hidden;
		max-height: 290px;
		}
	}

.dark-blue-categories{
background: #1b3460;
-webkit-clip-path: polygon(0 0, 100% 1%, 100% 90%, 50% 100%, 0 90%);
clip-path: polygon(0 0, 100% 1%, 100% 90%, 50% 100%, 0 90%);
color: #fff;
font-size: 1.25rem;
padding: 2.5em 0 5.5em 0;
margin: 2em 0;
}
	.dark-blue-categories h2,
	.dark-blue-categories h3{
	color: #fff;
	}
	.dark-blue-categories ul{
	font-size: 1.25rem;
	line-height: 1.2;
	margin-bottom: 0.6rem;
	}
		.nl .dark-blue-categories ul,
		.es .dark-blue-categories ul,
		.it .dark-blue-categories ul,
		.pt .dark-blue-categories ul,
		.pt-br .dark-blue-categories ul,
		.da .dark-blue-categories ul,
		.ru .dark-blue-categories ul,
		.ko .dark-blue-categories ul{
		font-size: 1.15rem;
		}
	.dark-blue-categories a{
	color: #3fafb9;
	}
	.dark-blue-categories a:hover{
	color: #fff;
	}

.home-box-title{
display: block;
line-height: 1.2;
margin-bottom: 6px;
}
	.home-box-title .icon{
	margin: 0 13px 16px 0;
	}

	.nl .home-box-title,
	.pl .home-box-title{
	font-size: 1.3rem;
	}

.home-box{
clear: both;
border: 2px solid #e8e8e8;
margin-bottom: 1em;
}

	.home-box .crop-photo{
	overflow: hidden;
	max-height: 180px;
	}
		.home-box .crop-photo img{
		width: 100%;
		}	
		
		/* Medium */
		@media screen and (max-width: 64em) {
			.home-box .crop-photo{
			overflow: hidden;
			max-height: 300px;
			}
		}
		
		/* Small */
		@media screen and (max-width: 24em) {
			.home-box .crop-photo{
			overflow: hidden;
			max-height: 200px;
			}
		}
	
	.home-box .icon{
	margin: 0 13px 16px 0;
	}
	.home-box h5{
	line-height: 1.2;
	}
	.home-box p{
	font-size: 0.8rem;
	line-height: 1.5;
	}
	.home-box .somepadding{
	padding: 15px 15px 0 15px;
	}
	.home-box ul{
	list-style: none;
	font-size: 0.9rem;
	line-height: 1.2;
	margin-left: 0;
	}
	.home-box li{
	background: url('../images/arrow-mini.png') no-repeat 0 3px;
	word-break: break-all;
	padding: 0 0 6px 19px;
	}
	.home-box li a:hover{color: #000;}


/* Page Stuff */

.page-title span{word-break: break-word;}

.grey-bg{background: #e8e8e8;}

.blue-box{
background: #1b3460; 
color: #fff; 
padding: 1.5rem 1.5rem 0.75rem 1.5rem;
}
	.blue-box h1,.blue-box h2,.blue-box h3,.blue-box h4,.blue-box h5,.blue-box p{color: #fff;}

.contact-social-box{
display: block;
background: #0072a1;
}
	.contact-social-box a{
	display: block;
	background: #0072a1;
	background: -moz-linear-gradient(left, #0072a1 0%, #3dafb9 100%);
	background: -webkit-linear-gradient(left, #0072a1 0%,#3dafb9 100%);
	background: linear-gradient(to right, #0072a1 0%,#3dafb9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072a1', endColorstr='#3dafb9',GradientType=1 );
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	}
	.contact-social-box a:hover{
	display: block;
	background: #0072a1;
	background: -moz-linear-gradient(left, #0072a1 0%, #129eb3 100%);
	background: -webkit-linear-gradient(left, #0072a1 0%,#129eb3 100%);
	background: linear-gradient(to right, #0072a1 0%,#129eb3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072a1', endColorstr='#129eb3',GradientType=1 );
	}
	.contact-social-box .icon{
	display: block;
	background: #3fafb9;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding: 15px;
	margin-right: 1.75rem;
	}
	.contact-social-box a:hover .icon{
	background: #129eb3;
	}
	.contact-social-box .info{
	padding-top: 20px;
	}
	.contact-social-box h3{
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 0.25rem;
	}
	.contact-social-box h4{
	font-size: 1.3rem;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
background: #e8e8e8;
border: none;
}
.contact-form input.error{
border: 1px solid red;
}
.contact-form #thankyou{
margin-bottom: 20px;
}

.breadcrumbs{
background: none;
border: none;
padding: 0.5625rem 0;
}

.ratingbox{
background: #fff;
text-align: center;
padding: 1.25rem 0;
margin-bottom: 0.6rem;
}
	.ratingbox p{
	line-height: 1.4;
	margin-bottom: 0.5rem;
	}
	.tr .ratingbox p,
	.sv .ratingbox p{font-size: 0.9rem;}
	.voting a{
	display: block;
	font-size: 0.9rem;
	margin-bottom: 0rem;
	}

.base-star-rating {
	display: block;
    width: 150px; /*the size of the 0 stars image*/
    background: url(/images/0stars.png) 0 0 no-repeat;
	text-align: center;
	margin: auto;
	height: 34px;
}
.star-rating {
    /* the full 5 stars image */
    background: url(/images/5stars.png) 0 0 no-repeat;
	height: 34px;
}

/****** Style Star Rating Widget *****/
.voting fieldset, .voting label { margin: 0; padding: 0; }

.rating {border: none;float: none; display: inline-block;}

.rating > input { display: none; margin: 0;} 
.rating > label:before { 
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  margin: 5px;
}
.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating > label { 
  color: #ddd; 
  float: right; 
}
.rating input[type="checkbox"] + label, .rating input[type="radio"] + label{ margin: 0;
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


table{
}
	table thead{
	background: #1b3460;
	}
	table thead tr th{
	font-size: 1.1rem;
	color: #fff !important;
	font-weight: 300 !important;
	}
	table tbody td{
	padding: 0.45rem 0.625rem;
	}
	.fr table thead tr th,
	.ja table thead tr th,
	.pt table thead tr th,
	.pt-br table thead tr th,
	.el table thead tr th{font-size: 1rem;}

.table-filters{
float: right;
}
	.table-filters span,
	.table-filters select,
	.table-filters input,
	.table-filters a{
	display: inline-block;
	}
	.table-filters select{
	margin: 0;
	padding: 0;
	width: 60px;
	height: 1.95rem;
	}
	.table-filters input{
	width: 40px;
	height: 1.95rem;
	}
	.table-filters a{
	background: #f2f2f2;
	border: 1px solid #d8d8d8;
	color: #129eb3;
	padding: 2px 6px 3px 6px;
	}
	.table-filters a:hover{
	background: #d8d8d8;
	}


.rating-bar{
display: block;
background: #d7d7d3;
width: 100%;
height: 9px;
}
	.rating-bar span{
	display: inline-block;
	background: #3fafb9;
	height: 9px;
	}

.microsoft-silver{
margin: 5px 8px 0 20px;
}
.mcafee{
margin: 15px 10px 0 10px;
}

.CTA-bar{
display: block;
background: #0072a1;
background: -moz-linear-gradient(left, #0072a1 0%, #3dafb9 100%);
background: -webkit-linear-gradient(left, #0072a1 0%,#3dafb9 100%);
background: linear-gradient(to right, #0072a1 0%,#3dafb9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072a1', endColorstr='#3dafb9',GradientType=1 );
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0.5px;
color: #fff;
padding: 0.75rem 1.25rem;
width: 100%;
}
	.CTA-bar .arrow{
	float: right;
	position: relative;
	top:-14px;
	}
	.CTA-bar:hover{
	background: #005b99;
	background: -moz-linear-gradient(left, #005b99 0%, #2999a3 100%);
	background: -webkit-linear-gradient(left, #005b99 0%,#2999a3 100%);
	background: linear-gradient(to right, #005b99 0%,#2999a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b99', endColorstr='#2999a3',GradientType=1 );
	color: #fff;
	}
.CTA-bar-wrap{
background: #f4f4f4;
border: 1px solid #0072a1;
margin: 1.5em 0;
}
	.CTA-bar-wrap p{
	padding: 0.4rem 1.25rem;
	margin: 0;
	}

.blue-screen{
background: #2368b2;
padding: 3em 2.5em 2em 2em;
}
	.blue-screen p{
	color: #fff;
	}

.panel{
background: #e8e8e8;
}
	.panel.x{
	background: url('../images/big-x.png') #e8e8e8 no-repeat left center;
	padding-left: 150px;
	}

.error-box{
background: #77a9da;
padding: 4px 8px 8px 8px;
margin-bottom: 1rem;
}
	.error-top{
	background: url('../images/close-red.jpg') no-repeat right top;
	text-align: center;
	font-size: 1.2rem;
	color: #214b76;
	padding-bottom: 6px;
	}
	.error-content{
	background: #fff;
	padding: 10px 15px;
	}
	.error-bottom{
	background: #eee;
	text-align: right;
	padding: 10px 15px;
	}

.runtime-error-box{
background: #fff;
border: 1px solid #bbb;
margin-bottom: 1rem;
}
	.runtime-error-box .error-top{
	background: url('../images/close-grey.jpg') no-repeat right top;
	text-align: left;
	color: #000;
	font-size: 0.85rem;
	padding: 2px 0 6px 6px;
	margin-bottom: 10px;
	}
	.runtime-error-box .icon{
	float: left;
	text-align: center;
	margin: 0;
	width: 20%;
	}
	.runtime-error-box .error-content{
	float: left;
	word-wrap: break-word;
	padding: 0 0 8px 0;
	width: 80%;
	}
	.runtime-error-box .error-content p{
	font-family: Verdana, sans-serif;
	font-size: 0.75rem;
	line-height: 1.3;
	margin: 0.25rem 0.5rem 0.5rem 0;
	}


.step{
background: #1b3460;
padding: 0.75rem 1.25rem;
}
	.step h2{
	color: #fff;
	font-size: 1.3rem;
	font-weight: 300;
	margin: 0;
	}

.panel.warning{
background: url('../images/watermark-x.png') #e6b79e no-repeat right center;
border: none;
}

.screenshot-run{
background: url('../images/screenshot-run.jpg') no-repeat left top;
display: block;
font-size: 10px;
font-family: Arial;
padding: 120px 0 90px 90px;
width: 100%;
height: 100%;
}

.screenshot-apps-and-features{
background: url('../images/Apps-and-Features.png') no-repeat left top;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
display: block;
font-size: 10px;
font-family: Arial;
padding: 118px 0 150px 30px;
width: 100%;
height: 100%;
}
	.screenshot-apps-and-features .program{
	background: #f2f2f2;
	padding: 2px;
	max-width: 300px;
	}
	.screenshot-apps-and-features .icon{
	background: #f2f2f2;
	margin: 0 6px 15px 1px;
	}
	.screenshot-apps-and-features p{
	background: #f2f2f2;
	font-size: 0.9rem;
	line-height: 1.2;
	margin: 0.15rem 0 0.25rem 0;
	}
	.screenshot-apps-and-features p.company{
	color: #858585;
	}

/* Accordian */
.accordion{
list-style-type: none;
}
.accordion-title::before{
position: absolute;
top: 50%;
right: 1rem;
font-size: 26px;
margin-top: -1rem;
content: '+';
}
	.ar .accordion-title::before{right: 10rem;}
	.active .accordion-title::before{
	content: '-';
	}
.accordion-title{
position: relative;
display: block;
background: #e8e8e8;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 1.25rem;
line-height: 1;
color: #000;
}
	.accordion-title img{
	position: relative;
	top:-10px;
	}
.accordion  .accordion-navigation > .content{
padding: 0;
}
.accordion-content{
/*display: none;*/
padding: 1rem;
border: 1px solid #e6e6e6;
background-color: #fefefe;
}

.alphabetical{
padding: 0.75rem 1.25rem;
}
	.alphabetical a{
	padding: 0 3px;
	}
	.alphabetical a:hover{
	background: #fff;
	color: #000;
	}
	.alphabetical a.disabled{
	background: none;
	color: #a9a9a9;
	}

.tag-cloud{
text-align: center;
font-size: 27px;
}
	.tag-cloud a{
	display: inline-block;
	margin: 2px 2px 2px 2px;
	}

.pagination{
margin-bottom: 1.5em;
}
	.pagination a{
	float: left;
	background: #f2f2f2;
	border: 1px solid #d8d8d8;
	color: #129eb3;
	padding: 2px 6px;
	}
	.pagination a:hover{
	background: #d8d8d8;
	}
	.pagination .prev a,
	.pagination .next a{
	padding: 0px 6px 4px 6px;
	}


.chart {
display: block;
background-color: #fff;
margin: 1.5em auto;
width: 100%;
}

.label-content {
  pointer-events: none;
}

@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0,0,0);
  }
}

.pieID {
  display: inline-block;
  vertical-align: top;
}
.pie {
  height: 200px;
  width: 200px;
  position: relative;
  margin: 0 30px 30px 0;
}
.pie::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  background: #EEE;
  border-radius: 50%;
  top: 50px;
  left: 50px;
}
.pie::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
  margin: 220px auto;
  
}
.slice {
  position: absolute;
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 100px);
  animation: bake-pie 1s;
}
.slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  clip: rect(0px, 200px, 200px, 100px);
}
.legend {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  padding: 15px;
  font-size: 13px;
  box-shadow: 1px 1px 0 #DDD,
              2px 2px 0 #BBB;
}
.legend li {
  width: 110px;
  height: 1.25em;
  margin-bottom: 0.7em;
  padding-left: 0.5em;
  border-left: 1.25em solid black;
}
.legend em {
  font-style: normal;
}
.legend span {
  float: right;
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3fafb9;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.single-value-pie{
-webkit-border-radius: 98px;
-moz-border-radius: 98px;
border-radius: 98px;
background: #1f77b4;
display: inline-block;
text-align: center;
padding: 44px 0 35px 0;
width: 170px;
}
	

	.single-value-pie h3{
	color: #fff;
	}
	.single-value-pie p{
	color: #fff;
	}

/* Tag Cloud */

.tag-cloud{
text-align: center;
margin: auto;
}
	.jqcloud-word.w10{color: #4b8398 !important;}
	.jqcloud-word.w9{color: #4b985f !important;}
	.jqcloud-word.w8{color: #986c4b !important;}
	.jqcloud-word.w7{color: #984b77 !important;}
	.jqcloud-word.w6{color: #4b6f98 !important;}
	.jqcloud-word.w5{color: #954b98 !important;}
	.jqcloud-word.w4{color: #984b4b !important;}
	.jqcloud-word.w3{color: #4b9883 !important;}
	.jqcloud-word.w2{color: #98974b !important;}
	.jqcloud-word.w1{color: #924b98 !important;}


/* Footer */

.gradient-bar{
background: #0072a1;
background: -moz-linear-gradient(left, #0072a1 0%, #3dafb9 100%);
background: -webkit-linear-gradient(left, #0072a1 0%,#3dafb9 100%);
background: linear-gradient(to right, #0072a1 0%,#3dafb9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072a1', endColorstr='#3dafb9',GradientType=1 );
padding: 1em 0;
margin: 1em 0;
}

.footer-menu{
list-style: none;
margin: 6px 0 10px 0;
padding: 0;
}
	.footer-menu li{
	display: inline-block;
	}
	.footer-menu li a{
	padding: 0.25rem 0.75rem 0.25rem 0rem;
	}

.footer-mcafee{
margin: 15px 10px 0 0;
}

/* extra styles by Anna */
.martop {margin-top:20px}
.align-left .trustedsite-trustmark  {margin-left:20px;margin-top:10px}
.footer .trustedsite-trustmark {margin-top: 10px}