/*

Dark Blue: #0072a1
Yellow: #f7af3b
Gradient: #0072a1 dark | #3dafb9 light
Light Purple: #f3f2f7
*/

body{
font-family: 'Lato', sans-serif;
}

.row{max-width: 75rem;}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child{float: left;}
.center{text-align: center;}
.float-left{float: left}
.float-right{float: right}
.nomargin{margin: 0;}

a{color: #0072a1;}
a:hover{color: #000;}

/* Text */

h1{
font-family: 'Lato', sans-serif;
font-weight: 300;
}
h2{
font-family: 'Lato', sans-serif;
}
h3{
font-family: 'Lato', sans-serif;
}
h4{
font-family: 'Lato', sans-serif;
font-size: 1.2rem;
font-weight: 700;
}
h5{
font-family: 'Lato', sans-serif;
}
.light{font-weight: 300}

p, ul, ol{
font-size: 1.1rem;
}
.disclaimer{
font-size: 0.85rem;
margin: 0;
}

/* Header/Nav */

.header{
padding: 15px 0 15px;
}

.menu{
float: right;
list-style: none;
font-size: 1.15rem;
margin-top: 1em;
}
.menu li{
display: inline-block;
color: #005897;
transition-duration: 0.5s;
}
.menu li:hover{
cursor: pointer;
}
.menu li a{
color: #fff;
padding: 6px 10px;
}
.menu li a:hover{
color: #005897;
}

.arrow-down {
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
margin-left: 5px;
width: 0; 
height: 0; 
}

.menu li ul {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
margin-top: 0;
right: 0;
display: none;
}
.menu li:hover > ul,
.menu li ul:hover {
visibility: visible;
opacity: 1;
display: block;
}
.dropdown{
background: #0072a1;
font-size: 0.85rem;
color: #fff;
width: 140px;
z-index: 100;
}
.dropdown li{
display: block;
clear: both;
width: 100%;
}
.dropdown li a{
display: block;
padding: 2px 8px;
width: 100%;
}
.dropdown li a:hover{
background: #3dafb9;
color: #fff;
}

/* Universal */

.gradient-angle{
display: block;
background: url('/images/gradient-angle-article.png') no-repeat center bottom;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
margin-bottom: 4em;
width: 100%;
}
.gradient-angle-article{
display: block;
background: url('/images/gradient-angle-article.png') no-repeat center bottom;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
margin-bottom: 2.8em;
width: 100%;
}

.gradient-header{
background: #3dafb9;
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 );
color: #fff;
margin-bottom: 2em;
}
	.gradient-header h1{color: #fff;}

.gradient-box{
background: #0072a1;
background: -moz-linear-gradient(left,  #3dafb9 0%, #0072a1 100%);
background: -webkit-linear-gradient(left,  #3dafb9 0%,#0072a1 100%);
background: linear-gradient(to right,  #3dafb9 0%,#0072a1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dafb9', endColorstr='#0072a1',GradientType=1 );
color: #fff;
padding: 20px 0;
}
	.gradient-box h1{font-size:2.5rem; line-height: 1.2; color: #fff; margin: 0;}
	.gradient-box .button{text-decoration: none; margin: 0;}
	.gradient-box h5{color: #fff; margin: 0;}
	.gradient-box .align-right{text-align: right;}
	.gradient-box p.align-right{margin: 5px 0 0 0;}
	.gradient-box a{color: #fff; text-decoration: underline;}
	.gradient-box a:hover{color: #eee;}

.button{
background: #f7af3b;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: 'Lato', sans-serif;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0.85rem 2.6rem;
}
	.button:hover{
	background: #d28a16;
	}
	.button.arrow{
	background: url('/images/arrow-down.png') no-repeat 95% center #f7af3b;
	padding: 0.85rem 3.5rem 0.85rem 1.8rem;
	}
	.button.arrow:hover{
	background: url('/images/arrow-down.png') no-repeat 95% center #d28a16;
	}
.button.small{
font-weight: 400;
}

.checklist{
list-style: none;
}
	.checklist {
	margin: 20px 0 25px 0;
	}
	.checklist li{
	background: url('/images/checklist.png') no-repeat left 6px;
	padding: 0 0 3px 34px;
	}

.breadcrumbs{
background: #f3f2f7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
	
/* Star Rating */
.rating_wrapper {height:16px; width: 100%;}
.sp_rating{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.7em; color:#5f5f5f; display:block; width: 100%;}
	.base{background:url(/images/ratings.gif) 0 0 no-repeat; width:85px; height:16px; float:left; padding-right:4px; overflow:hidden;}
	.average{background:url(/images/ratings.gif) 0 -16px no-repeat; text-indent:-9999px;}
	.votes{float:left; padding-right:4px;}
	.score{ background:url(/images/ratings.gif) 0 0 no-repeat; width:85px; height:100%; float:left; position:relative;}
		.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em;}
		.score1 {width:20%; z-index:55;}
		.score2 {width:40%; z-index:54;}
		.score3 {width:60%; z-index:53;}
		.score4 {width:80%; z-index:52;}
		.score5 {width:100%; z-index:51;}
		.score a:hover{ background:url('/images/ratings.gif') bottom right no-repeat;}
	.status {height:16px; width:200px; overflow:hidden; position:relative;}
	.score_this{ height:100%; overflow:hidden;}


/* Homepage */

.intro{
background: url('/images/illustration-computer-files-lg.svg') no-repeat right top;
background-size: 65%;
color: #fff;
}
	.intro h1,
	.intro h5{
	color: #fff;
	}
	.intro h5{
	font-weight: 300;
	text-transform: uppercase;
	}
	.intro .disclaimer a{
	color: #fff; 
	text-decoration: underline;
	}
	.intro .disclaimer a:hover{
	color: #ebe9f0;
	}

.top-rated-box{
display: inline-block;
text-align: center;
color: #000;
margin: 2em auto 0 auto;
padding: 1em 1em 0 1em;
width: 100%;
}
	.top-rated-box p{
	margin: 1em 0 0.15em 0;
	}
	.top-rated-box .rating_wrapper{
	display: inline-block;
	text-align: center;
	}
	.top-rated-box .rating{
	display: inline-block;
	position: relative;
	top: -2px;
	}
	.top-rated-box .sp_rating{
	display: inline-block;
	text-align: center;
	}
	.top-rated-box .base{
	display: inline-block;
	float: none;
	}
	.top-rated-box .votes{
	display: inline-block;
	float: none;
	position: relative;
	top: -2px;
	height: 16px;
	}
	.top-rated-box .status{
	display: inline-block;
	width: auto;
	height: 16px;
	}

.gradient-box p{
margin: 13px 0 0 0;
}
	.gradient-box .disclaimer a:hover{
	color: #ebe9f0;
	}

.angle-background{
display: block;
background: url('/images/angle-background.png') no-repeat center bottom;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
margin-bottom: 4em;
padding-top: 3em;
width: 100%;
}

.testimonial-box{
background: #0072a1;
color: #fff;
padding: 2em;
margin: 1em 0;
}
	.testimonial-box p{
	margin-bottom: 0;
	}
	.testimonial-box a{
	color: #fff;
	text-decoration: underline;
	}
	.testimonial-box a:hover{
	color: #ebe9f0;
	}

.award-badge{
text-align: center;
margin-top: 25px;
}

/* Listing Page */

table.listings{}

	table.listings thead{
	background: #0072a1;
	}
	table.listings thead th{
	color: #fff;
	}
	table.listings tr:nth-child(2n){
	background: #f3f2f7;
	}

/* File Types Page */

.search{}

	.search input{
	border: none;
	}
	.search span.postfix{
	border: none;
	}

.icon-button{
border: 1px solid #0072a1;
text-align: center;
-webkit-transition: 500ms ease;
transition: 500ms ease;
padding: 1em 0.5em 1em 0.5em;
margin-bottom: 1em;
}
	.icon-button:hover{
	background:#f3f2f7;
	}
	.icon-button h5{
	margin-bottom: 0;
	}

.file-type-title{
padding: 13px 0 0 0;
}

table.file-types{
border: none;
}
	table.file-types td{
	font-size: 1.15rem;
	}
	table.file-types tr:nth-child(2n){
	background: #fff;
	}

/* Search Results Page */

.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;
	}


/* Article Page */

.article h1,
.article h4{
color: #fff;
}
.article table{
background: none;
border: 1px solid #62abc0;
border-bottom: none;
color: #fff;
margin-bottom: 1.4em;
}
	.article table tr{
	}
	.article table td{
	border-bottom: 1px solid #62abc0;
	font-size: 1rem;
	color: #fff;
	}
	.article table tr:nth-child(2n){
	background: none;
	}
	.article table a{
	color: #fff;
	text-decoration: underline;
	}
	.article table a:hover{
	color: #ebe9f0;
	}

.file-type-illustration{
background: url('/images/illustration-file-type.png') no-repeat right top;
color: #fff;
min-height: 452px;
}
	.file-type-illustration .label{
	float: right;
	background: none;
	font-family: 'Lato', sans-serif;
	font-size: 39px;
	font-weight: bold;
	padding: 94px 355px 0 0;
	}

.border-box{
border: 1px solid #0072a1;
padding: 1em 1em 1em 1em;
margin-bottom: 1.25em;
}
	.border-box .microsoft-logo{
	float: left;
	}
	.border-box .microsoft-logo img{
	margin: 15px 15px 10px 0;
	}

.show-more a{
display: block;
background: #f3f2f7;
text-align: center;
padding: 5px 0;
width: 100%;
}

.os-bar-chart{
margin: 10px 0 0 0;
}
	.os-bar-chart .bar{
	background: #0072a1;
	}

.user-browsers{
text-align: center;
}
	.user-browsers svg{
	overflow: visible;
	}

.user-languages{

}
.language-bubble-tooltip{
background: none !important;
width: 100px;
height: auto;
}
.language-bubble-tooltip .bubble-tooltip{
display: block;
background: #fff;
border: 1px solid #000;
padding: 12px 10px;
width: 110px;
}
.language-bubble-tooltip .bubble-tooltip p{
font-size: 10px;
line-height: 12px;
margin: 3px 0;
}

/* Footer */

.footer{
background: #3dafb9;
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 );
color: #fff;
padding: 14px 0 15px 0;
margin-top: 4em;
}
	.footer ul{
	list-style: none;
	font-size: 1rem;
	margin: 0;
	}
	.footer li{
	display: inline-block;
	}
	.footer li a{
	color: #fff;
	padding: 0.5rem 0.6rem;
	}
	.footer li a:hover{
	background: #3dafb9;
	}
.copyright{
font-size: 0.85rem;
padding: 9px 0;
margin: 0;
}
.border-box .norton {width:120px;float:left}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}