body {
  font-size: 16px;
  font-family: 'Duru Sans', sans-serif; 
}
body.show-nav .logo-location {
   top:-20px;
   position: absolute;
}
body.show-nav .login-location {
   top:-20px;
   position: absolute;
}
.dash-text {
    padding: 0px 30px;
    width:50%;
    margin-left: 25%;
    font-size: 18px;
    opacity: 0.7;
}
.error {
    background-color: #fff3f1 !important;
    
}
.red-background {
    background: #da2828;
    padding: 6px;
    color: #fff;
}
.font-18 {
    font-size: 18px;
}
.freeze-container {
    position: absolute;
    left: 0px;
}
.freeze-nav {
    position: absolute;
    bottom: 0;
    width: 310px;
    padding: 30px;
    left: 75px;
    z-index: 99;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #2c3f84;
    border: none;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
}
.lg-icon { font-size: 18px;}
.stat-circle { margin-left: 4px; }
.red-text { color: #a94442; }
.success-text { color:green; }
.green-text { background-color:green; }
.yellow-text { background-color:yellow; }
input.red-back { background-color:red !important; color:#fff; }
.red-border { border-color: red; background: #ffb9b9;}
#newsError {
    color: rgb(255, 255, 255);
    background-color: rgba(210, 61, 75);
    opacity: 0.8;
    padding: 8px 12px;
}
#adoption-application select, #foster-application select {
   border:0;
   font-size: 1.125em;
  /* height: 34px !important; */
}
.navy { color:#606298;}
.short-stuff { 
    width:60px; 
    float: none;
    margin: 0 auto; 
    border-top: #606298 2px solid; 
  }

#closeme {
   -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
#newsy input {
  border:none;
}
div.top-wrapper {
    background-image: url(/wp-content/themes/furryfriendsnetwork/inc/images/bar.jpg);
    background-repeat: no-repeat;
    background-position: -170px 0;
}
/* Preloader */

#preloader {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.um-register {
    opacity: 1;

    top: 486px;
    font-size: 20px;
    width: 1685px;
    background: #eee;
    color: #fff;
    padding: 20px;
    border: #ccc 2px solid;
}
.um-button {
    border:#333 thin solid !important;
}
.spinner {
  position: absolute;
  left: 49%;
  top: 50%; 
  z-index: 999; 
  min-width: 6.5em; 
  height: 2.5em; 
  overflow: visible; 
}

