@charset "UTF-8";
/*
Theme Name: Face2face
Theme URI: http://muuh.no
Description: Face2face by Muuh AS
Version: 1.0
Author: Øyvind Heggernes
Author URI: http://muuh.no
*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: "Circular-Bold";
  src: url("../font/lineto-circular-bold.eot");
  src: url("../font/lineto-circular-bold.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-bold.woff2") format("woff2"), url("../font/lineto-circular-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Circular-Book";
  src: url("../font/lineto-circular-book.eot");
  src: url("../font/lineto-circular-book.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-book.woff2") format("woff2"), url("../font/lineto-circular-book.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Circular-Medium";
  src: url("../font/lineto-circular-medium.eot");
  src: url("../font/lineto-circular-medium.eot?#iefix") format("embedded-opentype"), url("../font/lineto-circular-medium.woff2") format("woff2"), url("../font/lineto-circular-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*

@font-face {
	font-family: 'CircularStd-Book';
	src: url('../font/CircularStd-Book.eot');
	src: url('../font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
		url('../font/CircularStd-Book.woff') format('woff'),
		url('../font/CircularStd-Book.ttf') format('truetype'),
		url('../font/CircularStd-Book.svg#CircularStd-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-BookItalic';
	src: url('../font/CircularStd-BookItalic.eot');
	src: url('../font/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
		url('../font/CircularStd-BookItalic.woff') format('woff'),
		url('../font/CircularStd-BookItalic.ttf') format('truetype'),
		url('../font/CircularStd-BookItalic.svg#CircularStd-BookItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-Medium';
	src: url('../font/CircularStd-Medium.eot');
	src: url('../font/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/CircularStd-Medium.woff') format('woff'),
		url('../font/CircularStd-Medium.ttf') format('truetype'),
		url('../font/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-Bold';
	src: url('../font/CircularStd-Bold.eot');
	src: url('../font/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/CircularStd-Bold.woff') format('woff'),
		url('../font/CircularStd-Bold.ttf') format('truetype'),
		url('../font/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/*
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 auto;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*{
  outline: none;
}
button{
  border:none;
}
*/
.wrap {
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem;
  	/*
  	.row {
  		margin: 0 auto;
  		max-width: $width-max;
  		padding: 0 15px;
  
  		&.text {
  			max-width: $width-text;
  		}
  		&.wide {
  			max-width: $width-wide;
  		}
  
  		&.padding-top {
  			padding-top: 30px;
  			@media only screen and(min-width:1200px) { padding-top: 60px; }
  		}
  	}
  	*/ }
  .wrap-full {
    max-width: 100%; }
  .wrap-wide {
    max-width: 1680px; }
  .wrap:before, .wrap:after {
    content: '';
    display: table; }

.container {
  margin: 0 auto; }

.row {
  position: relative;
  padding: 0;
  font-size: 0; }
  .row:before, .row:after {
    content: '';
    display: table; }
  .row.padding-top {
    padding-top: 10px; }
    @media only screen and (min-width: 992px) {
      .row.padding-top {
        padding-top: 20px; } }
  .row.grid-tight {
    margin-bottom: 0; }
  .row .grid {
    margin: 0 -5px;
    padding: 0; }

/*
.wrap {
	.grid {
		padding: 0;
		@media only screen and(min-width:768px) {
			padding: 0 15px;
		}
	}
}
*/
.col {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  min-height: 1px;
  font-size: 16px;
  vertical-align: top;
  width: 100%; }
  .col.pb {
    padding-bottom: 30px; }

.hidden {
  display: none; }

@media only screen and (min-width: 768px) {
  .visible--m {
    display: block; } }
