.bg-primary {

  background-color: #01a2a6 !important;

}

.bg-secondary-1 {

  background-color: #2f2933 !important;

}

.bg-secondary-2 {

  background-color: #29d9c2 !important;

}

.bg-white {

  background-color: #fff !important;

}

.bg-dribbble {

  background-color: #ea4c89;

}

.bg-twitter {

  background-color: #00a0d1;

}

.bg-facebook {

  background-color: #3b5998;

}

.bg-googleplus {

  background-color: #c63d2d;

}

.bg-tumblr {

  background-color: #34526f;

}

.text-dribbble {

  color: #ea4c89;

}

.text-twitter {

  color: #00a0d1;

}

.text-facebook {

  color: #3b5998;

}

.text-googleplus {

  color: #c63d2d;

}

.text-tumblr {

  color: #34526f;

}

.text-white {

  color: #fff;

}

.text-primary {

  color: #01a2a6;

}

.standard-radius {

  border-radius: 25px;

}

.transition-500 {

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

}

.transition-2000 {

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  transition: all 2s ease;

}

.transition-300 {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.cover-div {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

}

.blank-input {

  background: none;

  border: none;

  box-shadow: none;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.font-body {

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.font-heading {

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

body {

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  color: #777777;

  font-size: 14px;

  line-height: 24px;

}

h1,

h2,

h3,

h4,

h5,

h5,

h6 {

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;

  color: #333333;

  margin: 0px;

}

.alt-font {

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

ul {

  list-style: none;

  padding: 0px;

}

a:hover {

  text-decoration: none;

}

.pointer {

  cursor: pointer !important;

}

.uppercase {

  text-transform: uppercase;

}

img {

  max-width: 100%;

}

.jumbo-h1 {

  font-size: 40px;

  line-height: 56px;

  font-weight: 600;

  margin-bottom: 64px;

}

.standard-h1 {

  font-size: 32px;

  line-height: 44px;

  margin-bottom: 48px;

}

h1 {

  font-size: 32px;

  line-height: 44px;

  margin-bottom: 48px;

}

h2 {

  font-size: 22px;

  line-height: 44px;

}

h3 {

  font-size: 26px;

  line-height: 32px;

}

h5 {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 16px;

}

h6 {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 16px;

}

strong {

  font-weight: 600;

}

p {

  font-size: 14px;

  line-height: 24px;

}

p.lead {

  font-size: 16px;

  line-height: 30px;

  font-weight: normal;

}

p:last-child {

	margin-bottom: 0px;

	text-align: left;

}

p a {

  color: #333333;

}

.quote-text {

  font-size: 24px;

  line-height: 40px;

  font-style: italic;

  font-weight: 300;

}

span.text-white a {

  font-weight: 600;

  color: #fff;

}

.main-container {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-transform: translate3d(0px, 0, 0);

  -moz-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

  overflow: hidden;

  width: 100%;

}

.main-container.reveal-nav {

  -webkit-transform: translate3d(-300px, 0, 0);

  -moz-transform: translate3d(-300px, 0, 0);

  transform: translate3d(-300px, 0, 0);

}

--.--loader {

  position: fixed;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: 9999;

  text-align: center;

  -webkit-transition: all .0s ease;

  -moz-transition: all .0s ease;

  transition: all .0s ease;

  opacity: 1;

}

.spinner {

  width: 40px;

  height: 40px;

  position: relative;

  top: 50%;

  left: 50%;

  margin-left: -20px;

  margin-top: -20px;

}

.double-bounce1,

.double-bounce2 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #01a2a6;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: bounce 2s infinite ease-in-out;

  animation: bounce 2s infinite ease-in-out;

}

.double-bounce2 {

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}

@-webkit-keyframes bounce {

  0%,

  100% {

    -webkit-transform: scale(0);

  }

  50% {

    -webkit-transform: scale(1);

  }

}

@keyframes bounce {

  0%,

  100% {

    transform: scale(0);

    -webkit-transform: scale(0);

  }

  50% {

    transform: scale(1);

    -webkit-transform: scale(1);

  }

}

section {

	padding-top: 80px;

	padding-bottom: 80px;

	position: relative;

	overflow: hidden;

	background-color: #01a2a6;

}

section.pad-large {

  padding-top: 160px;

  padding-bottom: 160px;

}

section.duplicatable-content {

  padding-bottom: 40px;

}

section:nth-of-type(odd) {

  background: #f4f4f4;

}

section:nth-of-type(even) {

  background: #ffffff;

}

.no-pad {

  padding: 0px;

}

.no-pad-top {

  padding-top: 0px !important;

}

.no-pad-left {

  padding-left: 0px;

}

.no-pad-right {

  padding-right: 0px;

}

.no-pad-bottom {

  padding-bottom: 0px;

}

.space-top-small {

  margin-top: 20px !important;

}

.space-bottom-medium {

  margin-bottom: 40px !important;

}

.space-bottom-large {

  margin-bottom: 80px !important;

}

.space-bottom-xlarge {

  margin-bottom: 160px !important;

}

.no-margin {

  margin: 0;

}

.no-margin-bottom {

  margin-bottom: 0px !important;

}

.btn {

  background: none;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  min-width: 155px;

}

.btn:hover {

  background: none;

  color: #fff;

  border-color: #29d9c2;

  background-color: #29d9c2;

}

.btn-primary {

  border-radius: 25px;

  display: inline-block;

  padding: 14px 28px 13px 28px;

  line-height: 1;

  border: 2px solid #29d9c2;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #e40000;

}

.btn-primary.btn-filled {

  background: #29d9c2;

  color: #fff;

}

.btn-white {

  border-color: #fff;

  color: #fff;

}

.btn-white:hover {

  background: #fff;

  color: #333333;

  border-color: #fff;

}

.btn-white.btn-filled {

  background: #fff;

  color: #01a2a6;

}

.btn-grey {

  border-color: #777777;

  color: #333333;

}

.btn-grey:hover {

  background-color: #333333;

  color: #fff;

  border-color: #333333;

}

.btn-lg {

  padding: 18px 40px;

}

.btn-sm {

  padding: 10px 28px;

  font-size: 11px;

}

.btn-xs {

  padding: 8px 24px;

  font-size: 10px;

}

.btn-text-only {

  border-color: rgba(0, 0, 0, 0);

}

.btn-text-only:hover {

  background: none;

  color: #29d9c2;

  border-color: rgba(0, 0, 0, 0);

}

.link-text {

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  border-bottom: 2px solid #29d9c2;

  display: inline-block;

  padding-bottom: 0px;

  color: #29d9c2;

}

nav hr {

  border: none;

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  position: relative;

  bottom: 2px;

}

.has-dropdown {

  bottom: 3px;

}

.has-dropdown:after {

  font-family: ElegantIcons;

  speak: none;

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  content: "\33";

  color: #777777;

}

.mobile-toggle {

  display: none;

}

.top-bar {

  position: absolute;

  background: #fff;

  width: 100%;

  z-index: 10;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  line-height: 0;

  top: 0;

}

.top-bar .logo {

  max-width: 110px;

  position: relative;

  bottom: 7px;

}

.logo.logo-wide {

  max-width: 140px;

  bottom: 12px;

  margin-bottom: -6px;

}

.logo.logo-square {

  max-width: 100px;

  max-height: 60px;

  bottom: 20px;

  margin-bottom: -20px;

}

.nav-sticky .logo-wide {

  bottom: 12px !important;

}

.nav-sticky .logo-square {

  bottom: 20px !important;

}

.nav-menu {

  padding-top: 40px;

}

.nav-menu .social-icons {

  float: right;

}

.utility-menu {

  margin-top: 16px;

}

.utility-menu .utility-inner {

  padding-bottom: 16px;

}

.utility-menu .btn {

  min-width: 60px;

  padding-left: 18px;

  padding-right: 18px;

  margin-left: 8px;

  margin-right: 0px;

}

.utility-menu span {

  display: inline-block;

  position: relative;

  top: 9px;

}

.utility-menu .btn-text-only {

  min-width: 0px;

  padding: 0px 8px;

}

.overlay-bar {

  background: none;

}

.overlay-bar .has-dropdown:after {

  color: #fff;

}

.menu {

  padding: 0;

  margin: 0;

  display: inline-block;

  position: relative;

  top: 2px;

}

.menu li {

  float: left;

  margin-right: 56px;

  position: relative;

}

.menu li:last-child {

  margin-right: 0px;

}

.menu li a {

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #777777;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  padding-bottom: 40px;

  display: inline-block;

  line-height: 14px;

}

.menu li a:hover {

  color: #333333;

}

@media all and (max-width: 1050px) {

  .menu li {

    margin-right: 32px;

  }

}

.top-bar .social-icons li a {

  font-size: 16px;

}

.top-bar .logo-light {

  display: none;

}

.top-bar .utility-menu .utility-inner {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.overlay-bar .menu li a {

  color: #fff;

}

.overlay-bar .menu li a:hover {

  color: #fff;

}

.overlay-bar .social-icons li a {

  color: #fff;

}

.overlay-bar .subnav li a {

  color: #777777;

}

.overlay-bar .subnav li a:hover {

  color: #333333;

}

.overlay-bar .logo-dark {

  display: none;

}

.overlay-bar .logo-light {

  display: block;

}

.overlay-bar .utility-menu span {

  color: #fff;

}

.overlay-bar .utility-menu .utility-inner {

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.overlay-bar .login-button {

  border-color: #fff;

  color: #fff;

}

.subnav {

  display: none;

  position: absolute;

  background: #fff;

  padding: 24px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

}

.subnav li {

  margin-right: 0px !important;

  min-width: 142px;

}

.subnav li a {

  padding-bottom: 0px !important;

  margin-bottom: 16px;

}

.subnav li:last-child a {

  margin-bottom: 0px;

}

.has-dropdown:hover .subnav {

  display: block;

}

.nav-sticky {

  position: fixed !important;

  top: 0;

}

.nav-sticky .logo {

  bottom: 5px;

}

.nav-sticky hr {

  display: none !important;

}

.top-bar.nav-sticky {

  background: rgba(255, 255, 255, 0.9);

}

.top-bar.nav-sticky .nav-menu {

  padding-top: 32px;

}

.top-bar.nav-sticky .menu li a {

  padding-bottom: 32px;

}

.top-bar.nav-sticky .subnav {

  background: rgba(255, 255, 255, 0.9);

}

.top-bar.nav-sticky .utility-menu {

  display: none;

}

.subnav-fullwidth {

  overflow: hidden;

  left: 0px;

  position: absolute;

  text-align: left;

}

.subnav-fullwidth h6 {

  margin-bottom: 24px !important;

}

.subnav-fullwidth .subnav {

  position: relative;

  overflow: hidden;

  background: none !important;

  text-align: left;

  padding: 0px;

}

.subnav-fullwidth .subnav li {

  float: none !important;

}

.subnav-fullwidth .btn {

  padding-bottom: 13px !important;

  color: #29d9c2 !important;

}

.subnav-fullwidth .btn {

  margin-bottom: 16px;

}

.subnav-fullwidth .btn:hover {

  color: #fff !important;

}

.subnav-fullwidth .btn-filled,

.subnav-fullwidth .btn-filled:hover {

  color: #fff !important;

}

.overlay-bar.nav-sticky .logo-light {

  display: none;

}

.overlay-bar.nav-sticky .logo-dark {

  display: block;

}

.overlay-bar.nav-sticky .menu li a {

  color: #777777;

}

.overlay-bar.nav-sticky .social-icons li a {

  color: #333333;

}

.overlay-bar.nav-sticky .has-dropdown:after {

  color: #333333;

}

.offscreen-menu .logo {

  padding-bottom: 32px;

}

.offscreen-toggle i {

  font-size: 36px;

  cursor: pointer;

}

.nav-sticky .offscreen-toggle i {

  color: #333333 !important;

}

.offscreen-container {

  position: fixed;

  width: 300px;

  background: #333333;

  right: 0px;

  height: 100%;

  top: 0px;

  z-index: 99999;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-transform: translate3d(300px, 0, 0);

  -moz-transform: translate3d(300px, 0, 0);

  transform: translate3d(300px, 0, 0);

  padding: 40px;

}

.offscreen-container.reveal-nav {

  -webkit-transform: translate3d(0px, 0, 0);

  -moz-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

}

.offscreen-menu .container {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-transform: translate3d(0px, 0, 0);

  -moz-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

}

.offscreen-menu .container.reveal-nav {

  -webkit-transform: translate3d(-300px, 0, 0);

  -moz-transform: translate3d(-300px, 0, 0);

  transform: translate3d(-300px, 0, 0);

}

@media all and (max-width: 768px) {

  .offscreen-menu {

    overflow: visible !important;

    position: relative !important;

  }

  .offscreen-menu .offscreen-toggle i {

    color: #333333;

  }

}

.offscreen-container .logo {

  bottom: 0px !important;

}

.offscreen-container .menu {

  display: block;

}

.offscreen-container .menu li {

  float: none;

  margin-bottom: 16px;

}

.offscreen-container .menu li a {

  padding-bottom: 0px !important;

  color: #aaa !important;

}

.offscreen-container .menu li a:hover {

  color: #fff !important;

}

.offscreen-container .social-icons {

  position: absolute;

  bottom: 40px;

}

.offscreen-container .social-icons li a {

  color: #fff !important;

}

.language {

  display: inline-block;

  margin-left: 8px;

}

.language img {

  max-width: 20px;

}

.overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.9;

  z-index: 2;

  background-color: #01a2a6;

  left: 0;

}

.overlay .container {

  position: relative;

  z-index: 3;

}

header {

  position: relative;

  overflow: hidden;

}

header .container {

  position: relative;

  z-index: 3;

}

header .logo {

  max-width: 200px;

  display: inline-block;

  margin-bottom: 24px;

}

header .btn {

  margin-right: 16px;

}

header .btn:last-child {

  margin-right: 0px;

}

.page-header {

  margin: 0px;

  padding: 0px;

  padding: 160px 0px;

  border-bottom: none;

}

.page-header h1 {

  font-size: 40px;

  margin-bottom: 24px;

}

.page-header p.lead {

  font-size: 18px;

}

.page-header:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

}

.page-header .background-image-holder {

  height: 150%;

  top: -20%;

}

.hero-slider {

  padding: 0px;

  position: relative;

}

.hero-slider .slides li {

  height: 650px;

  overflow: hidden;

  position: relative;

}

.hero-slider .slides li h1 {

  font-size: 38px;

  line-height: 56px;

  margin-bottom: 40px;

}

.hero-slider .slides li .btn {

  margin-right: 16px;

}

.hero-slider .flex-direction-nav a {

  color: rgba(0, 0, 0, 0);

}

.flex-direction-nav a:before {

  top: 17px;

  font-size: 36px;

  left: 10px;

}

.flex-direction-nav a.flex-next:before {

  left: -10px;

}

@media all and (max-width: 1350px) {

  .flex-direction-nav {

    display: none !important;

  }

}

.hero-slider .slides li.overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #222222;

}

.header-icons {

  padding: 160px 0px;

  position: relative;

  overflow: hidden;

}

.header-icons h1 {

  margin-bottom: 80px;

}

.header-icons i {

  font-size: 56px;

  display: inline-block;

  margin-bottom: 16px;

}

.header-icons .down-arrow {

  display: inline-block;

  width: 64px;

  height: 64px;

  border-radius: 50%;

  border: 2px solid #fff;

  text-align: center;

  padding-top: 10px;

  margin-top: 160px;

}

.header-icons .down-arrow i {

  font-size: 40px;

  position: relative;

  right: 1px;

}

header.title {

  height: 565px;

  position: relative;

  overflow: hidden;

}

header.title h1 {

  margin-bottom: 16px;

  font-size: 40px;

}

header.title .sub {

  font-size: 12px;

  letter-spacing: 0px;

}

header.title .container {

  position: relative;

  z-index: 3;

}

header.title:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

}

.action-banner {

  padding: 104px 0px;

  overflow: hidden;

  position: relative;

}

.action-banner .container {

  position: relative;

  z-index: 3;

}

.action-banner h1 {

  font-size: 40px;

  line-height: 56px;

  font-weight: 600;

  margin-bottom: 64px;

  margin-bottom: 24px;

}

.action-banner h2 {

  font-size: 32px;

  line-height: 44px;

  margin-bottom: 48px;

  margin-bottom: 40px;

}

.action-banner .btn {

  margin-right: 16px;

}

header.signup {

  padding: 180px 0px;

  position: relative;

  overflow: hidden;

  height: auto;

}

header.signup h1 {

  font-weight: 600;

  font-size: 40px;

  line-height: 56px;

  margin-bottom: 56px;

}

header.signup .photo-form-wrapper {

  margin-bottom: 0px;

}

header.signup .photo-form-wrapper .btn {

  padding-top: 19px;

  padding-bottom: 19px;

  border-radius: 50px;

  max-width: 250px;

  height: 52px;

}

header.signup:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

}

.product-right {

  height: 650px;

  position: relative;

  overflow: hidden;

  padding: 0px;

}

.product-right h1 {

  margin-bottom: 32px;

}

.product-right p.lead {

  margin-bottom: 32px;

}

.product-right .btn {

  margin-right: 16px;

}

.product-right .product-image {

  position: absolute;

  right: -40px;

  bottom: -80px;

  max-width: 750px;

}

.hero-divider {

  padding: 160px 0px;

  position: relative;

  overflow: hidden;

}

.hero-divider:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.4;

  z-index: 2;

  background-color: #333333;

}

.hero-divider .btn {

  margin-right: 16px;

  margin-top: 24px;

}

.hero-divider .btn:last-child {

  margin-right: 0px;

}

.hero-divider .container {

  position: relative;

  z-index: 3;

}

.hero-divider h1 {

  margin-bottom: 32px;

}

.video-wrapper {

  position: absolute;

  width: 100%;

  top: 0px;

  left: 0px;

  z-index: 0;

}

.video-wrapper video {

  width: 100%;

  position: absolute;

  top: 0px;

}

@media all and (max-width: 1400px) {

  .video-wrapper video {

    width: 110%;

  }

}

@media all and (max-width: 1200px) {

  .video-wrapper video {

    width: 130%;

  }

}

@media all and (max-width: 1000px) {

  .video-wrapper video {

    width: 150%;

  }

}

.divider-video .overlay {

  z-index: 1;

  opacity: 0.4;

}

.divider-video .divider-content {

  position: relative;

  z-index: 2;

  padding-top: 121px;

  padding-bottom: 121px;

}

header.centered-text h1 {

  font-size: 40px;

  margin-bottom: 24px;

  line-height: 56px;

}

header.centered-text .btn {

  margin-right: 16px;

  margin-top: 24px;

}

header.centered-text .btn:last-child {

  margin-right: 0px;

}

header.fullscreen-element .overlay:before,

.image-divider.overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

}

.bottom-band {

  width: 100%;

  position: absolute;

  bottom: 0px;

  background: rgba(0, 0, 0, 0.4);

  padding-top: 53.33333333px;

}

.bottom-band .col-sm-4 {

  margin-bottom: 53.33333333px;

}

.bottom-band .link-text {

  border-color: #fff;

}

.bottom-band .link-text:hover {

  color: #fff;

}

.bottom-band h3 {

  margin-bottom: 8px;

}

.image-divider i {

  font-size: 56px;

  margin-bottom: 24px;

}

.image-divider .feature-icon-large i {

  border-color: #fff;

  color: #fff;

}

.feature {

  overflow: hidden;

}

.feature h4 {

  font-weight: 600;

}

.feature i {

  color: #01a2a6;

}

.feature-icon-large i {

  display: block;

  height: 104px;

  width: 104px;

  border: 2px solid #01a2a6;

  border-radius: 50%;

  text-align: center;

  color: #01a2a6;

  font-size: 40px;

  padding-top: 31px;

  margin-bottom: 32px;

}

.duplicatable-content .feature {

  margin-bottom: 40px;

}

.feature-selector ul {

  list-style: none;

  padding: 0;

}

.feature-icon-large .pull-left {

  width: 25%;

}

.feature-icon-large .pull-right {

  width: 75%;

}

.feature-icon-large .pull-left .icon {

  border: none;

  width: auto;

  font-size: 48px;

  padding-top: 0px;

}

.selector-tabs {

  margin-bottom: 56px;

}

.selector-tabs li {

  text-align: center;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0.4;

  cursor: pointer;

  float: left;

}

.selector-tabs li:hover {

  opacity: 1;

}

.selector-tabs li.active {

  opacity: 1;

}

.selector-tabs li span {

  font-size: 16px;

  font-weight: 600;

  position: relative;

  bottom: 12px;

}

.selector-tabs li i {

  font-size: 40px;

  display: inline-block;

  margin-right: 8px;

}

.selector-content li {

  display: none;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

}

.selector-content li.active {

  display: block;

  opacity: 1;

}

.selector-content h1 {

  margin-bottom: 56px;

}

.feature-icon-small {

  margin-bottom: 32px;

}

.feature-icon-small i {

  color: #01a2a6;

  font-size: 36px;

  display: inline-block;

  margin-bottom: 32px;

}

.feature-icon-small h6 {

  font-weight: bold;

}

.primary-features {

  background: #01a2a6 !important;

}

.primary-features .feature-icon-small i {

  color: #fff;

}

