/*
Theme Name: Breakfast Point 2016
Theme URI: http://breakfastpoint.org.au
Author: Anthony Cummins
Author URI: http://www.redantmedia.com.au
Description: Theme for Breakfast Point Community Association website
Version: 1.0
*/

/* css Breakfast Point Community Association Website 2016 */
/* All associated graphics copyright 2016, Anthony Cummins. Red Ant Media */
/* Added: February 2016 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:1.0em;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*
html, body{	
	height: 100%;
	width: 100%;
	}
*/
body{
	margin: 0;
	padding:0; 
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3em;
	width: 100%;
	overflow-x: hidden;
	background: #FFF url(images/bgr.jpg) no-repeat center center;
	background-size: cover; 
	}
	
.wrapper {
	/*border-top: 2px solid #2A4863; */
	background: #FFF url(images/cntbgr.jpg) repeat-x;
}
	
.holder{
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 0;
	}
	
.floatright{
	float:right;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
.floatleft{
	float: left;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.clearboth{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
.center{
	text-align: center;
	}
	
.txtright{
	text-align: right;
	}
	
p{
	font-size: 1.0em;
	padding: 0 0 0 0;
	color: #000;
	line-height: 1.4em;
	margin: 0 0 14px 0;
	}
	
p span.ucase{
	font-size:0.8em;
	text-transform:uppercase;
}
	
em{
	font-style: italic;
	}
	
strong{
	font-weight: 700;
	}
	
em strong, strong em{

	font-weight: 700;
	font-style: italic;
	} 
	
input[type="submit"]{
	border: none;
	color: #FFF;
	background: #3AAFB9;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	padding: 7px 10px;
	}

input[type="submit"]:hover{
	background: #2A4863;
	}
	
input[type="submit"]:active{
	background: #6789A4;
	}
	
span.hlight{
	color: #ed145b;
	font-size: 100%;
	}

small{
	font-size: 75%;
	}
	
.hlight{
	font-size: 1.2em;
	}
	
blockquote{
	font-size: 1.1em;
	line-height: 1.6em;
	color: #9e0b0f;
	text-indent: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
	}

a{
	/* color: #2A4863; */
	color: #3AAFB9;
	text-decoration: none;
	}
	
a:hover{
	/* color: #416d63; */
	color: #707070;
	}
	
a img{
	border: 0px;
	}
	
a:hover img{
	opacity: 0.75;
}

	
li{	
	padding: 0 5px 7px 0;
	margin: 0 0 0 0;
	}
	
ul li{	
	list-style-type: square;
	}
	
ul, ol{
	padding: 0 0 0 21px;
	margin: 0 0 14px 0;
	}
	
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color:  #2A4863;
	padding: 0 0 0 0;
	margin: 0 0 14px 0;
	}
	
h2.sub{
	color: #000;
	font-size: 1.0em;
	}
	
h1{
	font-size: 1.4em;
	}

h2{
	font-size: 1.3em;
	}

h3{
	font-size: 1.2em;
	}

h4{
	font-size: 1.1em;
	}

h5{
	font-size: 1.0em;
	}
	
h6{
	font-size: 0.9em;
	}
	
.outer {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
	height: 100%;
    width: 100%;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 480px;
}

.inner .floatleft, .inner .floatright{
	width: 180px;
	font-size: 0.9em;
	color: #363636;
	}
	
.inner .floatleft strong, .inner .floatright strong{
	font-size: 1.0em;
	color: #000;
	}
	
my-email::after {
    content: attr(data-domain);
  }

my-email::before {
    content: attr(data-user) "\0040";
  }
	
header{
	width: 100%;
	height: auto;
	padding: 15px 0 0 0;
	}
	
header .onlysmall{
	display: none;
	height: 60px;
	text-align: center;
}
header .onlysmall h1{
	color: #fff;
	padding: 0;
	margin: -5px 0 0 0;
	font-size: 1.1em;
}

header .onlysmall h1 a{
	color: #fff;
}

header .onlysmall h1 a:hover{
	color: #2A4863;
}

header a.logo{
	float:left;
	width: 170px;
	height:187px;
	background: url(images/bpca-logo-hover.png) no-repeat;
	margin-left: 30px;
	text-indent: -1000000px;
	background-position: top;
	z-index: 1000000000000000;
}

header a.logo:hover{
	background-position: bottom;
	}
	
header a.logo img{
	width: 170px;
	height:187px;
	
	}
	
.htop{
	width: 100%;
	height: 60px;
}

.htop ul{
	text-align: right;
	float: right;
	padding-right: 15px;
	padding-top:5px;
}

.htop ul li{
	display: inline-block;
	float: left;
	width: auto;
	list-style-type: none;
	margin-left: 20px;
	text-transform: uppercase;
}

.htop ul li a, .htop ul li a:hover i{
	color: #fff;
}

.htop ul li.memlog a i{
	color: #E6A93F;
}

.htop ul li a:hover, .htop ul li a i{
	color: #2A4863;
}

.sb-search input.sb-search-input{
	border:0;
	height: 24px;
	padding: 2px;
	position: relative;
	top: -6px;
}

.sb-search input.sb-search-button {
	display: inline-block;
    font-family: FontAwesome;
	font-size: 18px;

	border:0;
	color: #fff;
	background: #2A4863;
	cursor: pointer;
	padding: 5px;
	position: relative;
	top: -4px;
	left:-3px;
}

.sb-search input.sb-search-button:hover{	
	color: #386084;
	}
	
nav{
	/* SEE MENU CSS */ 
	padding-top: 18px;
	    float: right;
    margin-right: 15px;
	}

	
.slideimgs{
	margin-bottom: 15px;
	}
	
.content{
	padding: 0 30px;
	}
	
section{
	/* padding-bottom: 12px;
	margin-bottom: 12px; */
	}
	
.treefidy{
	height: 350px;
	}
	
.forthreesix{
	height: 520px;
	}
	
.forhun{
	height: 400px;
	}
	
.fidyooh{
	height: 500px;
	}
	
.hunoh{
	width: 100%;
	}
	
.fidyfidy{
	width:50%;
	}
	
.twothird{
	width:66.6%;
	}
	
.onethird{
	width:33.3%
	}
	
.threefive{
	width:60%;
	}
	
.twofive{
	width:40%
	}

.sholder{
	padding: 0 30px 15px 30px;
}	

.holdone {
  position: relative;
  padding-bottom: 40%; /* 1000:200 */
	height: 0;
}

.holdtwo {
	width: 1000px;
	height: 400px;
	background: #999;
	color: #FFF;
	text-align: center;
	font-family: sans-serif;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.holdtwo img{
	width: 100%;
	height: auto;
}
	
.bxslider{
	width: 100%;
	/* height: 520px; */
	}
	
.mobfeat{
	display: none;
}
	
.archivefeat{
	width: 100%;
	height:400px;
	overflow: hidden;
	}
	
.archivefeat img{
	width: 100%;
	height:auto;
	}

.bxslider a{
	display: block;
	margin:0;
	width:100%;
	/* height:520px;
	overflow: hidden; */
	}
	
.bxslider a img{
	/* display: none; */
	width: 100%;
	height: auto;
	}
	
.bxslider a h1{
	font-family: 'Roboto', sans-serif;
	font-size: 33px;
	/* display: inline-block;
	float: left; 
    clear: left; */
	position: absolute;
    bottom: 45%;
    left: 40px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2em;
	background: #2A4863;
	padding: 7px 11px;
	}
	
.bxslider a:hover h1{
	background: #3AAFB9;
	}
	
.bxslider a h2{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	/* display: block;
	float: left; 
    clear: left; */ 
	position: absolute;
	bottom: 35%;
	left: 40px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2em;
	background: #3AAFB9;
	padding: 5px 11px;
	}
	
.bxslider a:hover h2{
	background: #2A4863;
	}
	
section.fteen{
	padding: 0 15px 15px;
	}
	
.article{
	padding:15px;
}

.article h1.title{
	font-size: 2.1em;
	color: #386084;
	padding-bottom: 7px;
	margin-bottom: 5px;
	width:100%;
	border-bottom: 1px solid #DEDEDE;
}

.article h2.title{
	font-size: 1.7em;
	color: #386084;
	padding-bottom: 7px;
	margin-bottom: 5px;
	width:100%;
	border-bottom: 1px solid #DEDEDE;
}

.search h2.searchtitle{
	width:100%;
	border-bottom: 1px solid #2A4863;
	padding-bottom: 5px;
	margin: 30px 0 5px 0;
}

.search p{
	font-size: 14px;
	}
	
.search .srm{
	text-transform: uppercase;
	}
	
.article .search img{	
	float: left;
	height: 85px;
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	}
	
.actdeets{
	padding: 15px 7px;
	background: #EBEEF3;
	margin: 15px 0;
}

.actdeets .floatleft.fidyfidy{
	width: 48%;
	padding: 0 1%;
}

.deets{
	font-size: 12px;
	text-transform: uppercase;
}

.deets.sharethis{
	margin-bottom: 1px;
	color: #2A4863;
	font-weight: 700;
}

.deets span{
	/* margin-right: 15px; */
}

.apage img{
	max-width: 100%;
	height: auto;
	padding-bottom: 15px;
}

.swpm-registration-success-msg{
	font-weight: 700;
	color: #B90000;
	}
	
#message.error{
	color: #fff;
	font-weight: 700;
	background: #B90000;
	padding: 15px;
	}
	
#message.error ul{
	font-weight: 300;
	margin-bottom: 0px;
	}
	
.galhold{
	margin: 15px 15px 0;
	height: 250px;
}
	
.homesqu{
	margin: 15px;
	height:379px;
	background:#e1e1e1;
	overflow:hidden;
	}
	
.homesqu .imgone {
  position: relative;
  padding-bottom: 58%; /* 1000:200 */
	height: 0;
}

.homesqu .imgtwo {
	width: 415px;
	height: 200px;
	background: #999;
	color: #FFF;
	text-align: center;
	font-family: sans-serif;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.homesqu .imgtwo img{
	width: 100%;
	height: auto;
}
	
.homesqu textarea.bbp-the-content.wp-editor-area{
	height: 150px;
}

.homesqu #qt_bbp_topic_content_toolbar{
	display: none;
}
.homesqu  .bbp-form, .homesqu  .bbp-the-content-wrapper{
	width: 100%;
	box-sizing: border-box;
}
.homesqu  input#bbp_topic_title{
	width: 100%;
	box-sizing: border-box;
}

	
.feature .homesqu{
	height: auto;
	overflow: auto;
	}
	
.activitieshold .homesqu{
	height: 398px;
}
	
.homesqu.dbl{
	height: auto;
	}
	
.homesqu .h2tab{
	display: table;
	height: 35px;
	width: 100%;
	border-bottom: 3px solid #fff;
}

.homesqu .h2cell{
	display: table-cell;
	height: 35px;
	width: 100%;
	vertical-align: middle;
	background: #386084; 
}

.homesqu .h2cell.h2plink{
	background: #3AAFB9;
	}
	
.homesqu .h2cell.h2plink:hover{
	background: #386084;
	}
	
.homesqu .h2cell.h2plink:hover h2 a{
	color: #fff;
	}
	
.homesqu h2, .homesqu span{	
	display: block;
	padding: 0px 7px;
	margin: 0 !important;
	color: #FFF;
	font-size: 16px;
	line-height: 15px;
	/* background: #386084; */
	text-transform: uppercase;

	}

.homesqu h2.currentw{
	font-size: 50px !important;
	background: #3AAFB9;
	border-bottom: 3px solid #fff;
}

.whttab{
	display: table;
	width: 100%;
	height: 125px;
	border-bottom: 3px solid #fff;
}

.whtcell{
	display: table-cell;
	width: 100%;
	height: 125px;
	vertical-align: middle;
}

/* 	.homesqu h2{	
	height: 35px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	}

	
.homesqu h2.link{
		background: #3AAFB9;
		display: table;
	}
	
.homesqu h2.link:hover a, .homesqu h2.link:hover a:hover{
		color: #FFF;
	}
	
.homesqu h2{
	border-bottom: 3px solid #fff;
	}
*/
	
/*.feature .homesqu h2,*/ .feature .hsfoot{
	background: #2A4863;
	}
	
.feature .homesqu h2 a:hover{
	color: #386084; 
	}
	
.homesqu .memnews{
	height:56px;
	padding: 5px;
	border-bottom:1px solid #fff;
	overflow: hidden;
	}
	
.homesqu .memnews h5, .homesqu .memnews p{
	margin: 0;
	padding: 0;
	font-size: 13px;
}
	
.hsimg{
	display: block;
	width: 100%;
	height: 185px;
	border-bottom: 3px solid #FFF;
	}
	
.fsimg img{
	width: 100%;
	height: auto;
	margin-bottom: -5px;
    border-bottom: 3px solid #fff;
}
	
.article .hsimg{
	height: 230px;
	margin-bottom: 7px;
}

.bxslider a:hover img, a.hsimg:hover{
	opacity: 0.75;
	}

.hsimg img{
	display: none;
}
.hscpy{
	height:125px;
	overflow: hidden;
	border-bottom: 3px solid #FFF;
}

.hscpy h3{
	font-size: 16px;
}	

.activitieshold .hscpy{
	height: 215px;
}
.article .hscpy{
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #DEDEDE;
}

.article .hscpy .smlthb{
	float: left;
	width: auto;
	height: 60px;
	padding: 5px 10px 5px 0;
	}
	
.article .hscpy .smlthb img{
	width: auto;
	height: 60px;
	}

.feature .hscpy{
	height: auto;
	overflow: auto;
	}

.apage .fidyfidy .article .hscpy{
	height: 165px;
	overflow: hidden;
}

.dbl .hscpy{
	height:auto;
	overflow: auto;
	
	padding-bottom: 7px;
}

.homesqu h3 a{
	display: block;
	padding: 5px;
	margin: 0 !important;
	color: #FFF;
	background: #3AAFB9; 
	font-weight: 700;
	margin: 0 0 5px 0;
	font-size: 16px;
	color: #FFF;
	}

.homesqu h3 a:hover{
	background: #2A4863;
	}

	
.homesqu.dbl a.floatright{
	padding: 5px;
	font-size: 13px;
	font-weight: 700;
	}
	
.homesqu i{
	font-size: 18px;
	vertical-align:middle;
	position: relative;
	top: -1px;
}

.homesqu.dbl p{
	font-size: 14px;
	padding: 0px 7px 5px;
	margin-bottom: 0px;
	}
	
.homesqu p{
	font-size: 14px;
	padding: 5px 7px 0;
	margin-bottom: 0px;
	}
	
.homesqu p a{
	font-weight: 700;
	
	}
	
.hsfoot{
	width:100%;
	height:25px;
	background: #386084;
	}
	
.article .hsfoot{
	background: none;
	}
	
.hsfoot a{	
	padding: 3px 7px 0;
	font-size: 13px;
	text-transform: uppercase;
	}

.article .hsfoot a{	
	padding: 3px 0 0;
	font-weight: 700;
	}
	
.hsfoot a.floatright, .article .deets a.floatright{
	font-weight: 700;
	}
	
.hsfoot a.floatleft, .hsfoot a.floatright:hover, .homesqu h2 a, .feature .hsfoot a.floatright:hover{
	color: #FFF;
	}

.hsfoot a.floatright, .hsfoot a.floatleft:hover, .homesqu h2 a:hover{
	color: #acacac;
	}
	
.article .hsfoot a.floatleft, .article .hsfoot a.floatright:hover{
	color: #2A4863;
	}
	
.article .hsfoot a.floatleft:hover{
	/* color: #416d63; */
	color: #707070;
	}

.feature .hsfoot a.floatright, .feature .hsfoot a.floatleft:hover{
	color: #386084;
	}
	
.apage .leadstory .homesqu{
	height: 390px;
	}
	
.apage .leadstory .homesqu .hsimg{
	height: 200px;
	}
	
	.apage .leadstory .homesqu .hscpy{
	height: 121px;
	}
	
.apage .onethird .homesqu{
	height: 350px;
}

.apage .onethird .homesqu .hscpy{
	height: 175px;
}

.apage .onethird .homesqu .hscpy p{
	font-size: 13px;
}

.apage .onethird .homesqu .hsfoot a{
	font-size: 10px;
}

.apage .nopad div.eMember_logged_widget{
	padding: 0 !important;
}

table.forms tr td{
	vertical-align: top;
}
table.forms #wp_emember_Additional_Stratas{
	width: 100%;
	height: 120px;
}
	
ul.sidelist{
	position: relative;
	margin: 15px 15px 15px -5px;
	}

ul.sidelist li ul{
	margin: 0;
	padding: 0;
	}
ul.sidelist li, ul.sidelist li ul li, ul.sidelist li ul li:first-of-type{
	display: inline-block;
	float: left;
	width: 100%;
	padding: 0;
	text-transform: none;
	font-size: 16px;
	}
	
ul.sidelist li:first-of-type a{
	background: #2A4863;
	color: #FFF;
	font-size: 18px;
	text-transform: uppercase;
	text-indent: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
ul.sidelist li a, ul.sidelist li ul li:first-of-type a{
	display: block;
	background: #EBEEF3;
	padding: 5px;
	color: #386084;
	border-top: 1px solid #FFF;
	text-transform: none;
	font-size: 16px;
	}
	
ul.sidelist li a:hover, ul.sidelist li ul li a:hover, ul.sidelist li.active a, ul.sidelist > li > ul > li.current_page_item > a, ul.sidelist > li > ul > li > ul > li.current_page_item > a,/* ul.sidelist > li.current_page_parent a, */ ul.sidelist > li.current-cat a, ul.sidelist > li > ul > li.current-cat > a, ul.sidelist > li > ul > li > ul > li.current-cat > a, ul.sidelist > li.current_page_item a, ul.sidelist > li > ul > li.current_page_item > a, ul.sidelist > li > ul > li > ul > li.current_page_item > a{
	color: #fff;
	background: #386084;
	}
	
.theader{
	margin-top: 15px; 
	background: #386084;
	}
	
.theader h2{
	padding: 5px;
	margin: 0;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	}
	
.tdeets{
	border-bottom: 1px solid #386084;
	}
	
.tdeets:nth-child(odd) {
	background: #EBEEF3;
	}
	
.tdeets p{
	padding: 5px;
	margin: 0;
	font-size: 12px;
	}
	
.tdeets p span{
	text-transform: uppercase;
	font-size: 10px;
	}
	
.bbp-breadcrumb{
	display: none !important;
}

footer{
  width: 100%;
  border-top: 3px solid #e1e1e1;
  background: #386084; 
}

footer ul.floatleft{
	padding: 7px 0 7px 30px;
	}

footer ul.floatright{
	padding: 7px 30px 7px 0;
	}
	
footer ul li{
	display: inline-block;
	width: auto;
	list-style-type: none;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	}
	
footer ul.floatleft li{
	float: left;
	margin-right: 15px;
	}
	
footer ul.floatright li{
	float: right;
	margin-left: 15px;
	}
	
footer ul li a{
	color: #ccc;
	}
	
footer ul li a:hover{
	color: #fff;
	}

.cd-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	/* color: #386084;
	background: #ffc20e; */
	color: #ffc20e;
	background: #959595;
	padding: 5px 7px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}

@media screen and (max-width : 1100px) {
	header a.logo{
		width: 150px;
		height:165px;
		background-size:100%;
	}
}

@media screen and (max-width : 915px) {
	.htop ul li{
		margin-left: 10px;
	}
}

@media screen and (max-width : 910px) {
	header a.logo{
		width: 112px;
		height:123px;
		margin-bottom: 15px;
	}
	.article h1.title {
		font-size: 1.7em;
	}
}

@media screen and (max-width : 870px) {
	.htop ul li.tabhide, .htop ul a.popup-trigger, .htop ul a.popup-two-trigger, .htop ul a.popup-three-trigger{
		display: none;
	}
	
	.htop ul li{
		float: right;

	}
	
	.bxslider a h1 {
		font-size: 25px;
	}
	.bxslider a h2 {
		font-size: 18px;
	}
}

/*
@media screen and (max-width : 845px) {
	header a.logo{
		width: 100px;
		height:110px;
	}
}
*/	

@media screen and (max-width : 780px) {
	/*
	#bp-search{
		display: none;
	}
	*/ 
	
	.fteen .twothird.floatleft, .fteen .onethird.floatleft{
		float: none;
		width: 100%;
		}
		
	.activitieshold.memarea{
		padding: 0 15px;
	}
	
	.activitieshold.memarea .onethird.floatleft{
		float: none;
		width: 100%;
	}
}

@media screen and (max-width : 640px) {
	.desktop{
		display: none;
		}
		
	.holder{
		width: 90%;
		margin: 0 auto;
		padding: 0 5%;
		}

	.content .holder img{
		width: 100%;
		height: auto;
	}
		
	/* 
	header{
		height: 210px;
	}

	.content{
		top:210px;
	}
			
	header .floatleft, header .floatright{
		float: none;
		width: 100%;
		text-align: center;
	}
	*/	

	header .floatright, header .floatright ul{
		width: 225px;
	}

	header a.logo{
		width: 100px;
		height:110px;
		margin-bottom: 25px;
	}
		
	nav ul{
		margin-top:0px;
		}
		
	nav ul li{
		margin-right: 0px;
		}
		
	.forthreesix, .sholder{
		display: none;
	}
	
	.mobfeat{
		display: block;
	}
	
	.mobfeat a h1{
		width: 88%;
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
		background: #386084;
		color: #FFF;
		font-size: 15px;
		text-transform: uppercase;
		border-bottom: 1px solid #fff;
	}
	
	.mobfeat a h2{
		width: 88%;
		margin: 0 auto 15px;
		padding: 5px 0;
		text-align: center;
		background: #3aafb9;
		color: #FFF;
		font-size: 15px;
		text-transform: uppercase;
	}
		
	section.grey{
		width: 96%;
		margin-left: 0px;
		padding: 2%;
		margin-bottom: 28px;
		background: #F0F0E8;
	}
	
	.fidyfidy{
		float: none;
		clear: both;
		width: 100%;
	}
	
	.article h2.title, .article h1.title {
		font-size: 1.1em;
	}
	
	.apage .fidyfidy .article .hscpy {
		height: auto;
		overflow: auto;
	}
}

@media screen and (max-width : 610px) {
	
}
	
@media screen and (max-width : 440px) {	
	header a.logo{
		width: 91px;
		height:100px;
		margin-bottom: 35px;
	}
}
	
@media screen and (max-width : 405px) {	
	header a.logo{
		width: 80px;
		height:88px;
		margin-bottom: 50px;
	}
}
	
@media screen and (max-width : 390px) {		
	header{
		padding-bottom: 10px;
	}
	
	header .onlysmall{
		display: block;
	}
	
	header #bp-search.onlysmall{
		height: 30px;
		background: #6B85A2;
		padding-top: 10px;
		padding-top: 15px;
		padding-bottom: 6px;
	}
	
	header a.logo{
		display: none;
	}
	
	header .floatright{
		float: none;
		width: 100%;
		margin-bottom: -12px;
	}
	
	.htop{
		width: 1px;
		height: 38px;
		margin-bottom: 10px;
	}
	
	.htop .sb-search{
		display: none;
	}
	
	nav {
		margin-top: -55px;
	}
}