@font-face {
    font-family: 'GT Walsheim';
    src: url('fonts/gtwalsheimproregular-webfont.woff2') format('woff2'),
         url('fonts/gtwalsheimproregular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'GT Walsheim';
    src: url('fonts/gtwalsheimpromedium-webfont.woff2') format('woff2'),
         url('fonts/gtwalsheimpromedium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

/*——————————————————————————————————————————————————
  CSS RESET
  —————————————————————————————————————————————————— */

html {
-webkit-text-size-adjust: 100%;
	font-smooth: always;
}
* {
  box-sizing: border-box;
}

html, body, header {
  overflow:hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
section {
  position:relative;
}
body {
  line-height: 1; 
	 text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.box-container ul {
  list-style: disc;
  padding-left: 18px;
	font-size: 15px;
  line-height: 2;
}
blockquote, q {
  quotes: none; 
}
table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  max-width: 100%;
  display: block;
	width:100%;
	align-self: center;
	height: auto;
}
button {
  background:transparent;
  outline:none;
}
a, a:hover, a:visited, a:focus, a:active  {
  text-decoration: none;
  color: inherit;
  outline: 0;
}

/*——————————————————————————————————————————————————
  BUTTONS
  —————————————————————————————————————————————————— */

button,input,optgroup,select,textarea { border-radius:0px !important;-webkit-appearance:none!important;font-family: inherit;font-size: 100%;margin: 0;}
button,input {overflow: visible;}
button,select { text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button {
  padding:10px 20px;
  color:#fff;
  border:none;
}
button#hamburger {
  height:100%;
  padding:10px 50px;
  margin:0 auto;
}
@media all and (max-width:768px) {
button#hamburger {
  padding-bottom:60px;
  font-size:22px;
}
}

/*——————————————————————————————————————————————————
  TYPOGRAPHY
  —————————————————————————————————————————————————— */

body, html, input {
  font-family: 'GT Walsheim', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  color:#fff;
  font-size: 16px;
  line-height: 1.35;
  margin:0px;
  padding:0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bold, b, strong {
  font-weight: 500;
}

/*——————————————————————————————————————————————————
  HEADINGS
  —————————————————————————————————————————————————— */

h1, h2, h3, h5, h6 {
  margin:0px;
  line-height:1.35;
}
p {
  font-weight: 400;
  font-size:18px;
  line-height:1.2;
}
nav li {
  font-size:calc(13vh);
  font-weight:500;
  line-height: 1;
}
h2 {
  font-size:17px;
  line-height:1;
}
h3 {
  font-size:22px;
  line-height: 1.4;
  font-weight: 400;
}

@media all and (min-width:1024px) {
  p {
    font-size: 1.6vw;
  }
  nav li {
    font-size:20vh;
    line-height: 0.8;
  }
  h2 {
    font-size:35px;
  }
  h3 {
    font-size:50px;
  }
}
@media all and (min-width:1680px) {
  p {
    font-size: 26px;
  }
}

/*——————————————————————————————————————————————————
	NAV
  ——————————————————————————————————————————————————*/

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav li {
  margin-bottom: 0px;
}
nav li a {
  transform: scale(0.7);
}

.mobile-wide {
  display:inline-block;
  padding:0px 5px;
}
@media all and (max-width:700px) {
  .navbar.strapline {
    height:auto;
    padding:30px 0px 15px;
  }
}
@media all and (min-height:500px) {
  .mobile-wide {
    display:block;
    padding:0px;
  }
}
/*——————————————————————————————————————————————————
	WRAPPERS
  ——————————————————————————————————————————————————*/

html {
  background:#000;
}
body {
  background:#000;
  margin:0 auto;
  position:relative;
  min-height:100vh;
}

/*——————————————————————————————————————————————————
	HEADER
  ——————————————————————————————————————————————————*/

  header {
    z-index:1;
    position: fixed;
    width:100%;
    height:100%;
    pointer-events:none;
  }
  .menu header {
    pointer-events:all;
  }

  footer {
    z-index:1;
    position: fixed;
    width:100%;
    bottom:0;
  }

  .navbar {
    height:60px;
  }
  @media all and (min-height:400px) {
    .navbar {
      height:80px;
    }
  }
  @media all and (min-width:600px) {
    .navbar {
      height:100px;
    }
  }

  nav, #strapline {
    opacity:1;
    transition: opacity 0.4s ease 0.4s;
  }
  .about-us #about-text {
    opacity:1;
    pointer-events:all;
    transition: opacity 0.4s ease 0.4s;
  }
  .about-us nav {
    opacity:0;
    transition: opacity 0.4s ease 0s;
  }
  /* .about-us #strapline {
    opacity:0;
    transition: opacity 0.4s ease 0s;
  } */
  #about-text {
    opacity:0;
    /* cursor:w-resize; */
    pointer-events:none;
    transition: opacity 0.4s ease 0s;
  }

  .menu #hamburger {
    opacity:0;
    transition: opacity 0.2s ease 0s;
  }
  #hamburger {
    transition: opacity 0.3s ease 1.2s;
  }
  /* .menu .logo {
    opacity:0;
    transition: opacity 0.2s ease 0.5s;
  }
  .logo {
    transition: opacity 0.5s ease 0.7s;
  } */



/*——————————————————————————————————————————————————
	SHOWREEL
  ——————————————————————————————————————————————————*/

video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}



/*——————————————————————————————————————————————————
	BUTTONS
  ——————————————————————————————————————————————————*/

button {
  cursor:pointer;
  font-weight:normal;
  font-family:inherit;
  -webkit-appearance: none !important;
}



/*——————————————————————————————————————————————————
	COLOURS
  ——————————————————————————————————————————————————*/

.white {
  background:#ffffff;
}
.white-text {
  color:#ffffff;
}
.black {
  background:#000000;
}
.black-text {
  color:#000000;
}
.blue {
    background:#2429f1;
}
.red {
    background:#00ff00;
}
.blue-text {
    color:#2429f1;
}
.blue-background-text {
  display:inline;
  background-color:#2429f1;
}
.darkgrey {
  background:#232323;
}
.lightgrey {
  background:#f2f2f2;
}
.lightgrey-text {
  color:#999999;
}


/*——————————————————————————————————————————————————
  LINKS
  —————————————————————————————————————————————————— */



p a {
    display: inline-block;
    position: relative;
}
.no-touch p a:after {
    content:'';
    width:calc(100% + 10px);
    transform:scaleX(0);
    background:#fff;
    height:2px;
    position:absolute;
    bottom:calc(50% - 2px);
    left:-5px;
    z-index:-1;
    transition:all 0.3s ease;
    transform-origin:left;
}
.no-touch p a:last-child:after {
    bottom:calc(50% - 1px);
}
.no-touch p a:hover:after {
    transition:all 0.3s ease;
    transform:scaleX(1);
}
.-ms- p a:after {
    display:none;
}
.-ms- p a {
  display:inline;
}

/*——————————————————————————————————————————————————
	LOGO
  ——————————————————————————————————————————————————*/

.logo {
  width: calc(14vw + 40px);
  min-width:150px;
  max-width:220px;
  pointer-events:none;
  margin:0 auto;
}

/*——————————————————————————————————————————————————
	BACKGROUND VIDEO HOVER
  ——————————————————————————————————————————————————*/

body {
  opacity:0;
  cursor:none;
}
body.ready {
  cursor:auto;
}
.no-touch .ready #video {
  cursor: url('../img/cursor-video.png'), auto;
  cursor: -webkit-image-set(
   url('../img/cursor-video.png') 1x,
   url('../img/cursor-video@2x.png') 2x
 ), auto !important;
}
.no-touch .about-us #about-text {
  cursor: url('../img/cursor-back.png'), auto;
  cursor: -webkit-image-set(
   url('../img/cursor-back.png') 1x,
   url('../img/cursor-back@2x.png') 2x
 ), auto !important;
}

.no-touch  #playbutton {
  opacity:0;
}
.touch     #playbutton {
  opacity:1;
}

#close {
  font-family:auto;
}

#showreel-container {
  opacity:0;
  transition: opacity 0.2s ease 0s;
  pointer-events:none;
}
#showreel-container.slowfade {
  transition: opacity 1s ease 0s;
}
.no-touch #showreel-container.active {
  opacity:1;
  transition: opacity 0.2s ease 0s;
  pointer-events:all;
  cursor:none;
}
#video-ms {
  display:none;
  top:100px;
  height:calc(100% - 200px);
  background:red;
  opacity:0;
}
.-ms- #video-ms {
  display:block;
}
.-ms- #showreel-container {
  top:100%;
  height:0px !important;
  pointer-events:none;
  overflow:hidden;
}
.-ms- #showreel-container.active {
  top:0%;
  height:100% !important;
  pointer-events:all;
}

/*——————————————————————————————————————————————————
	BACKGROUND VIDEO
  ——————————————————————————————————————————————————*/

.embed-container { 
  position: absolute;
  height:100%;
  width: 100%;
  pointer-events:none;
}
.embed-container > * { 
  height: 100%;
  width: 200%;
  pointer-events:none;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.show-no-touch, .show-touch {
  display:none;
}
.no-touch .show-no-touch {
  display:block;
}
.touch .show-touch {
  display:block;
}


/*——————————————————————————————————————————————————
	NAV HOVER
  ——————————————————————————————————————————————————*/

nav li.about {
  cursor:pointer;
}

nav li.about a {
  pointer-events:none;
}

.no-touch nav li:hover a {
  opacity:0;
}
.no-touch nav li.about.one:hover {
  background: url('../img/nav-about-1.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.find-us.one:hover {
  background: url('../img/nav-find-us-1.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.more.one:hover {
  background: url('../img/nav-more-1.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.about.two:hover {
  background: url('../img/nav-about-2.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.find-us.two:hover {
  background: url('../img/nav-find-us-2.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.more.two:hover {
  background: url('../img/nav-more-2.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.about.three:hover {
  background: url('../img/nav-about-3.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.find-us.three:hover {
  background: url('../img/nav-find-us-3.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}
.no-touch nav li.more.three:hover {
  background: url('../img/nav-more-3.svg') no-repeat center center;
  background-size:contain;
  transition: all 0s ease 0s !important;
}


.touch nav.one    .about a,
.touch nav.two    .about a,
.touch nav.three  .about a,
.touch nav.four   .find-us a,
.touch nav.five   .find-us a,
.touch nav.six    .find-us a,
.touch nav.seven  .more a,
.touch nav.eight  .more a,
.touch nav.nine   .more a {
  opacity:0;
}

.touch nav.one    .about {
  background: url('../img/nav-about-1.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.two    .about {
  background: url('../img/nav-about-2.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.three  .about {
  background: url('../img/nav-about-3.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.four   .find-us {
  background: url('../img/nav-find-us-1.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.five   .find-us {
  background: url('../img/nav-find-us-2.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.six    .find-us {
  background: url('../img/nav-find-us-3.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.seven   .more {
  background: url('../img/nav-more-1.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.eight   .more {
  background: url('../img/nav-more-2.svg') no-repeat center center;
  background-size:contain;
}
.touch nav.nine   .more {
  background: url('../img/nav-more-3.svg') no-repeat center center;
  background-size:contain;
}



/*——————————————————————————————————————————————————
	HAMBURGER
  ——————————————————————————————————————————————————*/

#hamburger .holder {
  height: 18px;
  top: 50%;
  position: absolute;
  width: 30px;
  left: 50%;
  transition: 0.2s ease 0.3s;
  transform: translate(-50%, -50%);
}
.menu #hamburger .outer {
  transform:rotate(-90deg);
  transition:0.3s ease 0.3s;
  transform-origin: center center;
}
#hamburger .outer {
  transition:0s ease 0s;
}
#hamburger span {
  height:3px;
  width:30px;
  left:0px;
  position: absolute;
  background:#ffffff;
  transition:0.2s ease;
}
.closing #hamburger span, .menu #hamburger span {
  background:#ffffff !important;
}
#hamburger span:first-child {
  top:0px;
}
#hamburger span:nth-child(2) {
  top:calc(50%);
  transform:translateY(-50%);
}
#hamburger span:last-child {
  bottom:0px;
}
.menu #hamburger .holder, .exit#hamburger .holder {
  height:3px;
  transition:0.2s ease;
}
.menu #hamburger span:last-child, .exit#hamburger span:last-child {
  transform:rotate(45deg);
  transition:0.2s ease 0.3s;
}
.menu #hamburger span:nth-child(2), .exit#hamburger span:nth-child(2) {
  opacity:0;
  transition:0s ease 0.3s;
}
.menu #hamburger span:first-child, .exit#hamburger span:first-child {
  transform:rotate(-45deg);
  transition:0.2s ease 0.3s;
}


/*——————————————————————————————————————————————————
	FULLSCREEN MENU
  ——————————————————————————————————————————————————*/

.nav-bg {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform:scaleY(0);
    background: #000;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.menu .nav-bg {
    transform:scaleY(1);
    transform-origin: bottom center;
}
nav li a {
    position: relative;
    display: inline-block;
}
#menu {
  width:100%;
  z-index:100;
}
#menu {
    position:fixed !important;
    height:100%;
    top:0 !important;
    background:transparent !important;
}
#menu {
    transform:scale(0);
}
.menu #menu {
    transform:scaleX(1);
}
.logo-mask {
  background: url('../img/analogue.svg') no-repeat center center;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  transform: translateX(-0%);
}
.menu .logo-mask {
  width:0%;
  transform-origin:center center;
  transition:all 0.4s ease;
}

/*——————————————————————————————————————————————————
	MENU ANIMATION
  ——————————————————————————————————————————————————*/

.nav-bg {
   transition: transform 0.75s cubic-bezier(1,0,.22,.64) 0.3s;
}
#menu {
  transition:transform 0s ease 1.05s;
}
#menu .fade-content {
  opacity:0;
  transition:opacity 0.3s ease 0s;
}
/* #menu nav {
  opacity:0;
  transform:translateY(80vh);
  transition:all 0.3s ease 0s;
} */

.menu .nav-bg {
  transition: transform 0.75s cubic-bezier(1,0,.22,.64);
}
.menu #menu {
  transition:transform 0s ease 0s;
}
.menu #menu .fade-content {
  opacity:1;
  transition: opacity 0.6s ease-in 0.75s;
}
/* .menu #menu nav {
  opacity:1;
  transform:translateY(0vh);
  transition: all 0.3s ease-in 0.5s;
} */

/*
nav li a:before {
    content:'';
    background:#fff;
    width:100%;
    height:100%;
    position:absolute;
    top:-2px;
    left:0;
    transform:scaleX(0);
    transform-origin:top right;
}
nav li a:hover:before {
    transform:scaleX(0);
    transform-origin:top left;
}
nav li a:before {
    transition:transform 0.3s ease;
}
*/
nav li {
    opacity:0;
    transform:translateY(40px);
    transition:opacity 0.4s ease 0s, transform 0.4s ease 0s;
}
.menu nav li {
    opacity:1;
    transform:translateY(0px);
}

.menu nav li:nth-child(1) {
    transition:opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s;
}
.menu nav li:nth-child(2) {
    transition:opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s;
}
.menu nav li:nth-child(3) {
    transition:opacity 0.6s ease 0.6s, transform 0.6s ease 0.6s;
}
.menu nav li:nth-child(4) {
    transition:opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s;
}
.menu nav li:nth-child(5) {
    transition:opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s;
}
.menu nav li:nth-child(6) {
    transition:opacity 0.6s ease 0.6s, transform 0.6s ease 0.6s;
}

