@charset "UTF-8";

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display:block;}
audio,canvas,video { display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) { display:none;height:0;}
[hidden] { display:none;}
html{ margin: 0; padding: 0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{ margin: 0; padding: 0;}
a:focus { outline:none;}
a:active,a:hover { outline:0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; margin: 0; font-size: 1em;}
p, pre, address { margin: 0;}
address { font-style: normal;}
b, strong { font-weight: bold;}
i, em { font-style: italic;}
abbr[title] { border-bottom: 1px dotted;}
blockquote { margin: 1em 40px;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q { quotes: none;}
q:before, q:after { content:''; content:none;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
dl, menu, ol, ul { margin: 0 0 1em 0;}
dd { margin: 0 0 0 1em;}
menu, ol, ul { padding: 0 0 0 0;}
nav ul, nav ol { list-style: none; list-style-image: none;}
img { border:0; -ms-interpolation-mode: bicubic;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
form { margin: 0;}
form, textarea, input, select { outline: none; text-indent: 0; margin: 0; padding: 0; border: 0; white-space: normal;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em;}
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; -webkit-appearance: none; border-radius: 0;}
button, input { line-height: normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled], input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { padding: 0; border: none; height: 16px; width: 16px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; -moz-resize: vertical;}
table { border-collapse: collapse; border-spacing: 0;}
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}

/* GRID */

.row { position: relative; float: left; width: 100%;}
.center { position: relative; margin: auto; float: none;}
.center:before, .center:after { display: block; width: 100%; height: 0; content: ''; clear: both;}

.col { position: relative; float: left;}
.col img,
.col video { width: 100%; display: block;}

.col1-12  { width: 8.333%;  }
.col2-12  { width: 16.666%; }
.col3-12  { width: 25%;  }
.col4-12  { width: 33.333%; }
.col5-12  { width: 41.666%; }
.col6-12  { width: 50%;  }
.col7-12  { width: 58.333%; }
.col8-12  { width: 66.666%; }
.col9-12  { width: 75%;     }
.col10-12 { width: 83.333%; }
.col11-12 { width: 91.333%; } 
.col12-12 { width: 100%; 	} 

.col05-100  { width: 5%; }
.col10-100  { width: 10%;}
.col12-100  { width: 12.5%;}
.col15-100  { width: 15%;}
.col20-100  { width: 20%;}
.col25-100  { width: 25%;}
.col30-100  { width: 30%;}
.col35-100  { width: 35%;}
.col40-100  { width: 40%;}
.col45-100  { width: 45%;}
.col50-100  { width: 50%;}
.col55-100  { width: 55%;}
.col60-100  { width: 60%;}
.col65-100  { width: 65%;}
.col70-100  { width: 70%;}
.col75-100  { width: 75%;}
.col80-100  { width: 80%;}
.col85-100  { width: 85%;}
.col90-100  { width: 90%;}
.col95-100  { width: 95%;}
.col100-100 { width: 100%;}

.l { float: left;}
.r { float: right;}

.padd      { padding: 0 .5rem;}
.padd-l    { padding-left: .5rem;}
.padd-r    { padding-right: .5rem;}
.padd-g    { padding: 0 15px;}
.padd-g-l  { padding-left: 15px;}
.padd-g-r  { padding-right: 15px;}
.padd-sg   { padding: 0 40px;}
.padd-sg-l { padding-left: 0px;}
.padd-sg-r { padding-right: 0px;}

.mb-1 { margin-bottom: 18px;}
.mb-2 { margin-bottom: 36px;}
.mb-3 { margin-bottom: 54px;}

.txtAlignC { text-align: center;}
.txtAlignL { text-align: left;}
.txtAlignR { text-align: right;}

.middle	{ display: table; width: 100%; height: 100%;}
.middle .rowMiddle { display: table-cell; vertical-align: middle;}