@media only screen and (max-width: 767px) {
  .visible--mobile {
    display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .visible--tablet {
    display: block; } }
@media only screen and (min-width: 1025px) {
  .visible--desktop {
    display: block; } }

.xs-1 {
  width: 8.33333%; }

.xs-off-1 {
  margin-left: 8.33333%; }

.xs-1-text-center {
  text-align: center; }

.xs-1-text-left {
  text-align: left; }

.xs-1-text-right {
  text-align: right; }

/*
.col-xs-1 {
	width: 100% / 12 * $i;
}
.col-xs-offset-1 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-1 {
	margin-right: 100% / 12 * $i;
}
.col-xs-1-space-bottom { margin-bottom: 20px; }
.col-xs-1-text-center { text-align: center; }
.col-xs-1-text-left { text-align: left; }
.col-xs-1-text-right { text-align: right; }
*/
.xs-2 {
  width: 16.66667%; }

.xs-off-2 {
  margin-left: 16.66667%; }

.xs-2-text-center {
  text-align: center; }

.xs-2-text-left {
  text-align: left; }

.xs-2-text-right {
  text-align: right; }

/*
.col-xs-2 {
	width: 100% / 12 * $i;
}
.col-xs-offset-2 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-2 {
	margin-right: 100% / 12 * $i;
}
.col-xs-2-space-bottom { margin-bottom: 20px; }
.col-xs-2-text-center { text-align: center; }
.col-xs-2-text-left { text-align: left; }
.col-xs-2-text-right { text-align: right; }
*/
.xs-3 {
  width: 25%; }

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

.xs-3-text-center {
  text-align: center; }

.xs-3-text-left {
  text-align: left; }

.xs-3-text-right {
  text-align: right; }

/*
.col-xs-3 {
	width: 100% / 12 * $i;
}
.col-xs-offset-3 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-3 {
	margin-right: 100% / 12 * $i;
}
.col-xs-3-space-bottom { margin-bottom: 20px; }
.col-xs-3-text-center { text-align: center; }
.col-xs-3-text-left { text-align: left; }
.col-xs-3-text-right { text-align: right; }
*/
.xs-4 {
  width: 33.33333%; }

.xs-off-4 {
  margin-left: 33.33333%; }

.xs-4-text-center {
  text-align: center; }

.xs-4-text-left {
  text-align: left; }

.xs-4-text-right {
  text-align: right; }

/*
.col-xs-4 {
	width: 100% / 12 * $i;
}
.col-xs-offset-4 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-4 {
	margin-right: 100% / 12 * $i;
}
.col-xs-4-space-bottom { margin-bottom: 20px; }
.col-xs-4-text-center { text-align: center; }
.col-xs-4-text-left { text-align: left; }
.col-xs-4-text-right { text-align: right; }
*/
.xs-5 {
  width: 41.66667%; }

.xs-off-5 {
  margin-left: 41.66667%; }

.xs-5-text-center {
  text-align: center; }

.xs-5-text-left {
  text-align: left; }

.xs-5-text-right {
  text-align: right; }

/*
.col-xs-5 {
	width: 100% / 12 * $i;
}
.col-xs-offset-5 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-5 {
	margin-right: 100% / 12 * $i;
}
.col-xs-5-space-bottom { margin-bottom: 20px; }
.col-xs-5-text-center { text-align: center; }
.col-xs-5-text-left { text-align: left; }
.col-xs-5-text-right { text-align: right; }
*/
.xs-6 {
  width: 50%; }

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

.xs-6-text-center {
  text-align: center; }

.xs-6-text-left {
  text-align: left; }

.xs-6-text-right {
  text-align: right; }

/*
.col-xs-6 {
	width: 100% / 12 * $i;
}
.col-xs-offset-6 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-6 {
	margin-right: 100% / 12 * $i;
}
.col-xs-6-space-bottom { margin-bottom: 20px; }
.col-xs-6-text-center { text-align: center; }
.col-xs-6-text-left { text-align: left; }
.col-xs-6-text-right { text-align: right; }
*/
.xs-7 {
  width: 58.33333%; }

.xs-off-7 {
  margin-left: 58.33333%; }

.xs-7-text-center {
  text-align: center; }

.xs-7-text-left {
  text-align: left; }

.xs-7-text-right {
  text-align: right; }

/*
.col-xs-7 {
	width: 100% / 12 * $i;
}
.col-xs-offset-7 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-7 {
	margin-right: 100% / 12 * $i;
}
.col-xs-7-space-bottom { margin-bottom: 20px; }
.col-xs-7-text-center { text-align: center; }
.col-xs-7-text-left { text-align: left; }
.col-xs-7-text-right { text-align: right; }
*/
.xs-8 {
  width: 66.66667%; }

.xs-off-8 {
  margin-left: 66.66667%; }

.xs-8-text-center {
  text-align: center; }

.xs-8-text-left {
  text-align: left; }

.xs-8-text-right {
  text-align: right; }

/*
.col-xs-8 {
	width: 100% / 12 * $i;
}
.col-xs-offset-8 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-8 {
	margin-right: 100% / 12 * $i;
}
.col-xs-8-space-bottom { margin-bottom: 20px; }
.col-xs-8-text-center { text-align: center; }
.col-xs-8-text-left { text-align: left; }
.col-xs-8-text-right { text-align: right; }
*/
.xs-9 {
  width: 75%; }

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

.xs-9-text-center {
  text-align: center; }

.xs-9-text-left {
  text-align: left; }

.xs-9-text-right {
  text-align: right; }

/*
.col-xs-9 {
	width: 100% / 12 * $i;
}
.col-xs-offset-9 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-9 {
	margin-right: 100% / 12 * $i;
}
.col-xs-9-space-bottom { margin-bottom: 20px; }
.col-xs-9-text-center { text-align: center; }
.col-xs-9-text-left { text-align: left; }
.col-xs-9-text-right { text-align: right; }
*/
.xs-10 {
  width: 83.33333%; }

.xs-off-10 {
  margin-left: 83.33333%; }

.xs-10-text-center {
  text-align: center; }

.xs-10-text-left {
  text-align: left; }

.xs-10-text-right {
  text-align: right; }

/*
.col-xs-10 {
	width: 100% / 12 * $i;
}
.col-xs-offset-10 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-10 {
	margin-right: 100% / 12 * $i;
}
.col-xs-10-space-bottom { margin-bottom: 20px; }
.col-xs-10-text-center { text-align: center; }
.col-xs-10-text-left { text-align: left; }
.col-xs-10-text-right { text-align: right; }
*/
.xs-11 {
  width: 91.66667%; }

.xs-off-11 {
  margin-left: 91.66667%; }

.xs-11-text-center {
  text-align: center; }

.xs-11-text-left {
  text-align: left; }

.xs-11-text-right {
  text-align: right; }

/*
.col-xs-11 {
	width: 100% / 12 * $i;
}
.col-xs-offset-11 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-11 {
	margin-right: 100% / 12 * $i;
}
.col-xs-11-space-bottom { margin-bottom: 20px; }
.col-xs-11-text-center { text-align: center; }
.col-xs-11-text-left { text-align: left; }
.col-xs-11-text-right { text-align: right; }
*/
.xs-12 {
  width: 100%; }

.xs-off-12 {
  margin-left: 100%; }

.xs-12-text-center {
  text-align: center; }

.xs-12-text-left {
  text-align: left; }

.xs-12-text-right {
  text-align: right; }

/*
.col-xs-12 {
	width: 100% / 12 * $i;
}
.col-xs-offset-12 {
	margin-left: 100% / 12 * $i;
}
.col-xs-push-12 {
	margin-right: 100% / 12 * $i;
}
.col-xs-12-space-bottom { margin-bottom: 20px; }
.col-xs-12-text-center { text-align: center; }
.col-xs-12-text-left { text-align: left; }
.col-xs-12-text-right { text-align: right; }
*/
.xs-text-center {
  text-align: center; }

.xs-text-left {
  text-align: left; }

.xs-text-right {
  text-align: right; }

@media only screen and (min-width: 576px) {
  .s-1 {
    width: 8.33333%; }

  .s-off-1 {
    margin-left: 8.33333%; }

  .s-1-text-center {
    text-align: center; }

  .s-1-text-left {
    text-align: left; }

  .s-1-text-right {
    text-align: right; }

  /*
  .col-s-1 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-1-space-bottom { margin-bottom: 20px; }
  .col-s-1-text-center { text-align: center; }
  .col-s-1-text-left { text-align: left; }
  .col-s-1-text-right { text-align: right; }
  */
  .s-2 {
    width: 16.66667%; }

  .s-off-2 {
    margin-left: 16.66667%; }

  .s-2-text-center {
    text-align: center; }

  .s-2-text-left {
    text-align: left; }

  .s-2-text-right {
    text-align: right; }

  /*
  .col-s-2 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-2-space-bottom { margin-bottom: 20px; }
  .col-s-2-text-center { text-align: center; }
  .col-s-2-text-left { text-align: left; }
  .col-s-2-text-right { text-align: right; }
  */
  .s-3 {
    width: 25%; }

  .s-off-3 {
    margin-left: 25%; }

  .s-3-text-center {
    text-align: center; }

  .s-3-text-left {
    text-align: left; }

  .s-3-text-right {
    text-align: right; }

  /*
  .col-s-3 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-3-space-bottom { margin-bottom: 20px; }
  .col-s-3-text-center { text-align: center; }
  .col-s-3-text-left { text-align: left; }
  .col-s-3-text-right { text-align: right; }
  */
  .s-4 {
    width: 33.33333%; }

  .s-off-4 {
    margin-left: 33.33333%; }

  .s-4-text-center {
    text-align: center; }

  .s-4-text-left {
    text-align: left; }

  .s-4-text-right {
    text-align: right; }

  /*
  .col-s-4 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-4-space-bottom { margin-bottom: 20px; }
  .col-s-4-text-center { text-align: center; }
  .col-s-4-text-left { text-align: left; }
  .col-s-4-text-right { text-align: right; }
  */
  .s-5 {
    width: 41.66667%; }

  .s-off-5 {
    margin-left: 41.66667%; }

  .s-5-text-center {
    text-align: center; }

  .s-5-text-left {
    text-align: left; }

  .s-5-text-right {
    text-align: right; }

  /*
  .col-s-5 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-5-space-bottom { margin-bottom: 20px; }
  .col-s-5-text-center { text-align: center; }
  .col-s-5-text-left { text-align: left; }
  .col-s-5-text-right { text-align: right; }
  */
  .s-6 {
    width: 50%; }

  .s-off-6 {
    margin-left: 50%; }

  .s-6-text-center {
    text-align: center; }

  .s-6-text-left {
    text-align: left; }

  .s-6-text-right {
    text-align: right; }

  /*
  .col-s-6 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-6-space-bottom { margin-bottom: 20px; }
  .col-s-6-text-center { text-align: center; }
  .col-s-6-text-left { text-align: left; }
  .col-s-6-text-right { text-align: right; }
  */
  .s-7 {
    width: 58.33333%; }

  .s-off-7 {
    margin-left: 58.33333%; }

  .s-7-text-center {
    text-align: center; }

  .s-7-text-left {
    text-align: left; }

  .s-7-text-right {
    text-align: right; }

  /*
  .col-s-7 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-7-space-bottom { margin-bottom: 20px; }
  .col-s-7-text-center { text-align: center; }
  .col-s-7-text-left { text-align: left; }
  .col-s-7-text-right { text-align: right; }
  */
  .s-8 {
    width: 66.66667%; }

  .s-off-8 {
    margin-left: 66.66667%; }

  .s-8-text-center {
    text-align: center; }

  .s-8-text-left {
    text-align: left; }

  .s-8-text-right {
    text-align: right; }

  /*
  .col-s-8 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-8-space-bottom { margin-bottom: 20px; }
  .col-s-8-text-center { text-align: center; }
  .col-s-8-text-left { text-align: left; }
  .col-s-8-text-right { text-align: right; }
  */
  .s-9 {
    width: 75%; }

  .s-off-9 {
    margin-left: 75%; }

  .s-9-text-center {
    text-align: center; }

  .s-9-text-left {
    text-align: left; }

  .s-9-text-right {
    text-align: right; }

  /*
  .col-s-9 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-9-space-bottom { margin-bottom: 20px; }
  .col-s-9-text-center { text-align: center; }
  .col-s-9-text-left { text-align: left; }
  .col-s-9-text-right { text-align: right; }
  */
  .s-10 {
    width: 83.33333%; }

  .s-off-10 {
    margin-left: 83.33333%; }

  .s-10-text-center {
    text-align: center; }

  .s-10-text-left {
    text-align: left; }

  .s-10-text-right {
    text-align: right; }

  /*
  .col-s-10 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-10-space-bottom { margin-bottom: 20px; }
  .col-s-10-text-center { text-align: center; }
  .col-s-10-text-left { text-align: left; }
  .col-s-10-text-right { text-align: right; }
  */
  .s-11 {
    width: 91.66667%; }

  .s-off-11 {
    margin-left: 91.66667%; }

  .s-11-text-center {
    text-align: center; }

  .s-11-text-left {
    text-align: left; }

  .s-11-text-right {
    text-align: right; }

  /*
  .col-s-11 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-11-space-bottom { margin-bottom: 20px; }
  .col-s-11-text-center { text-align: center; }
  .col-s-11-text-left { text-align: left; }
  .col-s-11-text-right { text-align: right; }
  */
  .s-12 {
    width: 100%; }

  .s-off-12 {
    margin-left: 100%; }

  .s-12-text-center {
    text-align: center; }

  .s-12-text-left {
    text-align: left; }

  .s-12-text-right {
    text-align: right; }

  /*
  .col-s-12 {
  	width: 100% / 12 * $i;
  }
  .col-s-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-s-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-s-12-space-bottom { margin-bottom: 20px; }
  .col-s-12-text-center { text-align: center; }
  .col-s-12-text-left { text-align: left; }
  .col-s-12-text-right { text-align: right; }
  */
  .s-text-center {
    text-align: center; }

  .s-text-left {
    text-align: left; }

  .s-text-right {
    text-align: right; } }
@media only screen and (min-width: 768px) {
  .m-1 {
    width: 8.33333%; }

  .m-off-1 {
    margin-left: 8.33333%; }

  .m-1-text-center {
    text-align: center; }

  .m-1-text-left {
    text-align: left; }

  .m-1-text-right {
    text-align: right; }

  /*
  .col-m-1 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-1-space-bottom { margin-bottom: 20px; }
  .col-m-1-text-center { text-align: center; }
  .col-m-1-text-left { text-align: left; }
  .col-m-1-text-right { text-align: right; }
  */
  .m-2 {
    width: 16.66667%; }

  .m-off-2 {
    margin-left: 16.66667%; }

  .m-2-text-center {
    text-align: center; }

  .m-2-text-left {
    text-align: left; }

  .m-2-text-right {
    text-align: right; }

  /*
  .col-m-2 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-2-space-bottom { margin-bottom: 20px; }
  .col-m-2-text-center { text-align: center; }
  .col-m-2-text-left { text-align: left; }
  .col-m-2-text-right { text-align: right; }
  */
  .m-3 {
    width: 25%; }

  .m-off-3 {
    margin-left: 25%; }

  .m-3-text-center {
    text-align: center; }

  .m-3-text-left {
    text-align: left; }

  .m-3-text-right {
    text-align: right; }

  /*
  .col-m-3 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-3-space-bottom { margin-bottom: 20px; }
  .col-m-3-text-center { text-align: center; }
  .col-m-3-text-left { text-align: left; }
  .col-m-3-text-right { text-align: right; }
  */
  .m-4 {
    width: 33.33333%; }

  .m-off-4 {
    margin-left: 33.33333%; }

  .m-4-text-center {
    text-align: center; }

  .m-4-text-left {
    text-align: left; }

  .m-4-text-right {
    text-align: right; }

  /*
  .col-m-4 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-4-space-bottom { margin-bottom: 20px; }
  .col-m-4-text-center { text-align: center; }
  .col-m-4-text-left { text-align: left; }
  .col-m-4-text-right { text-align: right; }
  */
  .m-5 {
    width: 41.66667%; }

  .m-off-5 {
    margin-left: 41.66667%; }

  .m-5-text-center {
    text-align: center; }

  .m-5-text-left {
    text-align: left; }

  .m-5-text-right {
    text-align: right; }

  /*
  .col-m-5 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-5-space-bottom { margin-bottom: 20px; }
  .col-m-5-text-center { text-align: center; }
  .col-m-5-text-left { text-align: left; }
  .col-m-5-text-right { text-align: right; }
  */
  .m-6 {
    width: 50%; }

  .m-off-6 {
    margin-left: 50%; }

  .m-6-text-center {
    text-align: center; }

  .m-6-text-left {
    text-align: left; }

  .m-6-text-right {
    text-align: right; }

  /*
  .col-m-6 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-6-space-bottom { margin-bottom: 20px; }
  .col-m-6-text-center { text-align: center; }
  .col-m-6-text-left { text-align: left; }
  .col-m-6-text-right { text-align: right; }
  */
  .m-7 {
    width: 58.33333%; }

  .m-off-7 {
    margin-left: 58.33333%; }

  .m-7-text-center {
    text-align: center; }

  .m-7-text-left {
    text-align: left; }

  .m-7-text-right {
    text-align: right; }

  /*
  .col-m-7 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-7-space-bottom { margin-bottom: 20px; }
  .col-m-7-text-center { text-align: center; }
  .col-m-7-text-left { text-align: left; }
  .col-m-7-text-right { text-align: right; }
  */
  .m-8 {
    width: 66.66667%; }

  .m-off-8 {
    margin-left: 66.66667%; }

  .m-8-text-center {
    text-align: center; }

  .m-8-text-left {
    text-align: left; }

  .m-8-text-right {
    text-align: right; }

  /*
  .col-m-8 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-8-space-bottom { margin-bottom: 20px; }
  .col-m-8-text-center { text-align: center; }
  .col-m-8-text-left { text-align: left; }
  .col-m-8-text-right { text-align: right; }
  */
  .m-9 {
    width: 75%; }

  .m-off-9 {
    margin-left: 75%; }

  .m-9-text-center {
    text-align: center; }

  .m-9-text-left {
    text-align: left; }

  .m-9-text-right {
    text-align: right; }

  /*
  .col-m-9 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-9-space-bottom { margin-bottom: 20px; }
  .col-m-9-text-center { text-align: center; }
  .col-m-9-text-left { text-align: left; }
  .col-m-9-text-right { text-align: right; }
  */
  .m-10 {
    width: 83.33333%; }

  .m-off-10 {
    margin-left: 83.33333%; }

  .m-10-text-center {
    text-align: center; }

  .m-10-text-left {
    text-align: left; }

  .m-10-text-right {
    text-align: right; }

  /*
  .col-m-10 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-10-space-bottom { margin-bottom: 20px; }
  .col-m-10-text-center { text-align: center; }
  .col-m-10-text-left { text-align: left; }
  .col-m-10-text-right { text-align: right; }
  */
  .m-11 {
    width: 91.66667%; }

  .m-off-11 {
    margin-left: 91.66667%; }

  .m-11-text-center {
    text-align: center; }

  .m-11-text-left {
    text-align: left; }

  .m-11-text-right {
    text-align: right; }

  /*
  .col-m-11 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-11-space-bottom { margin-bottom: 20px; }
  .col-m-11-text-center { text-align: center; }
  .col-m-11-text-left { text-align: left; }
  .col-m-11-text-right { text-align: right; }
  */
  .m-12 {
    width: 100%; }

  .m-off-12 {
    margin-left: 100%; }

  .m-12-text-center {
    text-align: center; }

  .m-12-text-left {
    text-align: left; }

  .m-12-text-right {
    text-align: right; }

  /*
  .col-m-12 {
  	width: 100% / 12 * $i;
  }
  .col-m-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-m-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-m-12-space-bottom { margin-bottom: 20px; }
  .col-m-12-text-center { text-align: center; }
  .col-m-12-text-left { text-align: left; }
  .col-m-12-text-right { text-align: right; }
  */
  .m-text-center {
    text-align: center; }

  .m-text-left {
    text-align: left; }

  .m-text-right {
    text-align: right; } }
@media only screen and (min-width: 992px) {
  .l-1 {
    width: 8.33333%; }

  .l-off-1 {
    margin-left: 8.33333%; }

  .l-1-text-center {
    text-align: center; }

  .l-1-text-left {
    text-align: left; }

  .l-1-text-right {
    text-align: right; }

  /*
  .col-l-1 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-1-space-bottom { margin-bottom: 20px; }
  .col-l-1-text-center { text-align: center; }
  .col-l-1-text-left { text-align: left; }
  .col-l-1-text-right { text-align: right; }
  */
  .l-2 {
    width: 16.66667%; }

  .l-off-2 {
    margin-left: 16.66667%; }

  .l-2-text-center {
    text-align: center; }

  .l-2-text-left {
    text-align: left; }

  .l-2-text-right {
    text-align: right; }

  /*
  .col-l-2 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-2-space-bottom { margin-bottom: 20px; }
  .col-l-2-text-center { text-align: center; }
  .col-l-2-text-left { text-align: left; }
  .col-l-2-text-right { text-align: right; }
  */
  .l-3 {
    width: 25%; }

  .l-off-3 {
    margin-left: 25%; }

  .l-3-text-center {
    text-align: center; }

  .l-3-text-left {
    text-align: left; }

  .l-3-text-right {
    text-align: right; }

  /*
  .col-l-3 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-3-space-bottom { margin-bottom: 20px; }
  .col-l-3-text-center { text-align: center; }
  .col-l-3-text-left { text-align: left; }
  .col-l-3-text-right { text-align: right; }
  */
  .l-4 {
    width: 33.33333%; }

  .l-off-4 {
    margin-left: 33.33333%; }

  .l-4-text-center {
    text-align: center; }

  .l-4-text-left {
    text-align: left; }

  .l-4-text-right {
    text-align: right; }

  /*
  .col-l-4 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-4-space-bottom { margin-bottom: 20px; }
  .col-l-4-text-center { text-align: center; }
  .col-l-4-text-left { text-align: left; }
  .col-l-4-text-right { text-align: right; }
  */
  .l-5 {
    width: 41.66667%; }

  .l-off-5 {
    margin-left: 41.66667%; }

  .l-5-text-center {
    text-align: center; }

  .l-5-text-left {
    text-align: left; }

  .l-5-text-right {
    text-align: right; }

  /*
  .col-l-5 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-5-space-bottom { margin-bottom: 20px; }
  .col-l-5-text-center { text-align: center; }
  .col-l-5-text-left { text-align: left; }
  .col-l-5-text-right { text-align: right; }
  */
  .l-6 {
    width: 50%; }

  .l-off-6 {
    margin-left: 50%; }

  .l-6-text-center {
    text-align: center; }

  .l-6-text-left {
    text-align: left; }

  .l-6-text-right {
    text-align: right; }

  /*
  .col-l-6 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-6-space-bottom { margin-bottom: 20px; }
  .col-l-6-text-center { text-align: center; }
  .col-l-6-text-left { text-align: left; }
  .col-l-6-text-right { text-align: right; }
  */
  .l-7 {
    width: 58.33333%; }

  .l-off-7 {
    margin-left: 58.33333%; }

  .l-7-text-center {
    text-align: center; }

  .l-7-text-left {
    text-align: left; }

  .l-7-text-right {
    text-align: right; }

  /*
  .col-l-7 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-7-space-bottom { margin-bottom: 20px; }
  .col-l-7-text-center { text-align: center; }
  .col-l-7-text-left { text-align: left; }
  .col-l-7-text-right { text-align: right; }
  */
  .l-8 {
    width: 66.66667%; }

  .l-off-8 {
    margin-left: 66.66667%; }

  .l-8-text-center {
    text-align: center; }

  .l-8-text-left {
    text-align: left; }

  .l-8-text-right {
    text-align: right; }

  /*
  .col-l-8 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-8-space-bottom { margin-bottom: 20px; }
  .col-l-8-text-center { text-align: center; }
  .col-l-8-text-left { text-align: left; }
  .col-l-8-text-right { text-align: right; }
  */
  .l-9 {
    width: 75%; }

  .l-off-9 {
    margin-left: 75%; }

  .l-9-text-center {
    text-align: center; }

  .l-9-text-left {
    text-align: left; }

  .l-9-text-right {
    text-align: right; }

  /*
  .col-l-9 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-9-space-bottom { margin-bottom: 20px; }
  .col-l-9-text-center { text-align: center; }
  .col-l-9-text-left { text-align: left; }
  .col-l-9-text-right { text-align: right; }
  */
  .l-10 {
    width: 83.33333%; }

  .l-off-10 {
    margin-left: 83.33333%; }

  .l-10-text-center {
    text-align: center; }

  .l-10-text-left {
    text-align: left; }

  .l-10-text-right {
    text-align: right; }

  /*
  .col-l-10 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-10-space-bottom { margin-bottom: 20px; }
  .col-l-10-text-center { text-align: center; }
  .col-l-10-text-left { text-align: left; }
  .col-l-10-text-right { text-align: right; }
  */
  .l-11 {
    width: 91.66667%; }

  .l-off-11 {
    margin-left: 91.66667%; }

  .l-11-text-center {
    text-align: center; }

  .l-11-text-left {
    text-align: left; }

  .l-11-text-right {
    text-align: right; }

  /*
  .col-l-11 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-11-space-bottom { margin-bottom: 20px; }
  .col-l-11-text-center { text-align: center; }
  .col-l-11-text-left { text-align: left; }
  .col-l-11-text-right { text-align: right; }
  */
  .l-12 {
    width: 100%; }

  .l-off-12 {
    margin-left: 100%; }

  .l-12-text-center {
    text-align: center; }

  .l-12-text-left {
    text-align: left; }

  .l-12-text-right {
    text-align: right; }

  /*
  .col-l-12 {
  	width: 100% / 12 * $i;
  }
  .col-l-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-l-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-l-12-space-bottom { margin-bottom: 20px; }
  .col-l-12-text-center { text-align: center; }
  .col-l-12-text-left { text-align: left; }
  .col-l-12-text-right { text-align: right; }
  */
  .l-text-center {
    text-align: center; }

  .l-text-left {
    text-align: left; }

  .l-text-right {
    text-align: right; } }
@media only screen and (min-width: 1200px) {
  .xl-1 {
    width: 8.33333%; }

  .xl-off-1 {
    margin-left: 8.33333%; }

  .xl-1-text-center {
    text-align: center; }

  .xl-1-text-left {
    text-align: left; }

  .xl-1-text-right {
    text-align: right; }

  /*
  .col-xl-1 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-1-space-bottom { margin-bottom: 20px; }
  .col-xl-1-text-center { text-align: center; }
  .col-xl-1-text-left { text-align: left; }
  .col-xl-1-text-right { text-align: right; }
  */
  .xl-2 {
    width: 16.66667%; }

  .xl-off-2 {
    margin-left: 16.66667%; }

  .xl-2-text-center {
    text-align: center; }

  .xl-2-text-left {
    text-align: left; }

  .xl-2-text-right {
    text-align: right; }

  /*
  .col-xl-2 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-2-space-bottom { margin-bottom: 20px; }
  .col-xl-2-text-center { text-align: center; }
  .col-xl-2-text-left { text-align: left; }
  .col-xl-2-text-right { text-align: right; }
  */
  .xl-3 {
    width: 25%; }

  .xl-off-3 {
    margin-left: 25%; }

  .xl-3-text-center {
    text-align: center; }

  .xl-3-text-left {
    text-align: left; }

  .xl-3-text-right {
    text-align: right; }

  /*
  .col-xl-3 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-3-space-bottom { margin-bottom: 20px; }
  .col-xl-3-text-center { text-align: center; }
  .col-xl-3-text-left { text-align: left; }
  .col-xl-3-text-right { text-align: right; }
  */
  .xl-4 {
    width: 33.33333%; }

  .xl-off-4 {
    margin-left: 33.33333%; }

  .xl-4-text-center {
    text-align: center; }

  .xl-4-text-left {
    text-align: left; }

  .xl-4-text-right {
    text-align: right; }

  /*
  .col-xl-4 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-4-space-bottom { margin-bottom: 20px; }
  .col-xl-4-text-center { text-align: center; }
  .col-xl-4-text-left { text-align: left; }
  .col-xl-4-text-right { text-align: right; }
  */
  .xl-5 {
    width: 41.66667%; }

  .xl-off-5 {
    margin-left: 41.66667%; }

  .xl-5-text-center {
    text-align: center; }

  .xl-5-text-left {
    text-align: left; }

  .xl-5-text-right {
    text-align: right; }

  /*
  .col-xl-5 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-5-space-bottom { margin-bottom: 20px; }
  .col-xl-5-text-center { text-align: center; }
  .col-xl-5-text-left { text-align: left; }
  .col-xl-5-text-right { text-align: right; }
  */
  .xl-6 {
    width: 50%; }

  .xl-off-6 {
    margin-left: 50%; }

  .xl-6-text-center {
    text-align: center; }

  .xl-6-text-left {
    text-align: left; }

  .xl-6-text-right {
    text-align: right; }

  /*
  .col-xl-6 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-6-space-bottom { margin-bottom: 20px; }
  .col-xl-6-text-center { text-align: center; }
  .col-xl-6-text-left { text-align: left; }
  .col-xl-6-text-right { text-align: right; }
  */
  .xl-7 {
    width: 58.33333%; }

  .xl-off-7 {
    margin-left: 58.33333%; }

  .xl-7-text-center {
    text-align: center; }

  .xl-7-text-left {
    text-align: left; }

  .xl-7-text-right {
    text-align: right; }

  /*
  .col-xl-7 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-7-space-bottom { margin-bottom: 20px; }
  .col-xl-7-text-center { text-align: center; }
  .col-xl-7-text-left { text-align: left; }
  .col-xl-7-text-right { text-align: right; }
  */
  .xl-8 {
    width: 66.66667%; }

  .xl-off-8 {
    margin-left: 66.66667%; }

  .xl-8-text-center {
    text-align: center; }

  .xl-8-text-left {
    text-align: left; }

  .xl-8-text-right {
    text-align: right; }

  /*
  .col-xl-8 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-8-space-bottom { margin-bottom: 20px; }
  .col-xl-8-text-center { text-align: center; }
  .col-xl-8-text-left { text-align: left; }
  .col-xl-8-text-right { text-align: right; }
  */
  .xl-9 {
    width: 75%; }

  .xl-off-9 {
    margin-left: 75%; }

  .xl-9-text-center {
    text-align: center; }

  .xl-9-text-left {
    text-align: left; }

  .xl-9-text-right {
    text-align: right; }

  /*
  .col-xl-9 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-9-space-bottom { margin-bottom: 20px; }
  .col-xl-9-text-center { text-align: center; }
  .col-xl-9-text-left { text-align: left; }
  .col-xl-9-text-right { text-align: right; }
  */
  .xl-10 {
    width: 83.33333%; }

  .xl-off-10 {
    margin-left: 83.33333%; }

  .xl-10-text-center {
    text-align: center; }

  .xl-10-text-left {
    text-align: left; }

  .xl-10-text-right {
    text-align: right; }

  /*
  .col-xl-10 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-10-space-bottom { margin-bottom: 20px; }
  .col-xl-10-text-center { text-align: center; }
  .col-xl-10-text-left { text-align: left; }
  .col-xl-10-text-right { text-align: right; }
  */
  .xl-11 {
    width: 91.66667%; }

  .xl-off-11 {
    margin-left: 91.66667%; }

  .xl-11-text-center {
    text-align: center; }

  .xl-11-text-left {
    text-align: left; }

  .xl-11-text-right {
    text-align: right; }

  /*
  .col-xl-11 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-11-space-bottom { margin-bottom: 20px; }
  .col-xl-11-text-center { text-align: center; }
  .col-xl-11-text-left { text-align: left; }
  .col-xl-11-text-right { text-align: right; }
  */
  .xl-12 {
    width: 100%; }

  .xl-off-12 {
    margin-left: 100%; }

  .xl-12-text-center {
    text-align: center; }

  .xl-12-text-left {
    text-align: left; }

  .xl-12-text-right {
    text-align: right; }

  /*
  .col-xl-12 {
  	width: 100% / 12 * $i;
  }
  .col-xl-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xl-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xl-12-space-bottom { margin-bottom: 20px; }
  .col-xl-12-text-center { text-align: center; }
  .col-xl-12-text-left { text-align: left; }
  .col-xl-12-text-right { text-align: right; }
  */
  .xl-text-center {
    text-align: center; }

  .xl-text-left {
    text-align: left; }

  .xl-text-right {
    text-align: right; } }
@media only screen and (min-width: 1440px) {
  .xxl-1 {
    width: 8.33333%; }

  .xxl-off-1 {
    margin-left: 8.33333%; }

  .xxl-1-text-center {
    text-align: center; }

  .xxl-1-text-left {
    text-align: left; }

  .xxl-1-text-right {
    text-align: right; }

  /*
  .col-xxl-1 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-1-space-bottom { margin-bottom: 20px; }
  .col-xxl-1-text-center { text-align: center; }
  .col-xxl-1-text-left { text-align: left; }
  .col-xxl-1-text-right { text-align: right; }
  */
  .xxl-2 {
    width: 16.66667%; }

  .xxl-off-2 {
    margin-left: 16.66667%; }

  .xxl-2-text-center {
    text-align: center; }

  .xxl-2-text-left {
    text-align: left; }

  .xxl-2-text-right {
    text-align: right; }

  /*
  .col-xxl-2 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-2-space-bottom { margin-bottom: 20px; }
  .col-xxl-2-text-center { text-align: center; }
  .col-xxl-2-text-left { text-align: left; }
  .col-xxl-2-text-right { text-align: right; }
  */
  .xxl-3 {
    width: 25%; }

  .xxl-off-3 {
    margin-left: 25%; }

  .xxl-3-text-center {
    text-align: center; }

  .xxl-3-text-left {
    text-align: left; }

  .xxl-3-text-right {
    text-align: right; }

  /*
  .col-xxl-3 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-3-space-bottom { margin-bottom: 20px; }
  .col-xxl-3-text-center { text-align: center; }
  .col-xxl-3-text-left { text-align: left; }
  .col-xxl-3-text-right { text-align: right; }
  */
  .xxl-4 {
    width: 33.33333%; }

  .xxl-off-4 {
    margin-left: 33.33333%; }

  .xxl-4-text-center {
    text-align: center; }

  .xxl-4-text-left {
    text-align: left; }

  .xxl-4-text-right {
    text-align: right; }

  /*
  .col-xxl-4 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-4-space-bottom { margin-bottom: 20px; }
  .col-xxl-4-text-center { text-align: center; }
  .col-xxl-4-text-left { text-align: left; }
  .col-xxl-4-text-right { text-align: right; }
  */
  .xxl-5 {
    width: 41.66667%; }

  .xxl-off-5 {
    margin-left: 41.66667%; }

  .xxl-5-text-center {
    text-align: center; }

  .xxl-5-text-left {
    text-align: left; }

  .xxl-5-text-right {
    text-align: right; }

  /*
  .col-xxl-5 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-5-space-bottom { margin-bottom: 20px; }
  .col-xxl-5-text-center { text-align: center; }
  .col-xxl-5-text-left { text-align: left; }
  .col-xxl-5-text-right { text-align: right; }
  */
  .xxl-6 {
    width: 50%; }

  .xxl-off-6 {
    margin-left: 50%; }

  .xxl-6-text-center {
    text-align: center; }

  .xxl-6-text-left {
    text-align: left; }

  .xxl-6-text-right {
    text-align: right; }

  /*
  .col-xxl-6 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-6-space-bottom { margin-bottom: 20px; }
  .col-xxl-6-text-center { text-align: center; }
  .col-xxl-6-text-left { text-align: left; }
  .col-xxl-6-text-right { text-align: right; }
  */
  .xxl-7 {
    width: 58.33333%; }

  .xxl-off-7 {
    margin-left: 58.33333%; }

  .xxl-7-text-center {
    text-align: center; }

  .xxl-7-text-left {
    text-align: left; }

  .xxl-7-text-right {
    text-align: right; }

  /*
  .col-xxl-7 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-7-space-bottom { margin-bottom: 20px; }
  .col-xxl-7-text-center { text-align: center; }
  .col-xxl-7-text-left { text-align: left; }
  .col-xxl-7-text-right { text-align: right; }
  */
  .xxl-8 {
    width: 66.66667%; }

  .xxl-off-8 {
    margin-left: 66.66667%; }

  .xxl-8-text-center {
    text-align: center; }

  .xxl-8-text-left {
    text-align: left; }

  .xxl-8-text-right {
    text-align: right; }

  /*
  .col-xxl-8 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-8-space-bottom { margin-bottom: 20px; }
  .col-xxl-8-text-center { text-align: center; }
  .col-xxl-8-text-left { text-align: left; }
  .col-xxl-8-text-right { text-align: right; }
  */
  .xxl-9 {
    width: 75%; }

  .xxl-off-9 {
    margin-left: 75%; }

  .xxl-9-text-center {
    text-align: center; }

  .xxl-9-text-left {
    text-align: left; }

  .xxl-9-text-right {
    text-align: right; }

  /*
  .col-xxl-9 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-9-space-bottom { margin-bottom: 20px; }
  .col-xxl-9-text-center { text-align: center; }
  .col-xxl-9-text-left { text-align: left; }
  .col-xxl-9-text-right { text-align: right; }
  */
  .xxl-10 {
    width: 83.33333%; }

  .xxl-off-10 {
    margin-left: 83.33333%; }

  .xxl-10-text-center {
    text-align: center; }

  .xxl-10-text-left {
    text-align: left; }

  .xxl-10-text-right {
    text-align: right; }

  /*
  .col-xxl-10 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-10-space-bottom { margin-bottom: 20px; }
  .col-xxl-10-text-center { text-align: center; }
  .col-xxl-10-text-left { text-align: left; }
  .col-xxl-10-text-right { text-align: right; }
  */
  .xxl-11 {
    width: 91.66667%; }

  .xxl-off-11 {
    margin-left: 91.66667%; }

  .xxl-11-text-center {
    text-align: center; }

  .xxl-11-text-left {
    text-align: left; }

  .xxl-11-text-right {
    text-align: right; }

  /*
  .col-xxl-11 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-11-space-bottom { margin-bottom: 20px; }
  .col-xxl-11-text-center { text-align: center; }
  .col-xxl-11-text-left { text-align: left; }
  .col-xxl-11-text-right { text-align: right; }
  */
  .xxl-12 {
    width: 100%; }

  .xxl-off-12 {
    margin-left: 100%; }

  .xxl-12-text-center {
    text-align: center; }

  .xxl-12-text-left {
    text-align: left; }

  .xxl-12-text-right {
    text-align: right; }

  /*
  .col-xxl-12 {
  	width: 100% / 12 * $i;
  }
  .col-xxl-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-xxl-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-xxl-12-space-bottom { margin-bottom: 20px; }
  .col-xxl-12-text-center { text-align: center; }
  .col-xxl-12-text-left { text-align: left; }
  .col-xxl-12-text-right { text-align: right; }
  */
  .xxl-text-center {
    text-align: center; }

  .xxl-text-left {
    text-align: left; }

  .xxl-text-right {
    text-align: right; } }
@media only screen and (max-width: 767px) {
  .mob-1 {
    width: 8.33333%; }

  .mob-off-1 {
    margin-left: 8.33333%; }

  .mob-1-text-center {
    text-align: center; }

  .mob-1-text-left {
    text-align: left; }

  .mob-1-text-right {
    text-align: right; }

  /*
  .col-mob-1 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-1 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-1 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-1-space-bottom { margin-bottom: 20px; }
  .col-mob-1-text-center { text-align: center; }
  .col-mob-1-text-left { text-align: left; }
  .col-mob-1-text-right { text-align: right; }
  */
  .mob-2 {
    width: 16.66667%; }

  .mob-off-2 {
    margin-left: 16.66667%; }

  .mob-2-text-center {
    text-align: center; }

  .mob-2-text-left {
    text-align: left; }

  .mob-2-text-right {
    text-align: right; }

  /*
  .col-mob-2 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-2 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-2 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-2-space-bottom { margin-bottom: 20px; }
  .col-mob-2-text-center { text-align: center; }
  .col-mob-2-text-left { text-align: left; }
  .col-mob-2-text-right { text-align: right; }
  */
  .mob-3 {
    width: 25%; }

  .mob-off-3 {
    margin-left: 25%; }

  .mob-3-text-center {
    text-align: center; }

  .mob-3-text-left {
    text-align: left; }

  .mob-3-text-right {
    text-align: right; }

  /*
  .col-mob-3 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-3 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-3 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-3-space-bottom { margin-bottom: 20px; }
  .col-mob-3-text-center { text-align: center; }
  .col-mob-3-text-left { text-align: left; }
  .col-mob-3-text-right { text-align: right; }
  */
  .mob-4 {
    width: 33.33333%; }

  .mob-off-4 {
    margin-left: 33.33333%; }

  .mob-4-text-center {
    text-align: center; }

  .mob-4-text-left {
    text-align: left; }

  .mob-4-text-right {
    text-align: right; }

  /*
  .col-mob-4 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-4 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-4 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-4-space-bottom { margin-bottom: 20px; }
  .col-mob-4-text-center { text-align: center; }
  .col-mob-4-text-left { text-align: left; }
  .col-mob-4-text-right { text-align: right; }
  */
  .mob-5 {
    width: 41.66667%; }

  .mob-off-5 {
    margin-left: 41.66667%; }

  .mob-5-text-center {
    text-align: center; }

  .mob-5-text-left {
    text-align: left; }

  .mob-5-text-right {
    text-align: right; }

  /*
  .col-mob-5 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-5 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-5 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-5-space-bottom { margin-bottom: 20px; }
  .col-mob-5-text-center { text-align: center; }
  .col-mob-5-text-left { text-align: left; }
  .col-mob-5-text-right { text-align: right; }
  */
  .mob-6 {
    width: 50%; }

  .mob-off-6 {
    margin-left: 50%; }

  .mob-6-text-center {
    text-align: center; }

  .mob-6-text-left {
    text-align: left; }

  .mob-6-text-right {
    text-align: right; }

  /*
  .col-mob-6 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-6 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-6 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-6-space-bottom { margin-bottom: 20px; }
  .col-mob-6-text-center { text-align: center; }
  .col-mob-6-text-left { text-align: left; }
  .col-mob-6-text-right { text-align: right; }
  */
  .mob-7 {
    width: 58.33333%; }

  .mob-off-7 {
    margin-left: 58.33333%; }

  .mob-7-text-center {
    text-align: center; }

  .mob-7-text-left {
    text-align: left; }

  .mob-7-text-right {
    text-align: right; }

  /*
  .col-mob-7 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-7 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-7 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-7-space-bottom { margin-bottom: 20px; }
  .col-mob-7-text-center { text-align: center; }
  .col-mob-7-text-left { text-align: left; }
  .col-mob-7-text-right { text-align: right; }
  */
  .mob-8 {
    width: 66.66667%; }

  .mob-off-8 {
    margin-left: 66.66667%; }

  .mob-8-text-center {
    text-align: center; }

  .mob-8-text-left {
    text-align: left; }

  .mob-8-text-right {
    text-align: right; }

  /*
  .col-mob-8 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-8 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-8 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-8-space-bottom { margin-bottom: 20px; }
  .col-mob-8-text-center { text-align: center; }
  .col-mob-8-text-left { text-align: left; }
  .col-mob-8-text-right { text-align: right; }
  */
  .mob-9 {
    width: 75%; }

  .mob-off-9 {
    margin-left: 75%; }

  .mob-9-text-center {
    text-align: center; }

  .mob-9-text-left {
    text-align: left; }

  .mob-9-text-right {
    text-align: right; }

  /*
  .col-mob-9 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-9 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-9 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-9-space-bottom { margin-bottom: 20px; }
  .col-mob-9-text-center { text-align: center; }
  .col-mob-9-text-left { text-align: left; }
  .col-mob-9-text-right { text-align: right; }
  */
  .mob-10 {
    width: 83.33333%; }

  .mob-off-10 {
    margin-left: 83.33333%; }

  .mob-10-text-center {
    text-align: center; }

  .mob-10-text-left {
    text-align: left; }

  .mob-10-text-right {
    text-align: right; }

  /*
  .col-mob-10 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-10 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-10 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-10-space-bottom { margin-bottom: 20px; }
  .col-mob-10-text-center { text-align: center; }
  .col-mob-10-text-left { text-align: left; }
  .col-mob-10-text-right { text-align: right; }
  */
  .mob-11 {
    width: 91.66667%; }

  .mob-off-11 {
    margin-left: 91.66667%; }

  .mob-11-text-center {
    text-align: center; }

  .mob-11-text-left {
    text-align: left; }

  .mob-11-text-right {
    text-align: right; }

  /*
  .col-mob-11 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-11 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-11 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-11-space-bottom { margin-bottom: 20px; }
  .col-mob-11-text-center { text-align: center; }
  .col-mob-11-text-left { text-align: left; }
  .col-mob-11-text-right { text-align: right; }
  */
  .mob-12 {
    width: 100%; }

  .mob-off-12 {
    margin-left: 100%; }

  .mob-12-text-center {
    text-align: center; }

  .mob-12-text-left {
    text-align: left; }

  .mob-12-text-right {
    text-align: right; }

  /*
  .col-mob-12 {
  	width: 100% / 12 * $i;
  }
  .col-mob-offset-12 {
  	margin-left: 100% / 12 * $i;
  }
  .col-mob-push-12 {
  	margin-right: 100% / 12 * $i;
  }
  .col-mob-12-space-bottom { margin-bottom: 20px; }
  .col-mob-12-text-center { text-align: center; }
  .col-mob-12-text-left { text-align: left; }
  .col-mob-12-text-right { text-align: right; }
  */
  .mob-text-center {
    text-align: center; }

  .mob-text-left {
    text-align: left; }

  .mob-text-right {
    text-align: right; } }
.bg-img, .bg-img-single {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }

.max-width {
  max-width: 1170px;
  margin: 0 auto; }

.space {
  width: 100%; }

.viewitem {
  position: relative;
  top: 50px;
  opacity: 0;
  -webkit-transition: top 750ms ease-in-out, opacity 750ms ease-in-out;
  -moz-transition: top 750ms ease-in-out, opacity 750ms ease-in-out;
  -ms-transition: top 750ms ease-in-out, opacity 750ms ease-in-out;
  -o-transition: top 750ms ease-in-out, opacity 750ms ease-in-out;
  transition: top 750ms ease-in-out, opacity 750ms ease-in-out; }
  .viewitem.viewitem-fo {
    top: 0; }
  .viewitem.inview {
    top: 0;
    opacity: 1; }

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

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

.align-center {
  text-align: center !important; }

.clearfix:after, .form_wrapper:after, .form_wrapper .field:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

.margin-auto {
  margin: 0 auto !important; }

.circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.grid-inline .inline-item {
  display: inline-block; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.content-heading small {
  text-transform: uppercase; }
.content-heading h1 {
  padding: 10px 0 30px; }

.arrow-right {
  padding-left: 10px; }
  .arrow-right:after {
    content: '\2192';
    font-family: sans-serif;
    position: relative;
    top: 1px; }

.width-full {
  width: 100%;
  max-width: 100%; }

ul.inline li {
  display: inline-block; }
@media only screen and (min-width: 768px) {
  ul.divider li:before {
    padding: 0 5px;
    content: ' - '; }
  ul.divider li:first-child:before {
    padding: 0;
    content: ''; }
  ul.divider-slash li:before {
    content: ' / '; } }

html {
  position: relative;
  min-height: 100%; }

body {
  font-size: 100%;
  line-height: 1.6;
  word-wrap: break-word;
  background-color: #F7F6F6;
  font-family: "Circular-Book", sans-serif;
  position: relative;
  padding-bottom: 4rem;
  max-width: 100vw;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: #000e4e; }
  body.bg-white {
    background-color: white; }

img {
  max-width: 100%;
  display: inline-block;
  line-height: 0; }

section {
  margin: 0 auto; }

.button {
  display: inline-block;
  background-color: transparent;
  border: 0.125rem solid #000e4e;
  padding: 1rem 2rem;
  font-size: 1.125rem;
  line-height: 1;
  font-family: "Circular-Bold", sans-serif; }
  .button-control {
    padding-top: 10px; }
    @media only screen and (min-width: 992px) {
      .button-control {
        padding-top: 20px; } }
  .button--green {
    background-color: #a1d078;
    color: white;
    border-color: #a1d078; }
  .button--more {
    font-size: 18px;
    line-height: 1.6;
    padding: 9px 14px;
    border: 2px solid #f15d29;
    font-family: "Circular-Medium", sans-serif; }
    .button--more:hover {
      color: white;
      background-color: #f15d29; }
    @media only screen and (min-width: 576px) {
      .button--more {
        padding: 13px 35px;
        font-size: 20px; } }
    @media only screen and (min-width: 768px) {
      .button--more {
        padding: 14px 28px;
        font-size: 16px; } }
    @media only screen and (min-width: 992px) {
      .button--more {
        font-size: 20px; } }
  .button--back {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #000e4e;
    font-size: 1.125rem;
    color: #000e4e;
    display: none; }

.form-group {
  padding-bottom: 20px; }
  .form-group > label {
    display: block;
    text-align: left;
    margin-bottom: 5px; }
    .form-group > label.required:after {
      content: '*'; }
  .form-group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both; }
.form-input {
  display: block;
  width: 100%;
  max-width: 500px;
  font-size: 16px;
  background-color: white;
  padding: 10px 20px;
  border: 1px solid #d6d6d6;
  border-radius: 8px; }
.form-submit {
  display: inline-block;
  background-color: #2d363c;
  border: none;
  border-radius: 30px;
  padding: 10px 20px;
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }
  .form-submit:hover {
    background-color: white;
    color: #2d363c; }

.checkbox {
  padding-top: 5px; }
  .checkbox.checkbox-inline > label {
    float: left;
    width: 50%;
    text-align: left;
    padding: 5px; }
    .checkbox.checkbox-inline > label > span {
      margin-left: 5px;
      font-size: 16px; }

.bestilling-heading {
  padding-bottom: 30px; }

.form_wrapper {
  max-width: 700px;
  -webkit-appearance: none; }
  .form_wrapper .field {
    display: block;
    margin-bottom: 1em; }
    .form_wrapper .field .label_default {
      text-align: left;
      width: auto;
      max-width: 200px;
      min-width: 200px;
      float: left;
      clear: both;
      margin-top: 5px;
      margin-bottom: 5px;
      padding: .3em; }
    .form_wrapper .field .label_checkbox {
      text-align: left;
      width: auto;
      min-width: 220px;
      float: left;
      margin-top: 5px;
      margin-bottom: 5px;
      padding: .3em; }
    .form_wrapper .field.margin-left {
      margin-left: 200px;
      margin-top: -4em;
      padding-left: 10px; }

.form_input_text, .form_input_textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: "Circular-Book", sans-serif;
  font-size: 1.1em;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  padding: .3em .5em .5em .7em;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  /*
  @include to(2) {
      width: 70%;
      max-width: 100%;
      display: block;
      float: none !important;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
  }
  */ }
  .form_input_text:focus, .form_input_textarea:focus {
    outline: none;
    border: 1px solid #f15d29;
    outline-color: transparent;
    outline-style: none; }
  .form_input_text.missing, .missing.form_input_textarea {
    border: 1px solid #f15d29; }

.form_input_textarea {
  resize: vertical;
  width: 100%;
  max-width: 100%; }

.form_input_checkbox {
  margin-right: 6px; }

.contact-form {
  max-width: 700px; }

p {
  font-size: 1.125rem; }

a {
  text-decoration: none;
  color: #000e4e;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

em {
  font-style: italic; }

strong {
  font-weight: 400;
  font-family: "Circular-Bold", sans-serif; }

.headline {
  color: #7f6c3d; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.1;
  font-family: "Circular-Bold", sans-serif; }

h1, .h1 {
  font-size: 2.25rem; }

h2, .h2 {
  font-size: 1.25rem;
  font-family: "Circular-Medium", sans-serif; }

h3, .h3 {
  font-size: 22px;
  line-height: 1.36; }
  @media only screen and (min-width: 768px) {
    h3, .h3 {
      font-size: 16px; } }
  @media only screen and (min-width: 992px) {
    h3, .h3 {
      font-size: 18px; } }

h4, .h4 {
  font-size: .9rem;
  font-family: "Circular-Bold", sans-serif; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

nav {
  z-index: 9;
  width: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 250ms ease-in-out, background-color 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out, background-color 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out, background-color 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out, background-color 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out, background-color 250ms ease-in-out 250ms;
  padding: 20px 15px; }
  @media only screen and (max-width: 767px) {
    nav {
      background-color: white; } }
  nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both; }
  @media only screen and (min-width: 992px) {
    nav {
      padding: 30px; } }
  nav .cities {
    display: none; }
    @media only screen and (min-width: 992px) {
      nav .cities {
        display: block;
        position: absolute;
        left: 50%;
        width: 100%;
        max-width: 650px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease; }
        nav .cities ul {
          padding: 0;
          margin: 0;
          list-style: none;
          text-align: center; }
          nav .cities ul li {
            display: inline-block;
            padding: 0 15px; }
            nav .cities ul li a {
              border-bottom: 1px solid transparent;
              padding-bottom: 2px; }
              nav .cities ul li a:hover {
                border-bottom-color: #000e4e; } }
  nav .burger {
    width: 25px;
    height: 20px;
    position: relative;
    float: right;
    margin: 5px auto 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }
    nav .burger span {
      display: block;
      position: absolute;
      height: 4px;
      width: 50%;
      background: #d3531a;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      nav .burger span:nth-child(even) {
        left: 50%;
        border-radius: 0 4px 4px 0; }
      nav .burger span:nth-child(odd) {
        left: 0px;
        border-radius: 4px 0 0 4px; }
      nav .burger span:nth-child(1), nav .burger span:nth-child(2) {
        top: 0px; }
      nav .burger span:nth-child(3), nav .burger span:nth-child(4) {
        top: 8px; }
      nav .burger span:nth-child(5), nav .burger span:nth-child(6) {
        top: 16px; }
  nav .logo {
    float: left; }
    nav .logo a {
      width: 120px;
      height: 31px;
      background-image: url("../gfx/logo.png");
      display: block;
      background-size: contain;
      background-repeat: no-repeat; }
    nav .logo--white a {
      background-image: url("../gfx/logo-white.png"); }
    @media only screen and (max-width: 767px) {
      nav .logo--mobile--black a {
        background-image: url("../gfx/logo.png"); }
      nav .logo--mobile--white a {
        background-image: url("../gfx/logo-white.png"); } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.hero {
  height: 36rem; }
  .hero .bg-img {
    height: inherit; }

.title {
  padding-bottom: 2rem; }
  .title--inner {
    position: relative;
    margin-top: -6.5rem;
    background-color: #d9ebcb;
    padding: 5rem;
    text-align: center; }

.links ul {
  margin: 0 -1rem;
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 0; }
  .links ul li {
    display: inline-block;
    padding: 1rem;
    width: 50%;
    font-size: 1rem; }
    .links ul li a {
      display: block; }

.logo {
  padding-top: 4rem; }
  .logo img {
    height: 1.5rem; }

.about .hero {
  height: 22rem; }
  .about .hero .bg-img {
    background-position: center 20%; }
.about .title--inner {
  padding: 2.5rem;
  margin-top: -4rem;
  margin-left: auto;
  margin-right: auto;
  width: 70%; }
  .about .title--inner h1 {
    font-size: 2rem; }
.about .bullets {
  padding-top: 2rem; }
  .about .bullets ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0; }
    .about .bullets ul li {
      font-size: 1rem;
      display: inline-block;
      padding: 2rem;
      width: 50%;
      vertical-align: top; }
      .about .bullets ul li img {
        float: left;
        margin-right: 2rem;
        width: 4rem; }
        .about .bullets ul li img + div {
          float: left;
          width: calc(100% - 6rem);
          padding-top: .5rem; }
      .about .bullets ul li h4 {
        font-size: 1.125rem;
        font-family: "Circular-Bold", sans-serif;
        padding-bottom: .25rem; }
      .about .bullets ul li p {
        font-size: 0.8rem;
        line-height: 1.4; }

.addon {
  padding-top: 4rem; }
  .addon .header {
    padding-bottom: 4rem; }
  .addon--select {
    padding: 2rem 0;
    text-align: center; }
    .addon--select h2 {
      padding-bottom: 3rem; }
    .addon--select select {
      width: 100%;
      padding: 1rem;
      border: none;
      box-shadow: none;
      background: transparent;
      -webkit-appearance: none;
      text-align: center;
      font-size: 1.25rem;
      font-family: "Circular-Book", sans-serif; }

.select-wrap {
  border: 0.125rem solid #000e4e;
  width: 100%;
  overflow: hidden;
  background-image: url("../gfx/select-bg.png");
  background-repeat: no-repeat;
  background-size: 17px 13px;
  background-position: right 1rem center;
  margin-bottom: 4rem; }
  .select-wrap select:focus {
    outline: none; }

.match--table table {
  width: 100%;
  border-collapse: collapse; }
  .match--table table tr:first-child td {
    padding: .5rem; }
    .match--table table tr:first-child td img {
      max-width: 8rem;
      max-height: 5rem;
      width: auto;
      height: auto; }
  .match--table table tr:first-child td:first-child {
    background-color: transparent !important; }
  .match--table table tr:first-child td:nth-child(2) {
    border-top: 3px solid #000e4e;
    border-left: 3px solid #000e4e;
    border-right: 3px solid #000e4e; }
  .match--table table tr:nth-child(2n+1) td {
    background-color: white; }
    .match--table table tr:nth-child(2n+1) td:first-child {
      background-color: #e0efd5; }
  .match--table table tr td {
    width: 33.33%;
    padding: 1.5rem;
    text-align: center;
    font-size: 1.125rem;
    font-family: "Circular-Bold", sans-serif; }
    .match--table table tr td:first-child {
      text-align: right;
      font-size: 1.125rem;
      background-color: #d9ebcb;
      font-family: "Circular-Book", sans-serif; }
    .match--table table tr td:nth-child(2) {
      border-left: 3px solid #000e4e;
      border-right: 3px solid #000e4e; }
    .match--table table tr td:last-child {
      font-family: "Circular-Book", sans-serif; }
  .match--table table tr:last-child td:nth-child(2) {
    border-bottom: 3px solid #000e4e; }

.footer-menu {
  position: fixed;
  bottom: 0;
  right: 1rem; }
  .footer-menu ul {
    list-style: none;
    padding: .5rem 1rem;
    margin: 0;
    background-color: #deefc9;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
    .footer-menu ul li {
      display: inline-block;
      padding: 0 .5rem; }
      .footer-menu ul li a {
        color: #000e4e;
        border-bottom: 0.125rem solid #000e4e; }
  .footer-menu.ontop {
    bottom: auto;
    top: 0; }
    .footer-menu.ontop ul {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem; }

.box {
  padding: 2rem;
  background-color: #fff;
  margin-bottom: 2rem; }
  .box--header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both; }
  .box h2 {
    font-size: 1.125rem;
    font-family: "Circular-Book", sans-serif;
    margin-left: 4rem; }
  .box .number {
    position: relative;
    top: -5px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 1.75;
    width: 2rem;
    height: 2rem;
    float: left;
    background-color: #000e4e;
    color: white; }

.header {
  padding: 2rem;
  text-align: center;
  position: relative; }
  .header h1 {
    font-size: 2rem; }

.costslider {
  margin-top: 5rem !important; }

.dataslider {
  padding: 2rem 3.5rem; }
  .dataslider ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0; }
    .dataslider ul li {
      display: inline-block;
      font-size: 1rem;
      padding: .25rem;
      width: 20%; }
      .dataslider ul li .dataslider--inner {
        padding: .75rem 0;
        background-color: white;
        border: 0.125rem solid #000e4e;
        text-align: center;
        font-size: 1.75rem;
        font-family: "Circular-Medium", sans-serif;
        line-height: 1.2; }
        .dataslider ul li .dataslider--inner span {
          display: block;
          font-size: 1.125rem; }
      .dataslider ul li.active .dataslider--inner {
        background-color: #d9ebcb;
        border-color: #A0D162; }
  .dataslider .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2rem;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border: none; }
  .dataslider .slick-prev {
    left: -2.5rem;
    background-image: url("../gfx/slick-prev.png"); }
  .dataslider .slick-next {
    right: -2.5rem;
    background-image: url("../gfx/slick-next.png"); }

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 11px;
  visibility: visible;
  margin-top: -2px;
  bottom: 120%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.tooltip .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -.5rem;
  border-top: 0.5rem solid #d9ebcb;
  border-right: .5rem solid transparent;
  border-left: .5rem solid transparent;
  position: absolute;
  width: 0;
  height: 0; }

.tooltip-inner {
  max-width: 200px;
  padding: .5rem 1rem;
  color: #000e4e;
  text-align: center;
  text-decoration: none;
  background-color: #d9ebcb;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  border-radius: .25rem;
  font-size: 1.125rem;
  font-family: "Circular-Bold", sans-serif; }
  .tooltip-inner:after {
    content: 'kr';
    padding-left: .125rem; }

.ui-slider {
  background: #ebeff1;
  border-radius: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
  position: relative; }

.ui-slider-handle {
  position: absolute;
  background: #a1d078;
  height: 1.5rem;
  width: 1.5rem;
  margin: 0;
  padding: 0;
  display: inline-block;
  border-radius: 50%;
  top: -.25rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.ui-slider-range {
  height: 1rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  background-color: #a1d078;
  position: relative;
  /*
  &:after {
  	content: '';
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: -1rem;
  	width: 1rem;
  	background-color: #A0D162;
  }
  */ }

.disclaimer {
  font-size: .75rem;
  padding: .5rem; }

.discount {
  margin-left: 1.5rem; }
  .discount ul {
    padding: 0;
    margin: 0 -1rem;
    list-style: none; }
    .discount ul li {
      display: inline-block;
      padding: 0 1rem; }
  .discount--campaign span {
    position: relative;
    padding: .25rem .75rem;
    background-color: #ebeff1;
    border-radius: .25rem;
    margin-right: 1rem; }
    .discount--campaign span.active {
      background-image: url("../gfx/icon-check.svg");
      background-position: center;
      background-size: 1rem;
      background-repeat: no-repeat; }
  .discount--campaign ul li {
    display: block; }
    .discount--campaign ul li + li {
      padding-top: 1rem; }
  .discount--percent ul li {
    padding: 0 .5rem; }
  .discount--percent button {
    position: relative;
    display: inline-block;
    padding: 2rem;
    border: none;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  .discount--percent--partner {
    background-image: url("../gfx/icon-discount-partner.png"); }
    .discount--percent--partner.active {
      background-image: url("../gfx/icon-discount-partner-active.png"); }
  .discount--percent--family {
    background-image: url("../gfx/icon-discount-family.png"); }
    .discount--percent--family.active {
      background-image: url("../gfx/icon-discount-family-active.png"); }

.products {
  padding: 0 3.5rem; }
  .products ul {
    padding: 0;
    margin: 0 -1rem;
    list-style: none;
    font-size: 0; }
    .products ul li {
      display: inline-block;
      font-size: 1rem;
      padding: 1rem;
      width: 33.33%; }
      .products ul li.visible {
        display: inline-block !important; }
      .products ul li.fritt16 {
        display: none; }
      .products ul li .products--inner {
        padding: 2.5rem 0;
        background-color: #F7F6F6;
        border: 2px solid #000e4e;
        text-align: center;
        line-height: 1.2; }
        .products ul li .products--inner span {
          display: block;
          position: relative; }
        .products ul li .products--inner--name {
          padding-bottom: .25rem; }
        .products ul li .products--inner--eu {
          margin-top: .5rem; }
          .products ul li .products--inner--eu:after {
            content: '';
            margin-left: .5rem;
            position: relative;
            padding: .5rem 1rem;
            background-image: url("../gfx/icon-eu.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain; }
        .products ul li .products--inner--info {
          display: inline-block;
          color: rgba(128, 143, 166, 0.6); }
      .products ul li.active .products--inner {
        background-color: #d9ebcb;
        border-color: #A0D162; }

.slide {
  display: none; }
  .slide.active {
    display: block; }
  .slide--button {
    padding-top: 1rem;
    text-align: center; }
    .slide--button--products {
      display: none; }

.data-circle {
  position: relative;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  background-color: #a1d078;
  color: white;
  text-align: center; }
  .data-circle p {
    padding-top: 1rem;
    font-family: "Circular-Bold", sans-serif;
    font-size: 1.75rem;
    line-height: 1; }
  .data-circle span {
    display: block;
    font-family: "Circular-Bold", sans-serif;
    font-size: 1rem; }

.abocurrent > div {
  vertical-align: middle; }
.abocurrent--text {
  display: inline-block;
  width: 50%; }
.abocurrent--data {
  display: inline-block;
  width: 20%; }
  .abocurrent--data > .data-circle {
    background-color: #E6E4E1;
    color: #000e4e; }
.abocurrent--price {
  display: inline-block;
  width: 28%; }

.pricetag {
  font-size: 2rem;
  font-family: "Circular-Bold", sans-serif; }
  .pricetag i {
    font-style: normal; }
  .pricetag span {
    font-size: 1.25rem; }

.cards {
  font-size: 0;
  margin: -1rem -1rem 0; }
  .cards .card {
    font-size: 1rem;
    display: inline-block;
    width: 50%;
    padding: 1rem; }
    .cards .card--content {
      background-color: white;
      border-left: 0.125rem solid #000e4e;
      border-right: 0.125rem solid #000e4e;
      border-bottom: 0.125rem solid #000e4e;
      padding: 1.5rem 0 0;
      text-align: center; }
      .cards .card--content .data-circle {
        margin: 0 auto;
        width: 6rem;
        height: 6rem; }
        .cards .card--content .data-circle p {
          padding-top: 1.25rem;
          font-size: 2rem; }
        .cards .card--content .data-circle span {
          font-size: 1.25rem; }
      .cards .card--content--footer {
        margin-top: 1rem;
        padding: .5rem;
        background-color: #deefc9;
        font-family: "Circular-Book", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px; }
    .cards .card--header {
      background-color: #000e4e;
      text-align: center;
      color: white;
      padding: 1rem; }
      .cards .card--header p {
        font-size: 1.25rem; }
        .cards .card--header p span {
          font-family: "Circular-Bold", sans-serif;
          font-size: 1.5rem; }
      .cards .card--header .cashpoint {
        font-size: .9rem; }
        .cards .card--header .cashpoint:before {
          content: '';
          position: relative;
          padding: 0 .6rem;
          margin-right: .5rem;
          background-image: url("../gfx/icon-plane.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
    .cards .card--title {
      padding-bottom: 1rem; }
    .cards .card h4 {
      padding: 1rem 0; }
    .cards .card ul {
      text-align: left;
      list-style: none;
      padding: 0;
      margin: 1rem 0 1rem 4rem; }
      .cards .card ul li {
        padding: .25rem 0 .25rem 1rem;
        font-size: .9rem;
        position: relative; }
        .cards .card ul li:before {
          content: '';
          position: absolute;
          width: .8rem;
          height: .8rem;
          border-radius: 50%;
          background-color: #a1d078;
          top: .5rem;
          left: -.5rem; }

.included {
  background-color: white;
  margin: 4rem -2rem 2rem;
  padding: 4rem 2rem 2rem; }
  .included h2 {
    text-align: center; }
  .included ul {
    margin-top: 2rem;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .included ul li {
      display: inline-flex;
      width: 50%;
      align-items: center;
      padding: 2rem; }
  .included--image {
    flex: 0 0 25%; }
    .included--image img {
      width: 60px; }
  .included--text {
    flex: 0 0 75%; }

.internet h1 {
  font-size: 1.5rem; }
.internet--header {
  padding: 6rem 5% 4rem;
  background-color: white; }
  .internet--header h1 {
    text-align: center;
    margin-bottom: 2rem; }
  .internet--header .intro {
    text-align: center;
    font-family: "Circular-Bold", sans-serif;
    margin-bottom: 4rem;
    font-size: 1rem;
    padding: 0 10%; }
.internet--items {
  display: flex;
  flex-wrap: wrap; }
.internet--item {
  font-size: 1rem;
  display: inline-flex;
  flex: 1 1 50%;
  flex-direction: row;
  vertical-align: top;
  padding-right: 2rem;
  padding-bottom: 2rem; }
  .internet--item--image {
    flex: 0 0 5rem;
    text-align: center; }
  .internet--item--body {
    flex: 1;
    margin-left: 1rem; }
    .internet--item--body h3 {
      font-size: 1.125rem; }
    .internet--item--body p {
      font-size: 1rem; }
.internet--data {
  background-color: #ebeff1;
  padding: 2rem 2rem 4rem; }
  .internet--data h1 {
    text-align: center;
    margin-bottom: 2rem; }
  .internet--data ul {
    margin: 0 -2rem; }
    .internet--data ul li {
      display: inline-block;
      width: 14.5rem;
      padding: 0 .5rem; }
  .internet--data--item {
    background-color: white;
    border: 2px solid #000e4e;
    padding: 1.25rem 1rem;
    text-align: center;
    font-family: "Circular-Bold", sans-serif; }
    .internet--data--item--title {
      color: #808FA6;
      text-transform: uppercase;
      font-size: 1.125rem;
      line-height: 1;
      margin-bottom: .5rem; }
    .internet--data--item--gb {
      font-size: 2.5rem;
      line-height: 1;
      margin-bottom: .5rem; }
    .internet--data--item--speed {
      font-size: .75rem;
      line-height: 1;
      margin-bottom: 1rem; }
    .internet--data--item--icon {
      margin-bottom: .5rem; }
      .internet--data--item--icon img {
        display: inline-block; }
    .internet--data--item--price {
      font-size: 2rem;
      line-height: 1;
      margin-bottom: .5rem; }
    .internet--data--item--mnd {
      font-size: .75rem;
      line-height: 1; }
.internet .slick-list {
  padding: 0 5% 0 5%; }

.service {
  padding: 6rem 5% 4rem; }
  .service h1 {
    margin-bottom: 3rem;
    text-align: center; }
  .service--item {
    margin-bottom: 2rem;
    background-color: white;
    padding: 1rem 2rem; }
    .service--item h3 {
      font-size: 20px;
      margin-bottom: 1rem; }
    .service--item--content {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .service--item--content--text {
        flex: 3;
        padding-right: 2rem;
        font-size: 18px;
        font-family: "Circular-Book", sans-serif; }
      .service--item--content--price {
        flex: 1;
        text-align: right;
        font-size: 18px;
        font-family: "Circular-Book", sans-serif;
        font-weight: 300; }
        .service--item--content--price strong {
          font-family: "Circular-Book", sans-serif;
          font-weight: 700;
          font-size: 22px; }

.pricelist {
  padding: 6rem 0 0; }
  .pricelist h1 {
    margin-bottom: 3rem;
    text-align: center; }
  .pricelist--table {
    padding: 0rem 5%;
    margin-bottom: 4rem; }
    .pricelist--table table {
      width: 100%;
      background-color: white;
      border: 1px solid #E7E3E1;
      padding: 0;
      border-collapse: collapse; }
      .pricelist--table table th, .pricelist--table table td {
        padding: 1rem; }
      .pricelist--table table th:first-child {
        text-align: left;
        background-color: #DEEFC9; }
      .pricelist--table table td {
        font-family: "Circular-Book", sans-serif;
        font-weight: 300;
        text-align: center; }
        .pricelist--table table td:first-child {
          text-align: left;
          background-color: #D6EBBC; }
      .pricelist--table table tbody tr:nth-child(2n+2) td:first-child {
        background-color: #DEEFC9; }
      .pricelist--table table tbody tr:nth-child(2n+1) td:not(:first-child) {
        background-color: #F9F8F7; }
  .pricelist--zone {
    padding: 2rem 5%;
    background-color: white; }
    .pricelist--zone--item {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      margin-bottom: 2rem; }
      .pricelist--zone--item--title {
        flex: 1; }
      .pricelist--zone--item--text {
        flex: 3;
        font-family: "Circular-Book", sans-serif;
        font-weight: 300; }

#card-header-0 span, #card-header-1 span {
  font-size: 18px !important;
  font-weight: 400;
  display: block; }
  #card-header-0 span + span, #card-header-1 span + span {
    font-weight: 700; }