/* Typography */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 300; 
}

/* Links */
a { color: #193036; }
a:hover { color: #1d9000; }

/* Larger than phablet */
@media (min-width: 550px) {
	h1 { font-size: 5.0rem; }
	h2 { font-size: 4.2rem; }
	h3 { font-size: 3.6rem; }
	h4 { font-size: 3.0rem; }
	h5 { font-size: 2.4rem; }
	h6 { font-size: 1.5rem; }
}


h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

.wid10 	{ width: 10% !important; }
.wid20 	{ width: 20% !important; }
.wid40 	{ width: 40% !important; }
.wid60 	{ width: 60% !important; }
.wid80 	{ width: 80% !important; }
.wid100,.fullwidth { width: 100% !important; }


.fs1	{ font-size: 1rem !important; }
.fs11	{ font-size: 1rem !important; }
.fs12	{ font-size: 1.2rem !important; }
.fs14	{ font-size: 1.4rem !important; }
.fs15	{ font-size: 1.5rem !important; }
.fs18	{ font-size: 1.8rem !important; }
.fs2	{ font-size: 2rem !important; }
.fs25	{ font-size: 2.5rem !important; }
.fs3	{ font-size: 3rem !important; }
.fs35	{ font-size: 3.5rem !important; }
.fs4	{ font-size: 4rem !important; }

.fw300	{ font-weight: 300 !important; }
.fw400	{ font-weight: 400 !important; }
.fw600	{ font-weight: 600 !important; }
.fw700	{ font-weight: 700 !important; }

.fsel	{ font-family: FontAwesome, Arial; }

.brad0	{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.brad4	{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.brad7	{ border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.cirland50 { display: inline-block; position: relative; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; }
.cirland50 img { width: auto; height: 100%; margin-left: -50px;}
.cirland100 { display: inline-block; position: relative; width: 48px; height: 48px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 	border: #CCC solid 1px; }
.cirland100 img { width: auto; height: 100%; margin-left: 0px;}
.cirland200 { display: inline-block; position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; }
.cirland200 img { width: auto; height: 100%; margin-left: -50px; }

.hei110	{ height: 110% !important; }
.hei105	{ height: 105% !important; }
.hei100	{ height: 100% !important; }
.hei80	{ height: 80% !important; }
.hei50	{ height: 50% !important; }


.lh10  { line-height: 1.0 !important; }
.lh12  { line-height: 1.2 !important; }
.lh125 { line-height: 1.25 !important; }
.lh13  { line-height: 1.3 !important; }
.lh135 { line-height: 1.35 !important; }
.lh15  { line-height: 1.5 !important; } 
.lh16  {line-height: 1.6 !important; } 

.ma0 	{ margin: 0rem !important; }
.ma5 	{ margin: 0.5rem !important; }
.ma10 	{ margin: 1rem !important; }
.ma15 	{ margin: 1.5rem !important; }
.ma20 	{ margin: 2rem !important; }
.ma40 	{ margin: 4rem !important; }
.ma100 	{ margin: 10rem !important; }

.mt0 	{ margin-top: 0rem !important; }
.mt5 	{ margin-top: 0.5rem !important; }
.mt10 	{ margin-top: 1rem !important; }
.mt15 	{ margin-top: 1.5rem !important; }
.mt20 	{ margin-top: 2rem !important; }
.mt40 	{ margin-top: 4rem !important; }
.mt100 	{ margin-top: 10rem !important; }

.mb0 	{ margin-bottom: 0rem !important; }
.mb5 	{ margin-bottom: 0.5rem !important; }
.mb10 	{ margin-bottom: 1rem !important; }
.mb15 	{ margin-bottom: 1.5rem !important; }
.mb20 	{ margin-bottom: 2rem !important; }
.mb40 	{ margin-bottom: 4rem !important; }
.mb100	{ margin-bottom: 10rem !important; }

.mr0 	{ margin-right: 0rem !important; }
.mr5 	{ margin-right: 0.5rem !important; }
.mr10 	{ margin-right: 1rem !important; }
.mr15 	{ margin-right: 1.5rem !important; }
.mr20 	{ margin-right: 2rem !important; }
.mr40 	{ margin-right: 4rem !important; }

.ml0 	{ margin-left: 0rem !important; }
.ml5 	{ margin-left: 0.5rem !important; }
.ml10 	{ margin-left: 1rem !important; }
.ml15 	{ margin-left: 1.5rem !important; }
.ml20 	{ margin-left: 2rem !important; }
.ml40 	{ margin-left: 4rem !important; }

.mlr0 	{ margin-left: 0rem !important; margin-right: 0rem !important; }
.mlr5 	{ margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mlr10 	{ margin-left: 1rem !important; margin-right: 1rem !important;}
.mlr15 	{ margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.mlr20 	{ margin-left: 2rem !important; margin-right: 2rem !important;}
.mlr40 	{ margin-left: 4rem !important; margin-right: 4rem !important;}


.mtb0 	{ margin-top: 0rem !important; margin-bottom: 0rem !important; }
.mtb5 	{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.mtb10 	{ margin-top: 1rem !important; margin-bottom: 1rem !important; }
.mtb15 	{ margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.mtb20 	{ margin-top: 2rem !important; margin-bottom: 2rem !important; }
.mtb40 	{ margin-top: 4rem !important; margin-bottom: 4rem !important; }

.pa0 	{ padding: 0rem !important; }
.pa5 	{ padding: 0.5rem !important; }
.pa10 	{ padding: 1rem !important; }
.pa15 	{ padding: 1.5rem !important; }
.pa20 	{ padding: 2rem !important; }
.pa40 	{ padding: 4rem !important; }
.pa100 	{ padding: 10rem !important; }

.pt0 	{ padding-top: 0rem !important; }
.pt5 	{ padding-top: 0.5rem !important; }
.pt10 	{ padding-top: 1rem !important; }
.pt15 	{ padding-top: 1.5rem !important; }
.pt20 	{ padding-top: 2rem !important; }
.pt40 	{ padding-top: 4rem !important; }
.pt100 	{ padding-top: 10rem !important; }

.pb0 	{ padding-bottom: 0rem !important; }
.pb5 	{ padding-bottom: 0.5rem !important; }
.pb10 	{ padding-bottom: 1rem !important; }
.pb15 	{ padding-bottom: 1.5rem !important; }
.pb20 	{ padding-bottom: 2rem !important; }
.pb40 	{ padding-bottom: 4rem !important; }
.pb100 	{ padding-bottom: 10rem !important; }

.pr0 	{ padding-right: 0rem !important; }
.pr5 	{ padding-right: 0.5rem !important; }
.pr10 	{ padding-right: 1rem !important; }
.pr15 	{ padding-right: 1.5rem !important; }
.pr20 	{ padding-right: 2rem !important; }
.pr40 	{ padding-right: 4rem !important; }
.pr100 	{ padding-right: 10rem !important; }

.pl0 	{ padding-left: 0rem !important; }
.pl5 	{ padding-left: 0.5rem !important; }
.pl10 	{ padding-left: 1rem !important; }
.pl15 	{ padding-left: 1.5rem !important; }
.pl20 	{ padding-left: 2rem !important; }
.pl40 	{ padding-left: 4rem !important; }
.pl100 	{ padding-left: 10rem !important; }

.plr0 	{ padding-left: 0rem !important; padding-right: 0rem !important; }
.plr5 	{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.plr10 	{ padding-left: 1rem !important; padding-right: 1rem !important; }
.plr15 	{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.plr20 	{ padding-left: 2rem !important; padding-right: 2rem !important; }
.plr40 	{ padding-left: 4rem !important; padding-right: 4rem !important; }


.ptb0 	{ padding-top: 0rem !important; padding-bottom: 0rem !important; }
.ptb5 	{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.ptb10 	{ padding-top: 1rem !important; padding-bottom: 1rem !important; }
.ptb15 	{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.ptb20 	{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
.ptb40 	{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
.ptb100 { padding-top: 10rem !important; padding-bottom: 10rem !important; }

.txt-xxxl	{ font-size: 3.6rem; font-family: Roboto, Arial;}
.txt-xxl	{ font-size: 2.4rem; font-family: Roboto, Arial;}
.txt-xl		{ font-size: 1.8rem; font-family: Roboto, Arial;}
.txt-bg		{ font-size: 1.6rem; font-family: Roboto, Arial;}
.txt-md		{ font-size: 1.2rem; font-family: Roboto, Arial;}
.txt-sm		{ font-size: 1rem; font-family: Roboto, Arial;}
.txt-xs		{ font-size: 0.8rem; font-family: Roboto, Arial;}
.txt-b		{ font-weight: bold;}
.txt-red	{ color: #cc0000;}
.txt-black	{ color: #000;}
.txt-gray	{ color: #999999;}
.txt-lgray	{ color: #CCCCCC;}
.txt-green	{ color: #00CC00;}
.txt-white	{ color: #FFFFFF;}
.txt-cond	{ font-family: Roboto Condensed,Arial,Helvetica;}
.txt-justify	{ text-align: justify !important; }
.txt-center	{ text-align: center !important;}
.txt-right	{ text-align: right !important;}
.txt-left	{ text-align: left !important; }

.cur-default	{ cursor: default !important; }
.cur-help	{ cursor: help !important; }
.cur-move	{ cursor: move !important; }
.cur-pointer	{ cursor: pointer !important; }

.line-thr	{ text-decoration: line-through !important; }

.inner-addon	{ position: relative; }
.inner-addon .glyphicon {
	position: absolute;
	padding-right: 10px;
	padding-left: 10px;
	pointer-events: none;
}
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }