/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
   display: block
}

audio,
canvas,
video {
   display: inline-block
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

a {
   background: transparent
}

a:focus {
   outline: thin dotted
}

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

h1 {
   font-size: 2em;
   margin: .67em 0
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0
}

mark {
   background: #ff0;
   color: #000
}

code,
kbd,
pre,
samp {
   font-family: monospace, serif;
   font-size: 1em
}

pre {
   white-space: pre-wrap
}

q {
   quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 0
}

fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   border: 0;
   padding: 0
}

button,
input,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   margin: 0
}

button,
input {
   line-height: normal
}

button,
select {
   text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0
}

input[type="search"] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0
}

textarea {
   overflow: auto;
   vertical-align: top
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

body {
   background-color: #fff;
   margin: 0;
   padding: 0
}

::-moz-selection {
   background: #689240;
   color: #fff;
   text-shadow: none
}

::selection {
   background: #689240;
   color: #fff;
   text-shadow: none
}

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

fieldset {
   border: 0;
   margin: 0;
   padding: 0
}

textarea {
   resize: vertical
}

.browsehappy {
   margin: .2em 0;
   background: #ccc;
   color: #000;
   padding: .2em 0
}

.container {
   width: 90%;
   max-width: 1000px;
   margin: auto
}

body {
   width: 100%
}

html {
   font-family: "Lato", "Helvetica Neue", Helvetica, sans-serif;
   font-weight: 200;
   font-size: 1.3em;
   line-height: 1.8
}

body,
select,
input,
textarea {
   color: #4d4d4d
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: inherit;
   font-weight: 900;
   line-height: 1.2
}

h1 {
   font-size: 3.7em
}

h2 {
   font-size: 2.7em;
   margin: .9em 0 .9em 0
}

h3 {
   font-size: 1.7em;
   margin: 1.2em 0 1.2em 0
}

h4 {
   font-size: 1.3em
}

h5 {
   font-size: .83em
}

h6 {
   font-size: .75em
}

.small {
   font-size: .7150000000000001em
}

a {
   color: #689240;
   text-decoration: none;
   border-bottom: 1px solid #689240;
   -webkit-transition: color .2s ease-out;
   -webkit-transition-property: color;
   -webkit-transition-duration: .2s;
   -webkit-transition-timing-function: ease-out;
   -webkit-transition-delay: initial;
   -moz-transition: color .2s ease-out;
   -o-transition: color .2s ease-out;
   -ms-transition: color .2s ease-out;
   transition: color .2s ease-out;
   transition-property: color;
   transition-duration: .2s;
   transition-timing-function: ease-out;
   transition-delay: initial
}

a:hover {
   color: #425d29
}

#main-header {
   padding: 3em 0 5em 0;
   text-transform: uppercase;
   letter-spacing: 2px;
   text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);
   color: #fff;
   position: relative;
   background: #000
}

#main-header .container {
   position: relative;
   z-index: 2
}

#main-header:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../images/lol.jpg) repeat center center;
   opacity: .6
}

#main-header h1 {
   margin: .9em 0 .5em 0;
   letter-spacing: 8px
}

#main-header p {
   font-weight: 700
}

header {
   text-align: center
}

.body-header {
   margin: 0 0 4em 0
}

.call-to-action {
   background: #EDEFEE;
   padding: 1em 0 1em 0;
   border-bottom: 1px solid #ddd
}

.cta-container {
   width: 90%;
   max-width: 600px;
   margin: auto
}

.call-to-action p {
   float: left
}

.call-to-action a {
   float: right
}

.cta-2 {
   border-bottom: 0
}

#macbook {
   text-align: center;
   /* padding: 4em 0 0 0 */
}

#macbook img {
   margin: 5em 0 0 0;
   width: 100%
}

#summary {
   width: 100%;
   text-align: center;
   position: relative;
   padding: 4em 0 6em 0;
   color: #fff;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
   text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);
   background: #000
}

#summary .container {
   position: relative;
   z-index: 2
}

#summary:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../images/summary.jpg) repeat center center;
   opacity: .3
}

#summary p {
   margin: 0 0 2.7em 0
}

#summary a,
.slider a {
   color: #fff;
   border-bottom: 1px solid white
}

#summary .btn,
.slider .btn {
   background: transparent;
   border: 2px solid #FCFCFC;
   -webkit-transition: background-color .2s ease-out;
   -webkit-transition-property: background-color;
   -webkit-transition-duration: .2s;
   -webkit-transition-timing-function: ease-out;
   -webkit-transition-delay: initial;
   -moz-transition: background-color .2s ease-out;
   -o-transition: background-color .2s ease-out;
   -ms-transition: background-color .2s ease-out;
   transition: background-color .2s ease-out;
   transition-property: background-color;
   transition-duration: .2s;
   transition-timing-function: ease-out;
   transition-delay: initial
}

#summary .btn:hover,
.slider .btn:hover {
   background: rgba(255, 255, 255, .2);
   color: #fff
}

#three-images {
   padding: 4em 0 6em 0
}

.img-circle-div {
   display: inline;
   float: left;
   width: 31.372549019607842%;
   margin: 0 .9803921568627451%;
   *width: 31.32046568627451%;
   *margin: 0 .9283088235294117%;
   text-align: center
}

#three-images img {
   border-radius: 50%;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

#slider-main {
   padding: 4em 0 3em 0;
   color: #fff
}

.slider {
   position: relative;
   overflow: auto;
   color: #fff;
   text-align: center;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
   text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3)
}

.slider ul {
   list-style-type: none !important;
   padding: 0;
   margin: 0
}

.slider li {
   list-style: none !important;
   height: 25em;
   position: relative
}

.slider ul li {
   float: left;
   padding-top: 8em
}

.slider h2,
.slider p {
   width: 90%;
   max-width: 1000px
}

.slider h2 {
   margin: .9em auto .9em auto
   
}

.slider p {
   margin: 0 auto 2.7em auto
   
}

#left-arrow,
#right-arrow {
   position: absolute;
   z-index: 100;
   margin-top: 15em
}

#left-arrow {
   background-position: 0 0;
   left: 40px
}

#right-arrow {
   background-position: 0 0;
   right: 40px
}

#left-arrow a,
#right-arrow a {
   color: #fff;
   border-bottom: 0
}

.slide h2,
.slide p,
.slide a {
   position: relative;
   z-index: 2
}

.slide:after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0
}

#slide1 {
   background: #547293
}

#slide1:after {
   background: url(../images/slide1.jpg) repeat center center;
   opacity: .3
}

#slide2 {
   background: #7b9c2e
}

#slide2:after {
   background: url(../images/slide2.jpg) repeat center center;
   opacity: .3
}

#slide3 {
   background: #89587E
}

#slide3:after {
   background: url(../images/slide3.jpg) repeat center center;
   opacity: .3
}

#slide4 {
   background: #AA7742
}

#slide4:after {
   background: url(../images/slide4.jpg) repeat center center;
   opacity: .3
}

#list {
   padding: 4em 0 4em 0
}

#list i {
   position: absolute
}

#list h3 {
   margin: 0 0 20px 70px
}

#list article p {
   margin: 0 0 0 70px
}

.list-row {
   display: block;
   width: 101.96078431372548%;
   margin: 0 -.9803921568627451%;
   *width: 101.90870098039215%;
   *margin: 0 -1.0324754901960784%;
   *zoom: 1;
   margin: 3em 0 3em 0;
   padding: 0 0 3em 0;
   border-bottom: 1px solid #ddd
}

.list-row:last-child {
   border-bottom: 0;
   padding: 0
}

.list-item {
   display: inline;
   float: left;
   width: 48.03921568627451%;
   margin: 0 .9803921568627451%;
   *width: 47.987132352941174%;
   *margin: 0 .9283088235294117%
}

hr {
   color: #ddd
}

footer {
   padding: 3em 0 3em 0;
   height: 25px
}

.social-boat {
   float: left
}

.social-boat div {
   display: inline-block
}

#footer-text {
   float: right
}

#footer-text p {
   margin: 0
}

@media (max-width: 610px) {

   #left-arrow,
   #right-arrow {
      display: none
   }

   .slider h2,
   .slider p {
      width: 90%
   }

   .slider ul li {
      padding-top: 5em
   }

   .slider li {
      height: 29em
   }

   .body-header {
      margin: 0 0 2.5em 0
   }

   #macbook {
      padding: 2.5em 0 0 0
   }

   #macbook img {
      margin: 3em 0 0 0
   }

   #summary {
      padding: 2.5em 0 5em 0
   }

   #three-images {
      padding: 2.5em 0 2em 0
   }

   .img-circle-div p {
      margin-bottom: 3em
   }

   #list {
      padding: 2.5em 0 2em 0
   }

   #list header {
      margin-bottom: 1.5em
   }

   .list-item {
      padding: 2em 0 2em 0 !important
   }
}

