.security-color {
  background-color: #fff8f8;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.search-color {
  background-color: #fefdef;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.notifications-color {
  background-color: #f2fff6;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  margin-left: -15px;
  margin-right: -15px; }

.communications-color {
  background-color: #e8f9ff;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

#wrapperrhs {
  position: relative; }

.spacer80 {
  height: 80px; }

.section_01 {
  position: relative; }
  .section_01 .wrapper {
    width: 100%; }
  .section_01 .right {
    padding-top: 150px; }
    .section_01 .right.row .col {
      opacity: 0.5; }
    .section_01 .right.row.active .col {
      opacity: 1; }

.top-icon {
  padding-bottom: 40px;
  width: 92px; }

.feature-title {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.5em;
  letter-spacing: 0.03em;
  cursor: pointer; }
  .feature-title .arrow.arrow-down {
    display: block; }
  .feature-title .arrow.arrow-up {
    display: none; }

.feature-body {
  font-size: 1.1em;
  letter-spacing: 0.03em;
  line-height: 2em;
  padding-bottom: 20px; }
  .feature-body a {
    text-decoration: underline;
    color: #404042; }
  .feature-body a:hover, .feature-body a:focus {
    color: #f9891c; }

#featuresMenu {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 70px;
  z-index: 10;
  width: 25vw; }
  #featuresMenu #displayFeature {
    display: inline-block; }
  #featuresMenu .dropdown {
    background-color: #fff;
    width: 100vw; }
    #featuresMenu .dropdown .navbar-fixed-top {
      top: 70px; }
    #featuresMenu .dropdown .navbar-default {
      border: 0;
      background-color: #fff; }
    #featuresMenu .dropdown #featuresMobileMenu {
      text-align: left;
      border-left-width: 0px;
      border-right-width: 0px;
      background-color: #fff;
      font-size: 1.1em;
      text-transform: uppercase;
      font-family: "FaktProBlond", sans-serif;
      color: #f9a11c;
      letter-spacing: 0.08em;
      padding: 20px;
      width: 100vw;
      border-top: solid 1px #e9e9e9;
      border-bottom: solid 1px #e9e9e9; }
  #featuresMenu #featuresUl.dropdown-menu {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    width: 100vw;
    border-radius: 0; }
    #featuresMenu #featuresUl.dropdown-menu li {
      border-bottom: solid 1px #e9e9e9; }
    #featuresMenu #featuresUl.dropdown-menu li:hover, #featuresMenu #featuresUl.dropdown-menu li:focus {
      background-color: #f5f5f5; }
    #featuresMenu #featuresUl.dropdown-menu li > a {
      font-size: 1em;
      padding: 20px;
      text-transform: uppercase;
      font-family: "FaktProBlond", sans-serif;
      color: #939393;
      letter-spacing: 0.1em; }
  #featuresMenu h1 {
    font-size: 3em;
    margin-bottom: 10vh;
    padding-left: 60px; }
  #featuresMenu .navigation {
    position: absolute;
    width: 100%; }
    #featuresMenu .navigation ul {
      height: inherit;
      list-style: none; }
    #featuresMenu .navigation ul > li {
      display: list-item; }
    #featuresMenu .navigation ul > li > a {
      display: block;
      text-decoration: none;
      cursor: pointer;
      color: #404042;
      padding: 10px;
      font-size: 1.2em;
      letter-spacing: 0.03em; }

.selected {
  padding: 10px; }

.security-selected.active {
  background-color: rgba(255, 158, 145, 0.4);
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.notifications-selected.active {
  background-color: rgba(3, 227, 3, 0.4);
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.search-selected.active {
  background-color: rgba(255, 198, 41, 0.4);
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.communication-selected.active {
  background-color: rgba(11, 80, 255, 0.4);
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.privacy-selected.active {
  background-color: rgba(220, 220, 220, 0.4);
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

#features_section_02 #features_order_img {
  background-image: url(/images/order_simple_1920.jpg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain; }

#features_section_02 .text {
  position: relative;
  height: 80vh;
  z-index: 1; }
  #features_section_02 .text .col {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

#features_section_02 .asterisk {
  padding-top: 3vh;
  font-size: 1em;
  width: 80%; }
  #features_section_02 .asterisk .bold {
    font-family: "FaktProNormal", sans-serif; }

#features_section_02 .hero1 {
  margin-bottom: 0; }

#features_section_02 .hero2 {
  padding-bottom: 5vh; }

@media screen and (max-width: 767px) {
  #featuresMenu {
    top: 0;
    width: 100vw; }
  .section_01 .right .col {
    opacity: 1; }
  .features-hero {
    padding-top: 60px; }
  #features_section_02 #features_order_img {
    background-image: none; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #features_section_02 .hero2-1 .split {
    display: block; } }

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  #features_section_02 .hero2.hero2Global {
    font-size: 1.2em; } }

@media only screen and (min-width: 1921px) {
  #features_section_02 {
    background-color: #fdfbfa; }
    #features_section_02 #features_order_img {
      background-image: url(/images/order_simple_2880.jpg); } }