@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4, body, div, p {
	font-family: 'Lato', sans-serif;
}

.header {
	background:#fff;
	padding:0;
	color:#60606d;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}

h2 {
	font-size:40px;
	font-weight: 800;
	line-height: 46px;
	margin:0;
	padding:21px 40px 23px 40px;
	color:#fff;
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0193ad+0,05c9de+100 */
	background: #0193ad; /* Old browsers */
	background: -moz-linear-gradient(left,  #0193ad 0%, #05c9de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0193ad 0%,#05c9de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0193ad 0%,#05c9de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193ad', endColorstr='#05c9de',GradientType=1 ); /* IE6-9 */
}

.header p {
	font-size:26px;
	line-height:38px;
	margin:0;
	padding:12px 41px 0 41px;
}

.content {
	padding:40px 59px 56px 59px;
}

.content .total {
	border:solid 1px #e9ecea;
	line-height: 40px;
	color:#858596;
	font-size:17px;
	width:45%;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	padding:20px 10px;
}

.content .total  strong {
	color:#60606d;
}

.content .total  em {
	font-style: normal;
}

/* HIGH IMPACT */

#high-impact2 .sliders {
	width:100%;
	float:left;
	padding:23px 0 0 0;
}

#high-impact2 .cc-wrapper {
	padding-bottom:37px;
}

#high-impact2 .sliders .col2 {
	width:20.7%;
	float:left;
	text-transform:uppercase;
	font-size:13px;
	padding: 20px 0 0 0;
}

#high-impact2 .sliders .col1 {
	width:77.8%;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:600;
	padding-top:17px;
}

#high-impact2  .col2 .percentage {
	display:block;
	font-size:56px;
	color:#60606d;
	line-height:64px;
	font-weight:400;
}

#high-impact2 table {
	width:100%;
	padding:0;
	margin:0;
	border:0!important;
	display: table;
	width:100%;
}

#high-impact2 tbody {
	border:0;
}

#high-impact2 tr {
	background:none;
}

#high-impact2 td {
	padding:0;
	display: table-cell;
}

#high-impact2 .cc-description .cc {
	background:none;
	font-weight:600;
	padding:0 0 14px 0;
	font-size:18px;
	color:#60606d;
	display:block;
	width:100%;
}

#high-impact2 .cc-description .limit {
	background:none;
	font-weight:600;
	padding:9px 0 0 0;
	font-size:15px!important;
	color:#858596;
	display:block;
	width:auto;
}

.cc-description em {
	font-style: normal;
}

#high-impact2 .cc-description strong {
	font-weight: 800!important;
}

#high-impact2 .cc-description .cc span, #high-impact2 .cc-description .limit span {
	font-size:22px;
	color:#3f3f48;
	font-weight:400;
}

#high-impact2 .graph-line {
	display:block;
	height:8px;
	width:100%;
	border:none;
	background:#e4ebeb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#high-impact2 .graph-bar {
	display:block;
	height:8px;
	width:87%;
	border:none;
	background:#ef5e5e;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    transition: all 1s ease;
}

#high-impact2 #bar1 {
	width:0;
	background:#94dbe8;
}

#high-impact2 #bar2 {
	width:0;
	background:#94dbe8;
}

#high-impact2 #bar3 {
	width:0;
	background:#94dbe8;
}

#high-impact2 #bar4 {
	width:0;
	background:#94dbe8;
}

#high-impact2 #bar1.active {
    width:87%;
}

#high-impact2 #bar2.active {
    width:51%;
}

#high-impact2 #bar3.active {
    width:45%;
}

#high-impact2 #bar4.active {
    width:37%;
}

#high-impact2 .content .col2 {
	width:73%;
	float:right;
	padding-top:26px;
}

.fancy-close {
	text-align: center;
	background: #fff;
	height:80px;
	width:100%;
	line-height:80px;
	position:fixed;
	bottom:0;
	display: none;
}

.action-link, .usage-link {
	display: block;
	clear:both;
	text-align: center;
}

.action-link a, .usage-link a {
	color:#60606d;
	text-decoration:underline;
}

.hide-small {
	display: inline-block;
}

.hide-tiny {
	display: inline-block;
}

.show-tiny {
	display: none;
}



@media screen and (max-width:700px){
	
	#high-impact2 .sliders .col2 {
		width:24%;
	}
	
	#high-impact2 .sliders .col1 {
		width:71%;
	}
	
	#high-impact2 .cc-description .cc {
		padding:0 0 4px 0;
	}
	
	#high-impact2  .col2 .percentage {
		display:block;
		font-size:49px;
		line-height:57px;
	}
}