.feature-divider {

  position: relative;

  overflow: hidden;

}

.feature-divider h1 {

  margin-bottom: 40px;

}

img.phone-portrait {

  max-height: 580px;

}

.store-link {

  display: inline-block;

  overflow: hidden;

  margin-right: 16px;

  margin-top: 24px;

}

.store-link img {

  height: 50px;

}

.feature-icon-left {

  overflow: hidden;

  margin-bottom: 40px;

  float: left;

}

.feature-icon-left .icon-holder {

  width: 45px;

  float: left;

}

.feature-icon-left i {

  font-size: 32px;

}

.feature-icon-left .feature-text {

  width: 217px;

  float: left;

  padding-top: 8px;

}

.feature-box {

  padding: 64px 40px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  min-height: 397px;

}

.feature-box .background-image-holder {

  z-index: 0;

  left: 0;

}

.feature-box .background-image-holder.overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

  z-index: -1;

}

.feature-box h1 {

  margin-bottom: 24px;

}

.feature-box .btn {

  margin-top: 24px;

}

.feature-box .inner {

  width: 66.66666%;

  position: relative;

  z-index: 3;

}

.contained-feature-boxes .row {

  padding: 0px 15px;

}

.contained-feature-boxes .image-slider {

  margin: 0px;

}

.contained-feature-boxes .image-slider .flex-direction-nav {

  display: none;

}

.contained-feature-boxes .image-slider .flex-control-nav {

  bottom: 24px;

}

.contained-feature-boxes .image-slider .flex-control-nav li a {

  background: rgba(255, 255, 255, 0.5);

}

.contained-feature-boxes .image-slider .flex-control-nav li a.flex-active {

  background: rgba(255, 255, 255, 0.9);

}

.feature-box.contained {

  padding: 40px;

  overflow: hidden;

}

.feature-box.contained .inner {

  width: 100%;

}

.clients p {

  margin-bottom: 48px !important;

}

.client-row {

  overflow: hidden;

  text-align: center;

  line-height: 0;

}

.client-row .col-sm-3 {

  display: inline-block;

  min-height: 80px;

  line-height: 80px;

  padding-top: 16px;

  padding-bottom: 16px;

}

.client-row img {

  max-height: 60px;

  max-width: 140px;

  opacity: 0.3;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-backface-visibility: none;

}

.client-row img:hover {

  opacity: 1;

}

.client-row .row-wrapper {

  display: inline-block;

  width: 80%;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.client-row:last-child .row-wrapper {

  border-bottom: none;

}

.row-wrapper .col-sm-3 {

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.row-wrapper .col-sm-3:last-child {

  border-right: none;

}

.clients-2 {

  text-align: center;

  padding: 64px 0px 64px 0px;

}

.clients-2 .col-md-2 {

  height: 80px;

  line-height: 80px;

}

.clients-2 img {

  max-height: 60px;

  max-width: 140px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0.4;

}

.clients-2 img:hover {

  opacity: 1;

}

.wood-divider .product-image {

  top: 22%;

  transform: rotate(-15deg);

  right: -100px;

}

.accordion-active {

  background-color: #01a2a6;

  color: #fff;

}

.background-image-holder,

.foreground-image-holder {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-size: cover !important;

  z-index: 0;

  background-position: 50% 50% !important;

}

.background-image-holder.parallax-background {

  height: 120%;

  top: -10%;

}

.hover-background .background-image-holder,

.hover-background .foreground-image-holder {

  transition: all 0.3s ease-out;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

}

.hover-background .background-image-holder {

  height: 110%;

  width: 110%;

}

.side-image {

  padding: 0px;

  position: relative;

}

.side-image .image-container {

  overflow: hidden;

  position: absolute;

  height: 100%;

  padding: 0px;

  top: 0px;

}

.side-image .image-container.pull-right {

  right: 0px;

}

.side-image .content {

  padding-top: 80px;

  padding-bottom: 80px;

}

.side-image h1 {

  margin-bottom: 40px;

}

.side-image p.lead {

  margin-bottom: 64px;

}

.side-image.text-heavy h1 {

  margin-bottom: 32px;

}

.side-image.text-heavy p.lead {

  margin-bottom: 40px;

}

.side-image.text-heavy .feature {

  margin-top: 64px;

}

.side-image.text-heavy .feature h5 {

  margin-bottom: 40px;

}

.icons-large {

  list-style: none;

  overflow: hidden;

  display: inline-block;

  padding: 0px;

  margin-bottom: 32px;

}

.icons-large li {

  float: left;

  margin-right: 48px;

  font-size: 48px;

  color: #01a2a6;

}

.icons-large li:last-child {

  margin-right: 0px;

}

.text-banner h1 {

  margin-bottom: 24px;

}

.text-banner p:last-child {

  margin-bottom: 32px;

}

.accordion-section .icons-large {

  margin-bottom: 0px;

}

.accordion-section .feature {

  margin-bottom: 40px;

}

.accordion-section .feature:last-child {

  margin-bottom: 0px;

}

.accordion {

  border-radius: 25px;

  list-style: none;

  overflow: hidden;

  border: 2px solid #dadada;

  padding: 0px;

}

.accordion .title span {

  padding: 0px 24px;

  display: block;

}

.accordion .title {

  font-weight: 600;

  font-size: 16px;

  color: #333333;

  padding: 24px 0px;

  cursor: pointer;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  border-bottom: 2px solid #dadada;

}

.accordion .title:hover {

  background-color: #01a2a6;

  color: #fff;

}

.accordion li:last-child .title,

.accordion li:last-child .text {

  border-bottom: none !important;

}

.accordion .text {

  padding: 0px 24px;

  max-height: 0px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  overflow: hidden;

  opacity: 0;

}

.accordion li.active .title {

  background-color: #01a2a6;

  color: #fff;

  border-bottom: 2px solid #dadada;

}

.accordion li.active .text {

  padding: 24px;

  max-height: 500px;

  border-bottom: 2px solid #dadada;

  opacity: 1;

}

.text-image-bottom {

  padding-bottom: 0px;

}

.text-image-bottom img {

  display: inline-block;

  margin-top: 64px;

}

.inline-video-wrapper {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.inline-video-wrapper video {

  width: 100%;

}

.testimonials-slider {

  position: relative;

  margin-bottom: 24px;

}

.testimonials-slider p.lead {

  font-size: 18px;

}

.testimonials-slider .author {

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.testimonials-slider .flex-control-nav {

  bottom: -48px;

}

.pure-text p:last-child {

  margin-bottom: 40px;

}

.pure-text-centered h1 {

  margin-bottom: 24px;

}

.inline-image-right img {

  max-width: 90%;

}

.inline-image-right h1 {

  margin-bottom: 16px;

}

.inline-image-right h6 {

  margin-bottom: 32px;

}

.strip {

  padding: 64px 0px;

}

.strip::-moz-placeholder {

  color: #999999;

  opacity: 1;

}

.strip:-ms-input-placeholder {

  color: #999999;

}

.strip::-webkit-input-placeholder {

  color: #999999;

}

.strip input::-webkit-input-placeholder {

  color: #ffffff;

  font-size: 24px;

  font-weight: 300;

  position: relative;

  top: 5px;

}

.strip input:-moz-placeholder {

  color: #ffffff;

}

.strip textarea::-webkit-input-placeholder {

  color: #ffffff;

}

.strip textarea:-moz-placeholder {

  color: #ffffff;

}

.strip strong {

  font-weight: 600;

}

.strip h3 {

  margin: 0px;

  position: relative;

  top: 5px;

  display: inline-block;

  font-weight: normal;

}

.social-icons {

  list-style: none;

  overflow: hidden;

  display: inline-block;

}

.social-icons li {

  float: left;

  margin-right: 24px;

  font-size: 24px;

}

.social-icons li:last-child {

  margin-right: 0px;

}

.social-icons li a {

  color: #333333;

}

.strip .social-icons {

  position: relative;

  top: 10px;

}

.strip .signup-email-field {

  background: none;

  border: none;

  box-shadow: none;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  float: left;

  color: #fff;

  min-width: 400px;

  font-weight: 300;

  font-size: 24px;

  position: relative;

  top: 4px;

}

.strip .signup-email-field:focus {

  outline: none;

}

.pricing-tables .col-md-3:first-child .pricing-table {

  border-radius: 25px 0px 0px 25px;

}

.pricing-tables .col-md-3:last-child .pricing-table {

  border-radius: 0px 25px 25px 0px;

  border-right: 2px solid rgba(255, 255, 255, 0.2);

}

.pricing-table {

  border-top: 2px solid rgba(255, 255, 255, 0.2);

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

  border-left: 2px solid rgba(255, 255, 255, 0.2);

  text-align: center;

  padding-bottom: 40px;

}

.pricing-table .price {

  padding: 40px 0px;

  font-weight: 600;

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

}

.pricing-table .price .sub {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.3);

  position: relative;

  bottom: 10px;

}

.pricing-table .price .amount {

  color: #fff;

  font-size: 56px;

  display: inline-block;

  padding: 0px 8px;

}

.pricing-table .features {

  margin: 40px 0px;

}

.pricing-table .features li {

  color: #fff;

  font-size: 16px;

  text-align: center;

  margin-bottom: 16px;

}

.pricing-table .features li:last-child {

  margin-bottom: 0px;

}

.pricing-table .features li strong {

  font-weight: 600;

}

.pricing-table.emphasis {

  background-color: #01a2a6;

}

.pricing-2 .pricing-tables .col-md-3:first-child .pricing-table {

  border-radius: 25px 0px 0px 25px;

}

.pricing-2 .pricing-tables .col-md-3:last-child .pricing-table {

  border-radius: 0px 25px 25px 0px;

  border-right: 2px solid rgba(35, 35, 35, 0.2);

}

.pricing-2 .pricing-table {

  border-top: 2px solid rgba(35, 35, 35, 0.2);

  border-bottom: 2px solid rgba(35, 35, 35, 0.2);

  border-left: 2px solid rgba(35, 35, 35, 0.2);

  text-align: center;

  padding-bottom: 40px;

}

.pricing-2 .pricing-table .features {

  margin: 0px;

}

.pricing-2 .pricing-table .features li:first-child {

  border-top: none;

}

.pricing-2 .pricing-table .features li {

  color: #333333;

  border-top: 2px solid rgba(35, 35, 35, 0.2);

  padding: 24px 0px;

  margin: 0;

}

.pricing-2 .pricing-table .price {

  border-top: 2px solid rgba(35, 35, 35, 0.2);

  padding-bottom: 24px;

  border-bottom: none;

}

.pricing-2 .pricing-table .price .amount {

  color: #333333;

}

.pricing-2 .pricing-table .price .sub {

  color: #777777;

  opacity: 0.7;

}

.pricing-2 .pricing-table.emphasis {

  background-color: #2f2933;

}

.pricing-2 .pricing-table.emphasis .features li {

  color: #fff;

  background-color: #2f2933 !important;

}

.pricing-2 .pricing-table.emphasis .price .amount,

.pricing-2 .pricing-table.emphasis .sub {

  color: #fff;

}

.pricing-2 .feature-list {

  padding-bottom: 0px;

}

.pricing-2 .pricing-table .features li:nth-child(even) {

  background: #f4f4f4;

}

.team-1 h1 {

  margin-bottom: 40px;

}

.team-1 h2 {

  margin-bottom: 8px;

}

.team-1 .feature .sub {

  color: #333333;

  margin-bottom: 16px;

  display: inline-block;

}

.team-1-member {

  text-align: center;

  margin-top: 48px;

}

.team-1-member img {

  display: inline-block;

  margin-bottom: 16px;

}

.team-1-member h5 {

  margin-bottom: 8px;

}

.team-1-member .social-icons {

  margin-top: 8px;

}

.team-1-member .social-icons li a {

  font-size: 18px;

}

.team-2-member {

  margin-bottom: 56px;

}

.team-2-member .name {

  font-size: 24px;

  font-weight: 300;

  color: #333333;

  display: inline-block;

  margin: 24px 0px;

}

.team-2-member .image-holder {

  position: relative;

  overflow: hidden;

}

.team-2-member .image-holder img {

  position: relative;

  z-index: 1;

}

.team-2-member .hover-state {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  background-color: #2f2933;

  z-index: 2;

  text-align: center;

}

.team-2-member .social-icons {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  -webkit-transform: translate3d(0, -200px, 0);

  -moz-transform: translate3d(0, -200px, 0);

  transform: translate3d(0, -200px, 0);

}

.team-2-member .social-icons li a {

  color: #fff;

  font-size: 32px;

}

.team-2-member .image-holder:hover .hover-state {

  opacity: 0.9;

}

.team-2-member .image-holder:hover .social-icons {

  opacity: 1;

  -webkit-transform: translate3d(0, 0px, 0);

  -moz-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

}

.blog-snippet-1 {

  margin-bottom: 40px;

}

.blog-snippet-1 img {

  display: inline-block;

  margin-bottom: 16px;

}

.blog-snippet-1 h2 {

  margin-bottom: 8px;

  font-size: 24px;

  line-height: 36px;

}

.blog-snippet-1 .sub {

  display: inline-block;

  margin-bottom: 16px;

}

.blog-snippet-1 a {

  margin-top: 8px;

}

.blog-snippet-2 {

  overflow: hidden;

  padding: 0px;

}

.blog-snippet-2 li {

  overflow: hidden;

  margin-bottom: 40px;

}

.blog-snippet-2 li:last-child {

  margin-bottom: 0px;

}

.blog-snippet-2 li .icon {

  width: 10%;

  float: left;

}

.blog-snippet-2 li .icon i {

  color: #01a2a6;

  font-size: 32px;

  position: relative;

  top: 5px;

}

.blog-snippet-2 .title {

  width: 90%;

  float: left;

}

.blog-snippet-2 a {

  color: #333333;

  display: block;

  font-weight: 600;

}

.blog-snippet-2 .sub {

  letter-spacing: 0px;

  opacity: 0.8;

  font-size: 12px;

}

.blog-list-3 {

  padding: 0px;

}

.blog-snippet-3:nth-child(even) {

  background-color: #f4f4f4;

}

.blog-snippet-3 {

  padding-top: 80px;

  padding-bottom: 80px;

}

.blog-snippet-3 h1 {

  margin-bottom: 16px;

}

.blog-snippet-3 h1 a {

  color: #333333;

}

.blog-snippet-3 h1 a em {

  color: #01a2a6;

  font-weight: 600;

  font-style: normal;

}

.blog-snippet-3 .alt-font {

  letter-spacing: 0px;

  font-size: 12px;

  display: inline-block;

  margin-left: 8px;
  position: relative;

  bottom: 2px;

}

blockquote {

  font-size: 18px;

  font-weight: 600;

  color: #333333;

  font-style: italic;

  line-height: 32px;

  padding: 0px;

  border: none;

  margin-bottom: 24px;

}

.article-single {

  background: #f4f4f4 !important;

}

.article-body p.lead {

  font-size: 20px;

  font-weight: 600;

  line-height: 32px;

  margin-bottom: 24px;

  color: #333333;

}

.article-body p:last-child {

  margin-bottom: 0px;

}

.article-body p {

  font-size: 16px;

  line-height: 32px;

  margin-bottom: 24px;

}

.article-body figure {

  margin: 16px 0px;

}

.article-body figcaption {

  font-style: italic;

  font-size: 14px;

  color: #aaa;

  margin-top: 16px;

}

.article-body h2 {

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 24px;

}

.article-body {

  padding-bottom: 64px;

  border-bottom: 1px solid #ddd;

}

.author-details {

  text-align: center;

  padding: 40px 0px;

  border-bottom: 1px solid #ddd;

}

.author-details img {

  display: inline-block;

  margin-bottom: 16px;

}

.author-details h5 {

  font-weight: normal;

}

.author-details .social-icons {

  margin-bottom: -8px;

  margin-top: 8px;

}

.projects-gallery p.lead {

  margin-bottom: 64px !important;

}

.projects-wrapper {

  text-align: center;

}

.filters {

  padding: 0px;

  list-style: none;

  overflow: hidden;

  display: inline-block;

  margin-bottom: 32px;

}

.filters li {

  float: left;

  margin-right: 16px;

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #29d9c2;

  cursor: pointer;

}

.filters li:last-child {

  margin-right: 0px;

}

.filters li.active {

  border-bottom: 2px solid #29d9c2;

}

.project {

  height: 345px;

}

.project.col-md-4 {

  width: 33%;

}

.project.col-md-4:nth-child(even) {

  width: 34%;

}

.project.col-md-4 .background-image-holder {

  width: 103%;

}

.column-projects .project.col-md-4 {

  width: 33.33333%;

  overflow: hidden;

}

.column-projects .project.col-md-4 .background-image-holder {

  width: 100% !important;

}

.column-projects .project {

  overflow: hidden;

}

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

  .project.col-md-4 {

    width: 50%;

  }

  .project.col-md-4:nth-child(even) {

    width: 50%;

  }

  .project.col-md-4 .background-image-holder {

    width: 100%;

  }

  .column-projects .project.col-md-4 {

    width: 50%;

  }

}

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

  .project.col-md-4 {

    width: 100%;

  }

  .project.col-md-4:nth-child(even) {

    width: 100%;

  }

  .column-projects .project.col-md-4 {

    width: 100%;

  }

}

.project .image-holder {

  overflow: hidden;

  position: relative;

}

.project img {

  width: 100%;

}

.project .hover-state {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  background-color: rgba(47, 41, 51, 0.9);

  text-align: center;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  opacity: 0;

  padding-right: 15px;

}

.project:hover .hover-state {

  opacity: 1;

}

.project .hover-state h1 {

  margin-bottom: 8px;

  font-size: 24px;

}

.project .hover-state h3 {

  font-size: 18px;

  margin-bottom: 8px;

}

.project .hover-state p {

  margin-bottom: 24px;

}

.project .hover-state .btn-white:hover {

  color: #2f2933;

}

.hover-state .align-vertical {

  -webkit-transform: translate3d(0, 200px, 0);

  -moz-transform: translate3d(0, 200px, 0);

  transform: translate3d(0, 200px, 0);

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  opacity: 0;

}

.project:hover .align-vertical {

  -webkit-transform: translate3d(0, 0px, 0);

  -moz-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

  opacity: 1;

}

.column-projects {

  margin-bottom: 80px;

}

.column-projects .project {

  height: 300px;

  margin-bottom: 15px;

}

.column-projects .project .hover-state h3 {

  margin-bottom: 24px;

}

.column-projects .project .background-image-holder {

  left: 15px;

}

.image-gallery {

  margin-top: 64px;

}

.image-gallery .image-holder {

  margin-bottom: 30px;

  height: 375px;

  overflow: hidden;

  position: relative;

}

.image-slider .flex-direction-nav {

  display: none;

}

@media (min-width: 768px) {

  .image-gallery .image-holder {

    height: 245px;

  }

}

@media (min-width: 992px) {

  .image-gallery .image-holder {

    height: 375px;

  }

}

.image-slider {

  position: relative;

  margin-bottom: 32px;

}

.image-slider .flex-direction-nav a.flex-prev:before {

  left: 0px;

}

.image-slider .flex-control-nav {

  bottom: -48px;

}

.image-slider .flex-control-nav li a {

  background: rgba(0, 0, 0, 0.3);

}

.image-slider .flex-control-nav li a.flex-active {

  background: rgba(0, 0, 0, 0.8);

}

.instagram-feed {

  padding-top: 40px;

  padding-bottom: 0px;

}

.instagram-feed span {

  color: #333333;

}

.instafeed {

  margin-top: 40px;

}

.instafeed ul {

  overflow: hidden;

  margin: 0px;

}

.instafeed ul li {

  float: left;

  width: 16.666667%;

}

.instafeed ul li:nth-child(n+7) {

  display: none;

}

#tweets .user {

  display: none;

}

#tweets .interact {

  display: none;

}

#tweets .tweet {

  font-size: 24px;

  line-height: 40px;

  font-style: italic;

  font-weight: 300;

}

.form-contact .inputs-wrapper {

  border: 2px solid rgba(0, 0, 0, 0.2);

  border-radius: 25px;

  margin-bottom: 24px;

}

.form-contact input:focus,

.form-contact textarea:focus {

  outline: none;

}

.form-contact input,

.form-contact textarea {

  background: none;

  border: none;

  box-shadow: none;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  width: 100%;

  padding: 16px;

}

.form-contact input::-moz-placeholder,

.form-contact textarea::-moz-placeholder {

  color: #777777;

  opacity: 1;

}

.form-contact input:-ms-input-placeholder,

.form-contact textarea:-ms-input-placeholder {

  color: #777777;

}

.form-contact input::-webkit-input-placeholder,

.form-contact textarea::-webkit-input-placeholder {

  color: #777777;

}

.form-contact input input::-webkit-input-placeholder,

.form-contact textarea input::-webkit-input-placeholder {

  color: #777777;

  font-size: 24px;

  font-weight: 300;

  position: relative;

  top: 5px;

}

.form-contact input input:-moz-placeholder,

.form-contact textarea input:-moz-placeholder {

  color: #777777;

}

.form-contact input textarea::-webkit-input-placeholder,

.form-contact textarea textarea::-webkit-input-placeholder {

  color: #777777;

}

.form-contact input textarea:-moz-placeholder,

.form-contact textarea textarea:-moz-placeholder {

  color: #777777;

}

.form-contact input {

  border-bottom: 2px solid rgba(0, 0, 0, 0.2);

}

.form-success,

.form-error {

  width: 100%;

  padding: 12px;

  display: none;

  margin-top: 12px;

  color: #fff;

}

.form-success {

  background-color: #58b551;

}

.form-error {

  background-color: #d94947;

}

.field-error {

  box-shadow: inset 0px 0px 10px -2px #ff0000 !important;

}

.form-loading {

  border: 3px solid rgba(0, 0, 0, 0.2);

  border-radius: 30px;

  height: 30px;

  left: 50%;

  margin: -15px 0 0 -15px;

  opacity: 0;

  margin: 0px auto;

  top: 50%;

  width: 30px;

  -webkit-animation: pulsate 1s ease-out;

  -webkit-animation-iteration-count: infinite;

  -moz-animation: pulsate 1s ease-out;

  -moz-animation-iteration-count: infinite;

  animation: pulsate 1s ease-out;

  animation-iteration-count: infinite;

}

@keyframes pulsate {

  0% {

    transform: scale(0.1);

    opacity: 0.0;

  }

  50% {

    opacity: 1;

  }

  100% {

    transform: scale(1.2);

    opacity: 0;

  }

}

@-webkit-keyframes pulsate {

  0% {

    transform: scale(0.1);

    opacity: 0.0;

  }

  50% {

    opacity: 1;

  }

  100% {

    transform: scale(1.2);

    opacity: 0;

  }

}

input[type="submit"] {

  -webkit-appearance: none;

  background: none;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  min-width: 155px;

  border-radius: 25px;

  display: inline-block;

  padding: 14px 28px 13px 28px;

  line-height: 1;

  border: 2px solid #29d9c2;

  color: #29d9c2;

  max-width: 155px;

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.strip .mail-list-signup input[type="submit"] {

  background: none;

  border: 2px solid #fff;

}

.contact-center p.lead {

  font-size: 18px;

}

.contact-center .form-wrapper {

  text-align: center;

  margin-top: 48px;

}

.contact-photo {

  position: relative;

  overflow: hidden;

}

.contact-photo h1 {

  margin-bottom: 200px;

}

.contact-photo .social-icons {

  margin-bottom: 64px;

}

.contact-photo .social-icons li {

  margin-right: 40px;

}

.contact-photo .social-icons li a {

  font-size: 40px;

  color: #fff;

  opacity: 0.7;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.contact-photo .social-icons li a:hover {

  opacity: 1;

}

.contact-photo .sub a {

  color: #fff;

}

.photo-form-wrapper {

  margin-bottom: 200px;

}

.photo-form-wrapper input {

  background: none;

  border: none;

  box-shadow: none;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  background: rgba(255, 255, 255, 0.85);

  border-radius: 50px;

  padding: 14px 24px 14px 24px;

  width: 100%;

  margin-bottom: 30px;

}

.photo-form-wrapper .btn-filled {

  background-color: #01a2a6;

  border-color: #01a2a6;

}

.photo-form-wrapper input:focus {

  outline: none;

}

.photo-form-wrapper input[type="submit"] {

  color: #fff !important;

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.photo-form-wrapper .form-loading {

  border: 3px solid rgba(255, 255, 255, 0.85);

  border-radius: 30px;

  height: 30px;

  left: 50%;

  margin: -15px 0 0 -15px;

  opacity: 0;

  margin: 0px auto;

  top: 50%;

  width: 30px;

  -webkit-animation: pulsate 1s ease-out;

  -webkit-animation-iteration-count: infinite;

  -moz-animation: pulsate 1s ease-out;

  -moz-animation-iteration-count: infinite;

  animation: pulsate 1s ease-out;

  animation-iteration-count: infinite;

}

.map {

  padding: 0px;

  overflow: hidden;

  position: relative;

}

.map-holder {

  height: 450px;

}

.map-holder iframe {

  border: none;

  width: 100%;

  height: 450px;

}

.map-holder:before {

  content: '';

  opacity: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

}

.map-holder.on:before {

  width: 0%;

}

.map-overlay {

  padding: 160px 0px;

  position: relative;

  overflow: hidden;

}

.map-overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.9;

  z-index: 2;

  background-color: #01a2a6;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

}

.map-overlay .map-holder {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 0;

  top: 0px;

}

.map-overlay .map-holder iframe {

  width: 100%;

  height: 150%;

  position: absolute;

  bottom: -80px;

}

.map-overlay .container {

  position: relative;

  z-index: 2;

}

.details-holder {

  background: #fff;

  width: 100%;

  border-radius: 50%;

}

.details-holder img {

  max-width: 145px;

  display: inline-block;

  margin-bottom: 16px;

}

.fade-overlay:before {

  opacity: 0;

}

.pure-text-contact i {

  display: inline-block;

  color: #01a2a6;

  text-align: center;

  font-size: 64px;

  margin-bottom: 24px;

  margin-bottom: 0px;

  margin-right: 48px;

}

.pure-text-contact i:last-child {

  margin-right: 0px;

}

.icon-jumbo {

  display: inline-block;

  color: #01a2a6;

  text-align: center;

  font-size: 64px;

  margin-bottom: 24px;

}

.social-bar {

  overflow: hidden;

}

.social-bar .link {

  height: 104px;

  text-align: center;

  position: relative;

  overflow: hidden;

}

.social-bar .link i {

  color: #fff;

  font-size: 40px;

}

.social-bar .initial,

.social-bar .hover-state {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-transform: translate3d(0, 0px, 0);

  -moz-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

  position: absolute;

  width: 100%;

  top: 35px;

}

.social-bar .hover-state {

  -webkit-transform: translate3d(0, 200px, 0);

  -moz-transform: translate3d(0, 200px, 0);

  transform: translate3d(0, 200px, 0);

  top: 42px;

}

.social-bar span {

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 14px;

}

.social-bar .link:hover .initial {

  -webkit-transform: translate3d(0, -200px, 0);

  -moz-transform: translate3d(0, -200px, 0);

  transform: translate3d(0, -200px, 0);

}

.social-bar .link:hover .hover-state {

  -webkit-transform: translate3d(0, 0px, 0);

  -moz-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

}

.error-page.bg-primary h1 {

  color: #fff;

  margin-bottom: 32px;

}

.error-page .jumbo {

  font-size: 160px;

  line-height: 160px;

  font-weight: 600;

  margin-bottom: 16px !important;

}

.error-page i {

  display: inline-block;

  font-size: 80px;

  margin-bottom: 24px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-animation: spin 6s ease-in-out infinite alternate;

  -moz-animation: spin 6s ease-in-out infinite alternate;

  -o-animation: spin 6s ease-in-out infinite alternate;

  animation: spin 6s ease-in-out infinite alternate;

}

.error-page .btn-text-only:hover {

  color: #333333;

}

.login-page {

  overflow: hidden;

  position: relative;

}

.login-page .container {

  position: relative;

  z-index: 3;

}

.login-page .photo-form-wrapper {

  margin-bottom: 24px;

}

.login-page a.text-white:hover {

  color: #fff;

  font-weight: 600;

}

.spin-me {

  -webkit-animation: spin 6s ease-in-out infinite alternate;

  -moz-animation: spin 6s ease-in-out infinite alternate;

  -o-animation: spin 6s ease-in-out infinite alternate;

  animation: spin 6s ease-in-out infinite alternate;

}

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(-15deg);

  }

  10% {

    -webkit-transform: rotate(-85deg);

  }

  30% {

    -webkit-transform: rotate(5deg);

  }

  50% {

    -webkit-transform: rotate(250deg);

  }

  100% {

    -webkit-transform: rotate(0deg);

  }

}

@-moz-keyframes spin {

  0% {

    -moz-transform: rotate(-15deg);

  }

  10% {

    -moz-transform: rotate(-85deg);

  }

  30% {

    -moz-transform: rotate(5deg);

  }

  50% {

    -moz-transform: rotate(250deg);

  }

  100% {

    -moz-transform: rotate(0deg);

  }

}

@-o-keyframes spin {

  0% {

    -o-transform: rotate(-15deg);

  }

  10% {

    -o-transform: rotate(-85deg);

  }

  30% {

    -o-transform: rotate(5deg);

  }

  50% {

    -o-transform: rotate(250deg);

  }

  100% {

    -o-transform: rotate(0deg);

  }

}

@keyframes spin {

  0% {

    transform: rotate(-15deg);

  }

  10% {

    transform: rotate(-85deg);

  }

  30% {

    transform: rotate(5deg);

  }

  50% {

    transform: rotate(250deg);

  }

  100% {

    transform: rotate(0deg);

  }

}

.coming-soon {

  position: relative;

  overflow: hidden;

}

.coming-soon h1 {

  font-size: 40px;

  font-weight: 600;

}

.coming-soon .logo {

  display: inline-block;

  margin-bottom: 32px;

  width: 200px;

}

.coming-soon .overlay:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.3;

  z-index: 2;

  background-color: #333333;

}

.coming-soon .photo-form-wrapper {

  margin-bottom: 32px;

  margin-top: 48px;

}

.countdown-row {

  color: #fff;

  font-size: 80px;

  font-weight: 300;

}

.countdown-section {

  width: 20%;

  display: inline-block;

}

.countdown-amount {

  display: inline-block;

  margin-bottom: 48px;

}

.countdown-period {

  display: block;

  font-size: 24px;

}

iframe.mail-list-form {

  display: none !important;

}

footer {

  padding-top: 80px;

  padding-bottom: 80px;

}

footer.social h1 {

  margin-bottom: 24px;

}

footer.social a.text-white {

  font-size: 18px;

}

footer.social .social-icons {

  margin: 64px 0px;

}

footer.social .social-icons li {

  margin-right: 40px;

}

