/* this is css for B&F*/
html{
	box-sizing:border-box
}
*,*:before,*:after{
	box-sizing:inherit
}
html{
	-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%
}
body{
	margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
	display:block
}
summary{
	display:list-item
}
audio,canvas,progress,video{
	display:inline-block
}
progress{
	vertical-align:baseline
}
audio:not([controls]){
	display:none;height:0
}
[hidden],template{
	display:none
}
a{
	background-color:transparent

}
a:active,a:hover{
	outline-width:0
}
abbr[title]{
	border-bottom:none;text-decoration:underline;text-decoration:underline dotted
}
b,strong{
	font-weight:bolder
}
dfn{
	font-style:italic
}
mark{
	background:#ff0;color:#000
}
small{
	font-size:80%
}sub,sup{
	font-size:75%;line-height:0;position:relative;vertical-align:baseline
}
sub{
	bottom:-0.25em
}
sup{
	top:-0.5em
}
figure{
	margin:1em 40px
}
img{
	border-style:none
}
code,kbd,pre,samp{
	font-family:monospace,monospace;font-size:0.0625em
}
hr{
	box-sizing:content-box;height:0;overflow:visible
}
button,input,select,textarea,optgroup{
	font:inherit;margin:0
}
optgroup{
	font-weight:bold
}
button,input{
	overflow:visible
}
button,select{
	text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
	-webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
	border-style:none;padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
	outline:1px dotted ButtonText
}
fieldset{
	border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em
}
legend{
	color:inherit;display:table;max-width:100%;padding:0;white-space:normal
}
textarea{
	overflow:auto
}
[type=checkbox],[type=radio]{
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
	height:auto
}
[type=search]{
	-webkit-appearance:textfield;outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
}
::-webkit-file-upload-button{
	-webkit-appearance:button;font:inherit
}
/* End extract */
html,body{
	font-family:Verdana,sans-serif;font-size:0.9375em;line-height:1.5
}
html{
	overflow-x:hidden
}
h1{
	font-size:1.8em
}
h2{
	font-size:1.5em
}
h3{
	font-size:1.4em
}
h4{
	font-size:0.8em
}
h5{
	font-size:0.9em
}
h6{
	font-size:0.8em
}
.bf-serif{
	font-family:serif
}
h1,h2,h3,h4,h5,h6{
	font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0
}
.bf-wide{
	letter-spacing:4px
}
hr{
	border:0;border-top:1px solid #eee;margin:20px 0
}
.bf-image{
	max-width:100%;height:auto
}
img{
	vertical-align:middle
}
a{
	color:inherit;
	font-family:"Segoe UI",Arial,sans-serif;
}
.bf-top,.bf-bottom{
	position:fixed;width:100%;z-index:1
}
.bf-top{
	top:0
}
.bf-bottom{
	bottom:0
}
.bf-button{
	border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap
}
.bf-button{
	-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}   
.bf-large{
	font-size:0.9em!important;
	font-family:"Segoe UI",Arial,sans-serif;
	letter-spacing: 2px;
}
.bf-input{
	padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%
}
.bf-bar{
	width:100%;overflow:hidden
}
.bf-bar-item{
	padding:8px 8px;float:left;width:auto;border:none;display:block;outline:0
}
.bf-white,.bf-hover-white:hover{
	color:#000!important;background-color:#fff!important
}
.bf-padding{
	padding:8px 16px!important
}
.bf-padding-large{
	padding:12px 24px!important
}
.bf-padding-16{
	padding-top:16px!important;padding-bottom:16px!important
}