@media screen and (max-width:600px){
	
	#high-impact2 .sliders .col2 {
		width:26%;
		padding-top:8px;
	}
	
	#high-impact2 .sliders .col1 {
		width:69%;
	}
	
	#high-impact2 .cc-description .limit {
		padding-top:4px;
	}
	
	#high-impact2 .cc-description .limit.first {
		padding-top:8px;
	}
	
	#high-impact2 .cc-wrapper {
		padding-bottom: 42px;
	}
	
	#high-impact2 .cc-description td {
		display: block;
		clear:both;
	}
	
	#high-impact2 .cc-description .limit-wrapper td {
		display:block;
		clear:both;
		width:100%;
		text-align: right;
	}
	
	.content .total {
		padding:20px 10px;
	}
	
	.content .total {
		text-align: center;
		line-height: 22px;
	}

	.content .total  strong {
		display: block;
		clear: both;
	}
}


@media screen and (max-width:560px){
	#high-impact2 .sliders .col2 {
		
		width:30%;
	}
	
	#high-impact2 .sliders .col1 {
		width:70%;
	}
	
}

@media screen and (max-width:508px){
	.fancy-close {
		display: block;
	}
}

@media screen and (max-width:490px){
	h2 {
		font-size:26px;
		line-height: 36px;
	}
	.content {
		padding:15px 22px 40px 22px;
	}
	
	.content .total {
		padding: 20px 10px;
	}
	#high-impact2 .cc-wrapper {
		padding-bottom: 0px;
	}
	#high-impact2 .sliders .col2 {
		width:20%;
	}
	
	#high-impact2 .sliders .col1 {
		width:80%;
	}
	
	#high-impact2  .col2 .percentage {
		font-size:31px;
		line-height:50px;
	}
	
	.header p {
		font-size:18px;
		line-height:24px;
		margin:0;
		padding:27px 22px 0 22px;
	}
	
	#high-impact2 .cc-description .cc {
		font-size:18px;
		line-height:24px;
	}
	
	.content .total {
		font-size:16px;
		width:48%;
	}
	
	.content .total {
		padding:10px 10px;
	}
	
	#high-impact2 .sliders {
		padding-bottom:20px;
	}
	
	.hide-small {
		display: none!important;
	}
}

@media screen and (max-width:420px){
	#high-impact2 .sliders .col2 {
		width:25%;
	}
	
	#high-impact2 .sliders .col1 {
		width:75%;
	}
	#high-impact2 .cc-description .cc, #high-impact2 .cc-description .limit {
		font-size:15px;
		line-height:20px;
	}
	
	.header p {
		font-size:15px;
		line-height:20px;
	}
}

@media screen and (max-width:360px){
	#high-impact2 .sliders .col2 {
		width:26%;
		padding-top:14px;
	}
	
	#high-impact2 .sliders .col1 {
		width:74%;
	}
	.content .total {
		font-size:15px;
	}
	
	#high-impact2 .cc-description .limit {
		font-size:13px!important;
	}
	
	#high-impact2 .cc-description .cc, #high-impact2 .cc-description .limit {
		font-size:13px;
		line-height:20px;
	}
	
	#high-impact2  .col2 .percentage {
		font-size:26px;
		line-height:34px;
	}
	
	.header p {
		font-size: 13px;
		line-height: 18px;
	}
	
	.hide-tiny {
		display:none;
	}
	
	.show-tiny {
		display:inline-block;
	}
}

@media screen and (max-width:300px){
	h2 {
		font-size:18px;
		line-height: 30px;
		padding-left:20px;
	}
	#high-impact2 .sliders .col2 {
		width:32%;
	}
	
	#high-impact2 .sliders .col1 {
		width: 68%;
	}
	#high-impact2 .cc-description .limit {
		font-size:12px!important;
	}
	
	#high-impact2 .cc-description .cc, #high-impact2 .cc-description .limit {
		font-size:12px;
		line-height:20px;
	}
	
	.content .total {
		font-size:13px;
	}
}

@media screen and (max-width:260px){
	#high-impact2 .sliders .col2 {
		width:33%;
	}
	
	#high-impact2 .sliders .col1 {
		width: 67%;
	}
	
	#high-impact2  .col2 .percentage {
		font-size:22px;
		line-height:30px;
	}
}