/*
@import url(""https://pixiefy.com/themes/marshall/style.css", https://pixiefy.com/themes/marshall/css/responsive.css");
*/
/* @import "https://pixiefy.com/themes/marshall/style.css"; */
@import "https://pixiefy.com/themes/marshall/css/responsive.css";

@charset "utf-8";

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

.cf:after {
  clear: both
}

p,
ul,
li {
  line-height: 1.7
}

ul {
  list-style: disc
}

blockquote {
  border-left: 5px solid #EF5350;
  margin: 40px 80px;
  padding-left: 20px
}

blockquote ul {
  padding-left: 20px
}

blockquote h4 {
  border-bottom: 1px solid;
  display: inline-block
}

a {
  color: #FFF;
  text-decoration: none;
  outline: none
}

a:hover {
  color: inherit;
  text-decoration: none
}

a:hover,
a:focus,
input:focus,
input:hover,
textarea:focus,
textarea:hover {
  outline: none
}

button:focus {
  outline: none
}

img {
  max-width: 100%;
  border: none
}

input {
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.1;
  color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%
}

h1,
.h1 {
  font-size: 2.35714em;
  line-height: 1.16364em
}

h2,
.h2 {
  font-size: 1.875em
}

h3,
.h3 {
  font-size: 1.500em
}

h4,
.h4 {
  font-size: 1.125em
}

h5,
.h5 {
  font-size: 0.875em
}

h6,
.h6 {
  font-size: 0.750em
}

p {
  margin: 0 0 10px;
  font-size: 1em
}

.lead {
  margin-bottom: 20px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4
}

@media (min-width: 768px) {
  .lead {
    font-size: 1.313em
  }
}

small,
.small {
  font-size: 85%
}

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

ul {
  list-style: none
}

.cd-title {
  position: relative;
  height: 160px;
  line-height: 230px;
  text-align: center
}

.cd-title h1 {
  font-size: 2.4rem;
  font-weight: 700
}

@media only screen and (min-width: 768px) {
  .cd-title {
    line-height: 250px
  }
}

@media only screen and (min-width: 1170px) {
  .cd-title {
    height: 200px;
    line-height: 300px
  }

  .cd-title h1 {
    font-size: 3rem
  }
}

.cd-headline {
  font-size: 2rem;
  line-height: 1;
  margin: 0
}

@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 3rem;
    font-weight: 300
  }
}

@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 4rem
  }
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left
}

.cd-words-wrapper b {
  color: #31b77a;
  display: inline-block;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap
}

.cd-words-wrapper b.is-visible {
  position: relative
}

.no-js .cd-words-wrapper b {
  opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1
}

.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
  background-color: #31b77a;
  content: "";
  height: 90%;
  position: absolute;
  right: 0;
  top: 4px;
  width: 4px
}

.cd-headline.clip b {
  opacity: 0
}

.cd-headline.clip b.is-visible {
  opacity: 1
}

.marshall-btn {
  background-color: #333;
  border-radius: 0;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 7px 30px;
  -webkit-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  color: #FFF
}

.marshall-btn.marshall-btn-text {
  background-color: transparent;
  border-radius: 0;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 7px 30px;
  border-color: transparent;
  :
}

.marshall-btn i {
  margin-right: 5px;
  -webkit-transition: all 0.4 ease 0s;
  transition: all 0.4 ease 0s
}

.marshall-btn:hover,
.marshall-btn:focus,
.marshall-btn:active {
  background-color: #000;
  color: #FFF
}

.marshall-btn.marshall-btn-text:hover,
.marshall-btn.marshall-btn-text:focus,
.marshall-btn.marshall-btn-text:active {
  color: #fff
}

.marshall-btn.marshall-btn-text:hover i,
.marshall-animate-open.marshall-btn i {
  color: #f61067
}

.top-logo>a {
  display: block;
  width: 60px
}

.align-right {
  text-align: right
}

.align-right .marshall-btn {
  margin-top: 12px
}

.top-hero {
  padding: 120px 0 70px;
  text-align: center
}

.item-container {
  background-color: #fff;
  padding: 60px 0
}

.single-version {
  color: #333;
  margin-bottom: 60px;
  min-height: 360px;
  padding: 0 10px;
  text-align: center
}

.single-version a {
  display: block;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s
}

.single-version:hover a {
  transform: translateY(-10px)
}

.single_header {
  background-color: #252525;
  color: #fff;
  padding: 45px 0;
  text-align: center
}

.simple_title>h2 {
  margin: 0
}

.more_feature {
  background-color: white
}

.single_heading {
  margin-bottom: 80px;
  margin-top: 55px;
  text-align: center
}

.single_heading>h2 {
  display: inline-block;
  margin-top: 0;
  position: relative
}

.single-feature-thumb {
  display: table;
  float: left;
  text-align: center;
  width: 30%
}

.single-feature-content {
  float: left;
  width: 55%
}

.single-feature-content-table-cell h2 {
  font-size: 1.3em;
  margin-top: 0
}

.single-feature-content-table-cell p {
  font-size: 0.9em
}

.single-feature-content-table {
  display: table;
  height: 160px;
  padding-left: 20px
}

.single-feature-content-table-cell {
  display: table-cell;
  vertical-align: middle
}

.single-feature {
  margin-bottom: 45px
}

.simple-content {
  margin-top: 50px;
  text-align: center
}

.bottom-preview {
  background-image: url("images/preview.png");
  background-position: center bottom;
  color: #fff;
  padding: 50px 0 330px;
  background-repeat: no-repeat;
  background-color: #333
}

footer {
  background-color: #252525;
  padding: 30px 0
}

footer ul {
  list-style: outside none none;
  margin: 9px 0 0;
  padding: 0;
  text-align: right
}

footer ul li {
  display: inline-block;
  margin: 0 10px
}

.footer-logo-slide {
  color: #fff;
  display: inline-block;
  font-size: 2em;
  font-weight: 800;
  letter-spacing: 2px;
  opacity: 0.8;
  text-transform: uppercase
}

.footer-logo-slide:hover,
.footer-logo-slide:focus,
.footer-logo-slide:active {
  text-decoration: none;
  color: #FFF
}

.single-version a {
  border-radius: 6px;
  box-shadow: 0 2px 19px rgba(0, 0, 0, 0.4);
  display: block;
  margin-bottom: 25px;
  position: relative;
  transition: all 0.4s linear 0s
}

.simple-content .marshall-btn {
  background-color: #ec3a69;
  margin-top: 20px
}

.single-feature-thumb>img {
  display: inline-block;
  max-height: 160px;
  max-width: 100%;
  width: auto
}

.single-version a span {
  z-index: 999;
  background-color: #FE0034;
  border-radius: 50%;
  display: block;
  font-size: 0.8em;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(-50%) translateX(50%);
  width: 60px
}

.opl {
  left: 0;
  position: fixed;
  top: 150px;
  z-index: 99999
}

.opl a {
  background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/onepagelove/one-page-love-award-retina-left.png") no-repeat scroll 0 0;
  display: block;
  height: 70px;
  text-indent: -999999px;
  width: 90px;
  background-size: cover
}


.single-version a {
  height: 0;
  padding-bottom: 51%;
  position: relative;
  background-color: #252525;
  width: 100%;
}

.single-version img {
  display: block;
  position: relative;
  width: 100%;
  z-index: 10;
  height: 273px;
}

.marshall-rotating-plane {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #fff;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.b-loaded .marshall-rotating-plane {
  -webkit-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
}

@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px)
  }

  50% {
    -webkit-transform: perspective(120px) rotateY(180deg)
  }

  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  }
}

@keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}


.b-lazy {
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

.new-items {
  margin-top: 50px;
}

.new-items h3 {
  font-weight: 300;
}

.new-items span {
  color: #31b77a;
}