.clearfix:after, #header:after, .feedback .form-holder:after {
  content: " ";
  display: block;
  clear: both;
}

.full-width {
  padding-left: 9999px;
  padding-right: 9999px;
  margin-left: -9999px;
  margin-right: -9999px;
}

* {
  max-height: 10000px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?eh2hff");
  src: url("../fonts/icomoon.eot?#iefixeh2hff") format("embedded-opentype"), url("../fonts/icomoon.woff?eh2hff") format("woff"), url("../fonts/icomoon.ttf?eh2hff") format("truetype"), url("../fonts/icomoon.svg?eh2hff#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e60e";
}

.icon-linkedin:before {
  content: "\e60a";
}

.icon-pinterest:before {
  content: "\e60b";
}

.icon-twitter:before {
  content: "\e60c";
}

.icon-facebook:before {
  content: "\e60d";
}

.icon-youtube:before {
  content: "\e600";
}

.icon-application:before {
  content: "\e601";
}

.icon-check:before {
  content: "\e602";
}

.icon-component:before {
  content: "\e603";
}

.icon-curve:before {
  content: "\e604";
}

.icon-curve-border:before {
  content: "\e605";
}

.icon-database:before {
  content: "\e606";
}

.icon-html5:before {
  content: "\e607";
}

.icon-logo-limegreen:before {
  content: "\e608";
}

.icon-mail:before {
  content: "\e609";
}

@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis-bold.eot");
  src: url("../fonts/dosis-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis-bold.woff2") format("woff2"), url("../fonts/dosis-bold.ttf") format("truetype"), url("../fonts/dosis-bold.svg#dosis") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis-semibold.eot");
  src: url("../fonts/dosis-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis-semibold.woff2") format("woff2"), url("../fonts/dosis-semibold.ttf") format("truetype"), url("../fonts/dosis-semibold.svg#dosis") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis-medium.eot");
  src: url("../fonts/dosis-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis-medium.woff2") format("woff2"), url("../fonts/dosis-medium.ttf") format("truetype"), url("../fonts/dosis-medium.svg#dosis") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis.eot");
  src: url("../fonts/dosis.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis.woff2") format("woff2"), url("../fonts/dosis.ttf") format("truetype"), url("../fonts/dosis.svg#dosis") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis-light.eot");
  src: url("../fonts/dosis-light.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis-light.woff2") format("woff2"), url("../fonts/dosis-light.ttf") format("truetype"), url("../fonts/dosis-light.svg#dosis") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'dosis';
  src: url("../fonts/dosis-extralight.eot");
  src: url("../fonts/dosis-extralight.eot?#iefix") format("embedded-opentype"), url("../fonts/dosis-extralight.woff2") format("woff2"), url("../fonts/dosis-extralight.ttf") format("truetype"), url("../fonts/dosis-extralight.svg#dosis") format("svg");
  font-weight: 100;
  font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  color: #4d4d4d;
  font: 300 30px/40px "dosis", arial, helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  min-width: 1170px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

img {
  border-style: none;
  padding: 0;
  vertical-align: top;
}

p {
  margin: 0 0 10px;
}

a {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  color: white;
  outline: none;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none !important;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

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

input::-ms-clear {
  display: none;
}

input[type=text].lg-contact, input[type=password].lg-contact, input[type=email].lg-contact, 
input[type=tel].lg-contact, input[type=file].lg-contact, input[type=submit].lg-contact, 
input[type=search].lg-contact, textarea.lg-contact {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

/* Replace the bullet image for normal lists */
ul {
   list-style-image: url('/images/bullet.png');
}

#header {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  position: relative;
  padding: 58px 0 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 300005;
  background: #fff;
  height: 150px;
}
#header .holder {
  width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}
#header .columns {
  overflow: hidden;
  margin: 0 -40px;
}
#header .columns .col {
  float: left;
  width: 31.9%;
  padding: 0 20px 0 40px;
  border-right: 1px solid #474747;
}
#header .columns .col:last-child {
  border: 0;
}
#header .columns .col:first-child {
  width: 37.8%;
}
#header .columns .col:nth-child(3n+2) {
  width: 30.3%;
}
#header .columns .col:nth-child(3n+3) h2 {
  max-width: 114px;
}
#header .columns h2 {
  font-weight: 100;
  color: #79df00;
  font-size: 34px;
  line-height: 40px;
  float: left;
  max-width: 211px;
  margin: 0 30px 0 0;
}
#header .columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
  padding: 5px 0 0;
}
#header .columns ul li {
  padding: 0 0 18px;
}
#header .columns ul li.active a {
  color: #79df00;
  font-weight: 700;
}
#header .columns ul li.active a .icon-arrow-right {
  opacity: 1;
}
#header .columns ul a {
  color: #ffffff;
  display: block;
  position: relative;
}
#header .columns ul a .icon-arrow-right {
  opacity: 0;
  float: right;
  font-size: 18px;
  margin: 3px 0 0 5px;
}
#header .columns ul a:hover {
  color: #79df00;
  font-weight: 700;
}
#header .columns ul a:hover .icon-arrow-right {
  opacity: 1;
}