@media (max-width: 640px) {
   .call-to-action {
      text-align: center
   }

   .call-to-action p {
      float: none;
      margin-top: 0
   }

   .call-to-action a {
      float: none;
      margin-bottom: 15px
   }

   footer {
      text-align: center;
      height: 20px
   }

   .social-boat {
      display: none
   }

   #footer-text {
      float: none
   }
}

@media (max-width: 850px) {
   .img-circle-div {
      display: inline;
      float: left;
      width: 98.0392156862745%;
      margin: 0 .9803921568627451%;
      *width: 97.98713235294117%;
      *margin: 0 .9283088235294117%;
      text-align: center
   }

   h1 {
      font-size: 3.1em
   }

   h2 {
      font-size: 2.1em
   }

   h3 {
      font-size: 1.1em
   }

   html {
      font-size: 1.1em
   }
}

@media (max-width: 1065px) {
   .list-row {
      border-bottom: 0;
      padding: 0;
      margin: 0
   }

   .list-item {
      display: inline;
      float: left;
      width: 98.0392156862745%;
      margin: 0 .9803921568627451%;
      *width: 97.98713235294117%;
      *margin: 0 .9283088235294117%;
      border-bottom: 1px solid #ddd;
      padding: 3em 0 3em 0
   }

   #last-item {
      border-bottom: 0;
      padding-bottom: 0
   }

   #left-arrow {
      background-position: 0 0;
      left: 20px
   }

   #right-arrow {
      background-position: 0 0;
      right: 20px
   }

   .slider h2,
   .slider p {
      width: 80%
   }
}

.btn {
   display: inline-block;
   padding: 15px 20px;
   color: #fff;
   margin: 5px 0 0 0;
   font-family: "Lato", "Helvetica Neue", Helvetica, sans-serif;
   line-height: 1.8;
   text-align: center;
   font-weight: 400;
   text-decoration: none;
   text-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .3);
   background: #79a94b;
   vertical-align: middle;
   cursor: pointer;
   border: .1em solid #689240;
   border-radius: .3em;
   white-space: nowrap;
   -webkit-transition: background-color .2s ease-out;
   -webkit-transition-property: background-color;
   -webkit-transition-duration: .2s;
   -webkit-transition-timing-function: ease-out;
   -webkit-transition-delay: initial;
   -moz-transition: background-color .2s ease-out;
   -o-transition: background-color .2s ease-out;
   -ms-transition: background-color .2s ease-out;
   transition: background-color .2s ease-out;
   transition-property: background-color;
   transition-duration: .2s;
   transition-timing-function: ease-out;
   transition-delay: initial
}

.btn:hover,
:focus {
   text-decoration: none;
   background: #689240;
   color: #fff
}

.btn:active,
.active {
   outline: 0;
   background-image: none
}

fieldset {
   padding: 0;
   margin: 0;
   border: 0
}

legend {
   display: block;
   width: 100%;
   padding: 0;
   margin-bottom: 2em;
   font-size: 1.9500000000000002em;
   line-height: inherit;
   border: 0
}

label {
   display: inline-block;
   margin-bottom: 5px;
   font-weight: 700
}

textarea {
   height: auto
}

input[type="radio"],
input[type="checkbox"] {
   margin: 4px 0 0;
   margin-top: 1px \9;
   line-height: normal
}

input[type="file"] {
   display: block
}

select[multiple],
select[size] {
   height: auto
}

select optgroup {
   font-size: inherit;
   font-style: inherit;
   font-family: inherit
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
   height: auto
}

.cf:before,
.cf:after {
   content: "";
   display: table
}

.cf:after {
   clear: both
}

.cf {
   *zoom: 1
}

@media print {
   * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important
   }

   a,
   a:visited {
      text-decoration: underline
   }

   a[href]:after {
      content: " (" attr(href) ")"
   }

   abbr[title]:after {
      content: " (" attr(title) ")"
   }

   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
      content: ""
   }

   pre,
   blockquote {
      border: 1px solid #999;
      page-break-inside: avoid
   }

   thead {
      display: table-header-group
   }

   tr,
   img {
      page-break-inside: avoid
   }

   img {
      max-width: 100% !important
   }

   @page {
      margin: .5cm
   }

   p,
   h2,
   h3 {
      orphans: 3;
      widows: 3
   }

   h2,
   h3 {
      page-break-after: avoid
   }
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */