/*
CSSGrid CSS Structure:
01. Default styles for page design (not required for CSS Grid)
02. fixed (f) and percentage (p) column setup
*/

/* 01. Default styles */
pre {padding:0px; margin:0 auto; width:90%; max-width:986px; border:1px solid #ccced1; overflow:auto;
	background-color: #fff; padding-top:0px; margin-bottom:20px;}
code {display: block; font-family: monospace; font-size:13px; line-height:16px; color: #000; border-radius:0px; border:0px;
	padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px; width:auto; background-color:#fff; margin:0 auto;}
code strong {font-family: monospace; font-weight:bold;}
a {-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; opacity: 1.0; text-decoration: underline; color: #000; }

p {text-align: left; line-height: 1.4; margin-bottom: .8em;}
img, img a {border:0px; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:1em;}

.footer {margin-top:30px; margin:0 auto; z-index:1; text-align:left;}

/*** CUSTOM ***/
.footer {background: #fff; padding: 20px 0px; }

/* 02. column setup  */
body{ width: 100%; margin: 0 auto; color: #000; -webkit-text-size-adjust: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; background: #fff; font: normal 16px 'Open Sans', Arial, sans-serif; }
b, strong {font-weight:700;}
.it {font-style:italic;}

html {margin: 0 auto; overflow-x: hidden;}
.animate {/* Makes columns animate when @media css changes */
	-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}

.f1,.f2,.f3,.f4,.f5,
.p1,.p2,.p3,.p4,.p5{font-weight:normal; margin:0 auto; clear:both; text-align:center;}
.f1,.f2,.f3,.f4,.f5,
.p1,.p2,.p3,.p4,.p5, ul, ol, table{	text-align:left;}

/*custom*/
.scalable {height:auto !important; width:auto !important; max-width:100%; vertical-align:bottom;}
.blck {display:block;}
.imgblck {display:block; margin-left:auto; margin-right:auto;}

.clr-wht {color: #fff;}
.clr-grylt {color: #999; }

.pad15px {padding: 15px;}

.padtop05 {padding-top: .5em;}
.padtop10 {padding-top: 1em;}

.martop04 {margin-top: .4em;}
.martop06 {margin-top: .6em;}
.martop08 {margin-top: .8em;}
.martop10 {margin-top: 1em;}
.martop12 {margin-top: 1.2em;}

.marbtm0 {margin-bottom: 0;}
.marbtm02 {margin-bottom: .2em;}
.marbtm03 {margin-bottom: .3em;}
.marbtm05{margin-bottom: .5em;}
.marbtm07{margin-bottom: .7em;}
.marbtm10 {margin-bottom: 1em;}
.marbtm12 {margin-bottom: 1.2em; }

.marlft0 {margin-left: 0;}
.marrgt0 {margin-right: 0;}

.marlftauto {margin-left:auto;}
.marrgtauto {margin-right:auto;}
.marbth-auto {margin-left: auto; margin-right: auto;}

.sz08 {font-size: .8em;}
.sz09 {font-size: .9em;}
.sz10 {font-size: 1em;}
.sz11 {font-size: 1.1em;}
.sz12 {font-size: 1.2em;}
.sz14 {font-size: 1.4em;}
.sz16 {font-size: 1.6em;}
.sz18 {font-size: 1.8em;}
.sz20 {font-size: 2em;}

.ctr {text-align: center;}
.rgt {text-align: right;}
.lft {text-align: left;}

.wde80 {width:80%;}
.wde90 {width:90%;}
.wde95 {width: 95%; }

.bal {text-wrap: balance;}

.lne1 {line-height: normal;}
.lne16 {line-height: 1.6;}

.bld {font-weight: bold;}
.noundl {text-decoration: none;}
.noundl:hover {text-decoration: underline;}

.hdrwrapper {margin-right: auto; margin-left: auto; width: 96%; max-width: 1280px; border-bottom: 1px solid #000; border-top-style: none; border-right-style: none; border-left-style: none; padding-bottom:15px;}
.header {width: 100%;max-width:1280px; margin: 0px;  background: #fff; }
.wrapper {width: 100%; max-width: 1280px; padding-top: 25px; z-index: 0; margin-right: auto; margin-left: auto; background: #fff; }
#wrapper-in2 {padding-top:30px;}
.lgo{ width:100%; padding-top: 5px; padding-bottom:5px;}
.lgosmall {width:100%; padding-top: 15px; padding-bottom:5px;}
.lgo img, .lgosmall img {display:block;}

#ftr1 {margin-top: 30px;}

.padlft30 {padding-left: 30px;}

.tel,.tel:visited {text-decoration: none;}
.tel:hover,.tel:focus {text-decoration:underline;}
.telno,.telno:visited,.telno:hover,.telno:focus {text-decoration: none;}

/* CMSB STYLES */
p.cmsbcontent-spanrgt, span.cmsbcontent-spanrgt, .cmsbcontent-spanrgt {display:block; text-align:right;}

@media screen and (min-width: 0px) and (max-width: 479px) {
.brkmbl {display:block;}
.ctrmbl {text-align:center; margin-left:auto; margin-right:auto;}
.footer {padding: 0px 0px;}
#cmsbcontent {width: 98%; margin-left:auto; margin-right:auto;}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.lgo, .lgosmall {text-align:center; width:96%; max-width:340px; margin-left:auto; margin-right:auto;}
.lgo img, .lgosmall img {margin-left:auto; margin-right:auto;}
.blckmbl {display:block;}
.wde80 {width:95%; margin-left:auto; margin-right:auto;}
.wde90 {width:95%; margin-left:auto; margin-right:auto;}
#cmsbcontent {width: 94%; margin-left:auto; margin-right:auto;}
}
@media screen and (min-width: 768px) {
.lgo, .lgosmall {width: 100%;text-align:left; }
.lgo img {width:70%; max-width:409px; margin-left:10px; margin-right:auto; }
.lgosmall img {width:100%; max-width:310px; margin-left:10px; margin-right:auto; }
}
@media print{
#p1-header {display:none;}
.lgo, .lgosmall {width:60%; max-width:300px; margin-bottom:15pt;}
#ftr1{ border-top: 2pt; margin-top: 15pt;}
.footer {padding:10pt 0px; border-top:none;}
}