.logo {
  float: left;
  width: 240px;
  height: 62px;
}
.logo a {
  display: block;
}

#nav {
  max-width: 850px;
  float: right;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  padding: 6px 0 0;
  margin: 0 -19px 0 0;
}
#nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav > ul > li {
  float: left;
  margin: 0 19px;
}
#nav > ul > li.login {
  font-weight: 600;
}
#nav > ul > li.login a {
  color: #79df00;
}
#nav > ul > li.active a {
  color: #000;
}
#nav > ul > li.active a:after {
  opacity: 1;
  visibility: visible;
}
#nav > ul > li.drop-item > a span:before {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: -32px;
  left: 50%;
  width: 4px;
  height: 4px;
  border: 2px solid #ababab;
  margin: 0 0 0 -4px;
}
#nav > ul > li.drop-item:hover .drop {
  display: block;
}
#nav > ul > li.drop-item:hover .drop .drop-frame {
  margin: 0;
}
#nav > ul > li.drop-item:hover > a {
  color: #000;
}
#nav > ul > li.drop-item:hover > a:after {
  display: none;
}
#nav > ul > li.drop-item:hover > a:before {
  opacity: 1;
  visibility: visible;
  bottom: -8px;
}
#nav > ul > li.drop-item:hover > a span:before {
  border-color: #79df00;
}
#nav > ul > li > a {
  color: #777;
  display: block;
  padding: 37px 0 25px;
  position: relative;
}
#nav > ul > li > a .icon-arrow-right {
  opacity: 0;
}
#nav > ul > li > a:hover {
  color: #000;
}
#nav > ul > li > a:hover:after {
  opacity: 1;
  visibility: visible;
}
#nav > ul > li > a:after {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
  visibility: hidden;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 8px;
  background: #79df00;
}
#nav > ul > li > a:before {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0;
  visibility: hidden;
  content: '';
  position: absolute;
  z-index: 300004;
  bottom: 200px;
  left: 50%;
  margin: 0 0 0 -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent;
}
#nav > ul > li > a span {
  position: relative;
  z-index: 300005;
  display: block;
  height: 100%;
}
#nav > ul > li .drop {
  position: absolute;
  z-index: 300003;
  background: #2b2b2b;
  top: 100%;
  right: 0;
  left: 0;
}
#nav > ul > li .drop .drop-holder {
  overflow: hidden;
}
#nav > ul > li .drop .drop-frame {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 30px 0;
  margin: -500px 0 0;
  min-height: 337px;
  border: solid #1e1e1e;
  border-width: 2px 0;
  z-index: 300000;
}

#wrapper {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 150px 0 0;
}
#wrapper.fixed {
  padding: 102px 0 0;
}
#wrapper.fixed #header {
  height: 102px;
  padding: 10px 0 0;
}

.section {
  position: relative;
}

.bg-holder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  min-height: 500px;
  overflow: hidden;
}

.bg-frame {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.bg-frame img {
  vertical-align: top;
  position: absolute;
}

.section .section-holder {
  position: relative;
  z-index: 300002;
  width: 1170px;
  margin: 0 auto;
  padding: 20px 15px;
  text-align: center;
}
.section .section-holder h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: 300;
  color: #474747;
  margin: 0 0 30px;
}
.section .section-holder .note {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #303030;
  font-style: italic;
}
.section > .icone-holder {
  white-space: nowrap;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 120px;
  height: 120px;
  position: absolute;
  background: #79df00;
  left: 50%;
  z-index: 300004;
  text-align: center;
}
.section > .icone-holder:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 120px;
}
.section > .icone-holder:hover {
  background: #2b2b2b;
}
.section > .icone-holder:hover span {
  color: #79e000;
}
.section > .icone-holder:hover .text-contact {
  color: #303030;
}
.section > .icone-holder span {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  line-height: 22px;
}
.section.visual-section .section-holder {
  padding: 0;
  text-align: left;
}
.section.intro {
  background: #dee6d9;
  padding: 55px 0 137px;
}
.section.intro .section-holder {
  font-size: 24px;
  line-height: 30px;
}
.section.intro a {
  color: #58a300;
  font-weight: 600;
}
.section.intro a:hover {
  color: #3c7000;
}
.section.contact {
  padding: 0;
  color: #fff;
}
.section.contact .bg-holder {
  min-height: 870px;
}
.section.contact .section-holder {
  white-space: nowrap;
  min-height: 830px;
}
.section.contact .section-holder:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 830px;
}
.section.contact .icone-message {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 140px;
  height: 140px;
  position: absolute;
  left: 50%;
  z-index: 300004;
  padding: 10px;
  background: #dee6d9;
  top: -70px;
}
.section.contact .icone-holder {
  white-space: nowrap;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 120px;
  height: 120px;
  color: #fff;
  font-size: 42px;
  background: #79df00;
  text-align: center;
  left: auto;
}
.section.contact .icone-holder:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 100px;
}
.section.contact .icone-holder i {
  display: inline-block;
  vertical-align: middle;
  margin: 13px 0 0 11px;
}
.section.contact .icone-holder:hover {
  background: #2b2b2b;
  color: #79e000;
}
.section.contact .text-contact {
  position: absolute;
  text-transform: uppercase;
  font: 400 20px/24px 'dosis', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #303030;
  display: block;
  right: 0;
  left: 0;
  text-align: center;
  top: -29px;
}
.section.contact .center-block {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  padding: 10px 0;
}
.section.contact .contact-icone {
  color: #fff;
  position: relative;
  padding: 0 0 60px;
  display: inline-block;
  vertical-align: top;
}
.section.contact .contact-icone .icon-curve {
  font-size: 34px;
}
.section.contact .contact-icone .icon-curve-border {
  font-size: 92px;
  position: absolute;
  top: -28px;
  left: -32px;
}
.section.contact h2 {
  color: #fff;
}
.section.contact strong {
  font-weight: 600;
}
.section.skills {
  background: #2b2b2b;
  padding: 93px 0 144px;
}
.section.skills h2 {
  color: #fff;
  margin: 0 0 35px;
}
.section.skills .list-skills {
  width: 1143px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.section.skills .list-skills a {
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
}
.section.skills .list-skills a:hover {
  text-decoration: none;
}
.section.skills .list-skills .row {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #414141;
  display: table;
  width: 100%;
}
.section.skills .list-skills .row li {
  width: 33.3%;
  display: table-cell;
  text-align: center;
  padding: 50px 60px 53px;
}
.section.skills .list-skills .row li:nth-child(3n+2) {
  border: solid #414141;
  border-width: 0 1px;
}
.section.skills .list-skills .row li h3 {
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
  color: #79df00;
  margin: 0 0 21px;
}
.section.skills .icone-holder {
  white-space: nowrap;
  font: 600 20px/24px 'dosis', Arial, Helvetica, sans-serif;
  color: #303030;
  text-transform: uppercase;
  top: auto;
  bottom: -60px;
}
.section.skills .icone-holder:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 120px;
}
.section.skills .icone-holder span {
  padding: 5px 10px;
}
.section.section-form .section-holder {
  padding: 166px 15px 147px;
}
.section.section-form .form-heading {
  color: #5e5e5e;
  font-size: 40px;
  line-height: 53px;
  padding: 0 0 49px;
}
.section.section-form .form-heading a {
  color: #79df00;
  text-decoration: underline;
  font-size: 40px;
  line-height: 53px;
  padding: 0 0 49px;
}
.section.section-form .form-heading strong {
  font-weight: 500;
}
.section.section-form h2 {
  color: #79df00;
  margin: 0 0 14px;
}

.feedback {
  width: 780px;
  margin: 0 auto;
  position: relative;
}
.feedback .form-holder {
  padding: 0 0 30px;
  margin: 0 -20px 0 0;
}
.feedback .input-group {
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  height: 120px;
  width: 380px;
  margin: 0 20px 0 0;
  padding: 20px 0 0;
  float: left;
  border: 1px solid #c6c6c6;
  text-align: left;
  overflow: hidden;
  position: relative;
}
.feedback .input-placeholder-text {
  font-size: 28px;
  line-height: 32px;
  font-weight: 300;
  color: #ababab !important;
  font-style: italic;
  top: 28px;
  left: 37px;
}
.feedback label {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  color: #474747;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 40px;
}
.feedback .textarea-holder {
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  border: 1px solid #c6c6c6;
  width: 100%;
  height: 230px;
  padding: 0 0 60px;
}
.feedback .textarea-holder label {
  position: absolute;
  bottom: 38px;
  left: 0;
}
.feedback textarea {
  resize: none;
  font: 300 italic 28px/32px 'dosis', Arial, Helvetica, sans-serif;
  color: #ababab;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 28px 37px;
  border: 0;
}
.feedback textarea:focus {
  outline: none !important;
}
.feedback .btn-holder {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -88px;
  width: 140px;
  height: 140px;
  border: 10px solid #fff;
  left: 50%;
}
.feedback button[type="submit"] {
  white-space: nowrap;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background: #79df00;
  color: #fff;
  text-align: center;
  border: 0;
  margin: 0;
  cursor: pointer;
  font-size: 33px;
}
.feedback button[type="submit"]:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 120px;
}
.feedback button[type="submit"] i {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.feedback button[type="submit"]:hover, .feedback button[type="submit"]:focus, .feedback button[type="submit"]:active {
  background: #2b2b2b;
  color: #79e000;
  outline: none;
}

input[type="text"].lg-contact,
input[type="email"].lg-contact {
  width: 100%;
  padding: 5px 35px;
  border: 0;
  margin: 0;
  line-height: 40px;
  height: 50px;
  font: 300 italic 28px/32px 'dosis', Arial, Helvetica, sans-serif;
  color: #ababab;
  outline: none;
}
input[type="text"].lg-contact:focus, input[type="text"].lg-contact:active, input[type="text"].lg-contact:required,
input[type="email"].lg-contact:focus,
input[type="email"].lg-contact:active,
input[type="email"].lg-contact:required {
  outline: none;
}

input:invalid {
  -moz-box-shadow: none !important;
}

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

.list-technologies {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  color: #777;
  padding: 55px 88px 41px;
  overflow: hidden;
}
.list-technologies li {
  float: left;
  width: 33.3%;
  padding: 0 40px;
}
.list-technologies li .icone-holder {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  background: #fff;
  text-align: center;
  margin: 0 0 31px;
}
.list-technologies li .icone-holder:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 120px;
}
.list-technologies li .icone-holder .icone {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  color: #79e000;
}
.list-technologies li .icone-holder i {
  font-size: 57px;
  margin: 0 0 0 5px;
}
.list-technologies li .icone-holder .image {
  margin: -10px 0 0 7px;
}
.list-technologies li .icone-holder .image.icone-js {
  margin: -2px 0 0 9px;
}
.list-technologies li .title {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #303030;
  font-style: normal;
  margin: 0 0 3px;
}

.cycle-gallery {
  position: relative;
  z-index: 1;
  padding: 77px 0;
  max-width: 1170px;
  min-height: 500px;
}
.cycle-gallery .mask {
  position: relative;
  overflow: hidden;
  width: 1170px;
}
.cycle-gallery .mask .slideset {
  width: 99999px;
  float: left;
}
.cycle-gallery .mask .slide {
  width: 1170px;
  float: left;
}
.cycle-gallery .mask .slide.active {
  z-index: 1;
}
.cycle-gallery .visual-holder {
  overflow: hidden;
  padding: 0 174px 0 94px;
}
.cycle-gallery .visual-holder .visual {
  float: right;
  min-width: 381px;
  position: relative;
  margin: 8px 0 0;
}
.cycle-gallery .visual-holder .visual .circle {
  white-space: nowrap;
  background: url(../images/bg-border.png) no-repeat;
  display: block;
  height: 261px;
  width: 261px;
  text-align: center;
}
.cycle-gallery .visual-holder .visual .circle:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 261px;
}
.cycle-gallery .visual-holder .visual .circle i,
.cycle-gallery .visual-holder .visual .circle img {
  display: inline-block;
  vertical-align: middle;
  font-size: 109px;
  color: #fff;
}
.cycle-gallery .visual-holder .visual .btn {
  white-space: nowrap;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 140px;
  height: 140px;
  background: #8aff00;
  text-transform: uppercase;
  color: #2b2b2b;
  font-size: 20px;
  line-height: 19px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: 61px;
  right: 1px;
  box-sizing: content-box;
}
.cycle-gallery .visual-holder .visual .btn:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 140px;
}
.cycle-gallery .visual-holder .visual .btn:hover {
  background: #000;
  color: #8aff00;
}
.cycle-gallery .visual-holder .visual .btn .btn-text {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  padding: 3px 5px;
}
.cycle-gallery .visual-holder .text-holder {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  overflow: hidden;
  padding: 0 70px 0 0;
}
.cycle-gallery .visual-holder .text-holder h2 {
  font-size: 72px;
  line-height: 80px;
  color: #8aff00;
  font-weight: 100;
  margin: 0 0 24px;
}
.cycle-gallery .switcher {
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin: 0 0 0 -18px;
  width: 36px;
  height: 56px;
  border: 3px solid #fff;
}
.cycle-gallery .switcher:after {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  content: '';
  position: absolute;
  top: 9px;
  left: 12px;
  width: 6px;
  height: 14px;
  background: #fff;
}

#footer {
  overflow: hidden;
}

.footer-lists .bg-holder {
  min-height: 470px;
}
.footer-lists .section-holder {
  padding: 70px 15px 30px;
  min-height: 470px;
}
.footer-lists .columns {
  overflow: hidden;
  text-align: left;
}
.footer-lists .columns .col {
  width: 25%;
  float: left;
}
.footer-lists .columns h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: #8aff00;
  padding: 0 0 17px 20px;
  margin: 0 0 10px;
  border-bottom: 1px solid #4b583e;
}
.footer-lists .columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 9px 15px 0 20px;
  font-size: 18px;
  line-height: 22px;
}
.footer-lists .columns ul li {
  width: 100%;
  padding: 0 0 18px;
}
.footer-lists .columns ul a {
  color: #c6c6c6;
}
.footer-lists .columns ul a:hover {
  text-decoration: underline;
  font-weight: 500;
  color: #8aff00;
}

.footer-holder {
  overflow: hidden;
  background: #dee6d9;
}
.footer-holder .section-holder {
  overflow: hidden;
  text-align: left;
  padding: 40px 15px 39px;
}

.socials {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  font-size: 36px;
}
.socials li {
  float: left;
  margin: 0 0 0 14px;
}
.socials a {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  color: #8d9388;
}
.socials a:hover {
  color: #2b2b2b;
}
.socials a.linkedin {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  white-space: nowrap;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
  width: 36px;
  height: 36px;
  border: 2px solid #8e9489;
  font-size: 18px;
}
.socials a.linkedin:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  min-height: 36px;
}
.socials a.linkedin i {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin: 6px 0 0 4px;
}
.socials a.linkedin:hover {
  border-color: #000;
}

.menu-holder {
  margin: 0 -15px;
}

.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  font-size: 22px;
  line-height: 27px;
  font-weight: 400;
  padding: 4px 0 0;
}
.footer-menu li {
  float: left;
  position: relative;
  padding: 0 15px;
}
.footer-menu li:after {
  content: '/';
  color: #4a5544;
  position: absolute;
  top: 1px;
  left: -4px;
}
.footer-menu li:first-child:after {
  display: none;
}
.footer-menu a {
  color: #4a5544;
}
.footer-menu a:hover {
  text-decoration: underline;
  color: #000;
  font-weight: 500;
}

.footer-bottom {
  background: #2b2b2b;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #a5aea2;
}
.footer-bottom .section-holder {
  padding: 45px 15px 63px;
}
.footer-bottom .copy {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #fff;
  display: block;
  padding: 0 0 16px;
}
.footer-bottom .copy a {
  color: #79df00;
}
.footer-bottom .copy a:hover {
  color: #5dac00;
}
.footer-bottom address {
  font-style: normal;
  padding: 0 0 49px;
}
.footer-bottom p {
  margin: 0 0 4px;
}
.footer-bottom .logo {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}