/*——————————————————————————————————————————————————
	FLEX
  ——————————————————————————————————————————————————*/

.flex {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.flex > .col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

/*——————————————————————————————————————————————————
  MAILCHIMP
  —————————————————————————————————————————————————— */

::placeholder {
  color: #2429f1;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #2429f1;
}
::-ms-input-placeholder {
  color: #2429f1;
}
input {
  border:none;
  outline:none;
}
input.email {
  border: none;
  padding: 0.35vw 0px;
  color: #2429f1;
  font-weight: 400;
  background-color: transparent;
  border-bottom: 1px solid #2429f1;
  text-align: center;
  width: 100%;
  letter-spacing: 0em;
  transition: background-color 50000s;
}
.mc-field-group {
  width: calc(70% - 8px);
  padding-right:10px;
  display: inline-block;
}
#mc_embed_signup {
  width:100%;
  margin: 0 auto;
}
input[type=submit] {
  width:100%;
  position: relative;
  display: inline-block;
  border: 1px solid #2429f1;
  color: #2429f1;
  padding: 0.5vw 0px;
  background: transparent;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
input[type=submit]:hover {
  background:#2429f1;
  color:#fff;
}
.button-submit {
  width:30%;
  position:relative;
  display:inline-block;
}

/*——————————————————————————————————————————————————
  FORM ERROR/SUCCESS
  —————————————————————————————————————————————————— */

#subscribe-result {
  text-align: center;
  font-size: 17px;
  line-height: 22px;
}

.error input.email {
  border-color:#ff0000;
}


/*——————————————————————————————————————————————————
	UTILITY CLASSES
  ——————————————————————————————————————————————————*/

  .overflow {
    overflow:hidden;
  }
  .zindex {
    z-index:1;
  }
  .bottom {
    bottom:0 !important;
    top:unset;
  }
  .top {
    top:0;
  }
  .right {
    right:0;
    left:unset;
  }
  .left {
    left:0;
  }
  .flex-1 {
	  
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    width: 20%;               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1 !important; 
  }
  .fillheight {
    height: 100%;
  }
  .right {
    text-align:right;	
  }
  .left {
    text-align:left;
  }
  .center {
    text-align:center;
  }
  .fitcontent {
    height:fit-content;
  }
  .fullheight {
    height:100%;
  }
  .fullwidth {
    width:100%;
  }
  .fillheight {
    flex:1 !important;
  }
  .fillheightwrap {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column !important;
  }
  .winheight {
    height:100vh;
    min-height:50vw;
  }
  .thirdheight {
    height:30vh;
  }
  .quarterheight {
    height:18vh;
  }
  @media all and (max-width:1024px) {
    .winheight {
      height:calc(100vh - 40px);
    }
  }
  .inline {
    display:inline-block;
    margin:0 auto;
  }
  .block {
    display:block !important;
  }
  .absolute {
    position:absolute !important;
    left:0;
  }
  .absolute.fill {
    height:100%;
    width:100%;
  }
  .right {
    right:0;
    left:unset;
  }
  .fixed {
    position:fixed;
  }
  .fixedtop {
    position:fixed !important;
    top:0;
  }
  .relative {
    position: relative;
  }
  .block {
    display: block;
  }
  .overflow {
    overflow: hidden;
  }
  .scroll {
    overflow: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .inlineblock {
    display:inline-block;
  }
  .text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center !important;
  }
  .pointer-events {
    pointer-events:none;
  }
  .hide-xs {
    display:none;
  }


/*——————————————————————————————————————————————————
    SPACING 
  ——————————————————————————————————————————————————*/

.nomarginbottom {
    margin-bottom:0px;
}
.nomargintop {
    margin-top:0px !important;
}
.sp-5, .sp-10, .sp-15, .sp-20, .sp-25, .sp-30, .sp-40, .sp-50, .sp-60, .sp-70, .sp-80, .sp-110, .sp-120 {
	width:100%;
	clear:both;
	display:block;
}
.sp-5 {
	min-height:5px;
}
.sp-10 {
	min-height:10px;
}
.sp-15 {
	min-height:15px;
}
.sp-20 {
	min-height:20px;
}
.sp-25 {
	min-height:25px;
}
.sp-30 {
	min-height:30px;
}
.sp-40 {
	min-height:40px;
}
.sp-50 {
	min-height:50px;
}
.sp-60 {
	min-height:60px;
}
.sp-70 {
	min-height:70px;
}
.sp-80 {
	min-height:80px;
}
.sp-110 {
	min-height:110px;
}
.sp-120 {
	min-height:120px;
}
.wd-5 {
  width:5px;
  display:inline-block;
}
.wd-10 {
  width:10px;
  display:inline-block;
}
.wd-20 {
  width:20px;
  display:inline-block;
}
.wd-30 {
  width:30px;
  display:inline-block;
}
.wd-40 {
  width:40px;
  display:inline-block;
}
.wd-50 {
  width:50px;
  display:inline-block;
}
.wd-60 {
  width:60px;
  display:inline-block;
}
.wd-70 {
  width:70px;
  display:inline-block;
}
.wd-80 {
  width:80px;
  display:inline-block;
}
.wd-200 {
  width:200px;
  display:inline-block;
}



/*——————————————————————————————————————————————————
	FLEXBOX GRID
  ——————————————————————————————————————————————————*/

.row, .flex {
  box-sizing: border-box;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 
}
.row.column {
  flex-direction:column;
}
.flexfill {
  flex:1;
}
.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.show-sm, .show-md, .show-lg {
    display:none;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.noflex {
	display:block;
}
.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.col-xs-offset-right-1 {
  margin-right: -8.333%;
}

.col-xs-offset-right-2 {
  margin-right: -16.667%;
}

.col-xs-offset-right-3 {
  margin-right: -25%;
}

.col-xs-offset-right-4 {
  margin-right: -33.333%;
}

.col-xs-offset-right-5 {
  margin-right: -41.667%;
}

.col-xs-offset-right-6 {
  margin-right: -50%;
}

.col-xs-offset-right-7 {
  margin-right: -58.333%;
}

.col-xs-offset-right-8 {
  margin-right: -66.667%;
}

.col-xs-offset-right-9 {
  margin-right: -75%;
}

.col-xs-offset-right-0 {
  margin-right: -83.333%;
}

.col-xs-offset-right-11 {
  margin-right: -91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}
.center-xs img {
    display: block;
    margin: 0 auto;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}


.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.fill-xs {
   height:100%;
	flex:1;
}
.pad-top-bottom {
	padding-left:0px !important;
	padding-right:0px !important;
}
.pad-left-right {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.pad-left {
	padding-top:0px !important;
	padding-bottom:0px !important;
  padding-right:0px !important;
}
.pad-right {
	padding-top:0px !important;
	padding-bottom:0px !important;
  padding-left:0px !important;
}
.no-pad-left {
  padding-left:0px !important;
}
.no-pad-right {
  padding-right:0px !important;
}
.pad-top {
	padding-bottom:0px !important;
}
.pad-xs-0 {
  padding:0px;
}
.pad-xs-5 {
  padding:5px;
}
.pad-xs-10 {
  padding:12px;
}
.pad-xs-15 {
  padding:15px;
}
.pad-xs-20 {
  padding:20px;
}
.pad-xs-25 {
  padding:25px;
}
.pad-xs-30 {
  padding:30px;
}
.pad-xs-40 {
  padding:40px;
}
.pad-xs-50 {
  padding:50px;
}
.pad-xs-60 {
  padding:60px;
}
.pad-xs-70 {
  padding:70px;
}
.pad-xs-80 {
  padding:80px;
}
.pad-xs-120 {
  padding:120px;
}

@media only screen and (min-width: 767px) {
  .container {
    width: 46rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

 .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: right;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .show-sm {
    display:block;
  }
  .hide-sm {
	 display:none;
	 }
  .fill-sm {
    height:100%;
  }
	.pad-sm-0 {
		padding:0px;
  }
  .pad-sm-5 {
    padding:5px;
  }
  .pad-sm-10 {
    padding:10px;
  }
	.pad-sm-15 {
		padding:15px;
	 }
	 .pad-sm-20 {
		padding:20px;
	 }
	 .pad-sm-25 {
		padding:25px;
	 }
	.pad-sm-30 {
		padding:30px;
	}
	.pad-sm-40 {
		padding:40px;
	}
	.pad-sm-50 {
		padding:50px;
	}
	.pad-sm-60 {
		padding:60px;
	}
	.pad-sm-70 {
		padding:70px;
	}
	.pad-sm-80 {
		padding:80px;
	}
  .pad-sm-120 {
		padding:120px;
	}
	.lr-40-sm {
    padding-left: 40px !important;
	padding-right: 40px !important;
	
	}
	.center-sm .button {
		    margin: 0 auto;
  }
  .pad-top-sm {
    padding-bottom:0px !important;
  }

}

@media only screen and (min-width: 1024px) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
	text-align:left;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  
   .right-md {
    text-align: right;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .column-md {
    flex-direction:column;
  }
  .show-md {
    display:block;
  }
   .hide-md {
    display:none;
  }
  .fill-md {
    height:100%;
  }
	
	.pad-md-0 {
		padding:0px;
	}
	.pad-md-15 {
		padding:15px;
	}
	.pad-md-20 {
		padding:20px;
	}
	.pad-md-25 {
		padding:25px;
	}
	.pad-md-30 {
		padding:30px;
	}
	.pad-md-40 {
		padding:40px;
	}
	.pad-md-50 {
		padding:50px;
	}
	.pad-md-60 {
		padding:60px;
	}
	.pad-md-70 {
		padding:70px;
	}
	.pad-md-80 {
		padding:80px;
	}
  .pad-md-120 {
		padding:120px;
	}
}

@media only screen and (min-width: 1400px) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-5th,
  .col-lg-9th {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
/*    padding-right: 1rem;
    padding-left: 1rem; */
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-5th {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .col-lg-9th {
    -ms-flex-preferred-size: 11.1%;
    flex-basis: 11.1%;
    max-width: 11.1%;
  }

  
.col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
	  text-align:left;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  
  .show-lg {
    display:block;
  }
	
  .hide-lg {
    display:none;
  }
  .fill-lg {
    height:100%;
  }
	.pad-lg-0 {
		padding:0px;
	}
	.pad-lg-15 {
		padding:15px;
	}
	.pad-lg-20 {
		padding:20px;
	}
	.pad-lg-25 {
		padding:25px;
	}
	.pad-lg-30 {
		padding:30px;
	}
	.pad-lg-40 {
		padding:40px;
	}
	.pad-lg-50 {
		padding:50px;
	}
	.pad-lg-60 {
		padding:60px;
	}
	.pad-lg-70 {
		padding:70px;
	}
	.pad-lg-80 {
		padding:80px;
	}
  .pad-lg-120 {
		padding:120px;
	}
}

@media only screen and (min-width: 1600px) {
  .pad-xl-0 {
		padding:0px;
	}
	.pad-xl-15 {
		padding:15px;
	}
	.pad-xl-20 {
		padding:20px;
	}
	.pad-xl-25 {
		padding:25px;
	}
	.pad-xl-30 {
		padding:30px;
	}
	.pad-xl-40 {
		padding:40px;
	}
	.pad-xl-60 {
		padding:60px;
	}
	.pad-xl-80 {
		padding:80px;
  }
}