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

/*******************************  Zero out **************************************/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
 tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top; }

ol, ul {
	list-style:inside square none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0.4% 1.5%;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:bottom; 
	max-width:100%;
	height:auto;
}
embed { 
	vertical-align:top;
}
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	
}

/******************************* BASIC  ************************************/
html { 
  background: url(../web/images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.page{
	max-width:1200;
	margin:0 auto;
}

/******************************* ONE COLUMN  ************************************/

.one-col{
	width:75%;
	clear:both;
	margin:0 auto;
	
}

.one-col-lg{
	width:100%;
	clear:both;
	margin:0 auto;
	
}

/******************************* TWO COLUMNS  ************************************/
.two-col-cont{
	width:75%;
	max-width:1200px;
	clear:both;
	margin:0 auto;
	
}

.two-col-lft-80{
	width:65%;
	float:left;
	padding-top:3%;
	
	
}

.two-col-rt-20{
	width:32%;
	float:left;
	padding-top:6%;
	
}

.two-col-lft-30{
	width:35%;
	margin-right:3%;
	float:left;
	
	
}

.two-col-rt-70{
	width:60%;
	float:left;
	
	
}

.two-col-lft-50{
	width:49%;
	margin-right:2%;
	float:left;
	
	
}

.two-col-rt-50{
	width:49%;
	float:left;
	
	
}

/******************************* THREE COLUMNS  ************************************/

.three-col-cont{
	width:100%;
	clear:both;
	margin:0 auto;
	max-width:1200px;
	
}
.three-col-cont-menu{
	width:70%;
	clear:both;
	margin:0 auto;
	
}

.three-col-lft{
	width:30%;
	float:left;
	
	
}

.three-col-cent{
	width:55%;
	float:left;
	
	
}

.three-col-rt{
	width:15%;
	float:left;
	
	text-align:right;
	
}

.three-col-lft-even{
	width:31%;
	float:left;
	margin-right:2%;
	
}

.three-col-cent-even{
	width:31%;
	float:left;
	margin-right:2%;
	
}

.three-col-rt-even{
	width:31%;
	float:left;
	
}
/******************************* ALIGN ************************************/

.align-rt{
	text-align:right;
	
}

.align-cent{
	text-align:center;
	
}

.align-lft{
	text-align:left;
	
}


/******************************* MEDIA BREAKS ONLY BELOW THIS LINE  ************************************/

@media screen and (max-width: 1420px) {
	.page{
	max-width:1200;
	margin:0 auto;
}

.one-col{
	width:85%;
	clear:both;
	margin:0 auto;
	
}

.two-col-cont{
	width:85%;
	max-width:1200px;
	clear:both;
	margin:0 auto;
	
}

.three-col-cont{
	width:100%;
	clear:both;
	margin:0 auto;
	max-width:1200px;
	
}
.three-col-cont-menu{
	width:80%;
	clear:both;
	margin:0 auto;
	
}
	
}

@media screen and (max-width: 1230px) {
	.page{
	max-width:1200;
	margin:0 auto;
}

.one-col{
	width:95%;
	clear:both;
	margin:0 auto;
	
}

.two-col-cont{
	width:95%;
	max-width:1200px;
	clear:both;
	margin:0 auto;
	
}

.three-col-cont{
	width:100%;
	clear:both;
	margin:0 auto;
	max-width:1200px;
	
}
.three-col-cont-menu{
	width:90%;
	clear:both;
	margin:0 auto;
	
}
	
}

@media screen and (max-width: 1110px) {
	.page{
	max-width:1200;
	margin:0 auto;
}

.one-col{
	width:100%;
	clear:both;
	margin:0 auto;
	
}

.two-col-cont{
	width:100%;
	max-width:1200px;
	clear:both;
	margin:0 auto;
	
}

.three-col-cont{
	width:100%;
	clear:both;
	margin:0 auto;
	max-width:1200px;
	
}
.three-col-cont-menu{
	width:100%;
	clear:both;
	margin:0 auto;
	
}
.three-col-lft-even{
	width:100%;
	clear:both;
	
}

.three-col-cent-even{
	width:100%;
	clear:both;
	
}

.three-col-rt-even{
	width:100%;
	clear:both;
	
}
	
}

@media screen and (min-device-width : 320px) 
and (max-device-width : 568px) {
	.two-col-lft-80{
	width:100%;
	clear:both;
	padding-top:3%;
	text-align:center;
	border-bottom:#000000 3px solid;
	
	
}

.two-col-rt-20{
	width:100%;
	clear:both;
	padding-top:1%;
	text-align:center;
	padding-bottom:3%;
	
}

.two-col-lft-30{
	width:100%;
	clear:both;
	margin-right:0%;
	text-align:center;
	border-bottom:#000000 3px solid;
	
	
}

.two-col-rt-70{
	width:100%;
	clear:both;
	text-align:center;
	
	
}

.three-col-lft{
	width:100%;
	clear:both;
	text-align:center;
	
	
}

.three-col-cent{
	width:100%;
	clear:both;
	
	
	
}

.three-col-rt{
	width:100%;
	clear:both;
	
	text-align:right;
	
}


}