.bf-padding-32{
 padding-top:32px!important;padding-bottom:32px!important
}
.bf-padding-64{
	padding-top:64px!important;padding-bottom:64px!important
}
.bf-card{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.bf-right{
	float:right!important
}
.bf-display-container{
	position:relative
}
.bf-display-bottomleft{
	position:absolute;left:0;bottom:0
}
.bf-content,.bf-auto{
		margin-left:auto;margin-right:auto
	}
	.bf-content{
		max-width:980px
	}
	.bf-auto{
		max-width:1140px
	}
.bf-wide{
	letter-spacing:4px
}
.bf-image{
	max-width:100%;height:auto
}
.bf-opacity,.bf-hover-opacity:hover{
	opacity:0.60
}
.bf-opacity-off,.bf-hover-opacity-off:hover{
	opacity:1
}
.bf-opacity-max{
	opacity:0.25
}
.bf-opacity-min{
	opacity:0.75
}
.bf-xxlarge{
	font-size:1.8em!important
}
.bf-row:after,.bf-row:before,.bf-bar:before,.bf-bar:after,.bf-container:after,.bf-container:before{
	content:"";display:table;clear:both
}
.bf-col{
	float:left;width:80%
}
.bf-row-padding,.bf-row-padding>.bf-half,.bf-row-padding>.bf-third,.bf-row-padding>.bf-twothird,.bf-row-padding>.bf-threequarter,.bf-row-padding>.bf-quarter,.bf-row-padding>.bf-col{
	padding:0 8px
}
.bf-center{
	text-align:center!important
}
.bf-center .bf-bar{
	display:inline-block;width:auto
}
.bf-text-grey,.bf-hover-text-grey:hover,.bf-text-gray,.bf-hover-text-gray:hover{
	color:#757575!important
}
.bf-round-small{
	border-radius:2px
}
.bf-round,.bf-round-medium{
	border-radius:4px
}
.bf-round-large{
	border-radius:8px
}
.bf-round-xlarge{
	border-radius:16px
}
.bf-round-xxlarge{
	border-radius:32px
}
.bf-container{
	padding:0.01em 16px
}
.bf-text-blue-grey,.bf-hover-text-blue-grey:hover,.bf-text-blue-gray,.bf-hover-text-blue-gray:hover{
	color:#607d8b!important
}
.bf-light-grey,.bf-hover-light-grey:hover,.bf-light-gray,.bf-hover-light-gray:hover{
	color:#000!important;background-color:#f1f1f1!important
}
.bf-section,.bf-code{
	margin-top:16px!important;margin-bottom:16px!important
}

@media (min-width:601px)
{
    .bf-col.m1{
        width:8.33333%
    }
    .bf-col.m2{
        width:16.66666%
    }
    .bf-col.m3,.bf-quarter{
        width:24.99999%
    }
    .bf-col.m4,.bf-third{
        width:33.33333%
    }
    .bf-col.m5{
        width:41.66666%
    }
    .bf-col.m6,.bf-half{
        width:49.99999%
    }
    .bf-col.m7{
        width:58.33333%
    }
    .bf-col.m8,.bf-twothird{
        width:66.66666%
    }
    .bf-col.m9,.bf-threequarter{
        width:74.99999%
    }
    .bf-col.m10{
        width:83.33333%
    }
    .bf-col.m11{
        width:91.66666%
    }
    .bf-col.m12{
        width:99.99999%
    }
}
@media (min-width:993px){
	.bf-col.l1{
		width:8.33333%
	}
	.bf-col.l2{
		width:16.66666%
	}
	.bf-col.l3{
		width:24.99999%
	}
	.bf-col.l4{
		width:33.33333%
	}
	.bf-col.l5{
		width:41.66666%
	}
	.bf-col.l6{
		width:49.99999%
	}
	.bf-col.l7{
		width:58.33333%
	}
	.bf-col.l8{
		width:66.66666%
	}
	.bf-col.l9{
		width:74.99999%
	}
	.bf-col.l10{
		width:83.33333%
	}
	.bf-col.l11{
		width:91.66666%
	}
	.bf-col.l12{
		width:99.99999%
	}
    
}
	
	.bf-rest{
		overflow:hidden
	}
	.bf-stretch{
		margin-left:-16px;margin-right:-16px
	}
	.bf-content,.bf-auto{
		margin-left:auto;margin-right:auto
	}
	.bf-content{
		max-width:980px
	}
	.bf-auto{
		max-width:1140px
	}
	.bf-cell-row{
		display:table;width:100%
	}
	.bf-cell{
		display:table-cell
	}
	.bf-cell-top{
		vertical-align:top
	}
	.bf-cell-middle{
		vertical-align:middle
	}
	.bf-cell-bottom{
		vertical-align:bottom
	}
	.bf-hide{
		display:none!important
	}
	.bf-show-block,.bf-show{
		display:block!important
	}
	.bf-show-inline-block{
		display:inline-block!important
	}
@media screen and (max-width:1205px)
{
	.bf-auto{
		max-width:95%
	}
}
@media (max-width:600px){
	.bf-modal-content{
		margin:0 10px;width:auto!important
	}
	.bf-modal{
		padding-top:30px
	}
    .bf-dropdown-hover.bf-mobile .bf-dropdown-content,.bf-dropdown-click.bf-mobile .bf-dropdown-content{
    	position:relative
    }	
    .bf-hide-small{
    	display:none!important
    }
    .bf-mobile{
    	display:block;width:100%!important
    }
    .bf-bar-item.bf-mobile,.bf-dropdown-hover.bf-mobile,.bf-dropdown-click.bf-mobile{
    	text-align:center
    }
    .bf-dropdown-hover.bf-mobile,.bf-dropdown-hover.bf-mobile .bf-btn,.bf-dropdown-hover.bf-mobile .bf-button,.bf-dropdown-click.bf-mobile,.bf-dropdown-click.bf-mobile .bf-btn,.bf-dropdown-click.bf-mobile .bf-button{
	width:100%
    }
}
@media (max-width:768px){
	.bf-modal-content{
		width:500px
	}
	.bf-modal{
		padding-top:50px
	}
}
@media (min-width:993px){
	.bf-modal-content{
		width:900px
	}
	.bf-hide-large{
		display:none!important
	}
	.bf-sidebar.bf-collapse{
		display:block!important
	}
}
@media (max-width:992px) and (min-width:601px){
	.bf-hide-medium{
		display:none!important
	}
}
@media (max-width:992px){
	.bf-sidebar.bf-collapse{
		display:none
	}
	.bf-main{
		margin-left:0!important;margin-right:0!important
	}
	.bf-auto{
		max-width:100%
	}
}

.bf-display-bottommiddle{
 position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)
}
.bf-text-white,.w3-hover-text-white:hover{
 color:#fff!important
}

.bf-display-container:hover .w3-display-hover{
 display:block
}
.bf-display-container:hover span.w3-display-hover{
 display:inline-block
}


@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bf-button:hover{
 color:#000!important;background-color:#ccc!important
}