.spinner > div {
  height: 100%;
  width: 6px;
  display: inline-block;
  background-color: #e121ec;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.hero-text {
    padding: 0px 23%;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 100;
    opacity: 0.8;
}
.pet-information {
    position: absolute;
    top: 45px;
    right: 45px;
}
.options-img {
    width: 36px;
}
.msg {
    color: #fff;
    padding: 4px;
    width: 100%;
    padding-left: 220px;
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 9;
    text-align: center;
}
.msg-wide {
    color: #fff;
    padding: 4px;
    width: 100%;
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 9;
    text-align: center;
}
.search-location {
    position: absolute;
    top: 30px;
    right: 170px;
    z-index: 5;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.search-location a {
    background: transparent;
    color: #fff !important;
    font-size: 24px;
    border: none;
}
.purple-lite { background-color:#593beb; }  //#7870f5  // #8062dc
.purple-mid { background-color:#5d30f3; }
.purple-foot { background-color: #551abf; }
.purple-very-dark { background-color:#002060; }
.news-form-field {
    width: 100%;
    line-height: 2;
    font-size: 21px;
    border-radius: 6px;
    padding-left: 12px;
    margin-bottom: 12px;
}
.site-main { width: 100%;}
.white-font { color: #FFF; }
.shift-right {
    padding-left:324px;
}
 .first-art {
    margin-left: 40px !important;
  }
 .first-fact {
    margin-left: 50px !important;
 } 
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #C060D2;
}
.tooltip-inner {
  color: #FFF;
  background: #C060D2;
  border: solid 1px #C060D2;
}
.collapse {
    display: none;
}
.card-img-wrapper {
 /* background: #2c3f84;   #593beb; */
 /*   border: #f9f9f9 thin solid;
    /* width: 50%; */
    position: absolute;
    top: -12px;
    left: 5%;
    width: 90%;
    height: 360px;
    padding: 16px;
}
.featured-art {
  float:left;
  width:30%;
  margin: 10px;
  padding: 20px;
  text-align: center;
  border: #2c3f84 thin solid;
  margin-bottom: 40px;
}
.featured-icon {
    display: inline-block;
    color: #2c3f84;
    font-size: 80px;
    line-height: 80px;
    width: 180px;
    background: #FFF; /* #593beb; #6d6ad2;*/
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
}
.featured-fact {
  float:left;
  width:20%;
  margin: 10px;
  margin-left: 30px;
  padding: 20px;
  text-align: center;
  border: #2c3f84 thin solid;
  margin-bottom: 40px;
}
.featured-fact-icon {
    display: inline-block;
    color: #2c3f84;
    font-size: 46px;
    line-height: 80px;
    width: 100px;
    background: #FFF;
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.4) url(/wp-content/themes/furryfriendsnetwork/inc/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible:hover {
  background-color: #e09524;
  opacity: 1;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.center-text { text-align: center; }
.left-text { text-align: left; }
.right-text { text-align: right; }
body.logged-in .searchTop {
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 70px;
    right: 340px;
    display: block;
    z-index: 9;
    font-size: 24px;
     -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.searchTop {
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 40px;
    right: 340px;
    display: block;
    z-index: 9;
    font-size: 24px;
     -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.searchSub {
    float: right;
    padding: 6px;
    margin-top: 8px;
    margin-right: 16px;
    background: #e09524;
    font-size: 17px;
    color: #fff;
    border: none;
    cursor: pointer;
}
.searchInput {
  padding: 8px;
  margin-top: 9px;
  font-size: 17px;
  border: none;
}
body.logged-in .search-container {
    position: absolute;
    top: 60px;
    right: 370px;
    display: block;
    z-index: 9;
}
.search-container {
    position: absolute;
    top: 30px;
    right: 370px;
    display: block;
    z-index: 9;
}
body.logged-in .login-location {
    position: fixed;
    top: 70px;
    right: 200px;
    z-index: 5;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.login-location {
    position: fixed;
    top: 40px;
    right: 200px;
    z-index: 5;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.btn-radius-20 {
    border-radius: 20px !important;
    padding: 2px 6px !important;
}
.button { padding:10px 20px;}
.btn-secondary, .button, span.nav-previous a, span.nav-next a {
    color: #fff;
    background-color: #6d56fc;
    border-color: #6d56fc;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-secondary:hover, .button:hover, span.nav-previous a:hover, span.nav-next a:hover  {
    color:#333;
    background: transparent;
    border-color: #6d56fc;
}
.btn-pet:hover {
    background: #524FA5;
    color: #fff;
    border: #fff thin solid;
    box-shadow: 0;
}
.btn-pet {
    background: transparent;
    color: #524FA5;
    border: #524FA5 thin solid;
  
}
.btn-purple {
    background: #682f9c;
    color: #FFF;
    border: #682f9c thin solid;
  
}
.btn-purple:hover {
    background: #2f2d9c;
    color: #FFF !important;
    border: #682f9c thin solid;
    box-shadow: 0;
} 
.btn-red {
    background: #a2413c;  
    color: #FFF !important;
    border: #fff thin solid;
  
}   
.btn-red:hover {
    background: #eee;
    color: #524FA5 !important;
    border: #524FA5 thin solid;
    box-shadow: 0;
}
.btn-green {
    background: #3f903f;
    color: #FFF !important;
    border: #fff thin solid;
  
}   
.btn-green:hover {
    background: #eee;
    color: #524FA5 !important;
    border: #524FA5 thin solid;
    box-shadow: 0;
}
.btn-blue-inverse:hover {
    background: #3c4da2;  
    color: #FFF !important;
    border: #fff thin solid;
  
}   
.btn-blue-inverse {
    background: #eee;
    color: #524FA5 !important;
    border: #524FA5 thin solid !important;
    box-shadow: 0;
}
.btn-blue {
    background: #3c4da2;  
    color: #FFF !important;
    border: #fff thin solid;
  
}   
.btn-blue:hover {
    background: #eee;
    color: #524FA5 !important;
    border: #524FA5 thin solid;
    box-shadow: 0;
}
.btn-clear-gray:hover {
    background: #eee;
    color: #333 !important;
    border: #333 thin solid;
    box-shadow: 0;
}
.btn-clear-gray {
    background: #9E9E9E;
    color: #FFF !important;
    border: #fff thin solid;
  
}    
.btn-clear:hover {
    background: #eee;
    color: #524FA5 !important;
    border: #524FA5 thin solid;
    box-shadow: 0;
}
.btn-clear {
    background: #2c3f84;
    color: #FFF !important;
    border: #fff thin solid;
  
}
.btn-subtraction {
    background: transparent;
    border: #eee thin solid;
}
.btn-subtraction:hover {
    background: #761c1f;
    color: #FFF !important;
}
.btn-addition {
    background: transparent;
    border: #eee thin solid;
}
.btn-addition:hover {
    background: #425f42;
    color: #FFF !important;
}
.btn-slider {
    background: transparent;
    border: #FFF thin solid;
}
.btn-slider:hover {
    background: #524FA5;
}
.nav-login, .nav-logout {
    background: transparent;
    position: absolute;
    right: 200px;
    top: 20px;
    color: #333;
    border: #333 thin solid;
}
.nav-login:hover, .nav-logout:hover {
    background: #524fa5;
    color: #FFF !important;
}
.clear { 
    background: transparent;
    color: #fff;
    border: #fff thin solid;
}
.clear:hover { 
    background: #eee;
    color: #333;
    border: #fff thin solid;
}
.nav-icon, .nav-icon-foot {
  width: 80px;
  margin-left: 12px;
  margin-top: 6px;
  float: left;
  opacity: 1;
  border: #ccc thin solid;
  -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.nav-icon:hover, .nav-icon-foot:hover {
    -moz-transform: scale(1.25) translateX(10px);
    -ms-transform: scale(1.25) translateX(10px);
    -webkit-transform: scale(1.25) translateX(10px);
    transform: scale(1.25) translateY(10px);
}
.spotlight-img {
  width:180px; 
  opacity:0.6; 
  border: #1C1D3C thin solid; 
      -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.spotlight-img:hover {
      -webkit-filter: none;
    filter: none;
    -moz-transform: scale(1.25) translateX(20px);
    -ms-transform: scale(1.25) translateX(20px);
    -webkit-transform: scale(1.25) translateX(20px);
    transform: scale(1.25) translateY(20px);
    opacity: 1;
}
.service-list img {
    margin-top: 20px;
}
.service-title {
    font-size: 1.8rem;
    color:#333;
    font-weight: 200;
    margin: 20px 0px;
}
.service-text {
    font-size:1.2rem;
    color: #333;
    opacity:0.7;
    text-align: left;
}
.float-left { float: left; }
.hide { display: none; }
.show { display: block; }
.navbar {
  position: fixed;
  z-index: 900;
  height: 90px;
  width: 100%;
  background-color: #fff;
  opacity: 0.9;
  border-bottom: #aaa thin solid;
}
.site-links {
  min-height: 140px;
}
.main-logo-img {
    width:300px;
  }
.main-logo-color { width: 240px; margin-left: 100px; margin-top: -10px; }  
div.show a {
    background: #eee;
    color: #2c3f84;
}
div.show a.sub-item {
    margin-left: 20px;
    background: transparent;
    color: #333;
}
.center-content {
  height: 100%;
}
.center-content .row {
  height: 100%;
}

.center-block {
  float: none;
  margin: 0 auto;
}
.center-content {
    text-align: center;
}
.logo-location {
    position: fixed; 
    top: 40px; 
    left: 100px; 
    z-index: 3; 
    opacity:0.8;     
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
}
.row { margin-left: 0px; margin-right: 0px; }
.bootsidemenu {
    z-index: 999999;
    position: fixed;
    top: -1px;
    bottom: -1px;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.bootsidemenu > .menu-wrapper {
    padding: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: auto;
	width: 100%;
}

.bootsidemenu > .row {
    margin: 0;
}
.bootsidemenu {
    /*width: auto;*/
	min-width: unset;
}

.bootsidemenu.bootsidemenu-left {
    left: 0;
    right: auto;/*20px;*/
}

.bootsidemenu.bootsidemenu-right {
    right: 0;
    left: auto;/*20px;*/
}
.posted-on a {
	color: #fff;
}
.button-green {
    background: #8bc75a;
    color: #fff;
    padding: 12px;
}
.button-green:hover {
    background: #8bc75a;
    color: #333;
    padding: 12px;
}
.bg--center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bg--bottomright {
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.bg--800 {
  background-size: 800px;
  max-width: 1400px;
  margin: 0 auto;
}

.bg--blue {
  background-color: #0575E6;
}

.bg--black {
  background-color: #091b1f;
}

.bg--gray, #Footer {
  background-color: #f1f1f1;
}

.bg--lightgray {
  background-color: #f9f9f9;
}

.bg--twitter {
  background-color: #1caae1;
}

.bg--facebook {
  background-color: #5b7bc1;
}

.bg--linkedin {
  background-color: #2090cb;
}

.bg--instagram {
  background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}
.reply { display:none; }
.hide {
  display: none;
}

.center-block {
  float: none;
}
.font-muted {
	opacity:0.65;
}
/* .overlay {
	width: 100%;
    height: 100%;
    background: #7B786A;
    background: -webkit-linear-gradient(to left, rgba(123, 120, 106, 0.6), rgba(90, 88, 78, 0.9));
    background: linear-gradient(to left, rgba(123, 120, 106, 0.6), rgb(90, 88, 78));
} */
.absolute-center-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 90%;
}

.absolute-center-box-right {
  right: 5%;
}

.absolute-center-box-left {
  left: 5%;
}
.email-registration-form .field input {
    padding: 4px;
    font-size: 18px;
    width: 275px;
    margin-bottom: 12px;
}
.email-registration-form .field .required-star {
    color: #aa0000;
    display: inline-block;
    font-size: 24px;
    margin-left: 5px;
}
#email-registration-form h3 { display: none; }
#email-registration-form span.label { font-size: 18px; }
#notes { display:none; }
.fast-spin {
  -webkit-animation: fa-spin .7s infinite linear;
  animation: fa-spin .7s infinite linear;
}
.emp-card img {
    position: absolute;
    top: -20px;
    left: 0px;
    border-radius: 30px;
    border: #ccc thin solid;
    background-color: #eee;
}
.avatar-sm img {
	border-radius: 20px;
}
.user-notes {
	background: #8BC75A;
    padding: 2px 6px;
    margin-left: 2px;
    border-radius: 10px;
    font-size: 14px;
}
a.card {
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: #4b4b4b;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a.card:hover {
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  text-decoration: none;
}
body.admin-bar #top-nav-bar {
	margin-top: 32px;
}
.card.card--blue {
    background: #014058;
    color: #fff;
}
.card.card--ltblue {
    background: #333333;
    color: #fff;
}
.card.card--gold {
    background: #d1820b;
    color: #fff;
}
.card.card--red {
    background: #de5442;
    color: #fff;
}
.card.card--green {
    background-color: #72B731;
    color: #fff;
}
.card.card--purple {
   /* background-color: #fdebd5;  #d1d6e4; */
    background: rgba(241, 169, 61, 0.75);
    background: -moz-radial-gradient(center, ellipse cover, rgba(241, 169, 61, 0.65) 0%, rgba(241, 169, 61, 0.8) 97%, rgba(241, 169, 61, 0.8) 99%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(241, 169, 61, 0.65) 0%, rgba(241, 169, 61, 0.8) 97%, rgba(241, 169, 61, 0.8) 99%);
    background: radial-gradient(ellipse at center, rgba(241, 169, 61, 0.65) 0%, rgba(241, 169, 61, 0.8) 97%, rgba(241, 169, 61, 0.8) 99%);
    margin: 20px 0px;
    padding: 16px; 
    min-height: 370px; 
    height: 370px;
    color: #fff;
}
.card-single {
  margin: 20px 0px;  background-color: rgb(82, 79, 165); color: rgb(255, 255, 255); padding: 16px; min-height: 370px; height: 370px;
}
.card.card--list .card {
  background: none;
  border: none;
  border-bottom: 1px solid #ccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.card.card--list .card:hover {
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

.card-img-top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 200px;
}

.card {
  -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
  background: white;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  display: block;
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  border-radius: .25rem;
}

.card-block {
  padding: 1.55rem;
}
.card-block .anchor {
  margin: 0;
}

.card-message {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card-message-new, #add-knowledge {
  display: none;
}

.card-popular {
  position: relative;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card-popular .top {
  position: absolute;
  height: 32px;
  line-height: 32px;
  width: 80%;
  text-align: center;
  color: white;
  background: #77b800;
  top: -12px;
  left: 10%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

.card-fan {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.card-fan:before {
  display: block;
  content: "";
  width: calc(100% - 40px);
  position: absolute;
  top: -10px;
  left: 20px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
}
.card-fan:after {
  display: block;
  content: "";
  width: calc(100% - 60px);
  position: absolute;
  top: -20px;
  left: 30px;
  height: 10px;
  background: rgba(255, 255, 255, 0.1);
}

.card-price .title {
  height: 200px;
}
.card-price .features-wrap,
.card-price .features {
  display: none;
}

@media (max-width: 1300px) {
  .card.card-popular {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .card.card-price {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .card.card-price .title {
    height: auto;
  }
  .card.card-price .price {
    padding: 50px 0;
  }
  .card.card-price .features-wrap {
    display: block;
  }
  .card.card-price.expand-features .features-wrap .features {
    display: block;
    margin: 50px 0;
  }
}
a.card {
  position: relative;
}
a.card .badge,
a.card .menu {
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
a.card .menu {
  font-size: 16px;
  opacity: .6;
  right: 20px;
  top: 15px;
}

a.card,
button.card {
  position: relative;
  text-align: center;
  width: 100%;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: #4b4b4b;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a.card:hover,
button.card:hover {
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  text-decoration: none;
}

a.card .badge,
a.card .menu,
button.card .badge,
button.card .menu {
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

a.card .menu,
button.card .menu {
  font-size: 16px;
  opacity: .6;
  right: 20px;
  top: 15px;
}
.card__leader {
  position: relative;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.card__leader p {
  margin: 0;
  opacity: .6;
}
.card__leader .rank {
  width: 40px;
  height: 40px;
  line-height: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: -40px;
  text-align: center;
}
.card__leader:hover {
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.4);
}
.card__leader .btn__invite {
  position: absolute;
  top: 10px;
  right: 15px;
}
.chat-form {
  width: 80%;
  min-width: 300px;
  max-width: 800px;
  text-align: center;
  z-index: 3;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: bottom 0.3s ease;
  -o-transition: bottom 0.3s ease;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.chat-form .logo-mark {
  height: 128px;
}
.chat-form ::-webkit-input-placeholder {
  color: #77b800;
}
.chat-form :-moz-placeholder {
  color: #77b800;
}
.chat-form ::-moz-placeholder {
  color: #77b800;
}
.chat-form :-ms-input-placeholder {
  color: #77b800;
}
.chat-form.muted ::-webkit-input-placeholder {
  color: #ccc;
}
.chat-form.muted :-moz-placeholder {
  color: #ccc;
}
.chat-form.muted ::-moz-placeholder {
  color: #ccc;
}
.chat-form.muted :-ms-input-placeholder {
  color: #ccc;
}
.chat-form.muted input {
  font-size: 20px;
}
.chat-form .search-field {
  position: relative;
  display: none;
}
.chat-form input {
  margin-top: 100px;
  background: white;
  border: 1px solid #eee;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.9);
  padding: 20px 40px 15px 40px;
  display: block;
  width: 100%;
  font-size: 28px;
}
.chat-form input:focus, .chat-form input:active {
  outline: none;
}
.chat-form .mic {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  top: 18px;
  left: 20px;
  display: none;
}

#ChatContainer {
  display: none;
  width: 100%;
  height: calc(100% - 150px);
  position: absolute;
  top: 50px;
  right: 0;
  overflow: auto;
}

.chat-bubble {
  margin-left: 70px;
  width: calc(100% - 100px);
  background: rgba(0, 0, 0, 0.2);
  color: white;
  padding: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  margin-bottom: 10px;
  opacity: 0;
}
.chat-bubble p {
  margin: 0;
}
.chat-bubble div.icon,
.chat-bubble img.icon {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: white;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: 700;
  font-size: 18px;
  color: #4b4b4b;
  position: absolute;
  top: 0;
  left: -45px;
  display: block;
  -moz-box-shadow: 0px 1px 2px black;
  -webkit-box-shadow: 0px 1px 2px black;
  box-shadow: 0px 1px 2px black;
}
.chat-bubble img.icon {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.chat-bubble__action {
  background: white;
  color: #4b4b4b;
  padding: 30px;
}
.arrow-list-white,
.check-list-white,
.arrow-list-green,
.check-list-blue,
.check-list-green{
  list-style-type: none;
  margin: 0;
  padding: 0; 
  margin-left: 20px;
  line-height: 1.6;
}
.arrow-list-white li,
.check-list-white li,
.check-list-blue li,
.arrow-list-green li,
.check-list-green li{
  position: relative; 
    padding: 14px 0px 0px 8px;
}
.check-list-blue li {
  margin-left: 20px;
}
.arrow-list-white li:before,
.check-list-white li:before,
.check-list-blue li:before,
.arrow-list-green li:before,
.check-list-green li:before{
  position: absolute;
  display: block;
  content: "\f1b0";
  left: -15px;  
  top: 15px;
  /* font-size: 22px; */
  font-family: "FontAwesome";
}
.check-list-white li:before,
.check-list-blue  li:before,
.check-list-green li:before{
  /* content: "\f05d" */ 
}

.arrow-list-white li:before,
.check-list-white li:before{ 
  color: #EEEEEE; 
}
.arrow-list-green li:before,
.check-list-green li:before{  
  color: #77b800;
}
.check-list-blue li:before{
  color: #e09524;
}
.check-list-green li ul{
  list-style-type: disc;  
  padding: 20px 0;
  margin-left: 20px;

}
.check-list-blue li ul{
  padding: 2px 0;
}
.check-list-green li ul li,
.check-list-blue li ul li{
  padding-left: 0;
}
.check-list-green li ul li:before,
.check-list-blue li ul li:before{
  content: "";
}
.blue-h2 {
  color: #0582b3;
  margin: 40px 0px 20px 0px !important;
  font-size: 1.5em;
}
.larger-text {
  font-size: 1.2em;
    line-height: 1.2px;
}
.type-circle {
  list-style-type: circle !important;
}
.new-tout {
	background-color:#337f9b;
}
.font-160 {
	font-size: 160%;
}
/*****************************************
    Positioning Helpers    
 *****************************************/
.margin-0 {
  margin: 0;
}

.margin-x-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.margin-x-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.margin-x-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.margin-x-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.margin-x-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.margin-x-50 {
  margin-right: 50px;
  margin-left: 50px;
}

.margin-x-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.margin-x-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.margin-x-100 {
  margin-right: 100px;
  margin-left: 100px;
}

.margin-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-y-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.margin-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

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

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-150 {
  margin-top: 150px !important;
}

.margin-top-185 {
  margin-top: 185px !important;
}

.margin-top-200 {
  margin-top: 200px;
}

.margin-top-300 {
  margin-top: 300px;
}

.margin-top-400 {
  margin-top: 400px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-150 {
  margin-bottom: 150px;
}

.margin-bottom-200 {
  margin-bottom: 200px;
}

.margin-bottom-300 {
  margin-bottom: 300px;
}

.margin-bottom-400 {
  margin-bottom: 400px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-25 {
  margin-right: 25px;
}

.margin-right-30 {
  margin-right: 30px;
}

.no-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.bg--cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.bg--cover .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.margin-right-12 { margin-right:12px; }

.toggler {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    width: 20px;
    height: 48px;
    position: absolute;
    top: 47%;
    cursor: pointer;
	background-color: #fff;
}

/*.bootsidemenu-left > .toggler {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #fff;
    -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
    box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
    right: -20px;
}

.bootsidemenu-left > .toggler > span {
    margin: 15px 2px;
}*/

.bootsidemenu-right > .toggler {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #fff;
    -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
    box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
    left: -20px;
}

.bootsidemenu-right > .toggler > span {
    margin: 15px 2px;
}

/*Native BootStrap Hack*/
.bootsidemenu .list-group-item:last-child, .bootsidemenu .list-group-item:first-child {
    border-radius: 0;
}

.bootsidemenu .list-group {
    margin-bottom: 0;
}

.bootsidemenu .list-group-item {
    border: 1px solid #DDD;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    margin-top: -1px;
}

.list-group .collapse a {
    padding-left: 25px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.glyphicon-chevron-down:before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 6px;
}
.glyphicon-chevron-right:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 12px;
}

a.active > .glyphicon-chevron-right:before {

    color: #FFF;
   
}
.entry-content {
  margin:30px 50px;
}

#footer-icons {
    
    height: 100px;
}
.hide-780 {
        display: block;
    }
/*==========  Media queries for test ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container {
        max-width: 1140px;
    }
}
.small-font { font-size: 12px;}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
     .featured-art {
            float: left;
            width: 100%;
            margin: 10px;
            padding: 20px;
            text-align: center;
            border: #fff thin solid;
            margin-bottom: 40px;
        }
        .first-art {
            margin-left: 10px !important;
        }

       .featured-fact {
            float:left;
            width:100%;
            margin: 10px;
            padding: 20px;
            text-align: center;
            border: #fff thin solid;
            margin-bottom: 40px;
      }
      .first-fact {
          margin-left: 10px !important;
      }
      .featured-fact-icon {
          
          font-size: 68px;
          background: transparent;
      }
      
}

/* Small Devices, Tablets */
@media only screen and (max-width : 780px) {
    .hide-780 {
        display: none;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .bootsidemenu {
        min-width: 200px;
    }
    #footer-icons {
       margin-left: 0px;
    }
    .nav-icon-foot {
       margin-left: 6px;
       margin-top:6px;
    }
    .main-logo-color {
        width: 180px;
        margin-left: 50px;
    }
    .hero-text {
        padding: 0px 3%;
        font-size: 18px;
 
    }
    .msg, .msg-wide {
        padding-left: 0px;
    }
    .entry-content {
      margin:4px 5px;
    }
    #left-sidebar {
        display: none;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .bootsidemenu {
        min-width: 90%;
    }
    .entry-title {
        font-size: 24px;
    }


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}
 .user {
            padding: 5px;
            margin-bottom: 5px;
            text-align: center;
        }
		.toggler {
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			border:#eee thin solid;
			border-left-color: #fff;
			color: #FFFFFF;
			width: 60px;
			height: 100%;
			right: -60px;
			position: absolute;
			top: 0;
			cursor: pointer;
			background-color: transparent;
		}
		.toggler:hover {
			background-color: #fff;
			color:#333;
		}
		.menu-open {
			background-color: transparent;
		}
		
		* {
	  margin: 0;
	  padding: 0; 
	}
	.header-title {
		color: #fff;
		position:absolute;
		top:30%;
		width: 80%;
		left: 10%;
	}
  .header-title h1 {
  
      /* If we weren't using text-shadow, we'd set a fallback color
         and use this to set color instead
        -webkit-text-fill-color: white; */
      
      color: white;
      
      text-shadow:
        1px 1px 0 #999,
        /* Simulated effect for Firefox and Opera
           and nice enhancement for WebKit */
       -1px -1px 0 #999,  
        1px -1px 0 #999,
       -1px  1px 0 #999,
        1px  1px 0 #999;
  }
	.single-item {
		padding-left: 18px;
	}
		.margin-right-10 {
			margin-right: 10px;
		}
		.margin-right-20 {
			margin-right: 20px;
		}
	.hero-overlay {
		background-color: rgba(0,0,0,0.4);
		width: 100%;
		height: 100%;
		padding-top: 450px;
	}
	.page-hero-overlay {
		background-color: rgba(0,0,0,0.4);
		width: 100%;
		height: 100%;
		padding-top: 400px;
	}
	.vid-hero-overlay {
		background-color: rgba(0,0,0,0.4);
		width: 100%;
		height: 100%;
	}
	/* Icon 1 */
    body.no-toggle .wrapper, body.no-toggle #top-nav-bar {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		-ms-filter: blur(30px);
		pointer-events: none;

	}
	body.no-toggle .menu-overlay { display:block; }
	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
		height: 100%;
		background-color: #f8f8f8;
		display: none;
		cursor: pointer;
		opacity: 0.75;
	}

    body { font-size: 16px; color:#555; }
    .font-light { color:#777; }
    .font-green { font-weight:500; color: #668E35; }
	.font-the-green { color:#8FC84B; }
	.font-white { color:white; }
	.hero {
		width: 100%;
		background-color: #091b1f;
		background-size: cover !important;
		background-position: 50% !important;
		background-repeat: no-repeat !important;
		height: calc(100% - 250px);
		position: relative;
	}
    .margin-y-60 { margin-top: 60px; margin-bottom: 60px; }
    .margin-top-60 { margin-top: 60px; }
    .margin-bottom-30 { margin-bottom: 30px; }
	.page-hero {
		width: 100%;
		background-color: #091b1f;
		background-size: cover !important;
		background-position: 50% !important;
		background-repeat: no-repeat !important;
		height: calc(100% - 250px);
		position: relative;
	}
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	  width: 40px;
	  height: 35px;
	  position: relative;
	  margin: 10px auto;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: #333;
	  border-bottom: #efefef 1px solid;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

		a { color: #073e5d; }
		a:hover { color: #ccc; }

	#nav-icon4 {
	}

	#nav-icon4 span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon4 span:nth-child(2) {
	  top: 18px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon4 span:nth-child(3) {
	  top: 36px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon4.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 0px;
	  left: 4px;
	}

	#nav-icon4.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}

	#nav-icon4.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 30px;
	  left: 4px;
	}
	.menu__title {
		position: absolute;
		top: 50%;
		left: 50%;
		padding: 0px 10px;
        background-color: rgba(0,0,0,0.3);
		/*text-transform: uppercase;*/
		white-space: nowrap;
		letter-spacing: 2px;
		font-size: 18px;
		transform: rotate(-90deg) translateX(-50%) translateY(-50%) translateZ(0);
		transform-origin: left top 0;
		cursor: pointer;
		transition: transform .7s ease-in-out;
	}
	.img-menu {
		display: inline-block;
		max-width: 90%;
		height: auto;
		padding: 2px;
		line-height: 1.42857143;
		background-color: #fff;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
		#brand {
			height: 80px;
            margin: 4px 0px 0px 6%;
		}
		#top-nav-bar {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2;
			width: 100%;
			height: 60px;
			transition: transform 0.5s ease-in-out, background 0.3s ease-in-out;
			-webkit-backface-visibility: hidden;
		}
		
		body.no-toggle .container {
			transform: translate(0, 0);
		}
		body.hover-menu #test {
			transform: translate(0, 0);
		}
		.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
			z-index: 2;
			color: #fff;
			background-color: #e2b26a; 
			border-color: #e2b26a;
		}
    .list-group-item.sub.active, .list-group-item.sub.active:focus, .list-group-item.sub.active:hover {
      z-index: 2;
      color: #fff;
     background-color: #e09524;
      border-color: #e2b26a;
    }
		#float-right-logo {
			position: absolute;
			top: 40px;
			left: 76%;
			z-index: 1;
		}
		#top-nav-bar.scrolled {
			height: 64px;
			background-color: rgba(5, 40, 60, 0.72);
			border-bottom: #ccc thin solid;
		}
		#top-nav-bar ul a, #footer-left-nav ul a {
		  color: #eee;
		  display: block;
		  padding-top: 8px;
		  padding-bottom: 12px;
		  line-height: 18px;
		  text-decoration: none;
		  opacity: .6;
		  -moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  -webkit-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		  position: relative;
		  margin-bottom: 20px;
		}
        #top-nav-bar.scrolled ul a {  color: #FFF; opacity: 1; }
		
		#top-nav-bar ul a:after, #footer-left-nav ul a:after {
		  content: "";
		  display: block;
		  position: absolute;
		  bottom: -5px;
		  left: 0;
		  width: 100%;
		  height: 2px;
		  background: #FFFFFF;
		  -moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  -webkit-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		  -moz-transform: scale(0);
		  -ms-transform: scale(0);
		  -webkit-transform: scale(0);
		  transform: scale(0);
		}
		#top-nav-bar ul a:hover, #footer-left-nav ul a:hover, .stickynav ul a.active, .freeze-nav ul a.active {
		  opacity: 1;
		  background-color: transparent;
		}
		#top-nav-bar ul a:hover:after, #footer-left-nav ul a:hover:after, .stickynav ul a.active:after, .freeze-nav ul a.active:after {
		  -moz-transform: scale(1);
		  -ms-transform: scale(1);
		  -webkit-transform: scale(1);
		  transform: scale(1);
		}
		.center-block {
			float: none;
			margin: 0 auto !important;
		}
		.btn-inverted {
			background-color: transparent;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			padding: 12px 24px;
			text-decoration: none;
		}
		.btn-inverted:visited {
			background-color: transparent;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			padding: 12px 24px;
			text-decoration: none;
		}
		.btn-inverted:hover {
			background: #8fc84b;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			text-decoration: none;
		}
		.btn-basic {
			background: #8fc84b;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			padding: 12px 24px;
			text-decoration: none;
		}
		.btn-basic:visited {
			background: #8fc84b;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			padding: 12px 24px;
			text-decoration: none;
		}
		.btn-basic:hover {
			background: transparent;
			border: #EEE thin solid;
			color: #fff;
			font-size: 18px;
			text-decoration: none;
		}
        header.frontpage-hero { display: none; }
		.um-top-profile-nav { display:none; }
		.note-num {
			font-size: 12px;
			font-weight: 300;
			background: #444444;
			color: #fff;
			border-radius: 12px;
			padding: 4px 8px 5px 8px;
		}
		#search-side, #search-top { display:none; }
        @media (min-width: 1200px) {
			.template-stickynav .container {
				width: 96%;
            }
			.main .container {
				width: 82%;
            }
		}
		@media only screen and (max-width: 1080px) {
		  .toggler {
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				/* border: #eee thin solid; */
				border-left-color: #fff;
				height: 60px;
				width: 60px;
				left: 100%;
				position: relative;
				top: -1px;
				cursor: pointer;
				background-color: transparent;
			}
			#float-right-logo {
				position: absolute;
				top: 40px;
				left: 46%;
				z-index: 1;
			}
			.shift-right { padding-left: 0; }
			.header-title {
				width: 66%;
			}
			.menu__title {
				display: none;
			}
			.img-menu {
				max-width: 80%;
				margin-top:40px;
			}
			.menu-open {
				left:44% !important;
				background-color: transparent;
				border: none;
				
			}
			#brand {
				margin: 4px 0px 0px 36%;
			}
			#test {
				width: 100% !important;
			}
			#nav-icon4 span {
				display: block;
				position: absolute;
				height: 3px;
				width: 100%;
				background: #9111c5;
				border-radius: 9px;
				opacity: 1;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
			}
			#top-left-nav { display:none; }

		}
		@media only screen and (max-width: 540px) {
			#float-right-logo, #da-video, header.hero-video { display:none; }
			header.frontpage-hero { display:block; }
			.hide-mobile { display: none; }
			#search-side { display:block; }
      .header-title {
        color: #fff;
        position:absolute;
        top:18%;
        width: 80%;
        left: 10%;
      }
       .header-title h1 {
        font-size: 1.6em;
      }
			
    }
		
/*HERO*/
.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.hero.hero--full, .hero.hero--third, .hero.hero--half {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 1000px;
}
.hero.hero--full .hero__content, .hero.hero--third .hero__content, .hero.hero--half .hero__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
  min-width: 1400px;
}
.hero.hero--third {
  height: 85%;
  min-height: 800px;
}
.hero.hero--half {
  height: 50%;
  min-height: 600px;
}
.hero .hero__overlay {
  width: 100%;
  height: 100%;
  background: #0575e6;
  background: -webkit-linear-gradient(to left, rgba(5, 117, 230, 0.6), rgba(10, 84, 126, 0.9));
  background: linear-gradient(to left, rgba(5, 117, 230, 0.6), rgb(10, 84, 126));
}
.hero .hero__overlay.hero__overlay--dark {
  background: rgba(0, 0, 0, 0.5);
}
.hero.hero--landing {
  height: 100%;
  min-height: 1000px;
  position: relative;
}
.hero.hero--landing .what {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.hero.hero--landing .search-box {
  position: absolute;
  top: 40%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.hero.hero--lg .hero__content {
  padding: 150px 0px 100px 0px;
}
.hero .hero__content {
  padding: 100px 15px;
  color: white;
}
.hero .hero__content .card {
  color: #4b4b4b;
}
.hero .hero__content.hero__content--nobottom {
  padding-bottom: 0;
}
.hero .awesomplete {
  display: block;
}
.hero .awesomplete > ul {
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  background: white;
}
.hero .awesomplete > ul > li {
  text-align: left;
  color: #1b1b1b;
}
#reply-title { display: none; }

@media (max-width: 1400px) {
  .hero--pricing .bg--800 {
    background-size: 600px;
  }
}
@media (max-width: 1500px) {
  .hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
    min-width: 1200px;
  }
}
@media (max-width: 1300px) {
  .hero.hero--full .hero__content, .hero.hero--third .hero__content, .hero.hero--half .hero__content {
    position: relative;
  }
  .hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
    min-width: 1100px;
  }
  .hero.hero--landing {
    min-height: initial;
    height: auto;
  }
  .hero.hero--landing .what {
    position: relative;
    margin-top: 100px;
  }
  .hero.hero--landing .search-box {
    left: 0;
    top: 0;
    margin-top: 200px;
    position: relative;
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  .hero--pricing .bg--800 {
    background-image: none !important;
  }
}
@media (max-width: 1200px) {
  .hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
    min-width: 900px;
  }
}
@media (max-width: 1000px) {
  .hero.hero--full .hero__content, .hero.hero--third .hero__content, .hero.hero--half .hero__content {
    position: relative;
  }
  .hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
    min-width: 800px;
  }
	.hide-1000 { display:none; }
}
@media (max-width: 900px) {
  .hero.hero--full .hero__content .container, .hero.hero--third .hero__content .container, .hero.hero--half .hero__content .container {
    width: 85%;
    min-width: 85%;
  }
  .hero.hero--landing .hero__content .row {
    margin-top: 0;
  }
  .hero.hero--landing .search-box {
    margin-top: 0px;
  }
  #offer-title {
     display: none;
  }
  .dash-text {

    width: 100%;
    margin-left: 0;
    margin-top: 12px;
    font-size: 16px;

   }
}
/* Font Awesome Icons  */
.icon-left {
	margin-left: 22px;
	border: 0px !important;
}
.icon-left-sm {
	margin-left: 12px;
} 
.pawicon {
    position:relative;
}    
.pawicon:before {
    content: "\f1b0";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.pawiconblue {
    position:relative;
}    
.pawiconblue:before {
    content: "\f1b0";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #006b94;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -10px;
 }
.pawiconwhite {
    position:relative;
}    
.pawiconwhite:before {
    content: "\f1b0";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.homeiconwhite {
    position:relative;
}    
.homeiconwhite:before {
    content: "\f015";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.membericonwhite {
    position:relative;
}    
.membericonwhite:before {
    content: "\f21d";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.pawiconwhitesp {
    position:relative;
} 
.pawiconwhitesp:before {
    content: "\f1b0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 12px;
    left: 15px;
}
.calendaricon {
    position:relative;
}    
.calendaricon:before {
    content: "\f073";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.calendariconwhite {
    position:relative;
}    
.calendariconwhite:before {
    content: "\f073";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.hearticon {
    position:relative;
}    
.hearticon:before {
    content: "\f004";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.hearticonwhite {
    position:relative;
}    
.hearticonwhite:before {
    content: "\f004";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.hearticonwhitesp {
	position:relative;
}
.hearticonwhitesp:before {
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 12px;
    left: 15px;
}
.staricon {
    position:relative;
}    
.staricon:before {
    content: "\f005";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.signinicon {
    position:relative;
}    
.signinicon:before {
    content: "\f090";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.signiniconblue {
    position:relative;
}    
.signiniconblue:before {
    content: "\f090";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -10px;
 }
.signiniconwhite {
    position:relative;
}    
.signiniconwhite:before {
    content: "\f090";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.contacticonwh {
    position:relative;
}    
.contacticonwh:before {
    content: "\f0e5";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -10px;
 }
.contacticon {
    position:relative;
}    
.contacticon:before {
    content: "\f0e5";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.mapicon {
    position:relative;
}    
.mapicon:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eee;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -20px;
 }
.mailicon {
    position:relative;
}    
.mailicon:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eee;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -27px;
 }
.clockicon {
    position:relative;
}    
.clockicon:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eee;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -22px;
 }
.phoneicon {
    position:relative;
}    
.phoneicon:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #eee;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: -22px;
 }
.exchangeicon {
    position:relative;
}    
.exchangeicon:before {
    content: "\f079";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #555;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.exchangeiconblue {
    position:relative;
}    
.exchangeiconblue:before {
    content: "\f079";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -10px;
 }
.exchangeiconwhite {
    position:relative;
}    
.exchangeiconwhite:before {
    content: "\f079";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: -8px;
 }
.homeiconwhite {
    position:relative;
}    
.homeiconwhite:before {
    content: "\f015";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
.logouticonwhite {
    position:relative;
}    
.logouticonwhite:before {
    content: "\f08b";  
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: -8px;
 }
		
/* --- Page stuff --------*/

	ol.comment-list li {
		padding: 20px;
		border: #888 thin solid;
		margin-bottom:30px;
	}
	ol.comment-list { margin: 0; }
	.attachmentFile { margin-top:40px; color: #ababab; }
	.attachmentFile a { color: #89c541; }
	.attachmentFile a:hover { color: #000; text-decoration: underline; text-decoration-color: #89c541; }
	.says { display:none; }
	.edit-link { float: right; }
	#attachmentForm p.logged-in-as { display:none; }
	#respond { display:none; }
/* --- Page stuff --------*/

  ol.comment-list li {
    padding: 20px;
    border: #888 thin solid;
    margin-bottom:30px;
  }
  ol.comment-list { margin: 0; }
  .attachmentFile { margin-top:40px; color: #ababab; }
  .attachmentFile a { color: #89c541; }
  .attachmentFile a:hover { color: #000; text-decoration: underline; text-decoration-color: #89c541; }
  .says { display:none; }
  .edit-link { float: right; }
  #attachmentForm p.logged-in-as { display:none; }
  #respond { display:none; }
.stickynav, .widget_categories {
  width: 310px;
  padding: 30px;
  position: fixed;
  top: 180px;
  left: 75px;
  z-index:99;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #2c3f84;
  border: none;
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.widget_categories { 
  position: inherit; 
  top: 0;
  left: 0;
  width: 90%;
  color: #FFF;
  padding: 30px 30px 20px 30px;
  margin-bottom: 30px;
  z-index:2;
}
.stickynav .title {
  display: none;
}
.widget_categories ul {
  list-style: none;
}
.stickynav ul, .freeze-nav ul, .widget_categories ul {
  margin: 0;
}
.stickynav ul a, .freeze-nav ul a, .widget_categories ul a {
  color: white;
  display: block;
  line-height: 30px;
  text-decoration: none;
  opacity: .6;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 20px;
}
.widget_categories ul a {
  margin-bottom: 10px;
}
.stickynav ul a:after, .freeze-nav ul a:after, .widget_categories ul a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #FFF;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.widget_categories ul a:hover, .widget_categories ul li.current-cat a, .widget_categories ul li.current-page-ancestor a {
  opacity: 1;
}
.stickynav ul a:hover, .stickynav ul li.current-menu-item a, .stickynav ul li.current-page-ancestor a {
  opacity: 1;
}
.freeze-nav ul a:hover, .freeze-nav ul li.current-menu-item a, .freeze-nav ul li.current-page-ancestor a {
  opacity: 1;
}
.widget_categories ul a:hover:after, .widget_categories ul li.current-cat a:after, .widget_categories ul li.current-page-ancestor a:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.stickynav ul a:hover:after, .stickynav ul li.current-menu-item a:after, .stickynav ul li.current-page-ancestor a:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

body.stickynav-overflow .stickynav {
  position: absolute;
}
.freeze-nav ul a:hover:after, .freeze-nav ul li.current-menu-item a:after, .freeze-nav ul li.current-page-ancestor a:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

  ul.emp-menu li {
    float:left;
    margin-right: 24px;
  }
@media (max-width: 2050px) {
  .template-stickynav .container, .template-stickynav .header-title .col {
    padding-left: 300px;
  }
}

@media (max-width: 1080px) {
  .template-stickynav .container, .template-stickynav .header-title .col {
    padding-left: 16px;
  }
  .template-stickynav .stickynav {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .template-stickynav .stickynav .title {
    display: block;
  }
  body .stickynav {
    position: relative;
  }
}
 
@media (max-width: 770px) {
  
  .first-art, .first-fact {
    margin-left: 10px !important;
  }
  .header-title {
    left: 10%;
  }
  .nav-icon, .nav-icon-foot {
    width: 60px;
  }
  .login-location {
      top: 10px;
      right: 20px;
  }
  .spotlight-img {
    width:180px;  margin-bottom: 40px;
  }
   .nav-icon {
    display: none;
  }
  .toggle-icons { display: none; }
  .spotlight-img:hover {
    -moz-transform: scale(1.25) translateX(14px);
    -ms-transform: scale(1.25) translateX(14px);
    -webkit-transform: scale(1.25) translateX(14px);
    transform: scale(1.25) translateY(14px);
    opacity: 1;
  }
  .logo-location {
    right: 0px; left: inherit; opacity:0.9;
  }
  .down {
    display: none;
  }
  .content-special {
    text-align: center;
  } 
  .main-logo-img {
    width:240px;
  }
  
}
.b-tooltip {
  position: relative;
}
.b-tooltip:hover .b-tooltip-wrap {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.b-tooltip .b-tooltip-wrap {
  display: block;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  left: 50%;
  top: 180%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: translate(-50%, -40%);
  -ms-transform: translate(-50%, -40%);
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  opacity: 0;
}
.b-tooltip .b-tooltip-text {
  display: block;
  font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #8FC84B;
  color: white;
  text-align: center;
  line-height: 24px;
  padding: 5px 5px;
  text-transform: none;
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.b-tooltip .b-tooltip-wrap:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #8FC84B;
  margin: 0 auto;
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
.comment-respond {
  padding: 20px;
    border: #333 thin solid;
    margin: 30px 0px;
}

.down {
    position: absolute;
    cursor: pointer;
    font-size: 30px;
    opacity: 0.6;
    top: 60%;
    left: 50%;
    color: #eee;
    /* color: white; */
    text-shadow: 1px 1px 0 #337f9b, /* Simulated effect for Firefox and Opera and nice enhancement for WebKit */ -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999;
    -webkit-animation: bounce 1.2s ease-out;
    -moz-animation: bounce 800ms ease-out;
    -o-animation: bounce 800ms ease-out;
    animation: bounce 1.2s ease-out;
}
.down:hover { 
    font-size:34px;
    color: #337f9b;
    text-shadow: 1px 1px 0 #999, /* Simulated effect for Firefox and Opera and nice enhancement for WebKit */ -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
    opacity: 1;
}

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
  0% {
    -webkit-transform:translateY(-100%);
  }
  5% {
    -webkit-transform:translateY(-100%);
  }
  15% {
    -webkit-transform:translateY(0);
    padding: 4px auto;
  }
  20% {
    -webkit-transform:translateY(-80%);
  }
  25% {
    -webkit-transform:translateY(0%);
    padding: 4px auto;
  }
  30% {
    -webkit-transform:translateY(-70%);
  }
  35% {
    -webkit-transform:translateY(0%);
    padding: 5px auto;
  }
  40% {
    -webkit-transform:translateY(-60%);
  }
  45% {
    -webkit-transform:translateY(0%);
    padding: 5px auto;
  }
  50% {
    -webkit-transform:translateY(-50%);
  }
  55% {
    -webkit-transform:translateY(0%);
    padding: 6px auto;
  }
  60% {
    -webkit-transform:translateY(-30%);
  }
  65% {
    -webkit-transform:translateY(0%);
    padding: 6px auto;
  }
  70% {
    -webkit-transform:translateY(-15%);
  }
  75% {
    -webkit-transform:translateY(0);
    padding: 8px auto;
  }
  80% {
    -webkit-transform:translateY(-10%);
  }
  85% {
    -webkit-transform:translateY(0);
    padding: 8px auto;
  }
  90% {
    -webkit-transform:translateY(-5%);
  }
  95% {
    -webkit-transform:translateY(0);
    padding: 10px;
  }
  100% {
    -webkit-transform:translateY(0);
    padding: 10px;
  }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
  -moz-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
    -moz-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
    -moz-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -moz-transform:translateY(-50%);
  }
  40% {
    -moz-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -moz-transform:translateY(-30%);
  }
  70% {
    -moz-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -moz-transform:translateY(-15%);
  }
  90% {
    -moz-transform:translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -moz-transform:translateY(-10%);
  }
  97% {
    -moz-transform:translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -moz-transform:translateY(-5%);
  }
  100% {
    -moz-transform:translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
  -o-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
    -o-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
    -o-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -o-transform:translateY(-50%);
  }
  40% {
    -o-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -o-transform:translateY(-30%);
  }
  70% {
    -o-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -o-transform:translateY(-15%);
  }
  90% {
    -o-transform:translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -o-transform:translateY(-10%);
  }
  97% {
    -o-transform:translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -o-transform:translateY(-5%);
  }
  100% {
    -o-transform:translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
  transform:translateY(-100%);
    opacity: 0;
  }
  5% {
    transform:translateY(-100%);
    opacity: 0;
  }
  15% {
    transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
    transform:translateY(-50%);
  }
  40% {
    transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    transform:translateY(-30%);
  }
  70% {
    transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    transform:translateY(-15%);
  }
  90% {
    transform:translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    transform:translateY(-7%);
  }
  97% {
    transform:translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    transform:translateY(-3%);
  }
  100% {
    transform:translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}

/*--------------------------------------------------------------
## Counter Section
--------------------------------------------------------------*/
#ht-counter-section{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #FFF;
    background-attachment: fixed;
    position: relative;
    background-position: 50% 0;
}

#ht-counter-section .ht-section{
    background: none;
}

#ht-counter-section .ht-counter-overlay{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}

#ht-counter-section .ht-container{
  position: relative;
}

.ht-team-counter-wrap{
  margin-left: -5%;
}

.ht-counter{
  float: left;
  width: 20%;
  margin-left: 5%;
  text-align: center;
  border: 2px solid #FFC107;
  border-top: 0;
  padding: 0 20px 20px;
  position: relative;
}

.ht-counter:after{
  content: "";
  position: absolute;
  width: 30%;
  left: 0;
  top: 0;
  height: 2px;
  background: #FFC107;
}

.ht-counter:before{
  content: "";
  position: absolute;
  width: 30%;
  right: 0;
  top: 0;
  height: 2px;
  background: #FFC107;
}

.ht-counter-count{
  font-size: 48px;
  line-height: 1;
  margin-bottom: 25px;
  letter-spacing: 3px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

.ht-counter-icon{
  display: inline-block;
    font-size: 36px;
    color: #FFC107;
    position: relative;
    -ms-transform: translate(0, -17px);
    -webkit-transform: translate(0, -17px);
    transform: translate(0, -17px);
    line-height: 36px;
}

.ht-counter-title{
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 15px;
  font-weight: 400;
  margin: 0;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
  display: block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}
.page-overlay {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, #16102f 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, #16102f 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, #16102f 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
  position: relative;
}
.page-overlay .msg {
  position: absolute;
  bottom: 30px;
  left: 100px;
  color: white;
  width: calc(100% - 600px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transform: translateY(500px);
  -moz-transform: translateY(500px);
  -o-transform: translateY(500px);
  -ms-transform: translateY(500px);
  transform: translateY(500px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.toggle-button {    
    /* background-color: #969292;
    color: #fff; */
}
.toggle-button:focus {    
    color: #333 !important; 
}
.pointer {
    cursor: pointer;;
}
/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }