/* 
    Document   : style.css
    Created on : Oct 15, 2012, 12:02:20 PM
    Author     : Lucas
    Description:
				
*/

/* Fonts */
/*    font-family: 'source_sans_prolight';
    font-family: 'source_sans_proregular';
    font-family: 'source_sans_prosemibold';*/

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family:"Socialico";src:url("../fonts/Socialico.eot?") format("eot"),url("../fonts/Socialico.woff") format("woff"),url("../fonts/Socialico.ttf") format("truetype"),url("../fonts/Socialico.svg#Socialico") format("svg");font-weight:normal;font-style:normal;}

/* Standaard */ 
html  {
    overflow-y: scroll;
}

body {
    font-size:13px;
	color:#58585a;
    line-height:1.2;
	
    font-family: 'source_sans_proregular', 'source_sans_prosemibold', arial, helvetica, sans-serif;
}


/* CHROME FIX FOR FONTS NOT LOADING */
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

time {
	display:block;
	color:#7b7b7b;
	position: relative;
	margin-bottom:10px;
	font-size:13px;
}
.maincontent > time {
	font-size:115%;
	bottom:10px;
	margin-bottom:0;
}

.flexslider * {

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input, select, textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.flexslider .flex-control-nav {
	bottom:15px;
	z-index:3;
}

article, section {
	margin-bottom:30px;
}
.bottomBlokken article, .bottomBlokken section {
	margin-bottom:20px;
}

.topcontainer {
	position: relative;
    overflow:hidden;
	display:block;
	width:100%;
	min-height:100%;

/*	-webkit-box-shadow: #666 0px 0px 20px;
	-moz-box-shadow: #666 0px 0px 20px;
	box-shadow: #666 0px 0px 20px;*/
	background:#fff;
	/*behavior: url(/library/pie/PIE.htc);*/
}

/*@media(min-width:1600px){ 
	.topcontainer {
		width:1600px;
		left:50%;
		margin-left:-800px;
	}
}*/

article.SocialShare {
	margin:25px 0 15px;
	background:#eeeeee;
	padding:10px;
	
	min-height:45px;
	display:block;
}
article.SocialShare span {
    cursor: pointer;
	min-height:22px;
}
article.SocialShare label {
	color:#303030;
	margin-right:20px;
	font-weight: normal;
	margin:-2px 0 0;
	height:22px;
	font-family: 'source_sans_prosemibold','source_sans_proregular',arial,helvetica,sans-serif;
}

/* Titels */
h1, h2, h3, h4, h5, h6 {
	margin-top:0;
    font-family: 'source_sans_prosemibold', 'source_sans_proregular', arial, helvetica, sans-serif;
	font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover {
	text-decoration: none;
	outline:0;
}
h1 {
	color:#7ca0c5;
}
h2 {
	font-size:25px;
}
h3 {
	color:#020202;
}
h4 {
	color:#7ca0c5;
	margin-bottom:3px;
}

b, strong {
    font-family: 'source_sans_prosemibold', 'source_sans_proregular', arial, helvetica, sans-serif;
	font-weight: normal;
}

/* Knoppen */
a {
    color:#000000;
}
a:hover {
    color:inherit;
}

.backto {
	padding-right:17px;
	position: relative;
	float:right;
	margin-left:10px;
	color:#7b7b7b;
	text-decoration: underline;
}
.backto:before {
	position: absolute;
	right:0;
	top:1px;
	text-decoration: none;
	content:'';
	font-family: 'FontAwesome';
}
.backto:hover {
	text-decoration: none;
}

.maincontent .Text a {
	color:#7ca0c5;
}

.Buttons .more-inline {
    font-family: 'source_sans_prosemibold', 'source_sans_proregular', arial, helvetica, sans-serif;
	color:#7ca0c5;
}
.maincontent .Text .Buttons .more-inline {
	color:#000;
}
.Buttons .more-inline:after {
	content:' »';
}
.bgblue .Buttons .more-inline {
	color:#fff;
}

.Buttons .more.pull-right, .button .submit.pull-right {
    float:right;
}
.Buttons .more, .button .submit, .SearchOverview .form.zoekform .button {
    text-decoration: none;
    position: relative;
    display:block;
    float:left;

    border:0;

	background:#000;
	font-family: 'source_sans_prosemibold','source_sans_proregular',arial,helvetica,sans-serif;
	color:#fff;
	padding:5px 10px;
}

.Block .Buttons > .more {
	margin-top:10px;
}

/* Header */
.navbar-brand {
	padding:10px 0 0;
	margin-left:-15px;
	display:block;
	overflow:hidden;
	height:auto;
	clear:left;
	max-width:100%;
}
header#Header > .container > .row {
	clear:both;
	display:block;
}
header#Header .headerRight {
	padding-top:60px;
	padding-right:0;
}
.navbar {
	clear:both;
	display:block;
	margin:0;
	background:#3e5062;
	border-radius: 0 0 0;
}
.navbar .navbar-collapse {
	padding:0;
}
.searchtop {
	width:200px;
	float:right;
}
.searchtop .input-group .form-control {
    display:block;
    position: relative;
    height:30px;
    line-height:30px;
    font-size:14px;
    padding-top:0;
    padding-bottom:0;
    border-color:#f1f1f1;
	background:#f1f1f1;
    border-right:0;

    -webkit-box-shadow:0 0 0;
    box-shadow:0 0 0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.searchtop .input-group .btn-default {

    display:block;
    position: relative;
    height:30px;
    line-height:27px;
    padding:0 7px;
	font-family: 'FontAwesome';
    color:#505050;
    border-left:0;
    border-color:#f1f1f1;
	background:#f1f1f1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mainrow {
	margin-top:-80px;
	position: relative;
	z-index:3;
}
.maincontent {
	padding:12px 15px;
	background:#fff;
	margin-bottom:10px;
}
.maincolumn .Text {
	font-size:115%;
}
.maincolumn .Intro {
	color:#000000;
	font-size:134%;
}
.maincolumn .Text ul, .maincolumn .Text ul li {
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
}
.maincolumn .Text ul {
	margin-bottom:10px;
}
.maincolumn .Text ol {
	padding-left:19px;
	margin-bottom:10px;
}
.maincolumn .Text ul li {
	padding-left:19px;
}
.maincolumn .Text ul li:before {
	content:"»";
	position: absolute;
	left:0;
	top:0;
}
.maincolumn .Text .thumbDetail {
	display:block;
	clear:both;
	margin:0 0 15px 0;
}
.maincolumn .Text .thumbDetail.Small {
	margin:0 15px 15px 0;
	max-width:40%;
	float:left;
	clear:none;
}

figure.Gallery {
	margin:0 0 25px 0;
	display:block;
	clear:both;
}
figure.Gallery .block-grid {
	margin-right:-15px;
}
figure.Gallery .block-grid > li {
	padding-right:15px;
	padding-top:15px;
}

body .navbar-toggle {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
    z-index:1001;
    background:#7ca0c5;
    color:#fff;
	float:right;
	clear:both;
}
body .navbar-toggle .icon-bar {
	background:#001e51;
}

.dropdown-menu {
	border-radius: 0;
	border:0;
}
.dropdown-menu .dropdown-menu {
	left:100%;
	top:0;
	margin-top:-5px;
}

.navbar-nav > .dropdown > a .caret,
.nav .caret  {
    border-bottom-color:#fff;
    border-top-color:#fff;
    margin-top:-5px;
}
.navbar-nav > .open > a .caret, .navbar-nav > .open > a:hover .caret, .navbar-nav > .open > a:focus .caret, .navbar-nav > .dropdown.active > a .caret,
.nav a:hover .caret, .nav .open > a > .caret {
    border-bottom-color:#7ca0c5;
    border-top-color:#7ca0c5;
}

.navbar-nav > li > .dropdown-menu {
	left:auto;
}


.navbar-nav {
	display:table;
	width:100%;
}
.navbar-nav > li {
	display:table-cell;
	float:none;
	vertical-align: top;
}
.navbar-nav > li:first-child > a {
	text-indent: -99999px;
	overflow:hidden;
	position: relative;
	width:40px;
	max-width:40px;
}
.navbar-nav > li:first-child > a:before {
	text-indent: 0;
	content:"";
	font-family: 'FontAwesome';
	width:100%;
	text-align:center;
	height:30px;
	line-height:30px;
	text-align: center;
	left:0;
	top:50%;
	font-size:110%;
	margin-top:-15px;
	position: absolute;
}
.navbar-nav > li > a {
	color:#fff;
	
	font-family: 'source_sans_proregular', 'source_sans_prosemibold', arial, helvetica, sans-serif;
	font-size:115%;
	
	padding-left:7px;
	padding-right:7px;
	display:block;
		text-align:center;
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	background:#1f2831;
	color:#7ca0c5;
}

.dropdown-menu > li > a {

}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

}

/* Crumbs */
.Breadcrumbs {
	position: relative;
	padding:0;
	margin:0 0 10px;
	display:block;
	overflow:hidden;
	cursor:default;
	color:#000000;
}
.Breadcrumbs .backto {
	float:right;
	margin-left:10px;
}

.Breadcrumbs ul {
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.Breadcrumbs ul li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.Breadcrumbs ul li.intro {
	display:none;
}
.Breadcrumbs ul li a {
	color:inherit;
	text-decoration: none;
}
.Breadcrumbs ul li.intro:after {
	display:none;
}
.Breadcrumbs ul li:after {
	content:' »';
	margin-right:4px;
} 
.Breadcrumbs ul li a:hover {
	text-decoration: underline;
}
.Breadcrumbs ul li.last {
	color:#000;
}
.Breadcrumbs ul li.last:after {
	display:none;
}
.Breadcrumbs ul li.last a {
	color:#000;
	text-decoration: none;
	cursor:default;
	font-family: 'source_sans_prosemibold','source_sans_proregular',arial,helvetica,sans-serif;
}
.Breadcrumbs ul li.last a:hover {
	text-decoration: none;
}

/* Maincontent */
.maincolumn .bottomBlokken > .Block.Detail figure,
.maincolumn .bottomBlokken > .Block.Overview .block-grid.one-up article figure,
.maincolumn .bottomBlokken > .Textblock figure{
	width:270px;
	max-width:35%;
	margin:0 15px 5px 0;
}
.sidecolumn article .inner > figure {
	margin:0 0 12px;
	clear:both;
	float:none;
	display:block;
}

/* Blokken */
.greyfullwidth {
	background:#f1f1f1;
	padding-top:30px;
	margin-bottom:30px;
}

.bottomBlokken {
	padding-top:15px;
}

.blokkenRow1 {
	border-bottom:1px solid #cdcdcd;
	margin-bottom:30px;
}

.blokkenRow4 header, .blokkenRow5 header {
	margin-bottom:15px;
}
.blokkenRow4 header h3, .blokkenRow4 header h4, .blokkenRow5 header h3, .blokkenRow5 header h4 {
	text-align: center;
	font-size:184%;
	margin:0;
}
.blokkenRow4 header h3, .blokkenRow5 header h3 {
	font-size:243%;
}

.colored > .inner {
	padding:12px 15px;
	overflow:hidden;
	display:block;
}
.colored.bgwhite {
	background:#fff;
	border:1px solid #a0a0a0;
}
.colored.bgblue {
	background:#7ca0c5;
	color:#fff;
}
.colored.bgblue h3, 
.colored.bgblue h3 a{
	color:#fff;
}

.colored.bggrey {
	background:#f1f1f1;
}
.colored.bggrey h3 {
	color:#020202;
}

.Textblock ul, .Textblock ul li {
	list-style:none;
	margin:0;
	padding:0;
}
.Textblock ul li {
	position: relative;
	padding-left:30px;
	font-size:115%;
	padding-bottom:4px;
	padding-top:3px;
}
.Textblock ul li:before {
	content:'';
	font-family: 'FontAwesome';
	display:block;
	position:absolute;
	left:0;
	top:0;
	font-size:140%;
}

/* Snippets */
.Snippet {
	clear:both;
}
.Snippet.Indecijfers {
	cursor:default;
}
.Snippet.Indecijfers .block-grid h3,
.Snippet.Indecijfers .block-grid h4 {
	margin:0;
	color:#fff;
	padding:120px 30px 30px;
	text-align: center;
}
.Snippet.Indecijfers .block-grid h3 {
	font-size:300%;
	background:#cbd9e8;
	position: relative;
}
.sidecolumn .Snippet.Indecijfers .block-grid h3:before,
.col-sm-8.maincolumn .Snippet.Indecijfers .block-grid h3:before {
	top:20px;
}
.sidecolumn .Snippet.Indecijfers .block-grid h3,
.col-sm-8.maincolumn .Snippet.Indecijfers .block-grid h3 {
	font-size:200%;
	padding:70px 10px 10px;
}
.sidecolumn .Snippet.Indecijfers .block-grid h4,
.col-sm-8.maincolumn .Snippet.Indecijfers .block-grid h4{
	font-size:125%;
	padding:10px 15px;
	min-height:40px;
}
.sidecolumn .Snippet.Indecijfers .block-grid > li {
	width:100%;
	clear:both;
	float:none;
}
.Snippet.Indecijfers .block-grid h3:before {
	content:'';
	position: absolute;
	top:40px;
	left:50%;
	margin-left:-50px;
	width:100px;
	display:block;
	font-family: 'FontAwesome';
	color:#fff;
	font-size:150%;
}
.Snippet.Indecijfers .block-grid h4 {
	font-size:184%;
	padding:20px 30px;
	background:#656c74;
	min-height:93px;
}
.Snippet.Indecijfers .block-grid .ico2 h3:before {
	content:'';
}
.Snippet.Indecijfers .block-grid .ico2 h3 {
	background:#96b3d1;
}
.Snippet.Indecijfers .block-grid .ico2 h4 {
	background:#4b5968;
}
.Snippet.Indecijfers .block-grid .ico3 h3:before {
	content:'';
}
.Snippet.Indecijfers .block-grid .ico3 h3 {
	background:#7ca0c5;
}
.Snippet.Indecijfers .block-grid .ico3 h4 {
	background:#3e5062;
}

.Snippet.Informatie {
	font-size:115%;
	color:#7ca0c5;
}
.Snippet.Informatie h3 {
	color:#7ca0c5;
}
.Snippet.Informatie strong {
	font-size:133.33%;
}
.Snippet.Informatie address, .Snippet.Informatie address a {
	color:#8e8c8c;
	margin:0;
}
.Snippet.Informatie img {
	float:left;
	margin-right:10px;
	margin-left:-15px;
	margin-bottom:-12px;
	max-width:40%;
}

.Snippet.Hetboek {
	overflow:visible;
}
.Snippet.Hetboek > .inner {
	padding-top:20px;
	padding-bottom:20px;
	overflow:visible;
	min-height:180px;
}
.Snippet.Hetboek img {
	float:right;
	margin-left:-5px;
	margin-right:-30px;
	margin-top:-25px;
	margin-bottom:-25px;
}

/* Footer */
footer.Footer {
    color:#58585a;
    position: relative;
    padding:25px 20px;
	margin:0 -20px 15px;
    display:block;
    overflow:hidden;
	background:#f1f1f1;
	
	-webkit-box-shadow: inset #aeaeae 0px 0px 13px;
-moz-box-shadow: inset #aeaeae 0px 0px 13px;
box-shadow: inset #aeaeae 0px 0px 13px;
}
footer.Footer a {
    color:#58585a;
}

footer.Footer .footernav {
    margin:0;
    padding:15px 0 0;
	overflow:hidden;
	display:block;
	
	border-top:1px solid #c3c3c3;
}
footer.Footer .footernav li:first-child {
    border:0;
    padding-left:0;
}
footer.Footer .footernav li {
    list-style:none;
    margin:0;
    float:left;

    color:#58585a;
    padding:0 8px;
    border-left:1px solid #58585a;
	line-height:1;
}

footer.Footer .FooterBottom {
    padding-top:10px;
    position: relative;
}

ul.LinkGroup {
    margin:0 0 10px;
    padding:0;
}
ul.LinkGroup li {
    list-style:none;
    margin:0;
    padding:0;
	line-height:1.4;
	display:block;
}

footer.Footer h4 {
	color:#58585a;
	margin-bottom:10px;
}
footer.Footer address {
	line-height:1.4;
}
footer.Footer address a {
	color:#7CA0C5;
}

/* Social */
ul.socialtabs {
	position: absolute;
	right:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
	z-index:1001;
}
ul.socialtabs li {
	float:none;
	display:block;
	clear:none;
	margin:0 0 5px 0;
	list-style:none;
	padding:0;
}
ul.socialtabs li a {
	width:40px;
	height:40px;
	color:#fff;
	text-align: left;
	text-indent:-9999px;
	text-align: left;
	overflow:hidden;
	background:#1366aa;
	position: relative;
	display:block;
}

ul.socialtabs li a:after {
	content:'';
  font-family: 'FontAwesome';
  text-align: center;
  width:100%;
  height:100%;
  line-height:40px;
  text-indent: 0;
  font-size:24px;
  display:block;
  position: absolute;
  left:0;
  top:0;
}
ul.socialtabs li a.fb:after {
	content:'';
}
ul.socialtabs li a.tw:after {
	content:"";
}
ul.socialtabs li a.in:after {
	content:"";
}
ul.socialtabs li a.pin:after {
	content:"";
}
ul.socialtabs li a.gplus:after {
	content:"";
}
ul.socialtabs li a.yt:after {
	content:"";
}


header#Header ul.social {
	float:right;
}

ul.social {
    margin:0;
    padding:0;
    list-style:none;
}
ul.social li {
    margin:0 0 5px 7px;
    padding:0;
    list-style:none;
    clear:none;
    float:left;
}
ul.social li a {
    content:'';
    width:30px;
    height:30px;
    display:block;
    overflow:hidden;
    text-indent:-99999px;
	position: relative;
    /*background:url(../img/sprite_social.png) no-repeat left -24px;*/
}
ul.social li a:before {
	color:#fff;
	background:#007bb6;
	display:block;
	width:30px;
	text-align: center;
	line-height:30px;
	height:30px;
	font-size:14px;
	content:'';
	font-family: 'FontAwesome';
	position: absolute;
	left:0;
	top:0;
	text-indent: 0;
}
ul.social li a.tw:before {
	content:'';
	background:#00b9ee;
    /*background-position: -18px -24px;*/
}
ul.social li a.in:before {
	content:'';
    /*background-position: -36px -24px;*/
}

/* Responsive */
@media(min-width:1650px){ 

}

@media(max-width:1030px){
	
	.Snippet.Informatie img {
		display:none;
	}
	body {
		font-size:12px;
	}
	h1 {
		font-size:25px;
	}
	h2 {
		font-size:21px;
	}
	h3, .h3 {
		font-size:18px;
	}
	.navbar-nav > li:first-child > a {
		width:30px;
		max-width:30px;
	}
	.dropdown-menu {
		font-size:100%;
	}
	.navbar-nav > .dropdown > a .caret, .nav .caret {
		margin-left:0;
		border-width:3px;
	}
	.navbar-nav > li > a {
		font-size:100%;
		padding-left:6px;
		padding-right:6px;
	}
	header#Header .headerRight {
		padding-top:40px;
	}
	
	.Snippet.Indecijfers .block-grid h4 {
		font-size:134%;
		min-height:0;
	}
	.Snippet.Indecijfers .block-grid h3 {
		font-size:200%;
		padding-top:90px;
	}
}

