/*Simplicity Copyright [2017-2018] [Tevin Ferguson]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.*/
/*variables*/
* {
  box-sizing: border-box;
  /* box-sizing property is used to tell the browser what the sizing properties (width and height) */ }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html {
  overflow-x: hidden;
  /*removes horizontal scroll from the document body*/ }

body {
  color: #202020;
  background-color: #fdfdfd;
  font-family: 'Helvetica Neue', sans-serif;
  line-height: 145%; }

h1 {
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 34px;
  font-weight: 900;
  /*bold*/
  margin: 1em 0 0.5em;
  /*margin top and bottom*/
  line-height: 1.375em; }

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 24px;
    line-height: 1.25em; } }
h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  font-weight: 800;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/
  line-height: 1.25em; }

@media only screen and (max-width: 768px) {
  h2 {
    font-size: 22px;
    line-height: 1.15384615em; } }
h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 800;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/
  line-height: 1.25em; }

@media only screen and (max-width: 768px) {
  h3 {
    font-size: 20px;
    line-height: 1.13636364em; } }
h4,
h5,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 800;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/
  line-height: 1.2em; }

@media only screen and (max-width: 768px) {
  h4,
  h5,
  h6 {
    font-size: 18px;
    line-height: 1.11111111em; } }
a {
  color: #4285f4;
  text-decoration: none;
  /*remove's underline*/ }
  a:hover {
    opacity: 0.8;
    /*transparency*/ }

a, a:active, a:focus {
  outline: none;
  /*remove's outline for the anchor element*/ }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e9e9e9;
  margin: 1em 0;
  padding: 0; }

/*--------------------------
Grid System
*---------------------------/

/* main container */
.container {
  height: 100%;
  max-width: 84%;
  /*container width*/
  margin: auto;
  /*center's the main container*/
  padding: 10px; }

@media only screen and (max-width: 768px) {
  .container {
    max-width: 98%;
    /*max width*/ } }
/*full width container*/
.container-full {
  max-width: 100%;
  /*max width*/
  max-height: 100%;
  /*max height*/
  padding: 0; }

/* row */
.row::before,
.row::after {
  content: "";
  /* important */
  clear: both;
  /* clear's float */
  display: block;
  /* clears floats before and after each row */ }

/*target's all classes that starts with col-*/
[class*="col-"] {
  float: left;
  /*wrap's all classes that begins with col-*/
  padding: 20px; }

@media only screen and (max-width: 768px) {
  [class*="col-"] {
    padding: 10px; } }
/* mobile phone (small screens) */
@media only screen and (min-width: 320px) {
  .col-s-1 {
    width: 8.33%; }

  .col-s-2 {
    width: 16.66%; }

  .col-s-3 {
    width: 25%; }

  .col-s-4 {
    width: 33.33%; }

  .col-s-5 {
    width: 41.66%; }

  .col-s-6 {
    width: 50%; }

  .col-s-7 {
    width: 58.33%; }

  .col-s-8 {
    width: 66.66%; }

  .col-s-9 {
    width: 75%; }

  .col-s-10 {
    width: 83.33%; }

  .col-s-11 {
    width: 91.66%; }

  .col-s-12 {
    width: 100%; } }
/*hide elements on medium screens*/
@media only screen and (max-width: 320px) {
  .hide-s {
    display: none; } }
/* tablets, some large phones, and small netbook-type computers. (medium screens) */
@media only screen and (min-width: 768px) {
  .col-m-1 {
    width: 8.33%; }

  .col-m-2 {
    width: 16.66%; }

  .col-m-3 {
    width: 25%; }

  .col-m-4 {
    width: 33.33%; }

  .col-m-5 {
    width: 41.66%; }

  .col-m-6 {
    width: 50%; }

  .col-m-7 {
    width: 58.33%; }

  .col-m-8 {
    width: 66.66%; }

  .col-m-9 {
    width: 75%; }

  .col-m-10 {
    width: 83.33%; }

  .col-m-11 {
    width: 91.66%; }

  .col-m-12 {
    width: 100%; } }
/*hide elements on medium screen sizes*/
@media only screen and (max-width: 768px) {
  .hide-m {
    display: none; } }
@media (min-device-width: 769px) and (max-device-width: 1024px) {
  .hide-m {
    display: none; } }
/* large screens */
@media only screen and (min-width: 1224px) {
  .col-l-1 {
    width: 8.33%; }

  .col-l-2 {
    width: 16.66%; }

  .col-l-3 {
    width: 25%; }

  .col-l-4 {
    width: 33.33%; }

  .col-l-5 {
    width: 41.66%; }

  .col-l-6 {
    width: 50%; }

  .col-l-7 {
    width: 58.33%; }

  .col-l-8 {
    width: 66.66%; }

  .col-l-9 {
    width: 75%; }

  .col-l-10 {
    width: 83.33%; }

  .col-l-11 {
    width: 91.66%; }

  .col-l-12 {
    width: 100%; } }
/*hide elements on large screen sizes*/
@media only screen and (min-width: 1224px) {
  .hide-l {
    display: none; } }
/* large screens */
@media only screen and (min-width: 1824px) {
  .col-xl-1 {
    width: 8.33%; }

  .col-xl-2 {
    width: 16.66%; }

  .col-xl-3 {
    width: 25%; }

  .col-xl-4 {
    width: 33.33%; }

  .col-xl-5 {
    width: 41.66%; }

  .col-xl-6 {
    width: 50%; }

  .col-xl-7 {
    width: 58.33%; }

  .col-xl-8 {
    width: 66.66%; }

  .col-xl-9 {
    width: 75%; }

  .col-xl-10 {
    width: 83.33%; }

  .col-xl-11 {
    width: 91.66%; }

  .col-xl-12 {
    width: 100%; } }
/*hide elements on larger screen sizes*/
@media only screen and (min-width: 1824px) {
  .hide-xl {
    display: none; } }
