.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }

.zindex1 { z-index: 1; }
.zindex2 { z-index: 2; }
.zindex3 { z-index: 3; }
.zindex4 { z-index: 4; }

/* margins */
.m0 { margin: 0px; }
.m1 { margin: 1px; }
.m2 { margin: 2px; }
.m3{ margin: 3px; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }

.mauto { margin-left: auto; margin-right: auto; }
.m5auto { margin: 5px auto; }
.m10auto { margin: 10px auto; }
.m20auto { margin: 20px auto; }

.mleft0 { margin-left: 0px; }
.mtop0 { margin-top: 0px; }
.mright0 { margin-right: 0px; }
.mbottom0 { margin-bottom: 0px; }

.mleft1 { margin-left: 1px; }
.mtop1 { margin-top: 1px; }
.mright1 { margin-right: 1px; }
.mbottom1 { margin-bottom: 1px; }

.mleft2 { margin-left: 2px; }
.mtop2 { margin-top: 2px; }
.mright2 { margin-right: 2px; }
.mbottom2 { margin-bottom: 2px; }

.mleft3 { margin-left: 3px; }
.mtop3 { margin-top: 3px; }
.mright3 { margin-right: 3px; }
.mbottom3 { margin-bottom: 3px; }

.mleft4 { margin-left: 4px; }
.mtop4 { margin-top: 4px; }
.mright4 { margin-right: 4px; }
.mbottom4 { margin-bottom: 4px; }

.mleft5 { margin-left: 5px; }
.mtop5 { margin-top: 5px; }
.mright5 { margin-right: 5px; }
.mbottom5 { margin-bottom: 5px; }

.mleft6 { margin-left: 6px; }
.mtop6 { margin-top: 6px; }
.mright6 { margin-right: 6px; }
.mbottom6 { margin-bottom: 6px; }

.mleft7 { margin-left: 7px; }
.mtop7 { margin-top: 7px; }
.mright7 { margin-right: 7px; }
.mbottom7 { margin-bottom: 7px; }

.mleft8 { margin-left: 8px; }
.mtop8 { margin-top: 8px; }
.mright8 { margin-right: 8px; }
.mbottom8 { margin-bottom: 8px; }

.mleft9 { margin-left: 9px; }
.mtop9 { margin-top: 9px; }
.mright9 { margin-right: 9px; }
.mbottom9 { margin-bottom: 9px; }

.mleft10 { margin-left: 10px; }
.mtop10 { margin-top: 10px; }
.mright10 { margin-right: 10px; }
.mbottom10 { margin-bottom: 10px; }

.mleft12 { margin-left: 12px; }
.mtop12 { margin-top: 12px; }
.mright12 { margin-right: 12px; }
.mbottom12 { margin-bottom: 12px; }

.mleft14 { margin-left: 14px; }
.mtop14 { margin-top: 14px; }
.mright14 { margin-right: 14px; }
.mbottom14 { margin-bottom: 14px; }

.mleft15 { margin-left: 15px; }
.mtop15 { margin-top: 15px; }
.mright15 { margin-right: 15px; }
.mbottom15 { margin-bottom: 15px; }

.mleft16 { margin-left: 16px; }
.mtop16 { margin-top: 16px; }
.mright16 { margin-right: 16px; }
.mbottom16 { margin-bottom: 16px; }

.mleft18 { margin-left: 18px; }
.mtop18 { margin-top: 18px; }
.mright18 { margin-right: 18px; }
.mbottom18 { margin-bottom: 18px; }

.mleft20 { margin-left: 20px; }
.mtop20 { margin-top: 20px; }
.mright20 { margin-right: 20px; }
.mbottom20 { margin-bottom: 20px; }

.mleft22 { margin-left: 22px; }
.mtop22 { margin-top: 22px; }
.mright22 { margin-right: 22px; }
.mbottom22 { margin-bottom: 22px; }

.mleft25 { margin-left: 25px; }
.mtop25 { margin-top: 25px; }
.mright25 { margin-right: 25px; }
.mbottom25 { margin-bottom: 25px; }

.mleft27 { margin-left: 27px; }
.mtop27 { margin-top: 27px; }
.mright27 { margin-right: 27px; }
.mbottom27 { margin-bottom: 27px; }

.mleft30 { margin-left: 30px; }
.mtop30 { margin-top: 30px; }
.mright30 { margin-right: 30px; }
.mbottom30 { margin-bottom: 30px; }

.mleft40 { margin-left: 40px; }
.mtop40 { margin-top: 40px; }
.mright40 { margin-right: 40px; }
.mbottom40 { margin-bottom: 40px; }

.mleft50 { margin-left: 50px; }
.mtop50 { margin-top: 50px; }
.mright50 { margin-right: 50px; }
.mbottom50 { margin-bottom: 50px; }

.mleft60 { margin-left: 60px; }
.mtop60 { margin-top: 60px; }
.mright60 { margin-right: 60px; }
.mbottom60 { margin-bottom: 60px; }

.mleft70 { margin-left: 70px; }
.mtop70 { margin-top: 70px; }
.mright70 { margin-right: 70px; }
.mbottom70 { margin-bottom: 70px; }

.mleft80 { margin-left: 80px; }
.mtop80 { margin-top: 80px; }
.mright80 { margin-right: 80px; }
.mbottom80 { margin-bottom: 80px; }

.mleft90 { margin-left: 90px; }
.mtop90 { margin-top: 90px; }
.mright90 { margin-right: 90px; }
.mbottom90 { margin-bottom: 90px; }

.mleft100 { margin-left: 100px; }
.mtop100 { margin-top: 100px; }
.mright100 { margin-right: 100px; }
.mbottom100 { margin-bottom: 100px; }

/* padding */
.p0 {padding: 0;}
.p1 {padding: 1px !important;}
.p2 {padding: 2px;}
.p3 {padding: 3px;}
.p4 {padding: 4px;}
.p5 {padding: 5px;}
.p6 {padding: 6px;}
.p7 {padding: 7px;}
.p8 {padding: 8px;}
.p9 {padding: 9px;}
.p10 {padding: 10px;}
.p11 {padding: 11px;}
.p12 {padding: 12px;}
.p13 {padding: 13px;}
.p14 {padding: 14px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}

.ptop1 { padding-top: 1px;}
.ptop2 { padding-top: 2px;}
.ptop3 { padding-top: 3px;}
.ptop4 { padding-top: 4px;}
.ptop5 { padding-top: 5px;}
.ptop6 { padding-top: 6px;}
.ptop7 { padding-top: 7px;}
.ptop8 { padding-top: 8px;}
.ptop9 { padding-top: 9px;}
.ptop10 { padding-top: 10px;}

.pbottom1 { padding-bottom: 1px;}
.pbottom2 { padding-bottom: 2px;}
.pbottom3 { padding-bottom: 3px;}
.pbottom4 { padding-bottom: 4px;}
.pbottom5 { padding-bottom: 5px;}
.pbottom6 { padding-bottom: 6px;}
.pbottom7 { padding-bottom: 7px;}
.pbottom8 { padding-bottom: 8px;}
.pbottom9 { padding-bottom: 9px;}
.pbottom10 { padding-bottom: 10px;}

.pleft1 { padding-left: 1px;}
.pleft2 { padding-left: 2px;}
.pleft3 { padding-left: 3px;}
.pleft4 { padding-left: 4px;}
.pleft5 { padding-left: 5px;}
.pleft6 { padding-left: 6px;}
.pleft7 { padding-left: 7px;}
.pleft8 { padding-left: 8px;}
.pleft9 { padding-left: 9px;}
.pleft10 { padding-left: 10px;}
.pleft20 { padding-left: 20px;}

.pright1 { padding-right: 1px;}
.pright2 { padding-right: 2px;}
.pright3 { padding-right: 3px;}
.pright4 { padding-right: 4px;}
.pright5 { padding-right: 5px;}
.pright6 { padding-right: 6px;}
.pright7 { padding-right: 7px;}
.pright8 { padding-right: 8px;}
.pright9 { padding-right: 9px;}
.pright20 { padding-right: 20px;}

/* floats */

.floatl { float: left; }
.floatr { float: right; } 
.floatn { float: none !important; } 



/*fonts */

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font23 { font-size: 23px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }
.font26 { font-size: 26px; }
.font27 { font-size: 27px; }
.font28 { font-size: 28px; }
.font29 { font-size: 29px; }
.font30 { font-size: 30px; }
.font31 { font-size: 31px; }
.font32 { font-size: 32px; }
.font38 { font-size: 38px; }

.bold { font-weight: bold; }
.boldnormal { font-weight: normal !important; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.versale { font-variant: small-caps; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.weight200 { font-weight: 200 !important;}
.weight300 { font-weight: 300 !important;}
.weight400 { font-weight: 400 !important;}
.weight500 { font-weight: 500 !important;}
.weight600 { font-weight: 600 !important;}
.weight700 { font-weight: 700 !important;}
.weight800 { font-weight: 800 !important;}
.weight900 { font-weight: 900 !important;}
.ovhidden { overflow: hidden; }
.nowrap { white-space: nowrap; }

.red { color:  #aa0000; }
.red1 { color:  #dd0000; }
.red2 { color:  #ff0000; }
.red3 { color: #d02b2b; }
.white { color:  #fff; }
.navy { color:  #003380; }
.blue { color:  #00aad4; }
.green { color:  #007700; }
.black { color:  #000; }
.darkgreen { color:  #2d5016; }
.orange { color: #ffb400; }
.yellow { color: #f7c301; }
.textshadow-black { text-shadow: 1px 1px 2px #333; }

.grey1 { color:  #111; }
.grey2 { color:  #222; }
.grey3 { color:  #333; }
.grey4 { color:  #444; }
.grey5 { color:  #555; }
.grey6 { color:  #666; }
.grey7 { color:  #777; }
.grey8 { color:  #888; }
.grey9 { color:  #999; }
.greya { color:  #aaa; }
.greyb { color:  #bbb; }
.greyc { color:  #ccc; }
.greyd { color:  #ddd; }
.greye { color:  #eee; }

.bggrey1 { background:  #111; }
.bggrey2 { background:  #222; }
.bggrey3 { background:  #333; }
.bggrey4 { background:  #444; }
.bggrey5 { background:  #555; }
.bggrey6 { background:  #666; }
.bggrey7 { background:  #777; }
.bggrey8 { background:  #888; }
.bggrey9 { background:  #999; }
.bggreya { background:  #aaa; }
.bggreyb { background:  #bbb; }
.bggreyc { background:  #ccc; }
.bggreyd { background:  #ddd; }
.bggreye { background:  #eee; }
.bggreyf8 { background:  #f8f8f8; }

.Raleway { font-family: 'Raleway'; }
.candara { font-family: Candara; }
.cantarell { font-family: 'Cantarell', sans-serif; }
.alegreya-sans-sc { font-family: 'Alegreya Sans SC', sans-serif; }
.opensans { font-family: Open Sans; }
.roboto { font-family: Roboto Slab; }
.trebuchet { font-family: Trebuchet MS; }
.tahoma { font-family: Tahoma; }
.arial { font-family: Arial; }
.impact { font-family: Impact; }
.georgia { font-family: Georgia; }
.lucida { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Verdana, sans-serif; }
.times { font-family: 'Times New Roman', Times, sans; }
.calibri { font-family: Calibri; }


.lineh120 { line-height: 120%; }
.lineh130 { line-height: 130%; }
.lineh150 { line-height: 150%; }
.lineh160 { line-height: 160%; }
.lineh170 { line-height: 170%; }
.lineh180 { line-height: 180%; }
.lineh190 { line-height: 190%; }
.lineh200 { line-height: 200%; }
.lineh220 { line-height: 220%; }
.lineh240 { line-height: 240%; }

.pointer { cursor: pointer; }

.bgblack { background: #000; }
.bggrey { background: #111; }
.bgwhite { background: #fff; }
.bgred { background: #aa0000; }
.bgorange { background: #e87e00; }
.bgnavy { background: #003380; }
.bgblue { background: #0b72af; }

.dflex { display: flex; }
.flex-vmiddle{ align-self: center;}
.align-items-center { align-items: center;}
.justify-content-center { justify-content: center;}
.flex-column { flex-direction: column;}
.dinline { display: inline; }
.dinblock { display: inline-block; }
.dblock { display: block; }
.dtable { display: table; }
.dtablecell { display: table-cell; }
.dnone { display: none; }
.dnone-important { display: none !important; }
.dblockie7 { display: block; *display: inline-block; }
.flip-y{ -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.flip-x{ -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.bordernone { border: none; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.center-image {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.center-horizontal {
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}


.background-cover{
    background-position: center center;
    background-size: cover;
}

.background-contain{
    background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
}


.middle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.undernone { text-decoration: none !important; }
.under { text-decoration: underline; }


/* width and heights */
.width1{ width: 1%; }
.width2{ width: 2%; }
.width3{ width: 3%; }
.width4{ width: 4%; }
.width5{ width: 5%; }
.width6{ width: 6%; }
.width7{ width: 7%; }
.width8{ width: 8%; }
.width9{ width: 9%; }
.width10{ width: 10%; }
.width11{ width: 11%; }
.width12{ width: 12%; }
.width13{ width: 13%; }
.width14{ width: 14%; }
.width15{ width: 15%; }
.width16{ width: 16%; }
.width17{ width: 17%; }
.width18{ width: 18%; }
.width19{ width: 19%; }
.width20{ width: 20%; }
.width21{ width: 21%; }
.width22{ width: 22%; }
.width23{ width: 23%; }
.width24{ width: 24%; }
.width25{ width: 25%; }
.width26{ width: 26%; }
.width27{ width: 27%; }
.width28{ width: 28%; }
.width28-5{ width: 28.5%; }
.width29{ width: 29%; }
.width30{ width: 30%; }
.width31{ width: 31%; }
.width32{ width: 32%; }
.width33{ width: 33%; }
.width33-3{ width: 33.3%; }
.width35{ width: 35%; }
.width36{ width: 36%; }
.width38{ width: 38%; }
.width39{ width: 39%; }
.width40{ width: 40%; }
.width45{ width: 45%; }
.width48{ width: 48%; }
.width49{ width: 49%; }
.width50{ width: 50%; }
.width53{ width: 53%; }
.width55{ width: 55%; }
.width56{ width: 56%; }
.width59{ width: 59%; }
.width60{ width: 60%; }
.width63{ width: 63%; }
.width64{ width: 64%; }
.width65{ width: 65%; }
.width66{ width: 66%; }
.width69{ width: 69%; }
.width70{ width: 70%; }
.width72{ width: 72%; }
.width73{ width: 73%; }
.width75{ width: 75%; }
.width79{ width: 79%; }
.width80{ width: 80%; }
.width83{ width: 83%; }
.width85{ width: 85%; }
.width90{ width: 90%; }
.width92{ width: 92%; }
.width94{ width: 94%; }
.width95{ width: 95%; }
.width96{ width: 96%; }
.width97{ width: 97%; }
.width98{ width: 98%; }
.width99{ width: 99%; }
.width100{ width: 100%; }

.width600px{ width: 600px; }
.width700px{ width: 720px; }
.height100 { height: 100%; }
.height200px { height: 200px; }

.dont-break-out {

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
  
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
  
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
  
  }

.shadowblack { text-shadow: 1px 1px 0px #000;}

/*rounded corners */
.rc4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.rc3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rc5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rc2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.rc4l {
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.rc10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.rc4t {
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.rc4r {
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

.rc4b {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

.rc3l {
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}

.rc3t {
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.rc3r {
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}

.rc3b {
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}

.rc4tl {
	-webkit-border-radius: 4px 0px 0px 0px;
	-moz-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
}

.rc4tr {
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
	border-radius: 0px 4px 0px 0px;
}

.rc4bl {
	-webkit-border-radius: 0px 0px 0px 4px;
	-moz-border-radius: 0px 0px 0px 4px;
	border-radius: 0px 0px 0px 4px;
}

.rc4br{
	-webkit-border-radius: 0px 0px 4px 0px;
	-moz-border-radius: 0px 0px 4px 0px;
	border-radius: 0px 0px 4px 0px;
}

.rc3tl {
	-webkit-border-radius: 3px 0px 0px 0px;
	-moz-border-radius: 3px 0px 0px 0px;
	border-radius: 3px 0px 0px 0px;
}

.rc3tr {
	-webkit-border-radius: 0px 3px 0px 0px;
	-moz-border-radius: 0px 3px 0px 0px;
	border-radius: 0px 3px 0px 0px;
}

.rc3bl {
	-webkit-border-radius: 0px 0px 3px 0px;
	-moz-border-radius: 0px 0px 3px 0px;
	border-radius: 0px 0px 3px 0px;
}

.rc3br{
	-webkit-border-radius: 0px 0px 0px 3px;
	-moz-border-radius: 0px 0px 0px 3px;
	border-radius: 0px 0px 0px 3px;
}

.rc15 {
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.rc300 {
	-moz-border-radius: 300px;
	-webkit-border-radius:300px;
	border-radius:300px;
}

/* shadows */
.shadow-black-out-10 {
	-webkit-box-shadow: #222 0px 0px 10px;
	-moz-box-shadow: #222 0px 0px 10px;
	box-shadow: #222 0px 0px 10px;	
}
.shadow-black-out-30 {
	-webkit-box-shadow: #222 0px 0px 30px;
	-moz-box-shadow: #222 0px 0px 30px;
	box-shadow: #222 0px 0px 30px;	
}
.shadow3 {
	-webkit-box-shadow: #ccc 0px 0px 5px;
	-moz-box-shadow: #ccc 0px 0px 5px;
	box-shadow: #ccc 0px 0px 5px;
}

.shadow10 {
	-webkit-box-shadow: #888 0px 0px 10px;
	-moz-box-shadow: #888 0px 0px 10px;
	box-shadow: #888 0px 0px 10px;
}

.shadow30 {
	-webkit-box-shadow: #ddd 0px 0px 30px;
	-moz-box-shadow: #ddd 0px 0px 30px;
	box-shadow: #ddd 0px 0px 30px;
}

.shadow-inset {
	-webkit-box-shadow: inset 0px 1px 16px -1px rgba(0,0,0,0.49);
	-moz-box-shadow: inset 0px 1px 16px -1px rgba(0,0,0,0.49);
	box-shadow: inset 0px 1px 16px -1px rgba(0,0,0,0.49);	
}