/* reset */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed; font-family:Arial, Helvetica, sans-serif; margin:0; }
li              { display: list-item; list-style:none }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family:Tahoma,Arial, Helvetica, sans-serif }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
 ul              { margin:0; padding:0;}
ol, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
ol, ul {   margin: 0!important;}
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: none!important; 
					-webkit-transition: all 1500ms ease;
				  -moz-transition: all 1500ms ease;
				  -ms-transition: all 1500ms ease;
				  -o-transition: all 1500ms ease;
				  transition: all 1500ms ease;
				  }
				  
:hover          { -webkit-transition: all 1500ms ease;
				  -moz-transition: all 1500ms ease;
				  -ms-transition: all 1500ms ease;
				  -o-transition: all 1500ms ease;
				  transition: all 1500ms ease;
				}
form{ margin:0;}				
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }
label{ margin:0!important; font-weight:normal!important;}
/*::-webkit-input-placeholder {   color:#fff;}
::-moz-placeholder {   color:#fff;}
:-ms-input-placeholder {   color:#fff;}
:-moz-placeholder {  color:#fff;}
*/ 

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
/*end reset*/




html{
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
    background-image: url(images/bgp2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #d0dde6;
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle;
	}

#header{
	margin:0;
	padding:0;
	width:100%;
	float:left;
	min-height:40px;
	position: absolute;
	background-color:#ffffff;
	z-index: 1;
	}

	
	
#logoarea{
    width: 100%;
    float: left;
    max-width: 250px;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 111;
	}
	
	
			
#logoarea a{}
#logoarea img{width: 100%;}


#content{
    margin: 0;
    padding:40px 0;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
	}

#content img, #content2 img{
float: left;
    height: auto;
    width: auto;
    position: absolute;
    bottom: 38px;
    left: 0;
	}
	

	
#bg{
	width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
	float:left;
	}

#footer{
	width: 100%;
    float: left;
    height: auto;
    min-height: 40px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
	}


#footarea{
	width: 100%;
    float: left;
    background-image: url(images/footarea.png);
    background-repeat: no-repeat;
    max-width: 250px;
    height: 40px;
    position: absolute;
    top: -38px;
    right: 0;
    z-index: 111;
    background-size: contain;
	}
	
	
		 
#bg-home{ width:969px; margin:0 auto; height:654px;background-image: url("images/birfibg.jpg"); background-repeat: no-repeat; position:relative;} 

#cbutton{
	color: #354ecf;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.8;
	}
#cbutton:hover{ }
#cbutton2{
	color: #354ecf;
    font-family: tahoma;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.8;
	}
#cbutton2:hover{ }	







#cbutton {background-color: #cc6633;border-radius: 3px;bottom: 38px;color: #fff;float: left;font-family: arial;	font-size: 12px;left: 455px;padding: 6px 0;position: absolute;text-align: center;text-decoration: none;width: 89px;}
#cbutton:hover {background-color:#111111;}
#formmain {
	height: auto;
    margin: 0 auto;
    position: relative;
    max-width: 600px;
    width: 100%;
	z-index:1111;
	}
	
#postform, #postform1 {background-color: #cc6633;border: medium none;border-radius: 3px;color: #fff;float: left;	height: 30px;padding: 1% 5%;width: 90%;font-family: arial;font-size: 14px;}
#posttext {
	    background-color: transparent;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: arial;
    font-size: 14px;
    height: 200px;
    padding: 2%;
    resize: vertical;
    width: 96%;
    background-image: url(images/ahover.png);
	}
	
#postbutton {float: none;height: 35px;margin: 0 auto;width: 150px;}
label {float: left;
    height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;}

#textarea-in span.ValidationErrors {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    left: 0;
    line-height: 2.85;
    min-height: 224px;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
#tbl {width:100%;height:auto;float:left;}
#tbl td {padding:5px;}
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;opacity: 1;}
::-moz-placeholder {color: #fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
#captcha-one {background-color:transparent!important;border-radius: 4px;	color: #ffffff;	font-family: arial;	padding: 5px;	text-align: center;background-image: url(images/ahover.png);
	background-repeat:repeat;}
#BotBootInput {border: medium none;border-radius: 2px;}
#mymail {color: #cc6633;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-top: 100px;
    text-align: center;
    width: 100%;}
#file, #email, #name, #password, #password2, #password3 {
    background-color: transparent!important;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: arial;
    font-size: 14px;
    height: 30px;
    padding: 1% 5%;
    width: 90%;
	background-image: url(images/ahover.png);
	background-repeat:repeat;
}

span.ValidationErrors {
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    left: 0;
    line-height: 2.85;
    min-height: 38px;
    pointer-events: none;
    position: absolute;
    width: 100%;
}








@media screen and (max-width: 1100px)  {
	#content > img{
	}
	#content2 > img{
	width: 140%;
    left: -20%;
    position: relative;
	}
	#logoarea{left:20px;}
	#footarea{right:20px;}
	#formmain{
    max-width: 500px;
	}
	}


	
@media screen and (max-width: 750px)  {
	#content > img{
	}
	#content2 > img{
	width: 140%;
    left: -20%;
    position: relative;
	}
	#logoarea{left:20px;}
	#footarea{right:20px;}
	#formmain{
    max-width:450px;
	}
	#posttext{ height:100px; font-size:12px;}
	#file, #email, #name, #password, #password2, #password3, #captcha-one{font-size:12px;}
	label{ overflow:hidden; border-radius:3px;}
	}

@media screen and (max-width:600px)  {
	#content > img{
	margin-left: -165px;
	}
	#content2 > img{
	width: 140%;
    left: -20%;
    position: relative;
	}
	#logoarea{}
	#footarea{}
	#formmain{max-width: 330px;}
	#posttext{ height:30px; font-size:12px;}
	label{ overflow:hidden; border-radius:3px;}
	}
	
@media screen and (max-width: 450px)  {
	#content > img{
	}
	#content2 > img{
	width: 270%;
    left: -32%;
    position: relative;
	}
	#logoarea{ left:70px;}
	#footarea{right:70px;}
	#posttext {
    height: 80px;
	}
	}

@media screen and (max-width: 340px) {
	#content > img{margin-left: -145px;}
	
	#logoarea{ left:70px;}
	#footarea{right:70px;}
	#formmain{
	max-width: 235px;
	}
	}