footer.social .social-icons li a {

  font-size: 40px;

  color: #fff;

  opacity: 0.2;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

footer.social .social-icons li a:hover {

  opacity: 1;

}

footer.social .sub {

  opacity: 0.5;

  color: #fff;

  font-size: 12px;

}

footer.social .sub a {

  color: #fff;

  font-weight: 600;

}

footer.details {

  background: #f4f4f4;

}

footer.details .logo {

  margin-bottom: 54px;

  max-width: 80px;

  margin-top: 12px;

}

footer.details .sub {

  font-size: 12px;

  display: inline-block;

  margin-top: 48px;

}

footer.details .sub a {

  color: #333333;

  font-weight: 600;

}

footer.details h1 {

  font-size: 16px;

  font-weight: 600;

}

footer.short {

  font-size: 16px;

  color: #fff;

}

footer.short .sub {

  opacity: 0.5;

  display: inline-block;

  margin-right: 32px;

  position: relative;

  bottom: 4px;

}

footer.short ul {

  display: inline-block;

  margin: 0px;

  line-height: 24px;

}

footer.short ul li {

  float: left;

  margin-right: 32px;

}

footer.short ul li a {

  color: #fff;

  opacity: 0.8;

}

footer.short .social-icons li a {

  color: #fff;

  opacity: 1;

}

footer.short-2 {

  position: relative;

  overflow: hidden;

}

footer.short-2 span {

  display: inline-block;

  margin-right: 64px;

}

footer.short-2 span:last-child {

  margin-right: 0px;

}

footer.short-2 .contact-action {

  position: absolute;

  right: 0px;

  height: 100%;

  width: 25%;

  background: #01585a;

  z-index: 3;

  top: 0;

  text-align: center;

  font-size: 18px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

footer.short-2 .contact-action .icon_mail {

  display: inline-block;

  margin-right: 6px;

}

footer.short-2 .contact-action .arrow_right {

  position: relative;

  top: 2px;

}

footer.short-2 .contact-action:hover {

  background: #004446;

}

@media only screen and (min-width: 320px) and (max-width: 767px) {

  .top-bar {

    position: absolute;

  }

  .utility-menu {

    display: none;

  }

  nav {

    max-height: 80px;

    overflow: hidden;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

  }

  nav .logo {

    margin-bottom: 32px;

  }

  nav .columns {

    width: 100%;

  }

  nav .social-icons {

    display: none;

  }

  .open-nav {

    max-height: 8000px;

  }

  .nav-menu {

    padding-top: 24px;

  }

  .top-bar .logo {

    bottom: 0px;

  }

  .top-bar .logo.logo-wide {

    bottom: 3px;

    margin-bottom: 22px;

  }

  .mobile-toggle {

    font-size: 32px;

    display: block;

    position: absolute;

    top: 24px;

    right: 16px;

    cursor: pointer;

    color: #333333;

  }

  .overlay-bar {

    background: rgba(255, 255, 255, 0.9);

  }

  .overlay-bar .logo-light {

    display: none;

  }

  .overlay-bar .logo-dark {

    display: block;

  }

  .top-bar .menu li a {

    color: #777777;

    padding-bottom: 0px;

  }

  .overlay-bar .menu li a:hover {

    color: #333333;

  }

  .overlay-bar .has-dropdown:after {

    color: #333333;

  }

  .has-dropdown {

    bottom: 0px;

  }

  .menu {

    top: 0px;

  }

  .menu li {

    float: none;

    margin-bottom: 16px;

    margin-right: 0px;

  }

  .subnav {

    position: relative;

    background: none;

  }

  .subnav li {

    margin-bottom: 0px;

  }

  .subnav .col-md-3 {

    margin-bottom: 32px;

  }

  .offscreen-container .social-links {

    display: none;

  }

  .offscreen-container .logo {

    display: none;

  }

  section,

  header {

    padding-top: 64px;

    padding-bottom: 64px;

  }

  .no-align-mobile {

    padding-top: 0px !important;

    margin-top: 24px;

  }

  h1 {

    font-size: 24px;

    line-height: 32px;

  }

  p.lead {

    font-size: 14px;

    line-height: 24px;

  }

  .hero-slider .slides li h1,

  header.title h1,

  .action-banner h1,

  header.signup h1 {

    font-size: 32px;

    line-height: 40px;

  }

  .action-banner h2 {

    font-size: 24px;

    line-height: 32px;

  }

  .btn {

    margin-top: 16px;

  }

  header.signup {

    height: auto;

  }

  .header-icons {

    padding-top: 64px;

    padding-bottom: 64px;

  }

  header.title {

    padding: 0px;

    height: 400px;

  }

  .product-right {

    height: 632px;

    padding-top: 64px;

  }

  .product-right .align-vertical {

    padding-top: 0px !important;

  }

  .product-right .product-image {

    margin-top: 200px;

    right: 0px;

    bottom: -85px;

  }

  .page-header br {

    display: none;

  }

  .page-header h1 {

    font-size: 32px;

    line-height: 40px;

  }

  header.centered-text h1 {

    font-size: 24px;

    line-height: 32px;

  }

  .flex-direction-nav {

    display: none;

  }

  .header-icons h2 {

    margin-bottom: 32px;

  }

  .bottom-band {

    display: none;

  }

  .side-image .content {

    padding-top: 64px;

    padding-bottom: 64px;

  }

  .selector-tabs {

    text-align: center;

  }

  .selector-tabs li {

    margin-bottom: 16px;

    display: inline-block;

    width: 100%;

  }

  .feature-box {

    padding: 48px 32px;

  }

  .feature-box .inner {

    width: 100%;

  }

  .no-pad-left {

    padding-left: 15px;

  }

  .row-wrapper {

    border-bottom: none;

  }

  .row-wrapper .col-sm-3 {

    border-right: none;

  }

  .accordion {

    margin-top: 32px;

  }

  .strip {

    padding: 40px 0px;

  }

  .strip,

  .strip .text-right {

    text-align: center;

  }

  .strip .col-xs-12 {

    margin-bottom: 16px;

  }

  .inline-video-wrapper {

    margin-top: 40px;

  }

  .video-wrapper {

    display: none;

  }

  .inline-image-right img {

    display: inline-block;

    margin-top: 40px;

  }

  .pricing-tables .no-pad {

    padding: 0px 15px;

  }

  .pricing-tables .no-pad-left {

    padding-left: 15px;

  }

  .pricing-tables .no-pad-right {

    padding-right: 15px;

  }

  .pricing-table {

    margin-bottom: 16px;

    border-radius: 25px !important;

    border: 2px solid rgba(255, 255, 255, 0.2) !important;

  }

  .pricing-2 .hidden-sm:first-child {

    display: none;

  }

  .pricing-2 .pricing-table.emphasis .features li {

    border-radius: 25px;

  }

  .pricing-2 .pricing-table .features li:first-child {

    font-size: 24px;

  }

  footer.social .social-icons li,

  .contact-photo .social-icons li {

    margin-right: 8px;

  }

  footer.social .social-icons li a,

  .contact-photo .social-icons li a {

    font-size: 24px;

  }

  footer.details .col-sm-4 {

    margin-bottom: 16px;

  }

  footer.details h1,

  footer.details .logo {

    margin-bottom: 32px;

  }

  footer.short-2 {

    padding-bottom: 0px;

  }

  footer.short-2 span {

    margin-right: 16px;

  }

  footer.short-2 .contact-action {

    position: relative;

    width: 100%;

    height: 150px;

    margin-top: 80px;

  }

  footer.short-2 .align-vertical {

    padding-top: 64px !important;

  }

  .blog-snippet-2 li .icon {

    width: 20%;

  }

  .blog-snippet-2 li .title {

    width: 80%;

  }

  .contact-thirds .text-center {

    text-align: left;

  }

  .contact-thirds .col-sm-4 {

    margin-bottom: 24px;

  }

  .pure-text-contact br {

    display: none;

  }

  .pure-text-contact i {

    font-size: 48px;

  }

  .filters {

    padding: 0px 15px;

    text-align: center;

  }

  .filters li {

    margin: 0;

    width: 100%;

    margin-bottom: 8px;

  }

  .project {

    width: 100%;

  }

  .image-gallery .image-holder {

    height: 225px;

  }

  .hero-divider {

    padding-top: 64px;

    padding-bottom: 64px;

  }

  .hero-divider .video-wrapper {

    display: none;

  }

  .hero-divider .btn {

    margin-right: 0px;

  }

  .fullscreen-element {

    height: auto !important;

    padding-top: 64px;

    padding-bottom: 64px;

  }

  .instafeed ul li:nth-child(n+5) {

    display: none;

  }

  .instafeed ul li {

    width: 25%;

  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  .flex-direction-nav {

    display: none;

  }

  .product-right .product-image {

    max-width: 640px;

    right: -100px;

    bottom: 50px;

  }

  .feature-box .inner {

    width: 100%;

  }

  .blog-snippet-2 li .icon {

    width: 15%;

  }

  .blog-snippet-2 li .title {

    width: 85%;

  }

  .map-overlay .col-md-4 {

    width: 40%;

  }

  .map-overlay .col-md-offset-4 {

    margin-left: 30%;

  }

  .hero-divider {

    height: auto;

    padding: 80px 0px 90px 0px;

  }

  .hero-divider .video-wrapper {

    display: none;

  }

  .video-wrapper {

    display: none;

  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .top-bar {

    position: absolute;

  }

  .utility-menu {

    display: none;

  }

  nav {

    max-height: 80px;

    overflow: hidden;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

  }

  nav .logo {

    margin-bottom: 32px;

  }

  nav .columns {

    width: 100%;

  }

  nav .social-icons {

    display: none;

  }

  .open-nav {

    max-height: 8000px;

  }

  .nav-menu {

    padding-top: 24px;

  }

  .top-bar .logo {

    bottom: 0px;

  }

  .top-bar .logo.logo-wide {

    bottom: 10px;

    margin-bottom: 22px;

  }

  .mobile-toggle {

    font-size: 32px;

    display: block;

    position: absolute;

    top: 24px;

    right: 16px;

    cursor: pointer;

    color: #333333;

  }

  .overlay-bar {

    background: rgba(255, 255, 255, 0.9);

  }

  .overlay-bar .logo-light {

    display: none;

  }

  .overlay-bar .logo-dark {

    display: block;

  }

  .overlay-bar .menu li a {

    color: #777777;

    padding-bottom: 0px;

  }

  .overlay-bar .menu li a:hover {

    color: #333333;

  }

  .overlay-bar .has-dropdown:after {

    color: #333333;

  }

  .has-dropdown {

    bottom: 0px;

  }

  .menu {

    top: 0px;

  }

  .menu li {

    float: none;

    margin-bottom: 16px;

    margin-right: 0px;

  }

  .subnav {

    position: relative;

    background: none;

  }

  .subnav li {

    margin-bottom: 0px;

  }

  .subnav .col-md-3 {

    margin-bottom: 32px;

  }

  .flex-direction-nav {

    display: none;

  }

  header.signup .photo-form-wrapper {

    margin-bottom: 32px;

  }

  .product-right .btn {

    margin-bottom: 16px;

  }

  .product-right .product-image {

    right: -320px;

    bottom: 60px;

    max-width: 670px;

  }

  .wood-divider.product-right .product-image {

    position: relative;

    top: -5%;

  }

  .selector-tabs li {

    margin-bottom: 16px;

  }

  .client-row img {

    max-width: 100px;

  }

  .inline-video-wrapper {

    margin-top: 32px;

  }

  .pricing-tables .no-pad {

    padding: 0px 15px;

  }

  .pricing-tables .no-pad-left {

    padding-left: 15px;

  }

  .pricing-tables .no-pad-right {

    padding-right: 15px;

  }

  .pricing-table {

    margin-bottom: 30px;

    border-radius: 25px !important;

    border: 2px solid rgba(255, 255, 255, 0.2) !important;

  }

  .hidden-sm {

    display: block !important;

  }

  .hidden-sm:first-child {

    display: none !important;

  }

  footer.details .social-icons li {

    margin-bottom: 16px;

  }

  .blog-snippet-2 li .icon {

    width: 15%;

  }

  .blog-snippet-2 li .title {

    width: 85%;

  }

  .hero-divider {

    height: auto;

    padding: 80px 0px 90px 0px;

  }

  .hero-divider .video-wrapper {

    display: none;

  }

  .video-wrapper {

    display: none;

  }

  .instafeed ul li:nth-child(n+5) {

    display: none;

  }

  .instafeed ul li {

    width: 25%;

  }

  .project.col-sm-4 {

    width: 50%;

  }

  #submission-strip {

    min-width: 300px;

    max-width: 300px;

  }

  footer.short-2 {

    padding-bottom: 0px;

  }

  footer.short-2 span {

    margin-right: 32px;

  }

  footer.short-2 .contact-action {

    position: relative;

    width: 100%;

    height: 150px;

    margin-top: 80px;

  }

  footer.short-2 .align-vertical {

    padding-top: 64px !important;

  }

}

.resume-header {

  padding: 200px 0px;

}

.resume-header span {

  font-weight: 600;

  color: #fff;

  display: block;

  font-size: 18px;

  margin-bottom: 32px;

}

.resume-header h1 {

  margin-bottom: 8px !important;

}

.resume-header .social-icons li {

  margin-right: 16px;

}

.resume-header .social-icons li a {

  color: #fff;

}

.milestones span {

  font-size: 16px;

  display: inline-block;

  width: 100%;

}

.milestones .sub {

  font-size: 14px;

  font-style: italic;

}

.milestones .pin-body {

  width: 2px;

  height: 30px;

  margin: 0px auto;

  background-color: #01a2a6;

}

.milestones .pin-head {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 2px solid #01a2a6;

  margin: 0px auto;

  margin-bottom: 24px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.milestones .feature-icon-large i {

  margin: 0px auto;

  margin-bottom: 0px;

}

.milestones h5 {

  margin-bottom: 8px;

}

.milestones .lead:last-child,

.skill-bars .lead:last-child {

  margin-bottom: 64px !important;

}

.milestones .feature:hover .pin-head {

  background-color: #01a2a6;

}

.expanding-list {

  position: relative;

  overflow: hidden;

}

.expanding-ul {

  position: relative;

  overflow: hidden;

}

.expanding-ul li {

  text-align: center;

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  padding-bottom: 24px;

  margin-bottom: 24px;

  cursor: pointer;

}

.expanding-ul li .title {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.expanding-ul .title i {

  color: #01a2a6;

  font-size: 32px;

  display: inline-block;

  margin-right: 24px;

}

.expanding-ul .title span {

  position: relative;

  bottom: 8px;

}

.expanding-ul .title strong {

  font-weight: 600;

  color: #333333;

}

.expanding-ul .text-content {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  max-height: 0px;

}

.expanding-ul li.active .title {

  margin-bottom: 24px;

}

.expanding-ul li.active .text-content {

  max-height: 800px;

  opacity: 1;

}

.expanding-ul li:last-child {

  margin-bottom: 0px;

  border-bottom: none;

}

.skill-bars h3 {

  font-weight: normal;

  margin-bottom: 16px;

}

.skills-ul {

  overflow: hidden;

}

.skills-ul span {

  display: inline-block;

  font-weight: 600;

  font-size: 14px;

  margin-bottom: 4px;

}

.skills-ul li {

  margin-bottom: 16px;

}

.skills-ul li:last-child {

  margin-bottom: 0px;

}

.skill-bar-holder {

  height: 12px;

  width: 100%;

  background: rgba(1, 162, 166, 0.1);

  padding: 0px;

  position: relative;

}

.skill-capacity {

  height: 12px;

  background: #01a2a6;

  padding: 0px !important;

  left: 0px;

  position: absolute;

}

.skills-left {

  text-align: right;

}

.skills-left .skill-bar-holder {

  background: rgba(47, 41, 51, 0.1);

}

.skills-left .skill-capacity {

  background: #2f2933;

  left: auto;

  right: 0px;

}

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

  .skills-left {

    margin-bottom: 32px;

    text-align: left;

  }

  .skills-left .skill-capacity {

    right: auto;

    left: 3px;

  }

}

.stat-counters h1 {

  color: #fff;

}

.stat {

  text-align: center;

}

.stat-bubble {

  margin: 0px auto;

  width: 120px;

  height: 120px;

  border: 2px solid #fff;

  background: rgba(255, 255, 255, 0.15);

  text-align: center;

  line-height: 116px;

  font-size: 40px;

  font-weight: 600;

  color: #fff;

  border-radius: 50%;

  margin-bottom: 12px;

}

.stat h3 {

  color: #fff;

}

.blog-image-snippet {

  padding: 160px 0px;

}

.blog-image-snippet .container {

  position: relative;

  z-index: 2;

}

.blog-image-snippet span {

  display: block;

}

.blog-image-snippet span i {

  display: inline-block;

  margin-right: 6px;

}

.blog-image-snippet h1 {

  font-size: 40px;

  margin-bottom: 16px;

}

.blog-image-snippet:before {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  content: '';

  opacity: 0.4;

  z-index: 2;

  background-color: #333333;

}

.sidebar-widget h5 {

  margin-bottom: 16px;

}

.sidebar-widget li {

  padding: 16px 0px;

  border-bottom: 2px solid rgba(0, 0, 0, 0.1);

  width: 100%;

  position: relative;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.sidebar-widget li .arrow_right {

  position: absolute;

  right: 0px;

}

.sidebar-widget li:last-child {

  border-bottom: none;

  padding-bottom: 0px;

}

.sidebar-widget li a {

  color: #777777;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.sidebar-widget li a:hover {

  color: #333333;

}

.sidebar-widget {

  margin-bottom: 40px;

}

.sidebar-widget .tags {

  overflow: hidden;

}

.sidebar-widget .tags li {

  display: inline-block;

  float: left;

  margin: 0px 8px 8px 0px;

  width: auto;

  padding: 0px;

  border: none;

}

.sidebar-widget .tags li a {

  border: 2px solid rgba(0, 0, 0, 0.1);

  border-radius: 5px;

  padding: 6px;

  display: inline-block;

}

.sidebar-widget .tags li:hover {

  background: #f7f7f7;

}

.sidebar-widget .instafeed {

  padding: 0px;

  border: none;

}

.sidebar-widget .instafeed li:nth-child(n+7) {

  display: none;

}

.sidebar-widget .instafeed li {

  width: 33.33333%;

  padding: 0px;

}

.sidebar-widget .tweet {

  font-size: 16px !important;

  line-height: 32px !important;

  font-style: normal !important;

  font-weight: normal !important;

}

.sidebar-widget .tweet a {

  font-weight: 600 !important;

  color: #333333 !important;

}

.sidebar-widget .social_twitter {

  font-size: 16px;

  color: #333333;

}

.sidebar-widget #tweets li {

  border: none;

}

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

  .blog-sidebar {

    display: none;

  }

}

.blog-masonry-item {

  margin-bottom: 30px;

}

.blog-masonry-item .post-title {

  background: #fff;

  padding: 28px 32px 32px 32px;

  position: relative;

}

.blog-masonry-item h2 {

  font-size: 24px;

  line-height: 36px;

  margin-bottom: 16px;

}

.blog-masonry-item p {

  margin-bottom: 32px;

}

.blog-masonry-item span {

  display: block;

  color: #333333;

  line-height: 18px;

}

.blog-masonry-item .link-text {

  position: absolute;

  bottom: 32px;

  right: 32px;

}

.blog-masonry-item h1 {

  font-weight: 600;

  margin-bottom: 48px;

  line-height: 40px;

}

.blog-masonry-item iframe {

  width: 100%;

}

.quote-post .post-title,

.quote-post h1,

.quote-post span,

.quote-post .link-text {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.quote-post:hover .post-title {

  background: #01a2a6;

}

.quote-post:hover h1 {

  color: #fff;

}

.quote-post:hover span {

  color: #fff;

}

.quote-post:hover .link-text {

  color: #fff;

  border-color: #fff;

}

.video-post iframe {

  height: 250px;

}

.blog-filters {

  padding: 0px;

  list-style: none;

  overflow: hidden;

  display: inline-block;

  margin-bottom: 32px;

}

.blog-filters li {

  float: left;

  margin-right: 16px;

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #29d9c2;

  cursor: pointer;

}

.blog-filters li:last-child {

  margin-right: 0px;

}

.blog-filters li.active {

  border-bottom: 2px solid #29d9c2;

}

.article-body .media-holder {

  margin: 32px 0px;

  position: relative;

  z-index: 1;

}

.article-body iframe {

  width: 100%;

  height: 440px;

}

.media-holder:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 80%;

  top: 0px;

  z-index: 2;

}

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

  .article-body iframe {

    height: 215px;

  }

}

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

  .media-holder {

    margin-top: 32px;

  }

}

.comment-list {

  margin-top: 32px;

}

.comment-list h5 {

  margin-bottom: 32px;

}

.comment-list ol {

  padding: 0px;

  margin-bottom: 48px;

}

.comment-list li {

  margin-bottom: 32px;

}

.comment-list li:last-child {

  margin-bottom: 0px;

}

.comment-list .children {

  padding-left: 50px;

  margin-bottom: 32px;

}

.blog-comment {

  overflow: hidden;

}

.blog-comment .user {

  width: 100px;

  float: left;

}

.blog-comment .user img {

  max-width: 100%;

}

.blog-comment .info {

  margin-bottom: 16px;

}

.blog-comment .link-text {

  display: inline-block;

  margin-left: 12px;

}

.blog-comment .message {

  width: auto;

  background: #fff;

  margin-left: 115px;

  padding: 24px;

}

.blog-comment .message h6 {

  margin-bottom: 0px;

}

.comment-respond {

  margin-top: 32px;

}

.comment-form .form-input {

  margin-bottom: 16px;

}

.comment-form .form-input:last-child {

  margin-bottom: 0px;

}

.comment-form input[type="text"],

.comment-form textarea {

  width: 100%;

  padding: 16px;

  border: none;

  box-shadow: none;

}

.comment-form input[type="submit"] {

  min-width: 185px;

}

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

  .blog-comment .user {

    display: none;

  }

  .blog-comment .message {

    margin-left: 0px;

  }

}