/*-----------------------------
FRAMEWORK SETS
-----------------------------*/
.display-none {
  display: none;
  /*no display*/ }

.text-center {
  text-align: center !important;
  /*text center*/ }

.text-left {
  text-align: left !important;
  /*text left*/ }

.text-right {
  text-align: right !important;
  /*text-right*/ }

.wrap-left {
  float: left !important;
  /*wrap's element to the left*/ }

.wrap-right {
  float: right !important;
  /*wrap's element to the right*/ }

.wrap-left::before,
.wrap-left::after,
.wrap-right::before,
.wrap-right::after {
  clear: both; }

@media only screen and (max-width: 768px) {
  .wrap-left,
  .wrap-right {
    width: 100% !important; } }
.list-inline {
  display: inline-block !important;
  /*display elements as a inline block*/ }

.full-width {
  height: 100%; }

.mar-top {
  margin: 1em 0 0 0;
  /*margin top*/ }

.mar-right {
  margin: 0 1em  0 0;
  /*margin right*/ }

.mar-bottom {
  margin: 0 0 1em 0;
  /*margin bottom*/ }

.mar-left {
  margin: 0 0 0 1em;
  /*margin left*/ }

.list-item {
  display: list-item !important;
  /*display elements in a list order*/ }

.bold {
  font-weight: 700;
  /*bold*/ }

.bolder {
  font-weight: 900;
  /*bold*/ }

.quote {
  font-style: italic; }

.heading {
  margin: 1em 0 0.5em 0; }

.shadow {
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1) !important; }

.no-shadow {
  box-shadow: none !important; }

.group-icons {
  margin: 1.5em 0 0.5em !important; }

.font-size-1x {
  font-size: 100%; }

.font-size-2x {
  font-size: 125%; }

.font-size-3x {
  font-size: 150%; }

.font-size-4x {
  font-size: 175%; }

.font-size-5x {
  font-size: 200%; }

.no-overflow {
  overflow: hidden; }

.no-overflow-x {
  overflow-x: hidden;
  overflow-y: auto; }

.no-overflow-y {
  overflow-x: auto;
  overflow-y: hidden; }

.absolute-top {
  position: absolute;
  top: 0; }

.absolute-bottom {
  position: absolute;
  bottom: 0; }

.fixed-top {
  position: fixed;
  top: 0; }

.fixed-bottom {
  position: fixed;
  bottom: 0; }

.img-responsive {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  padding: 0; }

.round {
  border-radius: 6px;
  /*round edges*/
  margin: 0;
  padding: 0; }

.well-rounded {
  border-radius: 20px;
  /*round edges*/
  margin: 0;
  padding: 0; }

.ele-hover:hover {
  transform: translateY(-15px);
  transition: all ease-in-out .5s; }

.ele-pointer:hover {
  cursor: pointer; }

.ele-shadow:hover {
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3); }

