/*******************************************************************************
 *******************************************************************************
 *************************  DO NOT EDIT THIS DOCUMENT  *************************
 *************************  USE FOR REFERENCE ONLY!!!  *************************
 *******************************************************************************
 *******************************************************************************/


/*
 * CSS FRAMEWORK
 */


/* ----------------------------------------------------------------------------
 * TABLE OF CONTENTS:
 * ----------------------------------------------------------------------------
 *
 * 1 STRUCTURAL ELEMENTS
 *   1.1 MODERN BROWSER RESETS
 *   1.2 UNIVERSAL STYLES
 *   1.3 THE GRID
 *   1.4 SPACED GRID
 *   1.5 TABLE GRID
 *   1.6 MARGINS
 * 
 * 2 CONTENT STYLES
 *   2.1 PARAGRAPHS
 *   2.2 HEADINGS
 *   2.3 QUOTE STYLES
 *   2.4 MEDIA STYLES
 *   2.5 FORM STYLES
 *   2.6 BACKGROUND COLORS
 * 
 * 3 TEXT STYLES
 *   3.1 UNIVERSAL STYLES
 *   3.2 TEXT ALIGNMENT
 *   3.3 TEXT SIZES
 *   3.4 TEXT COLORS
 *   3.5 TEXT LINKS
 *
 * 4 BUTTON STYLES
 *   4.1 UNIVERSAL STYLES
 *   4.2 BUTTON SHAPES
 *   4.3 BUTTON SIZES
 *   4.4 BUTTON COLORS
 *
 * 5 LIST STYLES
 *   5.1 UNIVERSAL STYLES
 *   5.2 UNORDERED LIST STYLES
 *   5.3 ORDED LIST STYLE STYLES
 *
 * 6 UNIVERSAL STATES
 *   6.1 UNIVERSAL STATE CLASSES
 *   6.2 SHAPE STATES
 *   6.3 ALIGNMENT STATES
 *   6.4 POSITION STATES
 *   6.5 DISPLAY/RESPONSIVE STATES
 * 
 * ---------------------------------------------------------------------------*/





/******************************************************************************
 * * *  1 STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/


/***  1.1 MODERN BROWSER PRESETS  ***/

@import url("normalize.min.css");


/***  1.2 UNIVERSAL STYLES  ***/

html {overflow-x: hidden;}

html, 
body {
  width: 100%;
  height: 100%;
}

.site {
  max-width: 100%;
  overflow-x: hidden;
}


/***  1.3 THE GRID  ***/

.section, 
.container, 
.site-container, 
.section-container, 
.grid, 
.cols {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

.grid, 
.cols {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.section:after, 
.container:after, 
.site-container:after, 
.section-container:after, 
.grid:after, 
[class*="grid-"]:after, 
[class*="col-"]:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* Columns */

[class*="col-"] {
  width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-eighth {width: 12.5%;} /*  1/8 Column  */
.col-sixth {width: 16.6666%;} /*  1/6 Column  */
.col-fifth {width: 20%;} /*  1/5 Column  */
.col-fourth {width: 25%;} /*  1/4 Column  */
.col-third {width: 33.3333%;} /*  1/3 Column  */
.col-three-eighths {width: 37.5%;} /*  3/8 Column  */
.col-two-fifths {width: 40%;} /*  2/5 Column  */
.col-half {width: 50%;} /*  1/2 Column  */
.col-three-fifths {width: 60%;} /*  3/5 Column  */
.col-five-eighths {width: 62.5%;} /*  5/8 Column  */
.col-two-thirds {width: 66.6666%;} /*  2/3 Column  */
.col-three-fourths {width: 75%;} /*  3/4 Column  */
.col-four-fifths {width: 80%;} /*  4/5 Column  */
.col-five-sixths {width: 83.3333%;} /*  5/6 Column  */
.col-seven-eighths {width: 87.5%;} /*  7/8 Column  */

@media screen and (min-width: 901px) and (max-width: 1200px) {
    
.laptop-col-eighth {width: 12.5%;} /*  1/8 Column  */
.laptop-col-sixth {width: 16.6666%;} /*  1/6 Column  */
.laptop-col-fifth {width: 20%;} /*  1/5 Column  */
.laptop-col-fourth {width: 25%;} /*  1/4 Column  */
.laptop-col-third {width: 33.3333%;} /*  1/3 Column  */
.laptop-col-three-eighths {width: 37.5%;} /*  3/8 Column  */
.laptop-col-two-fifths {width: 40%;} /*  2/5 Column  */
.laptop-col-half {width: 50%;} /*  1/2 Column  */
.laptop-col-three-fifths {width: 60%;} /*  3/5 Column  */
.laptop-col-five-eighths {width: 62.5%;} /*  5/8 Column  */
.laptop-col-two-thirds {width: 66.6666%;} /*  2/3 Column  */
.laptop-col-three-fourths {width: 75%;} /*  3/4 Column  */
.laptop-col-four-fifths {width: 80%;} /*  4/5 Column  */
.laptop-col-five-sixths {width: 83.3333%;} /*  5/6 Column  */
.laptop-col-seven-eighths {width: 87.5%;} /*  7/8 Column  */
.laptop-col-full {width: 100%;}
  
}

@media screen and (max-width: 900px) {

.col-custom, 
.col-eighth, 
.col-sixth, 
.col-fifth, 
.col-fourth, 
.col-third, 
.col-three-eighths, 
.col-two-fifths, 
.col-half, 
.col-three-fifths, 
.col-five-eighths, 
.col-two-thirds, 
.col-three-fourths, 
.col-four-fifths, 
.col-five-sixths, 
.col-seven-eighths {width: 100%;}

}

@media screen and (min-width: 601px) and (max-width: 900px) {
    
.tablet-col-fourth {width: 25%;}
.tablet-col-third {width: 33.3333%;}
.tablet-col-two-fifths {width: 40%;}
.tablet-col-half {width: 50%;}
.tablet-col-three-fifths {width: 60%;}
.tablet-col-two-thirds {width: 66.6666%;}
.tablet-col-three-fourths {width: 75%;}
  
}

@media screen and (min-width: 421px) and (max-width: 600px) {
		
.mobile-col-third {width: 33.3333%;}
.mobile-col-two-fifths {width: 40%;}
.mobile-col-half {width: 50%;}
.mobile-col-three-fifths {width: 60%;}
.mobile-col-two-thirds {width: 66.6666%;}
	
}

/* Spaced Columns */

.grid-spaced-xs, 
.cols-spaced-xs {
  width: calc(100% + 10px);
  margin: -5px;
}

.grid-spaced-sm, 
.cols-spaced-sm {
  width: calc(100% + 20px);
  margin: -10px;
}

.grid-spaced, 
.grid-spaced-md, 
.cols-spaced-md {
  width: calc(100% + 30px);
  margin: -15px;
}

.grid-spaced-lg, 
.cols-spaced-lg {
  width: calc(100% + 50px);
  margin: -25px;
}

.grid-spaced-xl, 
.cols-spaced-xl {
  width: calc(100% + 70px);
  margin: -35px;
}

.grid-spaced-xs > [class*="col-"], 
.cols-spaced-xs > [class*="col-"] {padding: 5px;}

.grid-spaced-sm > [class*="col-"], 
.cols-spaced-sm > [class*="col-"] {padding: 10px;}

.grid-spaced > [class*="col-"], 
.cols-spaced > [class*="col-"], 
.grid-spaced-md > [class*="col-"], 
.cols-spaced-md > [class*="col-"] {padding: 15px;}

.grid-spaced-lg > [class*="col-"], 
.cols-spaced-lg > [class*="col-"] {padding: 25px;}

.grid-spaced-xl > [class*="col-"], 
.cols-spaced-xl > [class*="col-"] {padding: 35px;}



/***  1.6 MARGINS  ***/

/*  Basic Spacers  */

.spacer-xs {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

.spacer-sm {
  margin-top: 0.8em;
  margin-button: 0.8em;
}

.spacer-md {
  margin-top: 1em;
  margin-bottom: 1em;
}

.spacer-lg {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
}

.spacer-xl {
  margin-top: 1.7em;
  margin-bottom: 1.7em;
}

/*  Spacers: 1 - 10  */

.spacer-1 {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

.spacer-2 {
  margin-top: 0.50em !important;
  margin-bottom: 0.5em !important;
}

.spacer-3 {
  margin-top: 0.75em !important;
  margin-bottom: 0.5em !important;
}

.spacer-4 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.spacer-5 {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important;
}

.spacer-6 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.spacer-7 {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.spacer-8 {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important;
}

.spacer-9 {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.spacer-10 {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

/*  Spacers: Scaling  */

.spacer-2x {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.spacer-3x {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.spacer-4x {
  margin-top: 4em !important;
  margin-bottom: 4em !important;
}

.spacer-5x {
  margin-top: 5em !important;
  margin-bottom: 5em !important;
}

.spacer-6x {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.spacer-7x {
  margin-top: 7em !important;
  margin-bottom: 7em !important;
}

.spacer-8x {
  margin-top: 8em !important;
  margin-bottom: 8em !important;
}

.spacer-9x {
  margin-top: 9em !important;
  margin-bottom: 9em !important;
}

.spacer-size-10x {
  margin-top: 10em !important;
  margin-bottom: 10em !important;
}

/*  Spacers: First & Last  */

.spacer-xs:first-child, .spacer-sm:first-child, .spacer-md:first-child, 
.spacer-lg:first-child, .spacer-xl:first-child, .spacer-1:first-child, 
.spacer-2:first-child, .spacer-3:first-child, .spacer-4:first-child, 
.spacer-5:first-child, .spacer-6:first-child, .spacer-7:first-child, 
.spacer-8:first-child, .spacer-9:first-child, .spacer-10:first-child, 
.spacer-2x:first-child, .spacer-3x:first-child, .spacer-4x:first-child, 
.spacer-5x:first-child, .spacer-6x:first-child, .spacer-7x:first-child, 
.spacer-8x:first-child, .spacer-9x:first-child, 
.spacer-size-10x:first-child {margin-top: 0 !important;}

.spacer-xs:last-child, .spacer-sm:last-child, .spacer-md:last-child, 
.spacer-lg:last-child, .spacer-xl:last-child, .spacer-1:last-child, 
.spacer-2:last-child, .spacer-3:last-child, .spacer-4:last-child, 
.spacer-5:last-child, .spacer-6:last-child, .spacer-7:last-child, 
.spacer-8:last-child, .spacer-9:last-child, .spacer-10:last-child, 
.spacer-2x:last-child, .spacer-3x:last-child, .spacer-4x:last-child, 
.spacer-5x:last-child, .spacer-6x:last-child, .spacer-7x:last-child, 
.spacer-8x:last-child, .spacer-9x:last-child, 
.spacer-size-10x:last-child {margin-bottom: 0 !important;}





/******************************************************************************
 * * *  2 CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/


/***  2.1 PARAGRAPHS  ***/

p {
  display: block;
  margin: 1.2em 0;
  line-height: 1.6em;
}

p:first-child {margin-top: 0;}

p:last-child {margin-bottom: 0;}

.alignleft + p:nth-child(2), .alignright + p:nth-child(2) {margin-top: 0;}


/***  2.2 HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
  position: relative;
  margin: 1.6em 0 0.7em 0;
  line-height: 1.3em;
}

h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {margin-top: 0;}

h1:last-child, 
h2:last-child, 
h3:last-child, 
h4:last-child, 
h5:last-child, 
h6:last-child {margin-bottom: 0;}

h1 .anchor, 
h2 .anchor, 
h3 .anchor, 
h4 .anchor, 
h5 .anchor, 
h6 .anchor {
  position: absolute;
  top: -100px;
  left: 0;
}



/***  2.3 QUOTE STYLES  ***/

blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
}

blockquote:first-child {margin-top: 0;}

blockquote:last-child {margin-bottom: 0;}

blockquote p:last-child {
  margin-top: 1em;
  margin-bottom: 1em;
}

blockquote p:first-child {margin-top: 0;}

blockquote p:last-child {margin-bottom: 0;}



/***  2.4 MEDIA STYLES  ***/

/* Universal Media Styles */

audio, canvas, img, video {vertical-align: middle;}

/* Image Styles */

img {
  width: auto;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img-border, 
.img-bordered {
  border: 6px solid #f6f6f6;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.img-shadow, 
.img-shadowed {box-shadow: 2px 3px 7px rgba(0,0,0,0.3);}

/*  Video Styles  */

.video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/***  2.5 FORM STYLES  ***/

/* Universal Styles */

form {
  display: block;
  padding: 0;
  border: 0;
  margin: 1.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
}

fieldset {
  display: block;
  padding: 0;
  border: 0;
  margin: 1.5em 0;
}

form:first-child, 
fieldset:first-child {margin-top: 0;}

form:last-child, 
fieldset:last-child {margin-bottom: 0;}

legend {
  display: block;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  margin-bottom: 0.5em;
  line-height: 1.5em;
  font-size: 1.4em;
  color: #333333;
}

label {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  border: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}

/* Inputs */

input:focus, 
textarea:focus, 
select:focus {
  outline-color: transparent;
  outline-style: none;
}

input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="date"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="color"], 
input[type="file"], 
input[type="range"], 
textarea, 
select {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.25em;
  font-size: 0.9em;
}

input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="date"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
textarea, 
select {
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  background: white;
  font-size: 0.9em;
}

textarea {
  height: 100px;
  resize: vertical;
}

select {height: 42px;}

input[type="checkbox"],  
input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="date"]:focus, 
input[type="datetime-local"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
textarea:focus, 
select:focus {border-color: #2ccbf9;}

/* Buttons */

input[type="submit"], 
input[type="reset"], 
input[type="button"] {
  display: inline-block;
  border: none;
  cursor: pointer;
  cursor: hand;
  height: 2.8em;
  padding: 0 24px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 0.95em;
  font-weight: 600;
  color: white;
  background: #aaa;
}





/******************************************************************************
 * * *  3 TEXT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/*** 3.1 UNIVERSAL STYLES  ***/

.lighter, 
.text-lighter {
  font-weight: normal;
  font-weight: lighter;
  font-weight: 300 !important;
}

.normal, 
.text-normal {
  font-weight: normal;
  font-weight: 400 !important;
}

.semi-bold, 
.text-semi-bold {
  font-weight: bold;
  font-weight: 600 !important;
}

b,
strong, 
.bold, 
.text-bold, 
.strong, 
.text-strong {
  font-weight: bold;
  font-weight: 700 !important;
}

.bolder, 
.text-bolder, 
.extra-bold, 
.text-extra-bold {
  font-weight: bold;
  font-weight: bolder;
  font-weight: 800 !important;
}

i, 
em, 
.italic, 
.text-italic {font-style: italic !important;}

.underline, 
.text-underline, 
.underlined, 
.text-underlined {text-decoration: underline !important;}

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

.shadow,
.text-shadow, 
.shadowed, 
.text-shadowed {text-shadow: 1px 1px solid rgba(0,0,0,0.65) !important;}

.uppercase,
.text-uppercase, 
.capitalize, 
.text-capitalize, 
.capitalized, 
.text-capitalized {text-transform: uppercase;}



/*** 3.2 TEXT ALIGNMENT  ***/

p.left, 
.text-left {text-align: left !important;}

p.right, 
.text-right {text-align: right !important;}

p.center,
p.centered,
.text-center, 
.text-centered {text-align: center !important;}

p.justify, 
p.justified, 
.text-justify, 
.text-justified {text-align: justify !important;}



/*** 3.3 TEXT SIZES  ***/

/*  Basic Text Sizes  */

.text-xs {font-size: 0.7em;}

small, 
.text-sm {font-size: 0.8em;}

.text-md {font-size: 1em;}

big, 
.text-lg {font-size: 1.3em;}

.text-xl {font-size: 1.7em;}

/* Text Sizes: 1-10  */

.text-1 {font-size: 0.7em;}

.text-2 {font-size: 0.8em;}

.text-3 {font-size: 0.9em;}

.text-4 {font-size: 1em;}

.text-5 {font-size: 1.1em;}

.text-6 {font-size: 1.3em;}

.text-7 {font-size: 1.5em;}

.text-8 {font-size: 1.7em;}

.text-9 {font-size: 2em;}

.text-10 {font-size: 2.3em;}

/*  Text Sizes: Plus & Minus  */

.text-min-5 {font-size: 0.5em;}

.text-min-4 {font-size: 0.6em;}

.text-min-3 {font-size: 0.7em;}

.text-min-2 {font-size: 0.8em;}

.text-min-1 {font-size: 0.9em;}

.text-plus-1 {font-size: 1.1em;}

.text-plus-2 {font-size: 1.2em;}

.text-plus-3 {font-size: 1.3em;}

.text-plus-4 {font-size: 1.4em;}

.text-plus-5 {font-size: 1.5em;}

.text-plus-6 {font-size: 1.6em;}

.text-plus-7 {font-size: 1.7em;}

.text-plus-8 {font-size: 1.8em;}

.text-plus-9 {font-size: 1.9em;}

.text-plus-10 {font-size: 2em;}

/*  Text Sizes: Scaling  */

.text-2x {font-size: 2em;}

.text-3x {font-size: 3em;}

.text-4x {font-size: 4em;}

.text-5x {font-size: 5em;}

.text-6x {font-size: 6em;}

.text-7x {font-size: 7em;}

.text-8x {font-size: 8em;}

.text-9x {font-size: 9em;}

.text-10x {font-size: 10em;}



/*** 3.4 TEXT COLORS  ***/

/*  Black Text & Links  */

.text-black {color: black !important;}

a.text-black:hover {color: #333 !important;}

/*  Dark Text & Links  */

.text-dark {color: #393939 !important;}

a.text-dark:hover {color: #595959 !important;}

/*  Gray Text & Links  */

.text-gray {color: #808080 !important;}

a.text-gray:hover {color: #999 !important;}

/*  Light Text & Links  */

.text-light {color: #c9c9c9 !important;}

a.text-light:hover {color: #d9d9d9 !important;}

/*  White Text & Links  */

.text-white {color: white !important;}

a.text-white {color: #f2f2f2 !important;}

a.text-white:hover {color: white !important;}

/*  Success Text & Links  */

.text-success, 
.section-success a {color: #94be30 !important;}

a.text-success:hover, 
.section-success a:hover {color: #a6d23e !important;}

/*  Error Text & Links  */

.text-error, 
.section-error a {color: #c04a26 !important;}

a.text-error:hover, 
.section-error a:hover {color: #dd5a32 !important;}

/*  Info Text & Links  */

.text-info, 
.section-info a {color: #1e7dc1 !important;}

a.text-info:hover, 
.section-info a:hover {color: #2d92da !important;}

/*  Notice Text & Links  */

.text-notice, 
.section-notice a {color: #c1bb0e !important;}

a.text-notice:hover, 
.section-notice a:hover {color: #dcd51b !important;}



/***  3.5 TEXT LINKS  ***/

a {text-decoration: none;}

a:hover {text-decoration: underline;}

a:hover, 
a:active {outline: 0;}

/* Remove Link */

.remove-link {cursor: default;}





/******************************************************************************
 * * *  4 BUTTON STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/



/***  4.1 UNIVERSAL BUTTON STYLES  ***/

.button {
  display: inline-block;
  vertical-align: middle;
  padding: 0.4em 1.2em;
  border: 1px solid #d2d2d2;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 1em;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eee;
  cursor: pointer;
  cursor: hand;
  webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.button:hover {text-decoration: none;}

/* Plain Button */

.button-plain {
  border: 1px solid #d2d2d2 !important;
  background: #f3f3f3 !important;
  color: #595959 !important;
}

.button-plain:hover {background: #d2d2d2 !important;}

/* Empty Button */

.button-empty, 
.button-empty:hover {background: none !important;}

/*  Full Width Button  */

.button-fw, 
.button-full, 
.button-full-width {
  width: 100%;
  text-align: center;
}



/***  4.2 BUTTON SHAPES  ***/

.button-square, 
.button-squared {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.button-rounded-sm {
  -webkit-border-radius: .28em;
  -moz-border-radius: .28em;
  border-radius: .28em;
}

.button-rounded, 
.button-rounded-md {
  -webkit-border-radius: .57em;
  -moz-border-radius: .57em;
  border-radius: .57em;
}

.button-rounded-lg {
  -webkit-border-radius: .86em;
  -moz-border-radius: .86em;
  border-radius: .86em;
}

.button-circle, 
.button-round {
  -webkit-border-radius: 1.7em;
  -moz-border-radius: 1.7em;
  border-radius: 1.7em;
}



/***  4.3 BUTTON SIZES  ***/

/*  Universal Button Sizes  */

.button-xs {font-size: 0.7em;}

.button-sm {font-size: 0.8em;}

.button-md {font-size: 1em;}

.button-lg {font-size: 1.3em;}

.button-xl {font-size: 1.7em;}

/*  Button Sizes: 1-10  */

.button-1 {font-size: 0.7em;}

.button-2 {font-size: 0.8em;}

.button-3 {font-size: 0.9em;}

.button-4 {font-size: 1em;}

.button-5 {font-size: 1.1em;}

.button-6 {font-size: 1.3em;}

.button-7 {font-size: 1.5em;}

.button-8 {font-size: 1.7em;}

.button-9 {font-size: 2em;}

.button-10 {font-size: 2.3em;}

/*  Button Sizes: Plus & Minus  */

.button-min-5 {font-size: 0.5em;}

.button-min-4 {font-size: 0.6em;}

.button-min-3 {font-size: 0.7em;}

.button-min-2 {font-size: 0.8em;}

.button-min-1 {font-size: 0.9em;}

.button-plus-1 {font-size: 1.1em;}

.button-plus-2 {font-size: 1.2em;}

.button-plus-3 {font-size: 1.3em;}

.button-plus-4 {font-size: 1.4em;}

.button-plus-5 {font-size: 1.5em;}

.button-plus-6 {font-size: 1.6em;}

.button-plus-7 {font-size: 1.7em;}

.button-plus-8 {font-size: 1.8em;}

.button-plus-9 {font-size: 1.9em;}

.button-plus-10 {font-size: 2em;}

/*  Button Sizes: Scaling  */

.button-2x {font-size: 2em;}

.button-3x {font-size: 3em;}

.button-4x {font-size: 4em;}

.button-5x {font-size: 5em;}

.button-6x {font-size: 6em;}

.button-7x {font-size: 7em;}

.button-8x {font-size: 8em;}

.button-9x {font-size: 9em;}

.button-10x {font-size: 10em;}



/***  4.4 BUTTON COLOR  ***/

/*  Black Buttons  */

.button-black {
  border-color: black !important;
  background-color: black !important;
  color: white !important;
}

.button-black:hover {
  border-color: #333 !important;
  background-color: #333 !important;
  color: white !important;
}

/*  Dark Buttons  */

.button-dark {
  border-color: #424242 !important;
  background-color: #424242 !important;
  color: white !important;
}

.button-dark:hover {
  border-color: #626262 !important;
  background-color: #626262 !important;
  color: white !important;
}

/*  Gray Buttons  */

.button-gray {
  border-color: #808080 !important;
  background-color: #808080 !important;
  color: white !important;
}

.button-gray:hover {
  border-color: #999 !important;
  background-color: #999 !important;
  color: white !important;
}

/*  Light Buttons  */

.button-light {
  border-color: #c9c9c9 !important;
  background-color: #c9c9c9 !important;
  color: white !important;
}

.button-light:hover {
  border-color: #d9d9d9 !important;
  background-color: #d9d9d9 !important;
  color: white !important;
}

/*  White Buttons  */

.button-white {
  border-color: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  color: black !important;
}

.button-white:hover {
  border-color: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  color: black !important;
}

/*  Success Buttons  */

.button-success, 
.section-success .button {
  border-color: #94be30 !important;
  background-color: #94be30 !important;
  color: white !important;
}

.button-success:hover, 
.section-success .button:hover {
  border-color: #a6d23e !important;
  background-color: #a6d23e !important;
  color: white !important;
}

/*  Error Buttons  */

.button-error, 
.section-error .button {
  border-color: #c04a26 !important;
  background-color: #c04a26 !important;
  color: white !important;
}

.button-error:hover, 
.section-error .button:hover{
  border-color: #dd5a32 !important;
  background-color: #dd5a32 !important;
  color: white !important;
}

/*  Info Buttons  */

.button-info, 
.section-info .button {
  border-color: #1e7dc1 !important;
  background-color: #1e7dc1 !important;
  color: white !important;
}

.button-info:hover, 
.section-info .button:hover {
  border-color: #2d92da !important;
  background-color: #2d92da !important;
  color: white !important;
}

/*  Notice Buttons  */

.button-notice, 
.section-notice .button {
  border-color: #c1bb0e !important;
  background-color: #c1bb0e !important;
  color: white !important;
}

.button-notice:hover, 
.section-notice .button:hover {
  border-color: #dcd51b !important;
  background-color: #dcd51b !important;
  color: white !important;
}





/******************************************************************************
 * * *  5 LIST STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************?
 


/***  5.1 UNIVERSAL STYLES  ***/

ul,
ol {
  padding: 0;
  margin: 1em 0;
  list-style: disc;
}

ul:first-child, 
ol:first-child, 
.alignleft:first-child + ul, 
.alignleft:first-child + ol, 
.alignright:first-child + ul, 
.alignright:first-child + ol {margin-top: 0;}

ul:last-child, 
ol:last-child {margin-bottom: 0;}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

li {
  margin: 0;
  margin-left: 1.75em;
}

/* List Spaced */

.list-spaced li {margin-bottom: 1em !important;}

.list-spaced li:last-child {margin-bottom: 0 !important;}

/* List Half Spaced */

.list-half-spaced li {margin-bottom: 0.5em !important;}

.list-half-spaced li:last-child {margin-bottom: 0 !important;}

/* List Underlined */

.list-underlined li {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 0.5em;
}

.list-spaced.list-underlined li {margin-bottom: 1.4em !important;}

.list-underlined li:first-child {padding-top: 0;}

.list-underlined li ul, 
.list-underlined li ol {
  margin-top: 0.5em;
  border-top: 1px solid #d2d2d2;
  padding-top: 0.5em;
  margin-bottom: calc(-1px + -1em);
}

.list-spaced.list-underlined li ul {
  padding-top: 1.5em;
  margin-bottom: calc(-1px + -2em) !important;
}

/* Empty List Items */

.list-empty, 
.list-empty ul, 
.list-empty ol {list-style: none;}

.list-empty > li {margin-left: 0;}



/***  5.2 UNORDERED LIST STYLES  ***/

/* Disc List Items */
ul.list-disc, 
ul.list-disc ul {list-style: disc;}

/* Circle List Items */
ul.list-circle, 
ul.list-circle ul {list-style: circle;}

/* Square List Item */
ul.list-square, 
ul.list-square ul {list-style: square;}




/***  5.3 ORDERED LIST STYLES  ***/

ol {list-style: decimal;}





/******************************************************************************
 * * *  6 UNIVERSAL STATES  * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/



/***  6.1 UNIVERSAL STATE CLASSES  ***/

.nopad, 
.no-pad, 
.nopadding, 
.no-padding {padding: 0 !important;}

.nobr, 
.no-br, 
.noborder, 
.no-border {border: none !important;}

.nomar, 
.no-mar, 
.nomargin, 
.no-margin {margin: 0 !important;}

.nomartop, 
.no-mar-top, 
.nomargintop, 
.no-margin-top {margin-top: 0 !important;}

.nomarbtm, 
.no-mar-btm, 
.nomarginbtm, 
.no-margin-btm, 
.nomarbottom, 
.no-mar-bottom, 
.nomarginbottom, 
.no-margin-bottom {margin-bottom: 0 !important;}

.nomarlft, 
.no-mar-lft, 
.nomarginlft, 
.no-margin-lft,
.nomarleft, 
.no-mar-left, 
.nomarginleft, 
.no-margin-left {margin-left: 0 !important;}

.nomarrgt, 
.no-mar-rgt, 
.nomarginrgt, 
.no-margin-rgt
.nomarright, 
.no-mar-right, 
.nomarginright, 
.no-margin-right {margin-right: 0 !important;}

.nobg, 
.no-bg, 
.nobkgr,
.no-bkgr, 
.nobackground, 
.no-background {background: none !important;}

.fw, 
.full, 
.fullwidth, 
.full-width {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide, 
.hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.show, 
.visible {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.expand, 
.expand-v {max-height: 1000px !important;}

.expand-h {max-width: 1000px !important;}

.collapse, 
.collapse-v {max-height: 0 !important;}

.collapse-h {max-width: 0 !important;}



/***  6.2 SHAPE STATES  ***/

.circle, 
.round, 
.shape-circle, 
.shape-round {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  overflow: hidden;
}

.rounded-sm, 
.rounded-small, 
.shape-rounded-sm, 
.shape-rounded-small {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  overflow: hidden;
}

.rounded, 
.rounded-md, 
.rounded-medium, 
.shape-rounded, 
.shape-rounded-md, 
.shape-rounded-medium {
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.rounded-lg, 
.rounded-large, 
.shape-rounded-lg, 
.shape-rounded-large {
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.square, 
.squared,
.shape-square, 
.shape-squared {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}



/***  6.3 ALIGNMENT STATES  ***/

div.left,
section.left,
article.left,
aside.left,
img.left,
.alignleft,
.align-left, 
.float-left {float: left !important;}

div.right,
section.right,
article.right,
aside.right,
img.right,
.alignright, 
.align-right, 
.float-right {float: right !important;}

div.center,
section.center,
article.center,
aside.center,
img.center,
div.centered,
section.centered,
article.centered,
aside.centered,
img.centered,
.aligncenter, 
.align-center, 
.center-align, 
.center-aligned {
  float: none !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.clear, 
.clear-both {clear: both !important;}

.clear-left {clear: left !important;}

.clear-right {clear: right !important;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}



/***  6.4 POSITION STATES  ***/

[class*="pos-"] {
	position: absolute !important;
	float: none;
	z-index: 100;
}

.pos-relative {position: relative !important;}

[class*="fixed-pos-"] {position: fixed !important;}

[class*="pos-top"] {top: 0 !important;}

[class*="pos-bottom"] {bottom: 0 !important;}

[class*="pos-left"] {left: 0 !important;}

[class*="pos-right"] {right: 0 !important;}

[class*="pos-top-left"] {
  top: 0 !important;
  left: 0 !important;
}

[class*="pos-top-right"] {
  top: 0 !important;
  right: 0 !important;
}

[class*="pos-bottom-left"] {
  bottom: 0 !important;
  left: 0 !important;
}

[class*="pos-bottom-right"] {
  bottom: 0 !important;
  right: 0 !important;
}

[class*="pos-center"] {
  top: 50% !important;
  left: 50% !important;
}

[class*="pos-overlay"] {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}



/***  6.5 DISPLAY/RESPONSIVE STATES  ***/

.block, 
.display-block {display: block !important;}

.inline-block, 
.display-inline-block {display: inline-block !important;}

.inline, 
.display-inline {display: inline !important;}

.display-none {display: none !important;}

@media screen {
	
.display-print, 
.hide-screen {display: none !important;}
 
}

@media print {
	
.display-screen, 
.hide-print {display: none !important;}
 
}

@media screen and (min-width: 1025px) {

.display-mobile-menu, 
.hide-desktop-menu {display: none !important;}
}

@media screen and (max-width: 1024px) {

.display-desktop-menu, 
.hide-mobile-menu {display: none !important;}

}

@media screen and (min-width: 1201px) {

.display-laptop, 
.display-laptop-tablet, 
.display-laptop-mobile, 
.display-tablet, 
.display-tablet-mobile, 
.display-mobile, 
.hide-desktop, 
.hide-desktop-laptop, 
.hide-desktop-tablet {display: none !important;}

}

@media screen and (min-width: 901px) and (max-width: 1200px) {

.display-desktop, 
.display-tablet, 
.display-tablet-mobile, 
.display-mobile, 
.hide-laptop, 
.hide-laptop-tablet, 
.hide-laptop-mobile {display: none !important;}

}

@media screen and (min-width: 601px) and (max-width: 900px) {

.display-desktop, 
.display-desktop-laptop, 
.display-laptop, 
.display-mobile, 
.hide-tablet, 
.hide-tablet-mobile {display: none !important;}

}

@media screen and (max-width: 600px) {

.display-desktop, 
.display-desktop-laptop, 
.display-desktop-tablet, 
.display-laptop, 
.display-laptop-tablet, 
.display-tablet, 
.hide-mobile {display: none !important;}

}





/*
 * END OF
 * CSS FRAMEWORK
 */