@media(max-width:767px){
	.navbar-nav > li:first-child > a {
		width:100%;
		max-width:100%;
	}
	header#Header .navbar-nav {
		float:none;
		display:block;
		width:100%;
	}
	.dropdown-menu .dropdown-menu {
		position: relative;
		top:0;
		left:0;
		right:0;
		width:100%;
		float:none;
		clear:both;
	}
	
	.navbar-nav {
		display:block;
		clear:both;
		float:none;
		width:auto;
		margin:0;
	}
	.navbar-nav > li {
		display:block;
		float:none;
		clear:both;
	}
	.navbar .navbar-collapse {
		clear:both;
		width:100%;
		max-height:none;
	}
	.navbar-nav > li > a {
		font-family: 'source_sans_proregular','source_sans_prosemibold',arial,helvetica,sans-serif;
		font-size:115%;
	}
	.dropdown-menu > li > a {
		color:#fff;
		text-align: center;
		font-size:100%;
	}
	header#Header ul.social {
		margin-right:15px;
	}
	.searchtop {
		display:none;
	}
	
	.Snippet.Indecijfers .block-grid > li {
		width:100%;
		clear:both;
		float:none;
	}
}

@media(max-width:450px){ /* Tussenmaat */

}




/* CHROME FIX FOR FONTS NOT LOADING */
body {
    -webkit-animation-delay: 2s;
    -webkit-animation-name: fontfix2;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix2 {
    from { opacity: 1; }
    to   { opacity: 1; }
}