/*--------------------------------------
COMPONENTS
---------------------------------------*/
.navbar-default {
  height: 60px;
  width: 100%;
  padding: 0;
  background-color: #fdfdfd;
  border-bottom: 1px solid #f9f9f9;
  z-index: 999;
  /*changes stacking order*/
  /*brand image*/
  /*brand text*/
  /*removes menu bars on the desktop viewpoint*/
  /*mobile bars*/
  /*font-awesome search icon*/ }
  .navbar-default .container {
    max-width: 92%;
    padding: 0; }
  .navbar-default a {
    color: #202020;
    position: relative;
    z-index: 999;
    /*changes stacking order*/ }
  .navbar-default .brand, .navbar-default .brand-text, .navbar-default .navbar-nav-menu {
    float: left; }
  .navbar-default .brand {
    max-height: 100%;
    /*max height*/
    max-width: 100%;
    /*max width*/
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .navbar-default .brand::after, .navbar-default .brand-text::after, .navbar-default .navbar-nav-menu::after {
    clear: both;
    float: none; }
  .navbar-default .brand-text {
    font-size: 26px;
    line-height: 60px;
    /*vertical center align*/
    font-weight: 800;
    z-index: 999;
    /*changes stacking order*/ }
  .navbar-default .navbar-nav-menu {
    position: relative;
    left: 0.8em;
    /*postion left*/ }
    .navbar-default .navbar-nav-menu a {
      padding: 10px 8px 0 8px; }
  .navbar-default li {
    list-style-type: none;
    /*remove's list bulletpoints*/
    line-height: 60px;
    /*vertical center align*/
    float: left; }
  .navbar-default li i {
    padding: 0 8px 0 8px; }
  .navbar-default i {
    margin: 0 0.3em 0 0.3em;
    /*left and right margin for */ }
  .navbar-default .bars {
    position: relative;
    top: 11px;
    right: 2px;
    float: right;
    /*wrap's right*/
    display: none;
    /*removes*/
    /*border: 1px dotted #f9f9f9;*/
    padding: 4px;
    z-index: 999;
    /*changes stacking order*/
    /*changes stacking order*/
    font-size: 16px; }
    .navbar-default .bars:hover {
      cursor: pointer;
      /*changes the cursor to pointer when hovering over the bars*/ }
  .navbar-default .bar1,
  .navbar-default .bar2,
  .navbar-default .bar3 {
    height: 2.6px;
    width: 28px;
    background-color: #202020;
    margin: 5px 0;
    /*margin top*/ }
  .navbar-default i {
    color: #202020;
    text-shadow: none;
    z-index: 999;
    /*changes stacking order*/
    font-size: 18px;
    line-height: 60px; }
    .navbar-default i:hover {
      cursor: pointer;
      /*cursor set to pointer when hovering over the icon*/ }

/*displays menu bars on the mobile viewpoint*/
@media only screen and (max-width: 768px) {
  .navbar-default .container {
    max-width: 94%; }

  .navbar-default .brand-text {
    font-size: 20px; }

  .navbar-default .bars {
    display: block;
    /*display's the nav menu bars on mobile*/ }

  .navbar-default .bar1,
  .navbar-default .bar2,
  .navbar-default .bar3 {
    height: 2.5px;
    width: 25px; }

  .navbar-default li i,
  .navbar-default li {
    line-height: 145%; }

  .navbar-default i,
  .navbar-default i {
    line-height: 60px;
    margin: 0 0.4em 0 0.4em;
    /*left and right margin for */ }

  .navbar-default .navbar-nav-menu {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #fdfdfd;
    display: none;
    /*remove's the navbar nav menu until the nav menu is clicked*/
    padding: 10px 0 10px 10px;
    border-top: 1px solid #f9f9f9; }

  /* displays navbar items as list items on mobile*/
  .navbar-default .navbar-nav-menu li {
    color: #202020;
    display: list-item;
    line-height: 150%;
    float: none; }

  .navbar-default .wrap-left,
  .navbar-default .wrap-right {
    width: initial !important; } }
.navbar-fixed-top {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  padding: 0;
  border-bottom: 1px solid #f9f9f9;
  background-color: #fdfdfd;
  z-index: 999;
  /*changes stacking order*/
  /*brand image*/
  /*brand text*/
  /*removes menu bars on the desktop viewpoint*/
  /*mobile bars*/
  /*font-awesome search icon*/ }
  .navbar-fixed-top .container {
    max-width: 92%;
    padding: 0; }
  .navbar-fixed-top a {
    color: #202020;
    position: relative;
    z-index: 999;
    /*changes stacking order*/ }
  .navbar-fixed-top .brand, .navbar-fixed-top .brand-text, .navbar-fixed-top .navbar-nav-menu {
    float: left; }
  .navbar-fixed-top .brand {
    max-height: 100%;
    /*max height*/
    max-width: 100%;
    /*max width*/
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .navbar-fixed-top .brand::after, .navbar-fixed-top .brand-text::after, .navbar-fixed-top .navbar-nav-menu::after {
    clear: both;
    float: none; }
  .navbar-fixed-top .brand-text {
    font-size: 26px;
    line-height: 60px;
    /*vertical center align*/
    font-weight: 800;
    z-index: 999;
    /*changes stacking order*/ }
  .navbar-fixed-top .navbar-nav-menu {
    position: relative;
    left: 0.8em;
    /*postion left*/ }
    .navbar-fixed-top .navbar-nav-menu a {
      padding: 10px 8px 0 8px; }
  .navbar-fixed-top li {
    list-style-type: none;
    /*remove's list bulletpoints*/
    line-height: 60px;
    /*vertical center align*/
    float: left; }
  .navbar-fixed-top li i {
    padding: 0 8px 0 8px; }
  .navbar-fixed-top i {
    margin: 0 0.3em 0 0.3em;
    /*left and right margin for */ }
  .navbar-fixed-top .bars {
    position: relative;
    top: 11px;
    right: 2px;
    float: right;
    /*wrap's right*/
    display: none;
    /*removes*/
    /*border: 1px dotted #f9f9f9;*/
    padding: 4px;
    z-index: 999;
    /*changes stacking order*/
    /*changes stacking order*/
    font-size: 16px; }
    .navbar-fixed-top .bars:hover {
      cursor: pointer;
      /*changes the cursor to pointer when hovering over the bars*/ }
  .navbar-fixed-top .bar1,
  .navbar-fixed-top .bar2,
  .navbar-fixed-top .bar3 {
    height: 2.6px;
    width: 28px;
    background-color: #202020;
    margin: 5px 0;
    /*margin top*/ }
  .navbar-fixed-top i {
    color: #202020;
    text-shadow: none;
    z-index: 999;
    /*changes stacking order*/
    font-size: 18px;
    line-height: 60px; }
    .navbar-fixed-top i:hover {
      cursor: pointer;
      /*cursor set to pointer when hovering over the icon*/ }

/*displays menu bars on the mobile viewpoint*/
@media only screen and (max-width: 768px) {
  .navbar-fixed-top .container {
    max-width: 94%; }

  .navbar-fixed-top .brand-text {
    font-size: 20px; }

  .navbar-fixed-top .bars {
    display: block;
    /*display's the nav menu bars on mobile*/ }

  .navbar-fixed-top .bar1,
  .navbar-fixed-top .bar2,
  .navbar-fixed-top .bar3 {
    height: 2.5px;
    width: 25px; }

  .navbar-fixed-top li,
  .navbar-fixed-top li i {
    line-height: 145%; }

  .navbar-fixed-top i,
  .navbar-fixed-top i {
    line-height: 60px;
    margin: 0 0.4em 0 0.4em;
    /*left and right margin for */ }

  .navbar-fixed-top .navbar-nav-menu {
    width: 100%;
    position: absolute;
    top: 59px;
    left: 0;
    border-top: 1px solid #f9f9f9;
    background-color: #fdfdfd;
    display: none;
    /*remove's the navbar nav menu until the nav menu is clicked*/
    padding: 10px 0 10px 10px; }

  /* displays navbar items as list items on mobile*/
  .navbar-fixed-top .navbar-nav-menu li {
    color: #202020;
    display: list-item;
    line-height: 150%;
    clear: both; }

  .navbar-fixed-top .wrap-left,
  .navbar-fixed-top .wrap-right {
    width: initial !important; } }
.navbar-scroll {
  width: 100%;
  margin: auto;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  /*whitespace collapses into a single whitespace*/
  color: #ffffff; }

.blockquote {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  line-height: 150%;
  padding: 25px;
  font-family: 'Helvetica Neue', sans-serif; }
  .blockquote .quote {
    font-style: italic; }
  .blockquote p {
    font-size: 20px;
    padding: 30px;
    font-style: italic;
    background-color: #f9f9f9; }
  .blockquote p:before {
    /* content: '"'; 
     font-weight: 900; 
     margin: 0 10px 0 0px; */ }
  .blockquote p:after {
    /*content: '"'; 
    font-weight: 900;
    margin: 0 0 0 10px; */ }
  .blockquote .author {
    background-color: transparent;
    color: #a9a9a9; }
  .blockquote .author:before,
  .blockquote .author:after {
    content: initial; }

@media only screen and (max-width: 1200px) {
  .blockquote {
    padding: 5px; } }
.banner {
  height: 400px;
  width: 100%;
  color: #202020;
  background-color: #fafafa;
  position: relative; }
  .banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0; }

@media only screen and (max-width: 768px) {
  .banner {
    height: 100% !important; } }
.banner-full {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  color: #202020;
  background-color: #fafafa; }

.parallax {
  height: 100%;
  background-repeat: no-repeat;
  /*no background image repeat*/
  background-size: cover;
  /*full screen*/
  background-attachment: fixed;
  /*fixed bg image*/
  position: relative; }
  .parallax .bg-color {
    height: 100%;
    /* full height*/
    width: 100%;
    /*full width*/
    background-color: rgba(0, 0, 0, 0.6);
    /*clockwork-background images background color*/ }
  .parallax .parallax-container {
    /*center's content*/
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }

.bars {
  float: left;
  /*wrap's left*/
  display: block;
  padding: 4px;
  z-index: 999;
  /*changes stacking order*/ }
  .bars:hover {
    cursor: pointer;
    /*changes the cursor to pointer when hovering over the bars*/ }

/*mobile bars*/
.bar1,
.bar2,
.bar3 {
  height: 2.5px;
  width: 25px;
  background-color: #202020;
  margin: 5px 0; }

#fixed-background-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*scrollbars are hidden*/
  background-color: #202020;
  z-index: -999; }

#video-block {
  height: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%; }

@media only screen and (max-width: 768px) {
  #fixed-background-video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*scrollbars are hidden*/
    background-color: #202020; } }
/*-------------------------button*/
.btn-default {
  color: #202020;
  margin: auto;
  background-color: #f9f9f9;
  padding: 13px;
  width: auto;
  text-align: center;
  /*center text*/
  text-decoration: none;
  display: inline-block;
  border: 1px solid #f9f9f9;
  margin: 1em 0 1em 0em !important; }
  .btn-default i {
    margin: 0.5em; }

a.btn-default {
  color: #333333 !important;
  /*button color's*/
  text-shadow: initial !important;
  /*remove's text shadow*/ }

.btn-default:hover {
  text-decoration: none;
  opacity: 0.8;
  /*transparency*/
  cursor: pointer; }

.circle-btn {
  height: 40px;
  width: 40px;
  padding: 10px;
  border-radius: 50%;
  line-height: 40px;
  color: #202020;
  font-size: initial;
  text-align: center;
  display: list-item;
  /*displays icons as list items*/
  color: #ffffff; }

.card {
  width: 100%;
  border-radius: 6px;
  color: #202020;
  background-color: #fdfdfd;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border: none;
  display: table;
  line-height: 145%; }
  .card .card-header {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9; }
  .card .bg-image {
    height: 100px;
    width: 100%; }
  .card .bg-color {
    height: 100%;
    width: 100%;
    opacity: 0.95;
    /*transparency*/ }
  .card .card-footer {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9; }
  .card .heading {
    font-weight: 800;
    /*bold*/
    margin: initial; }
  .card li {
    list-style-type: none;
    /*remove's bulletpoints from card*/ }
  .card a {
    color: #4285f4; }
  .card .price-table .header {
    background-color: #f5f5f5; }
  .card .price-table li {
    border: 1px solid #f9f9f9;
    padding: 10px; }
  .card .price-table .footer {
    background-color: #f9f9f9; }

.card-wrap {
  white-space: pre-wrap;
  /*text will wrap when necessary*/ }

.card-scroll {
  background-color: #fdfdfd;
  height: 200px;
  padding: 20px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); }
  .card-scroll ul li {
    list-style-type: none; }

.icon-btn {
  height: 40px;
  width: 40px;
  font-size: 20px;
  border-radius: 50%;
  /*cricle*/
  text-align: center;
  /*center icon's*/
  padding: 8px;
  color: #ffffff;
  /*icon color*/
  display: inline-block; }

/*list group*/
.card-group {
  width: 100%;
  border-radius: 6px;
  color: #202020;
  background-color: #fdfdfd;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border: none;
  list-style-type: none;
  /*removes underline*/
  /*removes last border*/
  /*removes last border*/
  /*pin attached*/
  /*pin with anchor*/
  /*pin with anchor*/ }
  .card-group .card-group-item {
    border-bottom: 1px solid #eeeeee;
    color: #202020;
    background-color: #fafafa;
    padding: 2em 1.0em 1.5em 1.0em;
    /*padding top, right, bottom, and left*/
    text-align: left; }
  .card-group .card-group-item:last-child {
    border-bottom: none; }
  .card-group .card-group-item:hover {
    background-color: #e9e9e9; }
  .card-group .group-item-center:last-child {
    border: none; }
  .card-group .group-item:last-child {
    border: none; }
  .card-group .card-pin {
    color: #808080;
    float: right;
    /*wrap's the card pin to the right*/
    position: relative;
    top: 1px;
    left: 5px; }
  .card-group a.card-pin {
    color: #4285f4;
    text-decoration: underline;
    /*adds an underline to the anchor tag for the card pin*/ }
  .card-group a.card-pin:hover {
    opacity: 0.9;
    /*transparency*/ }

@media only screen and (max-width: 768px) {
  .card-group {
    background-color: #ffffff;
    width: 100%; } }
.card-article {
  border: 2px solid #f9f9f9;
  padding: 10px 15px 40px 15px;
  /*padding top, right, bottom, and left*/
  margin: 2em 0 2em 0;
  /*margin top and bottom*/
  border-radius: 6px;
  /*round corners*/ }
  .card-article a {
    color: #202020;
    margin: 1em 0 0.5em; }
  .card-article ul {
    padding: 10px; }

.sphere {
  color: #ffffff;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  height: 300px;
  width: 300px;
  margin: auto;
  /*  animation: bounce 2s infinite alternate; 
    animation-timing-function: linear;*/
  padding: 25px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4); }

.circle-1x {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  padding: 8px;
  text-align: center;
  /*text center*/
  margin: 1em 0 0.5em;
  /*margin top and bottom*/ }

.circle-2x {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  padding: 30px 0 0 0;
  /*padding top*/
  text-align: center;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/ }

.circle-3x {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  padding: 30px 0 0 0;
  /*padding top*/
  text-align: center;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/ }

.circle-4x {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  padding: 30px 0 0 0;
  /*padding top*/
  text-align: center;
  margin: 1em 0 0.5em; }

.circle-5x {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  /*cricle*/
  border: 1px solid #f9f9f9;
  padding: 30px 0 0 0;
  /*padding top*/
  text-align: center;
  margin: 1em 0 0.5em;
  /*margin top and bottom*/ }

.half-triangle {
  position: relative; }

.half-triangle:before,
.half-triangle:after {
  position: absolute;
  content: "";
  height: 150px;
  width: 150px;
  background-color: #fafafa;
  bottom: 0;
  margin: auto;
  z-index: -9999; }

.half-triangle:before {
  right: 50%;
  transform: skew(0, 20deg); }

.half-triangle:after {
  left: 50%;
  transform: skew(0, -20deg); }

.breadcrumb {
  padding: 10px 16px;
  /*  background-color: #f9f9f9;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);*/
  border-bottom: 2px solid #f9f9f9;
  /*border-radius: 6px;*/ }
  .breadcrumb li + li:before {
    padding: 8px !important;
    color: black !important;
    content: "/\00a0" !important; }
  .breadcrumb li {
    display: inline-block !important;
    font-size: 18px; }
  .breadcrumb a {
    color: #202020; }

.pagination li {
  display: inline-block;
  /*list elements in an inline-block*/
  font-size: 18px;
  padding: 8px !important;
  bottom: 1px solid #e9e9e9; }
.pagination a {
  color: #202020; }

.feed-container {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  color: #202020;
  background-color: #fdfdfd;
  white-space: nowrap;
  /*whitespace collapses into a single whitespace*/
  padding: 10px 0 10px 15px;
  /*top, bottom, and left padding*/
  overflow: hidden;
  /*scrollbars are hidden*/
  border-bottom: 1px solid #f9f9f9; }
  .feed-container p {
    position: relative;
    left: 1400px;
    padding: 0 0 10px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
  .feed-container .feed-heading {
    padding: 0 0 0.6em 0;
    font-size: 16px; }
  .feed-container span {
    margin: 3em; }

@media only screen and (max-width: 1200px) {
  .feed-container {
    padding: 10px 0 10px 5px; }

  .feed-container p {
    left: 300px; } }
#pre-footer {
  height: 100%;
  width: 100%;
  color: #202020;
  background-color: #fdfdfd;
  padding: 25px 0 25px 0;
  border-top: 1px solid #f9f9f9;
  clear: both; }
  #pre-footer .container {
    max-width: 93%; }
  #pre-footer .heading {
    font-weight: 800;
    font-size: 18px; }
  #pre-footer i {
    font-size: 18px; }
  #pre-footer li {
    list-style-type: none; }
  #pre-footer .social-media li {
    display: inline-block;
    margin: 0 0.3em 0 0.3em; }
  #pre-footer a {
    text-decoration: none;
    color: #202020; }
  #pre-footer .btn-default {
    width: 95px;
    text-align: center;
    padding: 0;
    color: #202020; }

#footer {
  max-height: 100%;
  width: 100%;
  padding: 0;
  border-top: 1px solid #f9f9f9;
  clear: both;
  font-size: 14px; }
  #footer .container {
    max-width: 90%;
    padding: 0; }
  #footer li {
    display: inline-block; }
  #footer a {
    color: #202020;
    text-decoration: none;
    /*removes underline*/ }
  #footer p {
    margin: 0; }
  #footer .btn-default {
    width: 90px;
    text-align: center;
    padding: 0;
    color: #202020; }
  #footer .fa, #footer i {
    color: #202020; }

@media only screen and (max-width: 768px) {
  #footer {
    text-align: center;
    font-size: 12px;
    display: block; }

  #footer .container {
    max-width: 100%;
    padding: 0.5em 0 0.5em 0; }

  #footer [class*="col-"] {
    padding: 0.5em; }

  #footer a {
    font-size: 12px; } }
#footer a:hover {
  opacity: 0.8;
  /*transparency*/ }

/*---------------------forms*/
input,
textarea {
  width: 100%;
  margin: 0.5em 0 2em 0; }

input {
  height: 40px;
  width: 100%;
  background-color: #fafafa;
  border: none;
  padding: 10px;
  -webkit-appearance: none;
  border-radius: 0; }

textarea {
  height: 200px;
  resize: none;
  background-color: #fafafa;
  border: none;
  padding: 15px;
  -webkit-appearance: none;
  border-radius: 0; }

.input-wrap {
  width: 50%;
  float: left; }

::-webkit-input-placeholder {
  color: #202020; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #202020; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #202020; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #202020; }

.g-recaptcha {
  margin: 1em 0 1em 0;
  /*padding top and bottom*/ }

#submit,
#reset {
  height: 55px;
  width: 90px;
  border: none;
  background-color: #fafafa;
  margin: 1em 0 1em 0;
  line-height: 100%;
  -webkit-appearance: none;
  border-radius: 0; }

#submit:hover,
#reset:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  input {
    width: 100%; }

  .g-recaptcha {
    -webkit-transform: scale(0.77);
    -moz-transform: scale(0.77);
    -ms-transform: scale(0.77);
    -o-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: 1em 0 0 0;
    width: 0; } }
/*-------------------------------------------------------
JAVASCRIPT COMPONENTS
--------------------------------------------------------*/
.navbar-fixed-top {
  z-index: 999;
  /*changes stacking order*/
  position: fixed;
  top: 0;
  transition: 0.5s ease-in-out; }

#js-fixed-navbar-top {
  position: fixed;
  top: 0; }

/*syntax highlighting elements, strings, and comment colors*/
.code-str {
  color: #b7525c; }

.code-elem {
  color: #F90; }

.code-comment {
  color: #999; }

/*syntax highlighting*/
.code {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  display: block;
  white-space: pre-wrap;
  /*text will wrap when necessary*/
  color: #ffffff;
  background-color: #fdfdfd;
  padding: 10px;
  overflow: auto;
  /*scrolling set to auto*/
  text-align: left !important;
  /*text align left*/ }

.banner-gallery {
  white-space: nowrap;
  /*whitespace collapses into a single whitespace*/
  overflow: hidden;
  /*scrollbars are hidden*/
  border: 1px solid #f9f9f9;
  position: relative; }
  .banner-gallery .container {
    padding: 10px;
    max-width: 99%; }
  .banner-gallery .arrows {
    position: absolute;
    top: 25px;
    right: 50px; }
    .banner-gallery .arrows .fa {
      font-size: 40px;
      margin-left: .1em; }
  .banner-gallery .fa-angle-left:hover,
  .banner-gallery .fa-angle-right:hover {
    cursor: pointer; }
  .banner-gallery .image-container {
    width: 25%;
    display: inline-block;
    border-right: 1px solid #f9f9f9;
    padding: 10px; }
  @media only screen and (max-width: 768px) {
    .banner-gallery .image-container {
      width: 50%; } }
  .banner-gallery .img-responsive {
    border: none; }
  .banner-gallery .gallery-text {
    white-space: normal; }
  .banner-gallery .gallery-heading {
    margin-top: .8em; }
  .banner-gallery .gallery-heading a {
    font-size: 18px;
    color: #ffffff; }
  .banner-gallery a {
    color: #92dbff;
    text-decoration: none; }

/*search bar modal box*/
#search-modal {
  display: none;
  width: 100%;
  /*full width*/
  background-color: #ffffff;
  /*display's when the search icon is clicked*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  /*changes stacking order*/
  padding: 45px;
  /*searchbar iput fiels*/
  /*ajax & xml live search*/ }
  #search-modal .container {
    padding: 0;
    max-width: 100%; }
  #search-modal .close-btn {
    height: 40px;
    width: 40px;
    position: fixed;
    top: 10px;
    right: 25px;
    font-size: 36px;
    font-weight: 700;
    z-index: 999;
    /*changes stacking order*/
    border-radius: 50%;
    line-height: 40px;
    text-align: center; }
    #search-modal .close-btn:hover {
      cursor: pointer; }
  #search-modal input {
    height: 80px;
    width: 80%;
    display: block;
    margin: auto;
    padding: 15px;
    border: 1px solid #f9f9f9;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    /*font family for search icon*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    /*search icon size*/ }
  #search-modal ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #202020; }
  #search-modal ::-moz-placeholder {
    /* Firefox 19+ */
    color: #202020; }
  #search-modal :-ms-input-placeholder {
    /* IE 10+ */
    color: #202020; }
  #search-modal :-moz-placeholder {
    /* Firefox 18- */
    color: #202020; }
  #search-modal #livesearch {
    width: 80%;
    /*full width*/
    z-index: 999;
    /*changes stacking order*/
    text-align: left;
    /*aligns live search text left*/
    padding: 0 0 0 20px;
    background-color: #ffffff;
    margin: auto; }
    #search-modal #livesearch a {
      text-decoration: none;
      color: #202020; }
  #search-modal .btn-default {
    background-color: #eeeeee !important;
    border: 1px solid #eeeeee !important; }
  #search-modal .btn-default {
    color: #333333 !important; }
  #search-modal a {
    color: #202020; }

@media only screen and (max-width: 768px) {
  #search-modal {
    padding: 5px; }

  #search-modal input,
  #search-modal #livesearch {
    width: 100%;
    font-size: 14px; }

  #search-modal .close-btn {
    right: 5px; } }
#fixed-header {
  position: fixed;
  /*fixed top*/
  top: 0;
  display: none;
  z-index: 999;
  /*changes stacking order*/ }
  #fixed-header .container {
    max-width: 96%;
    padding: 0; }

#fixed-footer {
  position: fixed;
  /*fixed top*/
  bottom: 0;
  display: none;
  z-index: 999;
  /*changes stacking order*/ }
  #fixed-footer .container {
    max-width: 96%;
    padding: 0; }

#fixedList {
  position: fixed;
  top: 250px;
  left: 25px;
  z-index: 999;
  /*changes stacking order*/
  display: none; }
  #fixedList li {
    list-style-type: none;
    line-height: 2em; }
  #fixedList i {
    font-size: 20px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 50px;
    text-align: center; }
  #fixedList a {
    text-decoration: none; }

@media only screen and (max-width: 768px) {
  #fixedList {
    position: fixed;
    bottom: 0;
    top: initial;
    left: initial;
    width: 100%;
    margin: auto;
    padding: 10px; }

  #fixedList li {
    display: inline-block;
    width: 18%; }

  #fixedList i {
    padding: 10px; } }
/*back to top*/
#fixed-scroll-top {
  position: fixed;
  right: 15px;
  bottom: 40px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #f9f9f9;
  background-color: #fdfdfd;
  display: none;
  /*hidden*/
  z-index: 999; }
  #fixed-scroll-top .fa {
    color: #202020;
    padding: 13px;
    font-size: 22px; }

#fixed-scroll-top:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  #fixed-scroll-top {
    position: fixed;
    right: 5px;
    bottom: 50px; } }
/*Default modal*/
#default-modal {
  display: none;
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  position: fixed;
  /*fixed position for a full screen modal*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  /*changes stacking order*/
  overflow: hidden;
  /*scrollbars are hidden*/
  color: #202020;
  background-color: #ffffff;
  padding: 25px 0 10px 0;
  text-align: center; }
  #default-modal .container {
    height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0; }
  #default-modal .close-btn {
    height: 40px;
    width: 40px;
    position: fixed;
    top: 5px;
    right: 5px;
    font-size: 36px;
    font-weight: 700;
    z-index: 999;
    /*changes stacking order*/
    border-radius: 50%;
    line-height: 40px; }
    #default-modal .close-btn:hover {
      cursor: pointer; }

/*hover for default modal*/
.js-open-default-modal:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  #default-modal {
    padding: 75px 0 75px 0; }

  #default-modal .container {
    max-width: 100%; }

  #default-modal img {
    height: 175px;
    width: 90%;
    margin: auto; } }
/*image modal*/
#image-modal {
  display: none;
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  position: fixed;
  /*fixed*/
  top: 0;
  /*postion top*/
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999999;
  /*changes stacking order*/
  overflow-x: hidden;
  /*scrollbars are hidden*/
  overflow-y: auto;
  color: #202020;
  background-color: #ffffff;
  opacity: 0.985;
  /*transparency*/
  padding: 40px 0 10px 0;
  text-align: center;
  /* modal caption */ }
  #image-modal .container {
    height: 100%;
    /*full height*/
    max-width: 90%;
    /*image modal container width*/
    padding: 0; }
  #image-modal .close-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 36px;
    font-weight: 700;
    z-index: 999;
    /*changes stacking order*/
    border-radius: 50%;
    line-height: 40px; }
    #image-modal .close-btn:hover {
      cursor: pointer; }
  #image-modal img {
    width: 60%;
    margin: auto; }
  #image-modal #image-caption {
    font-size: 100%;
    font-weight: 900;
    margin: 1em 0 1em 0;
    /*margin top and bottom*/ }
  #image-modal #image-url {
    display: block;
    color: #4285f4;
    margin: 1em 0 1em 0;
    /*margin top and bottom*/
    font-size: 100%; }

/*hover for image modal*/
.js-open-image-modal:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  #image-modal {
    padding: 50px 0 50px 0; }

  #image-modal .container {
    max-width: 95%; }

  #image-modal img {
    height: 200px;
    width: 90%;
    margin: auto; } }
/*load screen with loading*/
.load-screen {
  background-color: #ffffff;
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  position: fixed;
  /*fixed position for a full screen modal*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  /*changes stacking order*/
  text-align: center; }
  .load-screen .loader-default {
    border-radius: 50%;
    /*circle*/
    border: 10px solid #666666;
    border-left: 10px solid #121212;
    border-bottom: 10px solid #121212;
    width: 60px;
    /*loader circle width*/
    height: 60px;
    /*loader circle height*/
    margin: auto;
    /*center's*/
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }

.dropdown .dropdown-container {
  display: none;
  width: 100%;
  z-index: 99999;
  padding: 10px; }
  .dropdown .dropdown-container li {
    list-style-type: none; }
.dropdown:hover {
  cursor: pointer; }

.show .dropdown-container {
  display: block; }

.carousel {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  background-color: #fdfdfd;
  position: relative;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
  /*carousel shadow*/
  /*carousel arrows for mobile devices*/ }
  .carousel .carousel-slide {
    display: none;
    /*remove's carousel slides*/ }
  .carousel .carousel-content {
    width: 80%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    /*scrollbars are hidden*/ }
  .carousel .img-responsive {
    margin: 0;
    /*reset margin*/ }
  .carousel .left-arrow:before {
    height: 25px;
    width: 25px;
    line-height: 20px;
    /*vertical center align*/
    padding: 12px;
    /*padding*/
    content: ' \02190';
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 150px;
    /*postion left*/
    border-radius: 50%;
    /*circle*/
    display: none; }
  .carousel .right-arrow:before {
    height: 25px;
    width: 25px;
    line-height: 20px;
    /*vertical center align*/
    padding: 12px;
    /*padding*/
    content: ' \02192';
    font-size: 24px;
    position: absolute;
    top: 50%;
    /*postion top*/
    right: 150px;
    /*postion right*/
    border-radius: 50%;
    /*circle*/
    display: none; }
  @media only screen and (max-width: 768px) {
    .carousel .left-arrow:before {
      left: 5px;
      /*postion left*/
      font-size: 18px; }
    .carousel .right-arrow:before {
      right: 5px;
      /*postion right*/
      font-size: 18px; } }

/*postion hover effects*/
.carousel:hover .left-arrow:before,
.carousel:hover .right-arrow:before {
  display: block;
  cursor: pointer;
  /*cursor set to pointer when hovering */ }

/*-------------------------------------------------------
Mobile Devices
--------------------------------------------------------*/
/*main app wrapper*/
#app-wrapper {
  height: 100%;
  /*full height*/
  width: 100%;
  /*full width*/
  position: fixed;
  /*fixed position for a full screen modal*/
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  /*changes stacking order*/
  overflow-x: hidden;
  overflow-y: auto; }

#app-header {
  height: 100%;
  width: 100%; }
  #app-header #app-navbar {
    height: 40px;
    /*header height*/
    width: 100%;
    /*full width*/
    background-color: #fdfdfd;
    line-height: 40px;
    border-bottom: 1px solid #f9f9f9; }
    #app-header #app-navbar .container {
      max-width: 98%; }
    #app-header #app-navbar .bars {
      float: left;
      display: block;
      /*border: 1px dotted #f9f9f9;*/
      padding: 4px;
      margin: 0 10px 0 0;
      z-index: 999999999999999999; }
      #app-header #app-navbar .bars:hover {
        cursor: pointer;
        /*changes the cursor to pointer when hovering over the bars*/ }
    #app-header #app-navbar .bar1,
    #app-header #app-navbar .bar2,
    #app-header #app-navbar .bar3 {
      height: 2.5px;
      width: 25px;
      background-color: #333333;
      margin: 5px 0; }
    #app-header #app-navbar i {
      margin: 0 0.4em 0 0.4em; }
    #app-header #app-navbar i:hover {
      cursor: pointer; }

@media only screen and (max-width: 768px) {
  .m-text-left {
    text-align: left !important; }

  .m-text-center {
    text-align: center !important; }

  .m-text-right {
    text-align: right !important; }

  .m-display-none {
    display: none; } }
/*------------------- Social Media Brand Colors*/
/*------------------- Social Media Background Brand Colors*/
.bg-twitter {
  background-color: #00aced;
  color: #ffffff; }

.bg-facebook {
  background-color: #3b5998;
  color: #ffffff; }

.bg-google-plus {
  background-color: #dd4b39;
  color: #ffffff; }

.bg-pinterest {
  background-color: #cb2027;
  color: #ffffff; }

.bg-linkedin {
  background-color: #007bb6;
  color: #ffffff; }

.bg-youtube {
  background-color: #bb0000;
  color: #ffffff; }

.bg-vimeo {
  background-color: #1ab7ea;
  color: #ffffff; }

.bg-tumblr {
  background-color: #32506d;
  color: #ffffff; }

.bg-instagram {
  background-color: #bc2a8d;
  color: #ffffff; }

.bg-flickr {
  background-color: #ff0084;
  color: #ffffff; }

.bg-dribbble {
  background-color: #ea4c89;
  color: #ffffff; }

.bg-quora {
  background-color: #a82400;
  color: #ffffff; }

.bg-foursquare {
  background-color: #0072b1;
  color: #ffffff; }

.bg-vk {
  background-color: #45668e;
  color: #ffffff; }

.bg-wordpress {
  background-color: #21759b;
  color: #ffffff; }

.bg-stumbleupon {
  background-color: #EB4823;
  color: #ffffff; }

.bg-yahoo {
  background-color: #7B0099;
  color: #ffffff; }

.bg-blogger {
  background-color: #fb8f3d;
  color: #ffffff; }

.bg-soundcloud {
  background-color: #ff3a00;
  color: #ffffff; }

/*------------------- Social Media Brand Colors*/
.twitter {
  color: #00aced; }

.facebook {
  color: #3b5998; }

.google-plus {
  color: #dd4b39; }

.pinterest {
  color: #cb2027; }

.linkedin {
  color: #007bb6; }

.youtube {
  color: #bb0000; }

.vimeo {
  color: #1ab7ea; }

.tumblr {
  color: #32506d; }

.instagram {
  color: #bc2a8d; }

.flickr {
  color: #ff0084; }

.dribbble {
  color: #ea4c89; }

.quora {
  color: #a82400; }

.foursquare {
  color: #0072b1; }

.vk {
  color: #45668e; }

.wordpress {
  color: #21759b; }

.stumbleupon {
  color: #EB4823; }

.yahoo {
  color: #7B0099; }

.blogger {
  color: #fb8f3d; }

.soundcloud {
  color: #ff3a00; }

/*Framework Background Colors*/
.bg-black {
  background-color: #2E2E2E; }
  .bg-black .bar1, .bg-black .bar2, .bg-black .bar3 {
    height: 4px;
    width: 25px;
    background-color: #f9f9f9;
    margin: 5px 0; }
  .bg-black i {
    color: #f9f9f9; }
  .bg-black a {
    color: #f9f9f9; }

.bg-white {
  background-color: #fdfdfd; }
  .bg-white .bar1, .bg-white .bar2, .bg-white .bar3 {
    height: 4px;
    width: 25px;
    background-color: #232323;
    margin: 5px 0; }
  .bg-white i {
    color: #232323; }
  .bg-white a {
    color: #232323; }

.bg-green {
  background-color: #2BBBAD; }
  .bg-green .bar1, .bg-green .bar2, .bg-green .bar3 {
    height: 4px;
    width: 25px;
    background-color: #f9f9f9;
    margin: 5px 0; }
  .bg-green i {
    color: #f9f9f9; }
  .bg-green a {
    color: #f9f9f9; }

.bg-blue {
  background-color: #4285F4; }
  .bg-blue .bar1, .bg-blue .bar2, .bg-blue .bar3 {
    height: 4px;
    width: 25px;
    background-color: #f9f9f9;
    margin: 5px 0; }
  .bg-blue i {
    color: #f9f9f9; }
  .bg-blue a {
    color: #f9f9f9; }

.bg-red {
  background-color: #ff4444;
  color: #f9f9f9; }
  .bg-red .bar1, .bg-red .bar2, .bg-red .bar3 {
    height: 4px;
    width: 25px;
    background-color: #f9f9f9;
    margin: 5px 0; }
  .bg-red i {
    color: #f9f9f9; }
  .bg-red a {
    color: #f9f9f9; }

.bg-gray {
  background-color: #f5f5f5; }
  .bg-gray .bar1, .bg-gray .bar2, .bg-gray .bar3 {
    height: 4px;
    width: 25px;
    background-color: #202020;
    margin: 5px 0; }
  .bg-gray i {
    color: #202020; }
  .bg-gray a {
    color: #202020; }

/*Framework Text Colors*/
.black {
  color: #2E2E2E; }
  .black a {
    color: #2E2E2E; }

.green {
  color: #2BBBAD; }
  .green a {
    color: #2BBBAD; }

.blue {
  color: #4285F4; }
  .blue a {
    color: #4285F4; }

.red {
  color: #ff4444; }
  .red a {
    color: #ff4444; }

.white {
  color: #ffffff; }
  .white a {
    color: #ffffff; }

.gray {
  color: #808080; }
  .gray a {
    color: #808080; }

/*framwork theme color*/
.theme-color {
  color: #4285f4; }
  .theme-color a {
    color: #4285f4; }

.theme-bg-color {
  color: #ffffff;
  background-color: #4285f4; }

.bg-reset {
  color: #202020;
  background-color: #fdfdfd; }

/*# sourceMappingURL=simplicity.css.map */