.simple-bar .logo {

  max-width: 800px;

  max-height: 40px;

  bottom: 12px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.simple-bar .social-icons {

  margin-left: 32px;

}

.simple-bar .nav-menu {

  padding-top: 54px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.simple-bar .menu li {

  margin-right: 40px;

}

.simple-bar .menu li a {

  padding-bottom: 54px;

}

.simple-bar.nav-sticky .logo {

  max-height: 30px;

  bottom: 8px;

}

.simple-bar .subnav {

  text-align: left !important;

}

.subnav-halfwidth {

  width: 500px;

}

.menu li:last-child .subnav-halfwidth {

  right: 0px;

}

@media all and (max-width: 767px) {

  .simple-bar .logo {

    max-height: 30px;

    bottom: 30px;

  }

  .simple-bar .menu li a {

    padding-bottom: 0px;

  }

  .simple-bar .text-right {

    text-align: left !important;

  }

  .subnav-halfwidth .subnav {

    margin-bottom: 32px;

  }

  .subnav-halfwidth {

    width: 100%;

  }

  .subnav-fullwidth {

    width: 100% !important;

    left: 0 !important;

  }

}

.subnav-halfwidth .subnav {

  position: relative;

  overflow: hidden;

  background: none !important;

  text-align: left;

  padding: 0px;

}

.centered-logo .social-icons {

  float: right;

  margin-bottom: 0px;

}

.centered-logo .utility-menu span {

  top: 2px;

}

.centered-logo .logo {

  max-width: 800px;

  max-height: 50px;

  bottom: 0px;

  margin-top: 32px;

}

.centered-logo .menu li a {

  padding-bottom: 24px;

}

.centered-logo .nav-menu {

  padding-top: 32px;

}

.centered-logo .subnav {

  text-align: left !important;

}

.centered-logo .bottom-border {

  width: 100%;

  height: 4px;

  background: #01a2a6;

}

@media all and (max-width: 767px) {

  .centered-logo .logo {

    top: 20px;

    max-height: 40px;

    margin-top: 0px;

  }

  .centered-logo .menu li a {

    padding-bottom: 0px;

  }

  .centered-logo .subnav {

    text-align: center !important;

  }

}

.fullscreen-nav-toggle {

  position: fixed;

  z-index: 1000;

  width: 60px;

  height: 60px;

  background: rgba(255, 255, 255, 0.9);

  text-align: center;

  cursor: pointer;

  top: 32px;

  right: 32px;

  font-size: 40px;

  line-height: 67px;

  color: #333333;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.fullscreen-nav-toggle i {

  position: absolute;

  right: 11px;

  top: 12px;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.fullscreen-nav-toggle .icon_menu {

  opacity: 1;

}

.fullscreen-nav-toggle .icon_close {

  opacity: 0;

}

.toggle-icon .icon_menu {

  opacity: 0 !important;

}

.toggle-icon .icon_close {

  opacity: 1 !important;

  color: #fff !important;

}

.toggle-icon {

  background: rgba(255, 255, 255, 0);

}

.fullscreen-nav-container {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  z-index: 999;

  background: rgba(1, 162, 166, 0.92);

  display: none;

  opacity: 0;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

}

.show-fullscreen-nav {

  display: block;

}

.fade-fullscreen-nav {

  opacity: 1;

}

.fullscreen-nav-container .logo {

  max-height: 60px;

  display: block;

  margin-bottom: 32px;

}

.fullscreen-nav-container .menu li {

  line-height: 48px;

  float: none;

}

.fullscreen-nav-container .menu li a {

  color: #fff;

  font-size: 32px;

  font-weight: 300;

  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-transform: none;

  padding-bottom: 0px;

}

.fullscreen-nav-container .container {

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

  -webkit-transform: translate3d(0, 200px, 0);

  -moz-transform: translate3d(0, 200px, 0);

  transform: translate3d(0, 200px, 0);

  opacity: 0;

  margin-top: 80px;

}

.fullscreen-nav-container.fade-fullscreen-nav .container,

.fullscreen-nav-container.fade-fullscreen-nav .close-fullscreen-nav {

  -webkit-transform: translate3d(0, 0px, 0);

  -moz-transform: translate3d(0, 0px, 0);

  transform: translate3d(0, 0px, 0);

  opacity: 1;

}

.fullscreen-nav {

  position: absolute;

  z-index: 10;

  width: 100%;

}

.fullscreen-nav .outer-logo {

  max-height: 35px;

  margin-top: 44px;

  display: inline-block;

}

@media all and (max-width: 767px) {

  .fullscreen-nav {

    max-height: 7000px;

    background: none;

    height: auto;

    overflow: visible;

  }

  .fullscreen-nav-container .container {

    margin-top: 32px;

  }

  .fullscreen-nav-container .logo {

    max-height: 40px;

    margin-bottom: 16px;

  }

  .fullscreen-nav-container .menu li {

    margin-bottom: 0px;

    line-height: 32px;

  }

  .fullscreen-nav-container .menu li a {

    font-size: 24px;

    padding-bottom: 0px;

  }

}

.soundcloud-1 {

  padding: 0px;

  position: relative;

  overflow: hidden;

  line-height: 0;

}

.soundcloud-1:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 50%;

  bottom: 0;

  left: 0;

  z-index: 2;

}

.soundcloud-1 iframe {

  border: none;

  height: 200px;

  width: 100%;

  position: relative;

  z-index: 1;

}

.contained-bar {

  background: none;

}

.contained-wrapper {

  background: rgba(255, 255, 255, 0.9);

  margin-top: 32px;

  padding: 0 32px;

}

.contained-bar.nav-sticky {

  background: rgba(255, 255, 255, 0.9);

}

.contained-bar.nav-sticky .contained-wrapper {

  background: none;

  padding: 0;

  margin-top: 0;

}

@media all and (max-width: 768px) {

  .contained-bar {

    background: rgba(255, 255, 255, 0.9);

  }

  .contained-wrapper {

    background: none;

    padding: 0;

    margin-top: 0;

  }

}

.elements h1 {

  margin-bottom: 16px;

}

.pagination li a {

  color: #29d9c2;

  background: none;

  margin-left: 12px;

  border-radius: 50%;

  padding: 5px 12px;

}

.pagination li.active {

  background: #29d9c2;

}

.pagination li:first-child a,

.pagination li:last-child a {

  border-radius: 50% !important;

}

.pagination-lg li a {

  padding: 7px 16px;

}

.pagination-sm li a {

  padding: 5px 11px;

}

.pager li a {

  background: none;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  transition: all .3s ease;

  min-width: 155px;

  border-radius: 25px;

  display: inline-block;

  padding: 14px 28px 13px 28px;

  line-height: 1;

  border: 2px solid #29d9c2;

  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: bold;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #29d9c2;

  min-width: 125px;

}

.pager li a:hover {

  background: #29d9c2;

  color: #fff;

}

.video-wrapper iframe {

  width: 100%;

  height: 180%;

  top: -40%;

  position: absolute;

}

.youtube-bg {

  height: 100%;

}

@media all and (min-width: 1800px) {

  .video-wrapper iframe {

    height: 200%;

    top: -50%;

  }

}

@media all and (max-width: 1500px) {

  .video-wrapper iframe {

    height: 150%;

    top: -15%;

  }

}

@media all and (max-width: 1300px) {

  .video-wrapper iframe {

    height: 130%;

    top: -5%;

  }

}

@media all and (max-width: 1250px) {

  .video-wrapper iframe {

    height: 120%;

    top: -5%;

  }

}

@media all and (max-width: 1100px) {

  .video-wrapper iframe {

    height: 110%;

    top: -5%;

  }

}

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

  .video-wrapper iframe {

    display: none;

  }

}

.fullwidth-video iframe {

  height: 550px;

}

@media all and (max-width: 1200px) {

  .fullwidth-video iframe {

    height: 500px;

  }

}

@media all and (max-width: 1000px) {

  .fullwidth-video iframe {

    height: 400px;

  }

}

@media all and (max-width: 767px) {

  .fullwidth-video iframe {

    height: 270px;

    max-width: 100%;

  }

}

.boxed-layout {

  background: #eee;

}

.boxed-layout .main-container,

.boxed-layout .footer-container,

.boxed-layout nav {

  max-width: 1280px;

  margin: 0 auto;

  left: 0;

  right: 0;

}

.boxed-layout .flex-direction-nav {

  display: none;

}

.timeline-event:first-child {

  margin-top: 64px;

}

.timeline-event {

  width: 100%;

  position: relative;

  overflow: hidden;

  padding-bottom: 64px;

  margin-bottom: 32px;

}

.timeline-event:nth-child(even) .col-sm-6:first-child {

  text-align: right;

}

.timeline-event .col-sm-6:first-child {

  padding-right: 54px;

}

.timeline-event .col-sm-6:last-child {

  padding-left: 54px;

}

.timeline-event:nth-child(odd) .col-sm-6:first-child {

  padding-left: 54px;

  padding-right: 15px;

}

.timeline-event:nth-child(odd) .col-sm-6:last-child {

  padding-right: 54px;

  text-align: right;

  padding-left: 15px;

}

.timeline-event .middle {

  position: absolute;

  left: 50%;

  width: 60px;

  margin-left: -30px;

  text-align: center;

  height: 100%;

}

.timeline-event .middle i {

  font-size: 40px;

  display: inline-block;

  margin-bottom: 16px;

  color: #01a2a6;

}

.timeline-event .middle .vertical-line {

  top: 60px;

  width: 2px;

  height: 100%;

  display: inline-block;

  background: #01a2a6;

  position: absolute;

  left: 50%;

  margin-left: -2px;

}

.timeline-event h2 {

  margin-bottom: 8px;

}

@media all and (max-width: 767px) {

  .timeline-event {

    padding-bottom: 0;

  }

  .timeline-event .middle {

    display: none;

  }

  .timeline-event .col-sm-6 {

    padding-left: 15px !important;

    padding-right: 15px !important;

    text-align: left !important;

  }

}

@media all and (max-width: 767px) {

  .bottom-band {

    display: block;

    margin-top: 80px;

  }

  .bottom-band h3 {

    font-size: 18px;

    line-height: 26px;

  }

  .fullscreen-element .align-vertical {

    padding-top: 80px !important;

  }

}

.product-action {

  height: auto;

  padding: 120px 0 0 0;

}

.product-action {

  background: #01a2a6;

}

.product-action h2 {

  margin-bottom: 16px;

  font-weight: 600;

}

.product-action p {

  display: block;

  max-width: 520px;

  margin: 0 auto;

  margin-bottom: 40px;

}

.product-action img {

  margin-top: -80px;

  position: relative;

  top: 110px;

}

@media all and (max-width: 767px) {

  .product-action p {

    margin-bottom: 32px;

  }

  .product-action img {

    margin-top: 24px;

    top: 24px;

  }

}

.no-loader .loader {

  display: none !important;

}