@charset "UTF-8";
/* ------------------------------------------------------------------------------
*  # Main Styles
* ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* Portland UI Kit Colors
––––––––––––––––––––––––––––––––––– */
/* 
––––––––––––––––––––––––––––––––––– */
/* Updated Names
––––––––––––––––––––––––––––––––––– */
/* Social Color Variables
––––––––––––––––––––––––––––––––––– */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* =====================================
   Extra Components
   ===================================== */
/* Container
––––––––––––––––––––––––––––––––––– */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

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

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

/* Navbar Toggle
-----------------------------------------------------------------*/
.navbar-custom .navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 13px;
  margin-bottom: 13px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-custom .navbar-toggle:focus {
  outline: 0;
}

.navbar-custom .navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 2px;
  border-radius: 3px;
}

.navbar-custom .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}

.navbar-custom .navbar-toggle:before {
  content: "Menu";
  color: #333;
  left: -44px;
  top: 4px;
  font-size: 12px;
  position: absolute;
  width: 50px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -.03em;
}

@media (min-width: 768px) {
  .navbar-custom .navbar-toggle {
    display: none;
  }
  .navbar-custom .navbar-toggle:before {
    display: none;
  }
}

.navbar-custom .navbar-toggle {
  border-color: transparent;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #333;
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

/* Navbar Collapse
––––––––––––––––––––––––––––––––––– */
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

/* Navbar Dropdown Menu
––––––––––––––––––––––––––––––––––– */
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

@media (max-width: 768px) {
  .navbar-nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 8px 20px;
  }
  .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > a {
    padding-left: 40px;
  }
  .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > ul > li > a {
    padding-left: 60px;
  }
  .navbar-nav > li + li {
    margin-top: 1px;
  }
  .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-nav > li > a .caret {
    float: right;
    margin-top: 2px;
    margin-left: 5px;
  }
  .navbar-nav > li > a .label,
  .navbar-nav > li > a .badge {
    position: static;
    float: right;
  }
  .navbar-nav > .dropdown-user .caret {
    margin-top: 8px;
  }
  .navbar-default .navbar-nav {
    border-bottom: 1px solid #ddd;
  }
  .navbar-nav:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 769px) {
  .navbar-nav {
    margin-left: 0;
    float: none;
  }
  .navbar-nav > li:first-child {
    margin-left: 0;
  }
  .navbar-nav > li:last-child {
    margin-right: 0;
  }
  .navbar-nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.navbar-custom {
  background-color: #fff;
  border-bottom: 0;
  border-bottom: 1px solid #eee;
}

@media (max-width: 767px) {
  .navbar-custom.fixed-on-mobile {
    position: fixed;
    width: 100%;
  }
}

.navbar-custom .navbar-brand {
  color: #333333;
  padding: 6px 0;
  margin-left: 15px;
}

.navbar-custom .navbar-brand img {
  height: 48px;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #1a1a1a;
  background-color: transparent;
}

.navbar-custom .navbar-text {
  color: #777;
}

.navbar-custom .navbar-nav > li:first-child {
  padding-left: 0;
}

.navbar-custom .navbar-nav > li > a {
  font-weight: 400;
  font-size: 14px;
}

.navbar-custom .navbar-nav.navbar-right > li {
  margin-right: 0;
  padding-right: 15px;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #01A2A6;
  background-color: transparent;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #00869E;
  background-color: transparent;
}

.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #eeeeee;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #00869E;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #01A2A6;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #00869E;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-custom .navbar-link {
  color: #333333;
}

.navbar-custom .navbar-link:hover {
  color: #01A2A6;
}

.navbar-custom .btn-link {
  color: #333333;
}

.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
  color: #01A2A6;
}

.navbar-custom .btn-link[disabled]:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:hover,
fieldset[disabled] .navbar-custom .btn-link:focus {
  color: #ccc;
}

nav li a.active {
  color: #01A2A6 !important;
}

nav li.inverse a.active {
  color: #fff !important;
}

#primary-menu ul li > a {
  display: block;
  line-height: 22px;
  padding: 39px 12px;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  -webkit-transition: margin 0.4s ease, padding 0.4s ease;
  transition: margin 0.4s ease, padding 0.4s ease;
}

#primary-menu ul ul li > a.active {
  font-size: 12px;
  font-weight: 600;
  color: #212429 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 2px solid #01A2A6;
  background-color: #F0F2F7;
  letter-spacing: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#primary-menu ul li > a i {
  position: relative;
  top: -1px;
  font-size: 14px;
  width: 16px;
  text-align: center;
  margin-right: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 991px) {
  #header,
  #header-wrap,
  #header.sticky-style-2,
  #header.sticky-style-3,
  #header.sticky-style-2 #header-wrap,
  #header.sticky-style-3 #header-wrap {
    height: auto !important;
    position: fixed;
    z-index: 1000;
    width: 100%;
  }
}

/* ----------------------------------------------------------------
  Header Right Area
-----------------------------------------------------------------*/
.menu-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  display: none;
  left: 110%;
  width: 100%;
}

.menu-list li {
  position: relative;
  margin-top: 1px;
}

.menu-list li:first-child {
  margin-top: 0;
}

.menu-list li > a {
  display: block;
  color: #333333;
  padding: 1px 6px;
  border-radius: 3px;
}

.menu-list li > a:hover,
.menu-list li > a:focus {
  background-color: #f5f5f5;
}

.menu-list li > a > i {
  margin-right: 10px;
}

.menu-list li > a > .label,
.menu-list li > a > .badge {
  float: right;
  margin-left: 7px;
}

.menu-list li.active > a,
.menu-list li.active > a:hover,
.menu-list li.active > a:focus {
  color: #fff;
  background-color: #2196F3;
}

.menu-list li.disabled > a,
.menu-list li.disabled > a:hover,
.menu-list li.disabled > a:focus {
  background-color: transparent;
  color: #999999;
  cursor: not-allowed;
}

.menu-list li.disabled > a > .label,
.menu-list li.disabled > a > .badge,
.menu-list li.disabled > a > img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

@media (max-width: 768px) {
  .menu-list li > a {
    color: #fff;
  }
  .menu-list li > a:hover,
  .menu-list li > a:focus {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .menu-list li.active > a,
  .menu-list li.active > a:hover,
  .menu-list li.active > a:focus {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .menu-list li.disabled > a,
  .menu-list li.disabled > a:hover,
  .menu-list li.disabled > a:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    cursor: not-allowed;
  }
  .navbar-default .menu-list li > a {
    color: #333333;
  }
  .navbar-default .menu-list li > a:hover,
  .navbar-default .menu-list li > a:focus {
    background-color: #f5f5f5;
  }
  .navbar-default .menu-list li.active > a,
  .navbar-default .menu-list li.active > a:hover,
  .navbar-default .menu-list li.active > a:focus {
    color: #fff;
    background-color: #2196F3;
  }
  .navbar-default .menu-list li.disabled > a,
  .navbar-default .menu-list li.disabled > a:hover,
  .navbar-default .menu-list li.disabled > a:focus {
    background-color: transparent;
    color: #999999;
  }
}

@media (min-width: 769px) {
  .menu-list {
    overflow-y: auto;
    max-height: 340px;
    max-height: 100%;
  }
}

/* =====================================
   Page Title
   ===================================== */
#page-title.bg-image {
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
}

#page-title {
  padding: 60px 0;
  padding: 80px 0;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EEE;
}

#page-title.page-title-xl {
  padding: 160px 0;
}

#page-title.page-title-lg {
  padding: 100px 0;
}

#page-title h1 {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 600;
  font-weight: 300;
  letter-spacing: 1px;
  letter-spacing: 0;
  color: #333;
  font-size: 38px;
  text-transform: none;
}

#page-title span {
  display: block;
  margin-top: 20px;
  font-weight: 400;
  font-weight: 300;
  color: #fff;
  font-size: 18px;
}

.breadcrumb {
  position: absolute !important;
  top: 50% !important;
  left: auto !important;
  right: 15px !important;
  margin: -10px 0 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 12px;
}

body.stretched .container-fullwidth .breadcrumb {
  right: 60px !important;
}

#header.transparent-header + #page-title.page-title-parallax .breadcrumb {
  margin-top: 35px !important;
}

.breadcrumb a {
  color: #555;
}

.breadcrumb a:hover {
  color: #1ABC9C;
}

#page-title.page-title-dark {
  background-color: #333;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09);
  border-bottom: none;
  color: #fff;
}

#page-title.page-title-dark h1 {
  color: #fff !important;
}

#page-title.page-title-dark span {
  color: #fff;
}

#page-title.page-title-dark .breadcrumb > .active {
  color: #01A2A6;
  color: #00A4C2;
}

#page-title.page-title-dark .breadcrumb a {
  color: #fff;
}

#page-title.page-title-dark .breadcrumb a:hover {
  color: #00A4C2;
}

#page-title.page-title-right {
  text-align: right;
}

#page-title.page-title-right .breadcrumb {
  left: 15px !important;
  right: auto !important;
}

#page-title.page-title-center {
  text-align: center;
}

#page-title.page-title-center span {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 20px 0 0 !important;
}

#page-title.page-title-pattern {
  background-image: url(http://canvashtml-cdn.semicolonweb.com/images/pattern.png);
  background-repeat: repeat;
  background-attachment: fixed;
}

#page-title.page-title-parallax {
  padding: 100px 0;
  text-shadow: none;
  border-bottom: none;
  background-color: transparent;
  background-image: url(http://canvashtml-cdn.semicolonweb.com/images/parallax/parallax-bg.jpg);
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

#page-title.page-title-parallax h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 2px;
}

#page-title.page-title-parallax span {
  font-size: 22px;
}

#page-title.page-title-parallax .breadcrumb {
  font-size: 13px;
}

#page-title.page-title-mini {
  padding: 20px 0;
}

#page-title.page-title-mini h1 {
  font-weight: 600;
  font-size: 18px;
  color: #444;
}

#page-title.page-title-mini span {
  display: none;
}

#page-title.page-title-nobg {
  background: 0 0 !important;
  border-bottom: 1px solid #F5F5F5;
}

#page-title.page-title-video {
  background: 0 0;
  position: relative;
}

#page-title.page-title-video .container {
  z-index: 3;
}

#page-title.page-title-video .video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#content,
#content .container,
.content-wrap,
.grid-container,
.portfolio-filter,
.portfolio-filter li {
  position: relative;
}

#page-title.page-title-video .video-wrap video {
  width: 100%;
}

@media (max-width: 767px) {
  #page-title {
    padding: 20px 0 25px;
    text-align: center;
  }
}

/* =====================================
   Sideabr
   ===================================== */
/******************************Custom Widget****************************/
.vertical-menu .sidebar-title {
  position: relative;
  margin-bottom: 20px;
}

.vertical-menu .sidebar-title h2 {
  color: #2f2f2f;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
}

.vertical-menu ul li {
  border-bottom: 1px solid #e9e9e9;
  line-height: 24px;
  position: relative;
}

.vertical-menu ul li a::before {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 16px;
  right: 0;
  line-height: 24px;
  position: absolute;
  width: 20px;
}

.vertical-menu ul li a {
  color: #8d8d8d;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 15px 12px 0;
  position: relative;
}

.vertical-menu ul li a:hover {
  color: #01A2A6;
}

.vertical-menu.menu-right ul li a::before {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 16px;
  left: 0;
  line-height: 24px;
  position: absolute;
  width: 20px;
}

.vertical-menu ul.subnav li a {
  font-size: 14px;
  text-transform: none;
  color: #727272;
  margin-left: 0;
  font-weight: 300;
  padding: 8px 0;
}

.vertical-menu ul li a.active,
.vertical-menu ul.subnav li a.active {
  color: #01A2A6;
}

.vertical-menu ul li a i {
  float: right;
  font-size: 16px;
  color: #AAA;
  line-height: inherit;
}

.footer {
  position: relative;
  background-color: #fff;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
}

.footer .footer-widgets-wrap {
  position: relative;
  padding: 80px 0;
}

footer,
.footer {
  padding-bottom: 0;
}

.copyright-links a {
  display: inline-block;
  margin: 0 3px;
  color: #333;
  border-bottom: 1px dotted #444;
}

.copyright-links a:hover {
  color: #555;
  border-bottom: 1px solid #666;
}

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

.copyrights-menu a {
  font-size: 14px;
  margin: 0 10px;
  border-bottom: 0 !important;
}

/* =====================================
   Footer
   ===================================== */
footer#footer {
  background-color: #212429;
}

footer#footer {
  padding-top: 25px;
}

footer#footer .footer-main-links .col-xs-6:nth-child(3) {
  clear: both;
}

footer#footer .footer-main-links ul li {
  font-size: .95em;
  margin-bottom: 9px;
}

footer#footer .footer-main-links ul li a {
  color: #4f5057;
  color: #E6E6E6;
}

footer#footer .footer-main-links ul li a:hover {
  opacity: 1;
  text-decoration: none;
}

footer#footer .footer-main-links ul li a.footer-logo {
  opacity: 1;
}

footer#footer .footer-main-links ul li a.footer-logo:hover {
  opacity: 0.9;
}

footer#footer .footer-main-links ul li a span.careers {
  color: #EC4847;
  display: inline-block;
  font-size: 0.8em;
  margin: 0;
  opacity: 1;
  padding-left: 5px;
}

footer#footer .footer-main-links h5 {
  color: #4f5057;
  margin-bottom: 20px;
}

footer#footer .footer-main-links .about {
  margin-top: 20px;
}

footer#footer .footer-main-links .about p {
  margin-bottom: 1.25em;
  color: #E6E6E6;
}

footer#footer .footer-main-links .about ul.social-links li, footer#footer .footer-main-links .about ul.legal li {
  display: inline-block;
  margin-right: 5px;
}

footer#footer .footer-main-links .about ul.social-links li:last-child,
footer#footer .footer-main-links .about ul.legal li:last-child {
  margin-right: 0;
}

footer#footer .footer-main-links .about .legal-links {
  margin-top: 15px;
}

footer#footer .footer-main-links .about ul.legal {
  display: inline;
}

footer#footer .footer-main-links .about ul.legal img.logo-gusto {
  display: inline;
  font-size: 0.875em;
  opacity: 0.7;
}

footer#footer .footer-main-links .about ul.legal img.logo-gusto.year {
  margin-right: 0;
}

footer#footer .footer-main-links .about ul.legal img.logo-gusto a:hover {
  opacity: 1;
}

footer#footer .footer-main-links .about ul.social-links img {
  opacity: 0.4;
}

footer#footer .footer-main-links .about ul.social-links img:hover {
  opacity: 0.6;
}

footer#footer .copyrights {
  background-color: #1b1e23;
}

footer#footer .copyrights .legal {
  margin-bottom: 0;
}

footer#footer .copyrights ul li {
  margin-bottom: 0;
}

footer#footer .copyrights ul li a {
  color: #E6E6E6;
}

@media (min-width: 768px) {
  footer#footer .footer-main-links .col-xs-6:nth-child(3) {
    clear: none;
  }
}

@media (min-width: 992px) {
  footer#footer {
    padding-top: 60px;
  }
  footer#footer .footer-main-links .col-md-2:nth-child(3) {
    clear: none;
  }
  footer#footer .footer-main-links .about {
    margin-top: 0;
  }
}

/* =====================================
   Core
   ===================================== */
/* Button Base
––––––––––––––––––––––––––––––––––– */
.btn {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  background-color: transparent;
  white-space: nowrap;
  border-radius: 3px;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.btn:hover, .btn:focus {
  outline: 0 !important;
}

.btn:active, .btn.active,
.open > .btn.dropdown-toggle {
  box-shadow: none;
  outline: 0 !important;
}

.btn:hover,
.btn:focus,
.btn.focus {
  box-shadow: none;
}

/* Custom Button Base
––––––––––––––––––––––––––––––––––– */
.btn {
  height: 44px;
  line-height: 40px;
  padding: 0 24px;
  letter-spacing: .04em;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}

.btn.btn-outline {
  border-width: 2px;
}

.btn-default {
  color: #3B4059;
  border-color: #95a5a6;
  background-color: #95a5a6;
}

.btn-default:hover, .btn-default:focus {
  outline: 0 !important;
  border-color: #849798;
  color: #2f3347;
  background-color: #849798;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  box-shadow: none;
  outline: 0 !important;
  background-color: #849798;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus, .open >
.btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #849798;
  border-color: #849798;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #849798;
  border-color: #849798;
}

/* =====================================
   Button Colors
   ===================================== */
/* Buttons: Brand Theme Colors
––––––––––––––––––––––––––––––––––– */
.btn-primary {
  background-color: #01A2A6;
  border-color: #01A2A6;
  color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: #018488;
  color: #FFFFFF;
  border-color: #018488;
  opacity: 1;
}

.btn-primary:disabled, .btn-primary[disabled], .btn-primary.disabled {
  background-color: #018e92;
  border-color: #01A2A6;
}

.btn-primary.btn-outline {
  color: #01A2A6;
  background-color: transparent;
  border-color: #01A2A6;
}

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active,
.open > .btn-primary.btn-outline.dropdown-toggle {
  background-color: #01A2A6;
  color: #FFFFFF;
  opacity: 1;
}

.btn-success {
  background-color: #00C462;
  border-color: #00C462;
  color: #FFFFFF;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-color: #00a553;
  color: #FFFFFF;
  border-color: #00a553;
  opacity: 1;
}

.btn-success:disabled, .btn-success[disabled], .btn-success.disabled {
  background-color: #00b058;
  border-color: #00C462;
}

.btn-success.btn-outline {
  color: #00C462;
  background-color: transparent;
  border-color: #00C462;
}

.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active,
.open > .btn-success.btn-outline.dropdown-toggle {
  background-color: #00C462;
  color: #FFFFFF;
  opacity: 1;
}

.btn-info {
  background-color: #00A4C2;
  border-color: #00A4C2;
  color: #FFFFFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-color: #008aa3;
  color: #FFFFFF;
  border-color: #008aa3;
  opacity: 1;
}

.btn-info:disabled, .btn-info[disabled], .btn-info.disabled {
  background-color: #0093ae;
  border-color: #00A4C2;
}

.btn-info.btn-outline {
  color: #00A4C2;
  background-color: transparent;
  border-color: #00A4C2;
}

.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active,
.open > .btn-info.btn-outline.dropdown-toggle {
  background-color: #00A4C2;
  color: #FFFFFF;
  opacity: 1;
}

.btn-warning {
  background-color: #f2d15c;
  border-color: #f2d15c;
  color: #FFFFFF;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-color: #f0c940;
  color: #FFFFFF;
  border-color: #f0c940;
  opacity: 1;
}

.btn-warning:disabled, .btn-warning[disabled], .btn-warning.disabled {
  background-color: #f0cc49;
  border-color: #f2d15c;
}

.btn-warning.btn-outline {
  color: #f2d15c;
  background-color: transparent;
  border-color: #f2d15c;
}

.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active,
.open > .btn-warning.btn-outline.dropdown-toggle {
  background-color: #f2d15c;
  color: #FFFFFF;
  opacity: 1;
}

.btn-danger {
  background-color: #fa5440;
  border-color: #fa5440;
  color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-color: #f93922;
  color: #FFFFFF;
  border-color: #f93922;
  opacity: 1;
}

.btn-danger:disabled, .btn-danger[disabled], .btn-danger.disabled {
  background-color: #f9422c;
  border-color: #fa5440;
}

.btn-danger.btn-outline {
  color: #fa5440;
  background-color: transparent;
  border-color: #fa5440;
}

.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active,
.open > .btn-danger.btn-outline.dropdown-toggle {
  background-color: #fa5440;
  color: #FFFFFF;
  opacity: 1;
}

.btn-white {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:active:focus, .btn-white.active,
.open > .btn-white.dropdown-toggle {
  background-color: #f0f0f0;
  color: #FFFFFF;
  border-color: #f0f0f0;
  opacity: 1;
}

.btn-white:disabled, .btn-white[disabled], .btn-white.disabled {
  background-color: whitesmoke;
  border-color: #FFFFFF;
}

.btn-white.btn-outline {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}

.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active, .btn-white.btn-outline.active,
.open > .btn-white.btn-outline.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
  opacity: 1;
}

/* Buttons: Theme Colors
––––––––––––––––––––––––––––––––––– */
.btn-green {
  background-color: #179D5C;
  border-color: #179D5C;
  color: #FFFFFF;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green:active:focus, .btn-green.active,
.open > .btn-green.dropdown-toggle {
  background-color: #13824c;
  color: #FFFFFF;
  border-color: #13824c;
  opacity: 1;
}

.btn-green:disabled, .btn-green[disabled], .btn-green.disabled {
  background-color: #148b52;
  border-color: #179D5C;
}

.btn-green.btn-outline {
  color: #179D5C;
  background-color: transparent;
  border-color: #179D5C;
}

.btn-green.btn-outline:hover, .btn-green.btn-outline:focus, .btn-green.btn-outline:active, .btn-green.btn-outline.active,
.open > .btn-green.btn-outline.dropdown-toggle {
  background-color: #179D5C;
  color: #FFFFFF;
  opacity: 1;
}

.btn-primary-green {
  background-color: #01A2A6;
  border-color: #01A2A6;
  color: #FFFFFF;
}

.btn-primary-green:hover, .btn-primary-green:focus, .btn-primary-green:active, .btn-primary-green:active:focus, .btn-primary-green.active,
.open > .btn-primary-green.dropdown-toggle {
  background-color: #018488;
  color: #FFFFFF;
  border-color: #018488;
  opacity: 1;
}

.btn-primary-green:disabled, .btn-primary-green[disabled], .btn-primary-green.disabled {
  background-color: #018e92;
  border-color: #01A2A6;
}

.btn-primary-green.btn-outline {
  color: #01A2A6;
  background-color: transparent;
  border-color: #01A2A6;
}

.btn-primary-green.btn-outline:hover, .btn-primary-green.btn-outline:focus, .btn-primary-green.btn-outline:active, .btn-primary-green.btn-outline.active,
.open > .btn-primary-green.btn-outline.dropdown-toggle {
  background-color: #01A2A6;
  color: #FFFFFF;
  opacity: 1;
}

.btn-primary-blue {
  background-color: #1A8BB3;
  border-color: #1A8BB3;
  color: #FFFFFF;
}

.btn-primary-blue:hover, .btn-primary-blue:focus, .btn-primary-blue:active, .btn-primary-blue:active:focus, .btn-primary-blue.active,
.open > .btn-primary-blue.dropdown-toggle {
  background-color: #167698;
  color: #FFFFFF;
  border-color: #167698;
  opacity: 1;
}

.btn-primary-blue:disabled, .btn-primary-blue[disabled], .btn-primary-blue.disabled {
  background-color: #177da1;
  border-color: #1A8BB3;
}

.btn-primary-blue.btn-outline {
  color: #1A8BB3;
  background-color: transparent;
  border-color: #1A8BB3;
}

.btn-primary-blue.btn-outline:hover, .btn-primary-blue.btn-outline:focus, .btn-primary-blue.btn-outline:active, .btn-primary-blue.btn-outline.active,
.open > .btn-primary-blue.btn-outline.dropdown-toggle {
  background-color: #1A8BB3;
  color: #FFFFFF;
  opacity: 1;
}

.btn-gray {
  background-color: #FAFAFA;
  border-color: #FAFAFA;
  color: #FFFFFF;
}

.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray:active:focus, .btn-gray.active,
.open > .btn-gray.dropdown-toggle {
  background-color: #ebebeb;
  color: #FFFFFF;
  border-color: #ebebeb;
  opacity: 1;
}

.btn-gray:disabled, .btn-gray[disabled], .btn-gray.disabled {
  background-color: #f0f0f0;
  border-color: #FAFAFA;
}

.btn-gray.btn-outline {
  color: #FAFAFA;
  background-color: transparent;
  border-color: #FAFAFA;
}

.btn-gray.btn-outline:hover, .btn-gray.btn-outline:focus, .btn-gray.btn-outline:active, .btn-gray.btn-outline.active,
.open > .btn-gray.btn-outline.dropdown-toggle {
  background-color: #FAFAFA;
  color: #FFFFFF;
  opacity: 1;
}

.btn-blue {
  background-color: #009DDC;
  border-color: #009DDC;
  color: #FFFFFF;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue:active:focus, .btn-blue.active,
.open > .btn-blue.dropdown-toggle {
  background-color: #0087bd;
  color: #FFFFFF;
  border-color: #0087bd;
  opacity: 1;
}

.btn-blue:disabled, .btn-blue[disabled], .btn-blue.disabled {
  background-color: #008ec8;
  border-color: #009DDC;
}

.btn-blue.btn-outline {
  color: #009DDC;
  background-color: transparent;
  border-color: #009DDC;
}

.btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline:active, .btn-blue.btn-outline.active,
.open > .btn-blue.btn-outline.dropdown-toggle {
  background-color: #009DDC;
  color: #FFFFFF;
  opacity: 1;
}

.btn-blue2 {
  background-color: #0D56C2;
  border-color: #0D56C2;
  color: #FFFFFF;
}

.btn-blue2:hover, .btn-blue2:focus, .btn-blue2:active, .btn-blue2:active:focus, .btn-blue2.active,
.open > .btn-blue2.dropdown-toggle {
  background-color: #0b49a5;
  color: #FFFFFF;
  border-color: #0b49a5;
  opacity: 1;
}

.btn-blue2:disabled, .btn-blue2[disabled], .btn-blue2.disabled {
  background-color: #0c4eaf;
  border-color: #0D56C2;
}

.btn-blue2.btn-outline {
  color: #0D56C2;
  background-color: transparent;
  border-color: #0D56C2;
}

.btn-blue2.btn-outline:hover, .btn-blue2.btn-outline:focus, .btn-blue2.btn-outline:active, .btn-blue2.btn-outline.active,
.open > .btn-blue2.btn-outline.dropdown-toggle {
  background-color: #0D56C2;
  color: #FFFFFF;
  opacity: 1;
}

.btn-dark-blue {
  background-color: #3B4059;
  border-color: #3B4059;
  color: #FFFFFF;
}

.btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue:active:focus, .btn-dark-blue.active,
.open > .btn-dark-blue.dropdown-toggle {
  background-color: #2f3347;
  color: #FFFFFF;
  border-color: #2f3347;
  opacity: 1;
}

.btn-dark-blue:disabled, .btn-dark-blue[disabled], .btn-dark-blue.disabled {
  background-color: #33374d;
  border-color: #3B4059;
}

.btn-dark-blue.btn-outline {
  color: #3B4059;
  background-color: transparent;
  border-color: #3B4059;
}

.btn-dark-blue.btn-outline:hover, .btn-dark-blue.btn-outline:focus, .btn-dark-blue.btn-outline:active, .btn-dark-blue.btn-outline.active,
.open > .btn-dark-blue.btn-outline.dropdown-toggle {
  background-color: #3B4059;
  color: #FFFFFF;
  opacity: 1;
}

.btn-dark-gray {
  background-color: #babfd1;
  border-color: #babfd1;
  color: #FFFFFF;
}

.btn-dark-gray:hover, .btn-dark-gray:focus, .btn-dark-gray:active, .btn-dark-gray:active:focus, .btn-dark-gray.active,
.open > .btn-dark-gray.dropdown-toggle {
  background-color: #a8aec5;
  color: #FFFFFF;
  border-color: #a8aec5;
  opacity: 1;
}

.btn-dark-gray:disabled, .btn-dark-gray[disabled], .btn-dark-gray.disabled {
  background-color: #aeb4c9;
  border-color: #babfd1;
}

.btn-dark-gray.btn-outline {
  color: #babfd1;
  background-color: transparent;
  border-color: #babfd1;
}

.btn-dark-gray.btn-outline:hover, .btn-dark-gray.btn-outline:focus, .btn-dark-gray.btn-outline:active, .btn-dark-gray.btn-outline.active,
.open > .btn-dark-gray.btn-outline.dropdown-toggle {
  background-color: #babfd1;
  color: #FFFFFF;
  opacity: 1;
}

.btn-white {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #FFFFFF;
  color: #000;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:active:focus, .btn-white.active,
.open > .btn-white.dropdown-toggle {
  background-color: #f0f0f0;
  color: #FFFFFF;
  border-color: #f0f0f0;
  opacity: 1;
}

.btn-white:disabled, .btn-white[disabled], .btn-white.disabled {
  background-color: whitesmoke;
  border-color: #FFFFFF;
}

.btn-white.btn-outline {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF;
}

.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active, .btn-white.btn-outline.active,
.open > .btn-white.btn-outline.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
  opacity: 1;
}

.btn-white:hover, .btn-white:active {
  color: #000;
}

.btn-white.btn-outline {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
  border-width: 2px;
}

.btn-white.btn-outline:focus, .btn-white.btn-outline.focus, .btn-white.btn-outline:active, .btn-white.btn-outline.active,
.open > .btn-white.btn-outline.dropdown-toggle {
  color: #01A2A6;
  background-color: #fff;
  border-color: #fff;
}

.btn-white.btn-outline:hover {
  color: #01A2A6;
  background-color: #fff;
  border-color: #fff;
}

/* Button Sizes
––––––––––––––––––––––––––––––––––– */
.btn-group-xs > .btn,
.btn-xs {
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  font-size: 11px;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  font-size: 11px;
}

.btn-group-lg > .btn,
.btn-lg {
  height: 50px;
  line-height: 46px;
  padding: 0 30px;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.btn-group-xl > .btn,
.btn-xl {
  height: 60px;
  line-height: 60px;
  padding: 0 21px;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.bw-xs {
  min-width: 100px;
}

.bw-sm {
  min-width: 130px;
}

.bw-md {
  min-width: 150px;
}

.bw-lg {
  min-width: 180px;
}

.bw-xl {
  min-width: 220px;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
  color: #3B4059;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
  color: #3B4059;
}

.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
  background-color: transparent;
  color: #3B4059;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  text-decoration: none;
  color: #3B4059;
}

/* Button Icons Styles
––––––––––––––––––––––––––––––––––– */
.btn-icon {
  width: 44px;
  height: 44px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  line-height: 44px;
  padding: 0;
  border: 2px solid;
  border-color: transparent;
}

.btn-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  text-align: center;
  display: block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-icon.btn-circle {
  border-radius: 50%;
}

.btn-icon.btn-sm {
  width: 36px;
  height: 36px;
  padding: 0;
  line-height: 36px;
}

.btn-icon.btn-sm i {
  font-size: 16px;
}

.btn-icon.btn-lg {
  width: 50px;
  height: 50px;
  padding: 0;
  line-height: 50px;
}

.btn-icon.btn-lg i {
  font-size: 21px;
}

.btn-icon.btn-xl {
  width: 70px;
  height: 70px;
  padding: 0;
  line-height: 70px;
}

.btn-icon.btn-xl i {
  font-size: 24px;
}

/* Button Block icons
––––––––––––––––––––––––––––––––––– */
/* Icon Left Right Space helpers
––––––––––––––––––––––––––––––––––– */
.position-left-4 {
  margin-right: 4px;
}

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

.position-left-6 {
  margin-right: 6px;
}

.position-left-7 {
  margin-right: 7px;
}

.position-left-8 {
  margin-right: 8px;
}

.position-left-9 {
  margin-right: 9px;
}

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

.position-right-4 {
  margin-left: 4px;
}

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

.position-right-6 {
  margin-left: 6px;
}

.position-right-7 {
  margin-left: 7px;
}

.position-right-8 {
  margin-left: 8px;
}

.position-right-9 {
  margin-left: 9px;
}

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

.position-left-lg {
  margin-right: 18px;
}

.position-left-2x {
  margin-right: 32px;
}

.position-left-3x {
  margin-right: 42px;
}

.position-right-lg {
  margin-left: 18px;
}

.position-right-2x {
  margin-left: 32px;
}

.position-right-3x {
  margin-left: 42px;
}

.rounded,
.btn-rounded {
  border-radius: 100px;
}

.button-store {
  display: inline-block;
  margin: 0;
  width: 210px;
}

.button-store {
  display: inline-block;
  margin: 0;
  width: 160px;
  background-color: #000;
  padding: 4px 18px;
  border-radius: 5px;
}

.button-image {
  width: 100%;
}

.cover-btn-lg {
  height: 74px;
  width: 74px;
  box-shadow: 2px 3.5px 20px rgba(50, 65, 87, 0.8);
}

.cover-btn-lg i {
  font-size: 28px;
}

/* button-outline: Brand Theme Colors
––––––––––––––––––––––––––––––––––– */
/* button-outline: Theme Colors
––––––––––––––––––––––––––––––––––– */
/* Social Buttons
––––––––––––––––––––––––––––––––––– */
.btn-facebook {
  background-color: #3C5A96;
  border-color: #3C5A96;
  color: #FFFFFF;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook:active:focus, .btn-facebook.active,
.open > .btn-facebook.dropdown-toggle {
  background-color: #334d80;
  color: #FFFFFF;
  border-color: #334d80;
  opacity: 1;
}

.btn-facebook:disabled, .btn-facebook[disabled], .btn-facebook.disabled {
  background-color: #365187;
  border-color: #3C5A96;
}

.btn-facebook.btn-outline {
  color: #3C5A96;
  background-color: transparent;
  border-color: #3C5A96;
}

.btn-facebook.btn-outline:hover, .btn-facebook.btn-outline:focus, .btn-facebook.btn-outline:active, .btn-facebook.btn-outline.active,
.open > .btn-facebook.btn-outline.dropdown-toggle {
  background-color: #3C5A96;
  color: #FFFFFF;
  opacity: 1;
}

.btn-twitter {
  background-color: #48CDFB;
  border-color: #48CDFB;
  color: #FFFFFF;
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter:active:focus, .btn-twitter.active,
.open > .btn-twitter.dropdown-toggle {
  background-color: #2ac5fa;
  color: #FFFFFF;
  border-color: #2ac5fa;
  opacity: 1;
}

.btn-twitter:disabled, .btn-twitter[disabled], .btn-twitter.disabled {
  background-color: #34c8fb;
  border-color: #48CDFB;
}

.btn-twitter.btn-outline {
  color: #48CDFB;
  background-color: transparent;
  border-color: #48CDFB;
}

.btn-twitter.btn-outline:hover, .btn-twitter.btn-outline:focus, .btn-twitter.btn-outline:active, .btn-twitter.btn-outline.active,
.open > .btn-twitter.btn-outline.dropdown-toggle {
  background-color: #48CDFB;
  color: #FFFFFF;
  opacity: 1;
}

.btn-google {
  background-color: #DD4C3E;
  border-color: #DD4C3E;
  color: #FFFFFF;
}

.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google:active:focus, .btn-google.active,
.open > .btn-google.dropdown-toggle {
  background-color: #d73526;
  color: #FFFFFF;
  border-color: #d73526;
  opacity: 1;
}

.btn-google:disabled, .btn-google[disabled], .btn-google.disabled {
  background-color: #da3c2d;
  border-color: #DD4C3E;
}

.btn-google.btn-outline {
  color: #DD4C3E;
  background-color: transparent;
  border-color: #DD4C3E;
}

.btn-google.btn-outline:hover, .btn-google.btn-outline:focus, .btn-google.btn-outline:active, .btn-google.btn-outline.active,
.open > .btn-google.btn-outline.dropdown-toggle {
  background-color: #DD4C3E;
  color: #FFFFFF;
  opacity: 1;
}

.btn-google-plus {
  background-color: #DD4C3E;
  border-color: #DD4C3E;
  color: #FFFFFF;
}

.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus:active:focus, .btn-google-plus.active,
.open > .btn-google-plus.dropdown-toggle {
  background-color: #d73526;
  color: #FFFFFF;
  border-color: #d73526;
  opacity: 1;
}

.btn-google-plus:disabled, .btn-google-plus[disabled], .btn-google-plus.disabled {
  background-color: #da3c2d;
  border-color: #DD4C3E;
}

.btn-google-plus.btn-outline {
  color: #DD4C3E;
  background-color: transparent;
  border-color: #DD4C3E;
}

.btn-google-plus.btn-outline:hover, .btn-google-plus.btn-outline:focus, .btn-google-plus.btn-outline:active, .btn-google-plus.btn-outline.active,
.open > .btn-google-plus.btn-outline.dropdown-toggle {
  background-color: #DD4C3E;
  color: #FFFFFF;
  opacity: 1;
}

.btn-tumblr {
  background-color: #35465C;
  border-color: #35465C;
  color: #FFFFFF;
}

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr:active:focus, .btn-tumblr.active,
.open > .btn-tumblr.dropdown-toggle {
  background-color: #2a3749;
  color: #FFFFFF;
  border-color: #2a3749;
  opacity: 1;
}

.btn-tumblr:disabled, .btn-tumblr[disabled], .btn-tumblr.disabled {
  background-color: #2e3c4f;
  border-color: #35465C;
}

.btn-tumblr.btn-outline {
  color: #35465C;
  background-color: transparent;
  border-color: #35465C;
}

.btn-tumblr.btn-outline:hover, .btn-tumblr.btn-outline:focus, .btn-tumblr.btn-outline:active, .btn-tumblr.btn-outline.active,
.open > .btn-tumblr.btn-outline.dropdown-toggle {
  background-color: #35465C;
  color: #FFFFFF;
  opacity: 1;
}

.btn-pinterest {
  background-color: #BB0F23;
  border-color: #BB0F23;
  color: #FFFFFF;
}

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest:active:focus, .btn-pinterest.active,
.open > .btn-pinterest.dropdown-toggle {
  background-color: #9f0d1e;
  color: #FFFFFF;
  border-color: #9f0d1e;
  opacity: 1;
}

.btn-pinterest:disabled, .btn-pinterest[disabled], .btn-pinterest.disabled {
  background-color: #a80d1f;
  border-color: #BB0F23;
}

.btn-pinterest.btn-outline {
  color: #BB0F23;
  background-color: transparent;
  border-color: #BB0F23;
}

.btn-pinterest.btn-outline:hover, .btn-pinterest.btn-outline:focus, .btn-pinterest.btn-outline:active, .btn-pinterest.btn-outline.active,
.open > .btn-pinterest.btn-outline.dropdown-toggle {
  background-color: #BB0F23;
  color: #FFFFFF;
  opacity: 1;
}

.btn-dribbble {
  background-color: #E84F89;
  border-color: #E84F89;
  color: #FFFFFF;
}

.btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble:active:focus, .btn-dribbble.active,
.open > .btn-dribbble.dropdown-toggle {
  background-color: #e43477;
  color: #FFFFFF;
  border-color: #e43477;
  opacity: 1;
}

.btn-dribbble:disabled, .btn-dribbble[disabled], .btn-dribbble.disabled {
  background-color: #e63d7d;
  border-color: #E84F89;
}

.btn-dribbble.btn-outline {
  color: #E84F89;
  background-color: transparent;
  border-color: #E84F89;
}

.btn-dribbble.btn-outline:hover, .btn-dribbble.btn-outline:focus, .btn-dribbble.btn-outline:active, .btn-dribbble.btn-outline.active,
.open > .btn-dribbble.btn-outline.dropdown-toggle {
  background-color: #E84F89;
  color: #FFFFFF;
  opacity: 1;
}

.btn-behance {
  background-color: #0E0E0E;
  border-color: #0E0E0E;
  color: #FFFFFF;
}

.btn-behance:hover, .btn-behance:focus, .btn-behance:active, .btn-behance:active:focus, .btn-behance.active,
.open > .btn-behance.dropdown-toggle {
  background-color: black;
  color: #FFFFFF;
  border-color: black;
  opacity: 1;
}

.btn-behance:disabled, .btn-behance[disabled], .btn-behance.disabled {
  background-color: #040404;
  border-color: #0E0E0E;
}

.btn-behance.btn-outline {
  color: #0E0E0E;
  background-color: transparent;
  border-color: #0E0E0E;
}

.btn-behance.btn-outline:hover, .btn-behance.btn-outline:focus, .btn-behance.btn-outline:active, .btn-behance.btn-outline.active,
.open > .btn-behance.btn-outline.dropdown-toggle {
  background-color: #0E0E0E;
  color: #FFFFFF;
  opacity: 1;
}

.btn-instagram {
  background-color: #2C5C81;
  border-color: #2C5C81;
  color: #FFFFFF;
}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram:active:focus, .btn-instagram.active,
.open > .btn-instagram.dropdown-toggle {
  background-color: #244c6a;
  color: #FFFFFF;
  border-color: #244c6a;
  opacity: 1;
}

.btn-instagram:disabled, .btn-instagram[disabled], .btn-instagram.disabled {
  background-color: #275172;
  border-color: #2C5C81;
}

.btn-instagram.btn-outline {
  color: #2C5C81;
  background-color: transparent;
  border-color: #2C5C81;
}

.btn-instagram.btn-outline:hover, .btn-instagram.btn-outline:focus, .btn-instagram.btn-outline:active, .btn-instagram.btn-outline.active,
.open > .btn-instagram.btn-outline.dropdown-toggle {
  background-color: #2C5C81;
  color: #FFFFFF;
  opacity: 1;
}

.btn-skype {
  background-color: #127BB4;
  border-color: #127BB4;
  color: #FFFFFF;
}

.btn-skype:hover, .btn-skype:focus, .btn-skype:active, .btn-skype:active:focus, .btn-skype.active,
.open > .btn-skype.dropdown-toggle {
  background-color: #0f6898;
  color: #FFFFFF;
  border-color: #0f6898;
  opacity: 1;
}

.btn-skype:disabled, .btn-skype[disabled], .btn-skype.disabled {
  background-color: #106ea1;
  border-color: #127BB4;
}

.btn-skype.btn-outline {
  color: #127BB4;
  background-color: transparent;
  border-color: #127BB4;
}

.btn-skype.btn-outline:hover, .btn-skype.btn-outline:focus, .btn-skype.btn-outline:active, .btn-skype.btn-outline.active,
.open > .btn-skype.btn-outline.dropdown-toggle {
  background-color: #127BB4;
  color: #FFFFFF;
  opacity: 1;
}

.btn-linkedin {
  background-color: #319EDA;
  border-color: #319EDA;
  color: #FFFFFF;
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin:active:focus, .btn-linkedin.active,
.open > .btn-linkedin.dropdown-toggle {
  background-color: #248ec8;
  color: #FFFFFF;
  border-color: #248ec8;
  opacity: 1;
}

.btn-linkedin:disabled, .btn-linkedin[disabled], .btn-linkedin.disabled {
  background-color: #2694d1;
  border-color: #319EDA;
}

.btn-linkedin.btn-outline {
  color: #319EDA;
  background-color: transparent;
  border-color: #319EDA;
}

.btn-linkedin.btn-outline:hover, .btn-linkedin.btn-outline:focus, .btn-linkedin.btn-outline:active, .btn-linkedin.btn-outline.active,
.open > .btn-linkedin.btn-outline.dropdown-toggle {
  background-color: #319EDA;
  color: #FFFFFF;
  opacity: 1;
}

.btn-evernote {
  background-color: #84C355;
  border-color: #84C355;
  color: #FFFFFF;
}

.btn-evernote:hover, .btn-evernote:focus, .btn-evernote:active, .btn-evernote:active:focus, .btn-evernote.active,
.open > .btn-evernote.dropdown-toggle {
  background-color: #74b841;
  color: #FFFFFF;
  border-color: #74b841;
  opacity: 1;
}

.btn-evernote:disabled, .btn-evernote[disabled], .btn-evernote.disabled {
  background-color: #79be46;
  border-color: #84C355;
}

.btn-evernote.btn-outline {
  color: #84C355;
  background-color: transparent;
  border-color: #84C355;
}

.btn-evernote.btn-outline:hover, .btn-evernote.btn-outline:focus, .btn-evernote.btn-outline:active, .btn-evernote.btn-outline.active,
.open > .btn-evernote.btn-outline.dropdown-toggle {
  background-color: #84C355;
  color: #FFFFFF;
  opacity: 1;
}

.btn-venmo {
  background-color: #2AB8E8;
  border-color: #2AB8E8;
  color: #FFFFFF;
}

.btn-venmo:hover, .btn-venmo:focus, .btn-venmo:active, .btn-venmo:active:focus, .btn-venmo.active,
.open > .btn-venmo.dropdown-toggle {
  background-color: #18aadc;
  color: #FFFFFF;
  border-color: #18aadc;
  opacity: 1;
}

.btn-venmo:disabled, .btn-venmo[disabled], .btn-venmo.disabled {
  background-color: #19b1e5;
  border-color: #2AB8E8;
}

.btn-venmo.btn-outline {
  color: #2AB8E8;
  background-color: transparent;
  border-color: #2AB8E8;
}

.btn-venmo.btn-outline:hover, .btn-venmo.btn-outline:focus, .btn-venmo.btn-outline:active, .btn-venmo.btn-outline.active,
.open > .btn-venmo.btn-outline.dropdown-toggle {
  background-color: #2AB8E8;
  color: #FFFFFF;
  opacity: 1;
}

.btn-youtube {
  background-color: #CA1C26;
  border-color: #CA1C26;
  color: #FFFFFF;
}

.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube:active:focus, .btn-youtube.active,
.open > .btn-youtube.dropdown-toggle {
  background-color: #af1821;
  color: #FFFFFF;
  border-color: #af1821;
  opacity: 1;
}

.btn-youtube:disabled, .btn-youtube[disabled], .btn-youtube.disabled {
  background-color: #b81a23;
  border-color: #CA1C26;
}

.btn-youtube.btn-outline {
  color: #CA1C26;
  background-color: transparent;
  border-color: #CA1C26;
}

.btn-youtube.btn-outline:hover, .btn-youtube.btn-outline:focus, .btn-youtube.btn-outline:active, .btn-youtube.btn-outline.active,
.open > .btn-youtube.btn-outline.dropdown-toggle {
  background-color: #CA1C26;
  color: #FFFFFF;
  opacity: 1;
}

.btn-rss {
  background-color: #F9A43A;
  border-color: #F9A43A;
  color: #FFFFFF;
}

.btn-rss:hover, .btn-rss:focus, .btn-rss:active, .btn-rss:active:focus, .btn-rss.active,
.open > .btn-rss.dropdown-toggle {
  background-color: #f8961c;
  color: #FFFFFF;
  border-color: #f8961c;
  opacity: 1;
}

.btn-rss:disabled, .btn-rss[disabled], .btn-rss.disabled {
  background-color: #f89b26;
  border-color: #F9A43A;
}

.btn-rss.btn-outline {
  color: #F9A43A;
  background-color: transparent;
  border-color: #F9A43A;
}

.btn-rss.btn-outline:hover, .btn-rss.btn-outline:focus, .btn-rss.btn-outline:active, .btn-rss.btn-outline.active,
.open > .btn-rss.btn-outline.dropdown-toggle {
  background-color: #F9A43A;
  color: #FFFFFF;
  opacity: 1;
}

.btn-whatsapp {
  background-color: #49C439;
  border-color: #49C439;
  color: #FFFFFF;
}

.btn-whatsapp:hover, .btn-whatsapp:focus, .btn-whatsapp:active, .btn-whatsapp:active:focus, .btn-whatsapp.active,
.open > .btn-whatsapp.dropdown-toggle {
  background-color: #40ac32;
  color: #FFFFFF;
  border-color: #40ac32;
  opacity: 1;
}

.btn-whatsapp:disabled, .btn-whatsapp[disabled], .btn-whatsapp.disabled {
  background-color: #43b434;
  border-color: #49C439;
}

.btn-whatsapp.btn-outline {
  color: #49C439;
  background-color: transparent;
  border-color: #49C439;
}

.btn-whatsapp.btn-outline:hover, .btn-whatsapp.btn-outline:focus, .btn-whatsapp.btn-outline:active, .btn-whatsapp.btn-outline.active,
.open > .btn-whatsapp.btn-outline.dropdown-toggle {
  background-color: #49C439;
  color: #FFFFFF;
  opacity: 1;
}

.btn-dropbox {
  background-color: #1581E3;
  border-color: #1581E3;
  color: #FFFFFF;
}

.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox:active:focus, .btn-dropbox.active,
.open > .btn-dropbox.dropdown-toggle {
  background-color: #1271c7;
  color: #FFFFFF;
  border-color: #1271c7;
  opacity: 1;
}

.btn-dropbox:disabled, .btn-dropbox[disabled], .btn-dropbox.disabled {
  background-color: #1376d0;
  border-color: #1581E3;
}

.btn-dropbox.btn-outline {
  color: #1581E3;
  background-color: transparent;
  border-color: #1581E3;
}

.btn-dropbox.btn-outline:hover, .btn-dropbox.btn-outline:focus, .btn-dropbox.btn-outline:active, .btn-dropbox.btn-outline.active,
.open > .btn-dropbox.btn-outline.dropdown-toggle {
  background-color: #1581E3;
  color: #FFFFFF;
  opacity: 1;
}

.btn-google-drive {
  background-color: #1AB276;
  border-color: #1AB276;
  color: #FFFFFF;
}

.btn-google-drive:hover, .btn-google-drive:focus, .btn-google-drive:active, .btn-google-drive:active:focus, .btn-google-drive.active,
.open > .btn-google-drive.dropdown-toggle {
  background-color: #169764;
  color: #FFFFFF;
  border-color: #169764;
  opacity: 1;
}

.btn-google-drive:disabled, .btn-google-drive[disabled], .btn-google-drive.disabled {
  background-color: #17a06a;
  border-color: #1AB276;
}

.btn-google-drive.btn-outline {
  color: #1AB276;
  background-color: transparent;
  border-color: #1AB276;
}

.btn-google-drive.btn-outline:hover, .btn-google-drive.btn-outline:focus, .btn-google-drive.btn-outline:active, .btn-google-drive.btn-outline.active,
.open > .btn-google-drive.btn-outline.dropdown-toggle {
  background-color: #1AB276;
  color: #FFFFFF;
  opacity: 1;
}

.btn-like {
  background-color: #FB5441;
  border-color: #FB5441;
  color: #FFFFFF;
}

.btn-like:hover, .btn-like:focus, .btn-like:active, .btn-like:active:focus, .btn-like.active,
.open > .btn-like.dropdown-toggle {
  background-color: #fa3923;
  color: #FFFFFF;
  border-color: #fa3923;
  opacity: 1;
}

.btn-like:disabled, .btn-like[disabled], .btn-like.disabled {
  background-color: #fb422d;
  border-color: #FB5441;
}

.btn-like.btn-outline {
  color: #FB5441;
  background-color: transparent;
  border-color: #FB5441;
}

.btn-like.btn-outline:hover, .btn-like.btn-outline:focus, .btn-like.btn-outline:active, .btn-like.btn-outline.active,
.open > .btn-like.btn-outline.dropdown-toggle {
  background-color: #FB5441;
  color: #FFFFFF;
  opacity: 1;
}

.btn-email {
  background-color: #59DDE8;
  border-color: #59DDE8;
  color: #FFFFFF;
}

.btn-email:hover, .btn-email:focus, .btn-email:active, .btn-email:active:focus, .btn-email.active,
.open > .btn-email.dropdown-toggle {
  background-color: #3ed7e4;
  color: #FFFFFF;
  border-color: #3ed7e4;
  opacity: 1;
}

.btn-email:disabled, .btn-email[disabled], .btn-email.disabled {
  background-color: #47d9e6;
  border-color: #59DDE8;
}

.btn-email.btn-outline {
  color: #59DDE8;
  background-color: transparent;
  border-color: #59DDE8;
}

.btn-email.btn-outline:hover, .btn-email.btn-outline:focus, .btn-email.btn-outline:active, .btn-email.btn-outline.active,
.open > .btn-email.btn-outline.dropdown-toggle {
  background-color: #59DDE8;
  color: #FFFFFF;
  opacity: 1;
}

.btn-pocket {
  background-color: #e95255;
  border-color: #e95255;
  color: #FFFFFF;
}

.btn-pocket:hover, .btn-pocket:focus, .btn-pocket:active, .btn-pocket:active:focus, .btn-pocket.active,
.open > .btn-pocket.dropdown-toggle {
  background-color: #e6373a;
  color: #FFFFFF;
  border-color: #e6373a;
  opacity: 1;
}

.btn-pocket:disabled, .btn-pocket[disabled], .btn-pocket.disabled {
  background-color: #e74043;
  border-color: #e95255;
}

.btn-pocket.btn-outline {
  color: #e95255;
  background-color: transparent;
  border-color: #e95255;
}

.btn-pocket.btn-outline:hover, .btn-pocket.btn-outline:focus, .btn-pocket.btn-outline:active, .btn-pocket.btn-outline.active,
.open > .btn-pocket.btn-outline.dropdown-toggle {
  background-color: #e95255;
  color: #FFFFFF;
  opacity: 1;
}

.btn-vimeo {
  background-color: #1ab7ea;
  border-color: #1ab7ea;
  color: #FFFFFF;
}

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active, .btn-vimeo:active:focus, .btn-vimeo.active,
.open > .btn-vimeo.dropdown-toggle {
  background-color: #13a3d2;
  color: #FFFFFF;
  border-color: #13a3d2;
  opacity: 1;
}

.btn-vimeo:disabled, .btn-vimeo[disabled], .btn-vimeo.disabled {
  background-color: #14abdb;
  border-color: #1ab7ea;
}

.btn-vimeo.btn-outline {
  color: #1ab7ea;
  background-color: transparent;
  border-color: #1ab7ea;
}

.btn-vimeo.btn-outline:hover, .btn-vimeo.btn-outline:focus, .btn-vimeo.btn-outline:active, .btn-vimeo.btn-outline.active,
.open > .btn-vimeo.btn-outline.dropdown-toggle {
  background-color: #1ab7ea;
  color: #FFFFFF;
  opacity: 1;
}

.open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success.focus {
  background-color: #00C462;
  border-color: #00C462;
}

a, a:hover {
  text-decoration: none;
}

.socialbtns,
.socialbtns ul,
.socialbtns li {
  margin: 0;
  padding: 0;
}

.socialbtns li {
  list-style: none;
  display: inline-block;
}

.socialbtns .fa {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #000;
  border: 1px solid #000;
  padding-top: 0;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  text-align: center;
  font-size: 21px;
}

.socialbtns .fa:hover {
  color: #FFF;
  background-color: #000;
  border: 1px solid #000;
}

.list-inline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

/*---- Genral classes end -------*/
/*Change icons size here*/
.social-icons .fa {
  font-size: 1.8em;
}

/*Change icons circle size and color here*/
.social-icons .fa {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social-icons .fa:hover {
  color: #efefef;
}

.social-icons.icon-circle .fa {
  border-radius: 50%;
}

.social-icons.icon-rounded .fa {
  border-radius: 5px;
}

.social-icons.icon-flat .fa {
  border-radius: 0;
}

/* Button inside input
––––––––––––––––––––––––––––––––––– */
.btn.input-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  min-width: 140px;
}

.btn.input-btn.input-btn-lg {
  height: 42px;
  position: absolute;
  right: 4px;
  top: 4px;
  min-width: 140px;
}

/* Large Video Button
––––––––––––––––––––––––––––––––––– */
.cover__video_button_box {
  border-radius: 5px;
  margin: auto auto 60px;
  width: 70px;
  height: 70px;
  border-radius: 100%;
}

.cover__video_button_box:before {
  z-index: 10;
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}

.cover__video_button_box:hover .cover__video_button_img {
  opacity: 0.7;
}

@media (max-width: 330px) {
  .cover__video_button_box {
    max-width: 180px;
  }
}

.cover__video_button_img {
  width: 100%;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  height: 70px;
  width: 70px;
  border-radius: 100%;
}

.header-box-rounded {
  height: 100%;
  width: 42px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.28);
}

.header-box-rounded .header__burger_button {
  width: 18px;
}

.header__burger_button {
  position: relative;
  vertical-align: middle;
  height: 16px;
  width: 20px;
}

/* Mouse Button Scroll icon
––––––––––––––––––––––––––––––––––– */
.mouse-btn .mouse-icon {
  width: 25px;
  height: 45px;
  border: 2px solid white;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.mouse-btn .mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}

.mouse-btn span {
  line-height: 45px;
  margin: 0;
  font-weight: 300;
  color: #fff;
  font-size: 14px;
}

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 20px;
    opacity: 0;
  }
}

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 20px;
    opacity: 0;
  }
}

.icon-circle-bg {
  border-radius: 100%;
  height: 42px;
  width: 42px;
  margin-bottom: 60px;
}

.icon-circle-bg i {
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}

.icon-circle-bg.circle-lg {
  height: 70px;
  width: 70px;
}

.icon-circle-bg.circle-lg i {
  line-height: 68px;
  text-align: center;
  font-size: 24px;
}

.icon-circle-bg.circle-xl {
  height: 90px;
  width: 90px;
}

.icon-circle-bg.circle-xl i {
  line-height: 88px;
  text-align: center;
  font-size: 30px;
}

.btn.btn-float {
  padding: 16px;
  border-radius: 3px;
  height: auto;
  line-height: inherit;
}

.btn-float.btn-link {
  padding: 11px;
}

.btn-float i {
  display: block;
  margin: 0;
  top: 0;
}

.btn-float img {
  border-radius: 3px;
}

.btn-float > span {
  display: block;
  padding-top: 10px;
  margin-bottom: -6px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-float.btn-float-lg i {
  font-size: 32px;
}

@media (max-width: 767px) {
  .btn {
    margin-bottom: 20px;
  }
}

.button-list button,
.button-list .btn,
.button-list .button {
  margin-bottom: 10px;
}

/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* Portland UI Kit Colors
––––––––––––––––––––––––––––––––––– */
/* 
––––––––––––––––––––––––––––––––––– */
/* Updated Names
––––––––––––––––––––––––––––––––––– */
/* Social Color Variables
––––––––––––––––––––––––––––––––––– */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* fixed pixal Width Helpers
––––––––––––––––––––––––––––––––––– */
.fw-5 {
  width: 5px;
}

.fw-8 {
  width: 8px;
}

.fw-10 {
  width: 10px;
}

.fw-16 {
  width: 16px;
}

.fw-20 {
  width: 20px;
}

.fw-24 {
  width: 24px;
}

.fw-32 {
  width: 32px;
}

.fw-40 {
  width: 40px;
}

.fw-48 {
  width: 48px;
}

.fw-56 {
  width: 56px;
}

.fw-20 {
  width: 20px;
}

.fw-30 {
  width: 30px;
}

.fw-50 {
  width: 50px;
}

.fw-60 {
  width: 60px;
}

.fw-64 {
  width: 64px;
}

.fw-96 {
  width: 96px;
}

.fw-100 {
  width: 100px;
}

.fw-110 {
  width: 110px;
}

.fw-120 {
  width: 120px;
}

.fw-130 {
  width: 130px;
}

.fw-140 {
  width: 140px;
}

.fw-150 {
  width: 150px;
}

.fw-160 {
  width: 160px;
}

.fw-170 {
  width: 170px;
}

.fw-180 {
  width: 180px;
}

.fw-190 {
  width: 190px;
}

.fw-128 {
  width: 128px;
}

.fw-xxs {
  width: 60px;
}

.fw-xs {
  width: 90px;
}

.fw-sm {
  width: 120px;
}

.fw {
  width: 180px;
}

.fw-200 {
  width: 200px;
}

.fw-md {
  width: 200px;
}

.fw-lg {
  width: 240px;
}

.fw-xl {
  width: 280px;
}

.fw-xxl {
  width: 320px;
}

.fw-full {
  width: 100%;
}

.fw-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.fw-md {
  min-width: 200px;
}

.fw-200 {
  width: 200px;
}

.fw-210 {
  width: 210px;
}

.fw-220 {
  width: 220px;
}

.fw-230 {
  width: 230px;
}

.fw-240 {
  width: 240px;
}

.fw-250 {
  width: 250px;
}

.fw-260 {
  width: 260px;
}

.fw-270 {
  width: 270px;
}

.fw-280 {
  width: 280px;
}

.fw-290 {
  width: 290px;
}

/* Fixed Height
  ––––––––––––––––––––––––––––––––––– */
.fh-10 {
  height: 10px;
}

.fh-18 {
  height: 18px;
}

.fh-20 {
  height: 20px;
}

.fh-30 {
  height: 30px;
}

.fh-40 {
  height: 40px;
}

.fh-50 {
  height: 50px;
}

.fh-60 {
  height: 60px;
}

.fh-70 {
  height: 70px;
}

.fh-80 {
  height: 80px;
}

.fh-90 {
  height: 90px;
}

.fh-100 {
  height: 100px;
}

.fh-110 {
  height: 110px;
}

.fh-120 {
  height: 120px;
}

.fh-130 {
  height: 130px;
}

.fh-140 {
  height: 140px;
}

.fh-150 {
  height: 150px;
}

.fh-160 {
  height: 160px;
}

.fh-170 {
  height: 170px;
}

.fh-180 {
  height: 180px;
}

.fh-190 {
  height: 190px;
}

.fh-200 {
  height: 200px;
}

.fh-210 {
  height: 210px;
}

.fh-220 {
  height: 220px;
}

.fh-230 {
  height: 230px;
}

.fh-240 {
  height: 240px;
}

.fh-250 {
  height: 250px;
}

.fh-260 {
  height: 260px;
}

.fh-270 {
  height: 270px;
}

.fh-280 {
  height: 280px;
}

.fh-290 {
  height: 290px;
}

.fh-300 {
  height: 300px;
}

.fh-310 {
  height: 310px;
}

.fh-320 {
  height: 320px;
}

.fh-330 {
  height: 330px;
}

.fh-340 {
  height: 340px;
}

.fh-350 {
  height: 350px;
}

.fh-360 {
  height: 360px;
}

.fh-370 {
  height: 370px;
}

.fh-380 {
  height: 380px;
}

.fh-390 {
  height: 390px;
}

.fh-400 {
  height: 400px;
}

.fh-410 {
  height: 410px;
}

.fh-420 {
  height: 420px;
}

.fh-430 {
  height: 430px;
}

.fh-440 {
  height: 440px;
}

.fh-450 {
  height: 450px;
}

.fh-460 {
  height: 460px;
}

.fh-470 {
  height: 470px;
}

.fh-480 {
  height: 480px;
}

.fh-490 {
  height: 490px;
}

.fh-500 {
  height: 500px;
}

.fh-510 {
  height: 510px;
}

.fh-520 {
  height: 520px;
}

.fh-530 {
  height: 530px;
}

.fh-540 {
  height: 540px;
}

.fh-550 {
  height: 550px;
}

.fh-560 {
  height: 560px;
}

.fh-570 {
  height: 570px;
}

.fh-580 {
  height: 580px;
}

.fh-590 {
  height: 590px;
}

.fh-600 {
  height: 600px;
}

.fh-610 {
  height: 610px;
}

.fh-620 {
  height: 620px;
}

.fh-630 {
  height: 630px;
}

.fh-640 {
  height: 640px;
}

.fh-650 {
  height: 650px;
}

.fh-660 {
  height: 660px;
}

.fh-670 {
  height: 670px;
}

.fh-680 {
  height: 680px;
}

.fh-690 {
  height: 690px;
}

.fh-700 {
  height: 700px;
}

.fh-710 {
  height: 710px;
}

.fh-720 {
  height: 720px;
}

.fh-730 {
  height: 730px;
}

.fh-740 {
  height: 740px;
}

.fh-750 {
  height: 750px;
}

.fh-760 {
  height: 760px;
}

.fh-770 {
  height: 770px;
}

.fh-780 {
  height: 780px;
}

.fh-790 {
  height: 790px;
}

.fh-800 {
  height: 800px;
}

.fh-235 {
  height: 235px;
}

/* Padding Helpers
  ––––––––––––––––––––––––––––––––––– */
.pad-10 {
  padding: 10px;
}

.pad-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-25 {
  padding: 25px;
}

.pad-30 {
  padding: 30px;
}

.pad-40 {
  padding: 40px;
}

.pad-50 {
  padding: 50px;
}

.pad-60 {
  padding: 60px;
}

.pad-70 {
  padding: 70px;
}

.pad-80 {
  padding: 80px;
}

.pad-90 {
  padding: 90px;
}

.pad-100 {
  padding: 100px;
}

/* Fixed Percentage Width
  ––––––––––––––––––––––––––––––––––– */
.fpw-1 {
  width: 1%;
}

.fpw-2 {
  width: 2%;
}

.fpw-3 {
  width: 3%;
}

.fpw-4 {
  width: 4%;
}

.fpw-5 {
  width: 5%;
}

.fpw-6 {
  width: 6%;
}

.fpw-7 {
  width: 7%;
}

.fpw-8 {
  width: 8%;
}

.fpw-9 {
  width: 9%;
}

.fpw-10 {
  width: 10%;
}

.fpw-15 {
  width: 15%;
}

.fpw-16 {
  width: 16%;
}

.fpw-17 {
  width: 17%;
}

.fpw-18 {
  width: 18%;
}

.fpw-19 {
  width: 19%;
}

.fpw-20 {
  width: 20%;
}

.fpw-25 {
  width: 25%;
}

.fpw-30 {
  width: 30%;
}

.fpw-40 {
  width: 40%;
}

.fpw-50 {
  width: 50%;
}

.fpw-60 {
  width: 60%;
}

.fpw-65 {
  width: 65%;
}

.fpw-70 {
  width: 70%;
}

.fpw-75 {
  width: 75%;
}

.fpw-80 {
  width: 80%;
}

.fpw-90 {
  width: 90%;
}

.fpw-100 {
  width: 100%;
}

.scroll,
.overflow-auto,
.overflow-scroll {
  overflow: auto;
}

.chat-list,
.chat-stacked {
  max-height: 320px;
  overflow: auto;
}

.thumbnail {
  border-radius: 0;
}

.b0 {
  border: none !important;
}

.bl0 {
  border-left: none !important;
}

.br0 {
  border-right: none !important;
}

.bb0 {
  border-bottom: none !important;
}

.bt0 {
  border-top: none !important;
}

/* Text Styles
––––––––––––––––––––––––––––––––––– */
.text-10 {
  font-size: 10px;
}

.text-11 {
  font-size: 11px;
}

.text-12 {
  font-size: 12px;
}

.text-13 {
  font-size: 13px;
}

.text-14 {
  font-size: 14px;
}

.text-15 {
  font-size: 15px;
}

.text-16 {
  font-size: 16px;
}

.text-17 {
  font-size: 17px;
}

.text-18 {
  font-size: 18px;
}

.text-19 {
  font-size: 19px;
}

.text-20 {
  font-size: 20px;
}

.text-21 {
  font-size: 21px;
}

.text-24 {
  font-size: 24px;
}

.text-48 {
  font-size: 48px;
}

.text-52 {
  font-size: 52px;
}

.text-italic {
  font-style: italic;
}

.pull-center {
  position: absolute;
  left: 50%;
}

.radius {
  border-radius: 4px;
}

.radius-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.radius-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.r {
  border-radius: 4px;
}

/* Border radius rounded helpers
––––––––––––––––––––––––––––––––––– */
.blr-rounded {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.brr-rounded {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.b {
  border-color: rgba(120, 130, 140, 0.13);
  background-clip: padding-box;
}

.ba {
  border: 1px solid rgba(120, 130, 140, 0.13);
}

.bt {
  border-top: 1px solid rgba(120, 130, 140, 0.13);
}

.br {
  border-right: 1px solid rgba(120, 130, 140, 0.13);
}

.bb {
  border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

.bl {
  border-left: 1px solid rgba(120, 130, 140, 0.13);
}

.b0 {
  border: none;
}

.br0,
.border-radius-0,
.border-radius0,
.radius0 {
  border-radius: 0 !important;
}

.block {
  display: block;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.pos-rlt {
  position: relative;
  z-index: 1;
}

/*=====================================
     Spacing Helpers
  ======================================= */
/* Padding Helpers
––––––––––––––––––––––––––––––––––– */
.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

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

.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p10 {
  padding: 1rem !important;
}

.pt10 {
  padding-top: 1rem !important;
}

.pr10 {
  padding-right: 1rem !important;
}

.pb10 {
  padding-bottom: 1rem !important;
}

.pl10 {
  padding-left: 1rem !important;
}

.py10 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px10 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p15 {
  padding: 1.5rem !important;
}

.pt15 {
  padding-top: 1.5rem !important;
}

.pr15 {
  padding-right: 1.5rem !important;
}

.pb15 {
  padding-bottom: 1.5rem !important;
}

.pl15 {
  padding-left: 1.5rem !important;
}

.py15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.p20 {
  padding: 2rem !important;
}

.pt20 {
  padding-top: 2rem !important;
}

.pr20 {
  padding-right: 2rem !important;
}

.pb20 {
  padding-bottom: 2rem !important;
}

.pl20 {
  padding-left: 2rem !important;
}

.py20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.px20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p30 {
  padding: 3rem !important;
}

.pt30 {
  padding-top: 3rem !important;
}

.pr30 {
  padding-right: 3rem !important;
}

.pb30 {
  padding-bottom: 3rem !important;
}

.pl30 {
  padding-left: 3rem !important;
}

.py30 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px30 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.p40 {
  padding: 4rem !important;
}

.pt40 {
  padding-top: 4rem !important;
}

.pr40 {
  padding-right: 4rem !important;
}

.pb40 {
  padding-bottom: 4rem !important;
}

.pl40 {
  padding-left: 4rem !important;
}

.py40 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.px40 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.p50 {
  padding: 5rem !important;
}

.pt50 {
  padding-top: 5rem !important;
}

.pr50 {
  padding-right: 5rem !important;
}

.pb50 {
  padding-bottom: 5rem !important;
}

.pl50 {
  padding-left: 5rem !important;
}

.py50 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px50 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.p60 {
  padding: 6rem !important;
}

.pt60 {
  padding-top: 6rem !important;
}

.pr60 {
  padding-right: 6rem !important;
}

.pb60 {
  padding-bottom: 6rem !important;
}

.pl60 {
  padding-left: 6rem !important;
}

.py60 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px60 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.p70 {
  padding: 7rem !important;
}

.pt70 {
  padding-top: 7rem !important;
}

.pr70 {
  padding-right: 7rem !important;
}

.pb70 {
  padding-bottom: 7rem !important;
}

.pl70 {
  padding-left: 7rem !important;
}

.py70 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.px70 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

/* Margin Spacing Helpers
––––––––––––––––––––––––––––––––––– */
.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m10 {
  margin: 1rem !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mr10 {
  margin-right: 1rem !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.ml10 {
  margin-left: 1rem !important;
}

.my10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx10 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m15 {
  margin: 1.5rem !important;
}

.mt15 {
  margin-top: 1.5rem !important;
}

.mr15 {
  margin-right: 1.5rem !important;
}

.mb15 {
  margin-bottom: 1.5rem !important;
}

.ml15 {
  margin-left: 1.5rem !important;
}

.my15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.m20 {
  margin: 2rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mr20 {
  margin-right: 2rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.ml20 {
  margin-left: 2rem !important;
}

.my20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mx20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.m30 {
  margin: 3rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mr30 {
  margin-right: 3rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.ml30 {
  margin-left: 3rem !important;
}

.my30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx30 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.m40 {
  margin: 4rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mr40 {
  margin-right: 4rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.ml40 {
  margin-left: 4rem !important;
}

.my40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mx40 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.m50 {
  margin: 5rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mr50 {
  margin-right: 5rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.ml50 {
  margin-left: 5rem !important;
}

.my50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx50 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.m60 {
  margin: 6rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mr60 {
  margin-right: 6rem !important;
}

.mb60 {
  margin-bottom: 6rem !important;
}

.ml60 {
  margin-left: 6rem !important;
}

.my60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mx60 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.m70 {
  margin: 7rem !important;
}

.mt70 {
  margin-top: 7rem !important;
}

.mr70 {
  margin-right: 7rem !important;
}

.mb70 {
  margin-bottom: 7rem !important;
}

.ml70 {
  margin-left: 7rem !important;
}

.my70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mx70 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

/* ==========================================================================
    # Custom color system
      Custom color system styles, includes background, border and text colors
========================================================================== */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* Portland UI Kit Colors
––––––––––––––––––––––––––––––––––– */
/* 
––––––––––––––––––––––––––––––––––– */
/* Updated Names
––––––––––––––––––––––––––––––––––– */
/* Social Color Variables
––––––––––––––––––––––––––––––––––– */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
* ---------------------------------------------------------------------------- */
/* =====================================
   Background Color Helpers
   ===================================== */
/* bg-colors: Brand Theme Colors
––––––––––––––––––––––––––––––––––– */
.bg-primary {
  background-color: #01A2A6;
  border-color: #01A2A6;
  color: #FFFFFF;
}

.bg-success {
  background-color: #00C462;
  border-color: #00C462;
  color: #FFFFFF;
}

.bg-info {
  background-color: #00A4C2;
  border-color: #00A4C2;
  color: #FFFFFF;
}

.bg-danger {
  background-color: #fa5440;
  border-color: #fa5440;
  color: #FFFFFF;
}

.bg-warning {
  background-color: #f2d15c;
  border-color: #f2d15c;
  color: #FFFFFF;
}

.bg-primary-dark {
  background-color: #3652d1;
  border-color: #3652d1;
  color: #FFFFFF;
}

.bg-success-dark {
  background-color: #4ad19e;
  border-color: #4ad19e;
  color: #FFFFFF;
}

.bg-info-dark {
  background-color: #3dccd9;
  border-color: #3dccd9;
  color: #FFFFFF;
}

.bg-danger-dark {
  background-color: #e84f3d;
  border-color: #e84f3d;
  color: #FFFFFF;
}

.bg-warning-dark {
  background-color: #e8c44a;
  border-color: #e8c44a;
  color: #FFFFFF;
}

/* bg-colors: Brand Theme Colors
––––––––––––––––––––––––––––––––––– */
.bg-white {
  background-color: #fff;
  border-color: #fff;
  color: #4D4D4D;
}

.bg-black {
  background-color: #212429;
  border-color: #212429;
  color: #FFFFFF;
}

.bg-dark-blue {
  background-color: #3B4059;
  border-color: #3B4059;
  color: #FFFFFF;
}

.bg-jungle {
  background-color: #1C1E23;
  border-color: #1C1E23;
  color: #FFFFFF;
}

.bg-light-gray {
  background-color: #f0f2f7;
  border-color: #f0f2f7;
  color: #FFFFFF;
}

.bg-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #FFFFFF;
}

.bg-aqua-squeeze {
  background-color: #E9F2F3;
  border-color: #E9F2F3;
  color: #FFFFFF;
}

.bg-black-haze {
  background-color: #F7F7F7;
  border-color: #F7F7F7;
  color: #FFFFFF;
}

.bg-pink-400 {
  background-color: #fa5440;
  border-color: #fa5440;
  color: #FFFFFF;
}

.bg-dark {
  background-color: #21282F;
  border-color: #21282F;
  color: #FFFFFF;
}

.input-bg-gray {
  background-color: #EFF1F7;
}

.bg-mystic {
  background-color: #e3e8f0 !important;
}

.bg-gray {
  background-color: #FAFAFA;
  border-color: #FAFAFA;
  color: #FFFFFF;
  color: #4D4D4D;
}

.bg-wild-sand {
  background-color: #e9e5df;
  border-color: #e9e5df;
  color: #FFFFFF;
}

.bg-orange {
  background-color: #FF7043;
  border-color: #FF7043;
  color: #FFFFFF;
}

.bg-green {
  background-color: #4BAF4F;
  border-color: #4BAF4F;
  color: #FFFFFF;
}

/* bg-colors: Social Colors
––––––––––––––––––––––––––––––––––– */
.bg-twitter {
  background-color: #48CDFB;
  border-color: #48CDFB;
  color: #FFFFFF;
}

.bg-facebook {
  background-color: #3C5A96;
  border-color: #3C5A96;
  color: #FFFFFF;
}

.bg-twitter {
  background-color: #48CDFB;
  border-color: #48CDFB;
  color: #FFFFFF;
}

.bg-google {
  background-color: #DD4C3E;
  border-color: #DD4C3E;
  color: #FFFFFF;
}

.bg-google-plus {
  background-color: #DD4C3E;
  border-color: #DD4C3E;
  color: #FFFFFF;
}

.bg-tumblr {
  background-color: #35465C;
  border-color: #35465C;
  color: #FFFFFF;
}

.bg-pinterest {
  background-color: #BB0F23;
  border-color: #BB0F23;
  color: #FFFFFF;
}

.bg-dribbble {
  background-color: #E84F89;
  border-color: #E84F89;
  color: #FFFFFF;
}

.bg-behance {
  background-color: #0E0E0E;
  border-color: #0E0E0E;
  color: #FFFFFF;
}

.bg-instagram {
  background-color: #2C5C81;
  border-color: #2C5C81;
  color: #FFFFFF;
}

.bg-skype {
  background-color: #127BB4;
  border-color: #127BB4;
  color: #FFFFFF;
}

.bg-linkedin {
  background-color: #319EDA;
  border-color: #319EDA;
  color: #FFFFFF;
}

.bg-evernote {
  background-color: #84C355;
  border-color: #84C355;
  color: #FFFFFF;
}

.bg-venmo {
  background-color: #2AB8E8;
  border-color: #2AB8E8;
  color: #FFFFFF;
}

.bg-youtube {
  background-color: #CA1C26;
  border-color: #CA1C26;
  color: #FFFFFF;
}

.bg-rss {
  background-color: #F9A43A;
  border-color: #F9A43A;
  color: #FFFFFF;
}

.bg-whatsapp {
  background-color: #49C439;
  border-color: #49C439;
  color: #FFFFFF;
}

.bg-dropbox {
  background-color: #1581E3;
  border-color: #1581E3;
  color: #FFFFFF;
}

.bg-google-drive {
  background-color: #1AB276;
  border-color: #1AB276;
  color: #FFFFFF;
}

.bg-like {
  background-color: #FB5441;
  border-color: #FB5441;
  color: #FFFFFF;
}

.bg-email {
  background-color: #59DDE8;
  border-color: #59DDE8;
  color: #FFFFFF;
}

.bg-pocket {
  background-color: #e95255;
  border-color: #e95255;
  color: #FFFFFF;
}

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

/* =====================================
   Border Colors
   ===================================== */
/* bg-colors: Brand Theme Colors
 ––––––––––––––––––––––––––––––––––– */
.border-primary {
  border-color: #01A2A6;
}

.border-success {
  border-color: #00C462;
}

.border-info {
  border-color: #00A4C2;
}

.border-danger {
  border-color: #fa5440;
}

.border-warning {
  border-color: #f2d15c;
}

.border-gray {
  border-color: #E3E8F0;
}

.border-white {
  border-color: #fff;
}

.border-top-primary {
  border-top-color: #01A2A6;
}

.border-top-success {
  border-top-color: #00C462;
}

.border-top-info {
  border-top-color: #00A4C2;
}

.border-top-danger {
  border-top-color: #fa5440;
}

.border-top-warning {
  border-top-color: #f2d15c;
}

.border-bottom-primary {
  border-bottom-color: #01A2A6;
}

.border-bottom-success {
  border-bottom-color: #00C462;
}

.border-bottom-info {
  border-bottom-color: #00A4C2;
}

.border-bottom-danger {
  border-bottom-color: #fa5440;
}

.border-bottom-warning {
  border-bottom-color: #f2d15c;
}

.border-right-primary {
  border-right-color: #01A2A6;
}

.border-right-success {
  border-right-color: #00C462;
}

.border-right-info {
  border-right-color: #00A4C2;
}

.border-right-danger {
  border-right-color: #fa5440;
}

.border-right-warning {
  border-right-color: #f2d15c;
}

.border-left-primary {
  border-left-color: #01A2A6;
}

.border-left-success {
  border-left-color: #00C462;
}

.border-left-info {
  border-left-color: #00A4C2;
}

.border-left-danger {
  border-left-color: #fa5440;
}

.border-left-warning {
  border-left-color: #f2d15c;
}

.border-twitter {
  border-color: #48CDFB;
}

.border-facebook {
  border-color: #3C5A96;
}

.border-google-plus {
  border-color: #dd4b39;
}

.border-linkedin {
  border-color: #319EDA;
}

.border-youtube {
  border-color: #CA1C26;
}

/* bg-colors: Brand Theme Colors
 ––––––––––––––––––––––––––––––––––– */
.bg-dark-blue {
  background-color: #3B4059;
  border-color: #3B4059;
  color: #FFFFFF;
}

/* =====================================
   Text Colors
   ===================================== */
.text-primary {
  color: #01A2A6 !important;
}

.text-success {
  color: #00C462 !important;
}

.text-info {
  color: #00A4C2 !important;
}

.text-danger {
  color: #fa5440 !important;
}

.text-warning {
  color: #f2d15c !important;
}

.text-blue {
  color: #01A2A6 !important;
}

.text-dark-blue {
  color: #3B4059 !important;
}

.text-dark {
  color: #3B4059 !important;
}

.text-aqua {
  color: #00A4C2 !important;
}

.text-green {
  color: #00C462 !important;
}

.text-yellow {
  color: #f2d15c !important;
}

.text-red {
  color: #fa5440 !important;
}

.text-black {
  color: #1E2128 !important;
}

.text-gray-light {
  color: #b4bcc2 !important;
}

.text-dark-grey {
  color: #babfd1 !important;
}

.text-gray-base {
  color: #000 !important;
}

/* text Colors: Social
––––––––––––––––––––––––––––––––––– */
.text-white {
  color: #FFFFFF !important;
}

/* Social Text Colors
––––––––––––––––––––––––––––––––––– */
.text-behance {
  color: #0E0E0E;
}

.text-behance:hover {
  color: #0E0E0E;
}

.text-dribbble {
  color: #E84F89;
}

.text-dribbble:hover {
  color: #E84F89;
}

.text-dropbox {
  color: #1581E3;
}

.text-dropbox:hover {
  color: #1581E3;
}

.text-evernote {
  color: #84C355;
}

.text-evernote:hover {
  color: #84C355;
}

.text-email {
  color: #59DDE8;
}

.text-email:hover {
  color: #59DDE8;
}

.text-facebook {
  color: #3C5A96;
}

.text-facebook:hover {
  color: #3C5A96;
}

.text-flickr {
  color: #0063dc;
}

.text-flickr:hover {
  color: #0063dc;
}

.text-foursquare {
  color: #3C5A96;
}

.text-foursquare:hover {
  color: #3C5A96;
}

.text-github {
  color: #4183c4;
}

.text-github:hover {
  color: #4183c4;
}

.text-google-plus {
  color: #dd4b39;
}

.text-google-plus:hover {
  color: #dd4b39;
}

.text-instagram {
  color: #2C5C81;
}

.text-instagram:hover {
  color: #2C5C81;
}

.text-linkedin {
  color: #319EDA;
}

.text-linkedin:hover {
  color: #319EDA;
}

.text-paypal {
  color: #253b80;
}

.text-paypal:hover {
  color: #253b80;
}

.text-pinterest {
  color: #BB0F23;
}

.text-pinterest:hover {
  color: #BB0F23;
}

.text-skype {
  color: #127BB4;
}

.text-skype:hover {
  color: #127BB4;
}

.text-soundcloud {
  color: #f80;
}

.text-soundcloud:hover {
  color: #f80;
}

.text-trello {
  color: #00c2e0;
}

.text-trello:hover {
  color: #00c2e0;
}

.text-tumblr {
  color: #35465C;
}

.text-tumblr:hover {
  color: #35465C;
}

.text-twitter {
  color: #48CDFB;
}

.text-twitter:hover {
  color: #48CDFB;
}

.text-vimeo {
  color: #1ab7ea;
}

.text-vimeo:hover {
  color: #1ab7ea;
}

.text-vine {
  color: #00b488;
}

.text-vine:hover {
  color: #00b488;
}

.text-yahoo {
  color: #400191;
}

.text-yahoo:hover {
  color: #400191;
}

.text-youtube {
  color: #CA1C26;
}

.text-youtube:hover {
  color: #CA1C26;
}

.text-yelp {
  color: #af0606;
}

.text-yelp:hover {
  color: #af0606;
}

.text-rss {
  color: #F9A43A;
}

.text-rss:hover {
  color: #F9A43A;
}

.text-whatsapp {
  color: #49C439;
}

.text-whatsapp:hover {
  color: #49C439;
}

.text-pocket {
  color: #e95255;
}

.text-pocket:hover {
  color: #e95255;
}

.text-google-drive {
  color: #1AB276;
}

.text-google-drive:hover {
  color: #1AB276;
}

/* ------------------------------------------------------------------------------
 *
 *  # Color system
 *
 *  Keep all color classes in a separate file as it's quite heavy and still optional
 *
 *  Version: 1.1
 *  Latest update: Feb 5, 2016
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Global less file
 *
 *  Common less file with imports of plugins and pages
 *
 *  Version: 1.0
 *  Latest update: Feb 5, 2016
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
*
*  Version: 1.1
*  Latest update: Oct 20, 2015
*
* ---------------------------------------------------------------------------- */
.bg-primary-300 {
  background-color: #64B5F6;
  border-color: #64B5F6;
  color: #fff;
}

.bg-primary-400 {
  background-color: #42A5F5;
  border-color: #42A5F5;
  color: #fff;
}

.bg-primary-600 {
  background-color: #1E88E5;
  border-color: #1E88E5;
  color: #fff;
}

.bg-primary-700 {
  background-color: #1976D2;
  border-color: #1976D2;
  color: #fff;
}

.bg-primary-800 {
  background-color: #1565C0;
  border-color: #1565C0;
  color: #fff;
}

.bg-danger-300 {
  background-color: #E57373;
  border-color: #E57373;
  color: #fff;
}

.bg-danger-400 {
  background-color: #EF5350;
  border-color: #EF5350;
  color: #fff;
}

.bg-danger-600 {
  background-color: #E53935;
  border-color: #E53935;
  color: #fff;
}

.bg-danger-700 {
  background-color: #D32F2F;
  border-color: #D32F2F;
  color: #fff;
}

.bg-danger-800 {
  background-color: #C62828;
  border-color: #C62828;
  color: #fff;
}

.bg-success-300 {
  background-color: #81C784;
  border-color: #81C784;
  color: #fff;
}

.bg-success-400 {
  background-color: #66BB6A;
  border-color: #66BB6A;
  color: #fff;
}

.bg-success-600 {
  background-color: #43A047;
  border-color: #43A047;
  color: #fff;
}

.bg-success-700 {
  background-color: #388E3C;
  border-color: #388E3C;
  color: #fff;
}

.bg-success-800 {
  background-color: #2E7D32;
  border-color: #2E7D32;
  color: #fff;
}

.bg-warning-300 {
  background-color: #FF8A65;
  border-color: #FF8A65;
  color: #fff;
}

.bg-warning-400 {
  background-color: #FF7043;
  border-color: #FF7043;
  color: #fff;
}

.bg-warning-600 {
  background-color: #F4511E;
  border-color: #F4511E;
  color: #fff;
}

.bg-warning-700 {
  background-color: #E64A19;
  border-color: #E64A19;
  color: #fff;
}

.bg-warning-800 {
  background-color: #D84315;
  border-color: #D84315;
  color: #fff;
}

.bg-info-300 {
  background-color: #4DD0E1;
  border-color: #4DD0E1;
  color: #fff;
}

.bg-info-400 {
  background-color: #26C6DA;
  border-color: #26C6DA;
  color: #fff;
}

.bg-info-600 {
  background-color: #00ACC1;
  border-color: #00ACC1;
  color: #fff;
}

.bg-info-700 {
  background-color: #0097A7;
  border-color: #0097A7;
  color: #fff;
}

.bg-info-800 {
  background-color: #00838F;
  border-color: #00838F;
  color: #fff;
}

.bg-pink {
  background-color: #E91E63;
  border-color: #E91E63;
  color: #fff;
}

.bg-pink-300 {
  background-color: #F06292;
  border-color: #F06292;
  color: #fff;
}

.bg-pink-400 {
  background-color: #EC407A;
  border-color: #EC407A;
  color: #fff;
}

.bg-pink-600 {
  background-color: #D81B60;
  border-color: #D81B60;
  color: #fff;
}

.bg-pink-700 {
  background-color: #C2185B;
  border-color: #C2185B;
  color: #fff;
}

.bg-pink-800 {
  background-color: #AD1457;
  border-color: #AD1457;
  color: #fff;
}

.bg-violet {
  background-color: #9C27B0;
  border-color: #9C27B0;
  color: #fff;
}

.bg-violet-300 {
  background-color: #BA68C8;
  border-color: #BA68C8;
  color: #fff;
}

.bg-violet-400 {
  background-color: #AB47BC;
  border-color: #AB47BC;
  color: #fff;
}

.bg-violet-600 {
  background-color: #8E24AA;
  border-color: #8E24AA;
  color: #fff;
}

.bg-violet-700 {
  background-color: #7B1FA2;
  border-color: #7B1FA2;
  color: #fff;
}

.bg-violet-800 {
  background-color: #6A1B9A;
  border-color: #6A1B9A;
  color: #fff;
}

.bg-purple {
  background-color: #673AB7;
  border-color: #673AB7;
  color: #fff;
}

.bg-purple-300 {
  background-color: #9575CD;
  border-color: #9575CD;
  color: #fff;
}

.bg-purple-400 {
  background-color: #7E57C2;
  border-color: #7E57C2;
  color: #fff;
}

.bg-purple-600 {
  background-color: #5E35B1;
  border-color: #5E35B1;
  color: #fff;
}

.bg-purple-700 {
  background-color: #512DA8;
  border-color: #512DA8;
  color: #fff;
}

.bg-purple-800 {
  background-color: #4527A0;
  border-color: #4527A0;
  color: #fff;
}

.bg-indigo {
  background-color: #3F51B5;
  border-color: #3F51B5;
  color: #fff;
}

.bg-indigo-300 {
  background-color: #7986CB;
  border-color: #7986CB;
  color: #fff;
}

.bg-indigo-400 {
  background-color: #5C6BC0;
  border-color: #5C6BC0;
  color: #fff;
}

.bg-indigo-600 {
  background-color: #3949AB;
  border-color: #3949AB;
  color: #fff;
}

.bg-indigo-700 {
  background-color: #303F9F;
  border-color: #303F9F;
  color: #fff;
}

.bg-indigo-800 {
  background-color: #283593;
  border-color: #283593;
  color: #fff;
}

.bg-blue {
  background-color: #03A9F4;
  border-color: #03A9F4;
  color: #fff;
}

.bg-blue-300 {
  background-color: #4FC3F7;
  border-color: #4FC3F7;
  color: #fff;
}

.bg-blue-400 {
  background-color: #29B6F6;
  border-color: #29B6F6;
  color: #fff;
}

.bg-blue-600 {
  background-color: #039BE5;
  border-color: #039BE5;
  color: #fff;
}

.bg-blue-700 {
  background-color: #0288D1;
  border-color: #0288D1;
  color: #fff;
}

.bg-blue-800 {
  background-color: #0277BD;
  border-color: #0277BD;
  color: #fff;
}

.bg-teal {
  background-color: #009688;
  border-color: #009688;
  color: #fff;
}

.bg-teal-300 {
  background-color: #4DB6AC;
  border-color: #4DB6AC;
  color: #fff;
}

.bg-teal-400 {
  background-color: #26A69A;
  border-color: #26A69A;
  color: #fff;
}

.bg-teal-600 {
  background-color: #00897B;
  border-color: #00897B;
  color: #fff;
}

.bg-teal-700 {
  background-color: #00796B;
  border-color: #00796B;
  color: #fff;
}

.bg-teal-800 {
  background-color: #00695C;
  border-color: #00695C;
  color: #fff;
}

.bg-green-300 {
  background-color: #AED581;
  border-color: #AED581;
  color: #fff;
}

.bg-green-400 {
  background-color: #9CCC65;
  border-color: #9CCC65;
  color: #fff;
}

.bg-green-600 {
  background-color: #7CB342;
  border-color: #7CB342;
  color: #fff;
}

.bg-green-700 {
  background-color: #689F38;
  border-color: #689F38;
  color: #fff;
}

.bg-green-800 {
  background-color: #558B2F;
  border-color: #558B2F;
  color: #fff;
}

.bg-orange {
  background-color: #FF9800;
  border-color: #FF9800;
  color: #fff;
}

.bg-orange-300 {
  background-color: #FFB74D;
  border-color: #FFB74D;
  color: #fff;
}

.bg-orange-400 {
  background-color: #FFA726;
  border-color: #FFA726;
  color: #fff;
}

.bg-orange-600 {
  background-color: #FB8C00;
  border-color: #FB8C00;
  color: #fff;
}

.bg-orange-700 {
  background-color: #F57C00;
  border-color: #F57C00;
  color: #fff;
}

.bg-orange-800 {
  background-color: #EF6C00;
  border-color: #EF6C00;
  color: #fff;
}

.bg-brown {
  background-color: #795548;
  border-color: #795548;
  color: #fff;
}

.bg-brown-300 {
  background-color: #A1887F;
  border-color: #A1887F;
  color: #fff;
}

.bg-brown-400 {
  background-color: #8D6E63;
  border-color: #8D6E63;
  color: #fff;
}

.bg-brown-600 {
  background-color: #6D4C41;
  border-color: #6D4C41;
  color: #fff;
}

.bg-brown-700 {
  background-color: #5D4037;
  border-color: #5D4037;
  color: #fff;
}

.bg-brown-800 {
  background-color: #4E342E;
  border-color: #4E342E;
  color: #fff;
}

.bg-grey {
  background-color: #777;
  border-color: #777;
  color: #fff;
}

.bg-grey-300 {
  background-color: #999;
  border-color: #999;
  color: #fff;
}

.bg-grey-400 {
  background-color: #888;
  border-color: #888;
  color: #fff;
}

.bg-grey-600 {
  background-color: #666;
  border-color: #666;
  color: #fff;
}

.bg-grey-700 {
  background-color: #555;
  border-color: #555;
  color: #fff;
}

.bg-grey-800 {
  background-color: #444;
  border-color: #444;
  color: #fff;
}

.bg-slate {
  background-color: #607D8B;
  border-color: #607D8B;
  color: #fff;
}

.bg-slate-300 {
  background-color: #90A4AE;
  border-color: #90A4AE;
  color: #fff;
}

.bg-slate-400 {
  background-color: #78909C;
  border-color: #78909C;
  color: #fff;
}

.bg-slate-600 {
  background-color: #546E7A;
  border-color: #546E7A;
  color: #fff;
}

.bg-slate-700 {
  background-color: #455A64;
  border-color: #455A64;
  color: #fff;
}

.bg-slate-800 {
  background-color: #37474F;
  border-color: #37474F;
  color: #fff;
}

.alpha-primary {
  background-color: #E3F2FD;
  border-color: #1E88E5;
}

.alpha-danger {
  background-color: #FFEBEE;
  border-color: #E53935;
}

.alpha-success {
  background-color: #E8F5E9;
  border-color: #43A047;
}

.alpha-warning {
  background-color: #FBE9E7;
  border-color: #F4511E;
}

.alpha-info {
  background-color: #E0F7FA;
  border-color: #00ACC1;
}

.alpha-pink {
  background-color: #FCE4EC;
  border-color: #D81B60;
}

.alpha-violet {
  background-color: #F3E5F5;
  border-color: #8E24AA;
}

.alpha-purple {
  background-color: #EDE7F6;
  border-color: #5E35B1;
}

.alpha-indigo {
  background-color: #E8EAF6;
  border-color: #3949AB;
}

.alpha-blue {
  background-color: #E1F5FE;
  border-color: #039BE5;
}

.alpha-teal {
  background-color: #E0F2F1;
  border-color: #00897B;
}

.alpha-green {
  background-color: #F1F8E9;
  border-color: #7CB342;
}

.alpha-orange {
  background-color: #FFF3E0;
  border-color: #FB8C00;
}

.alpha-brown {
  background-color: #EFEBE9;
  border-color: #6D4C41;
}

.alpha-grey {
  background-color: #FAFAFA;
  border-color: #666;
}

.alpha-slate {
  background-color: #ECEFF1;
  border-color: #546E7A;
}

.border-primary-300 {
  border-color: #64B5F6;
}

.border-primary-400 {
  border-color: #42A5F5;
}

.border-primary-600 {
  border-color: #1E88E5;
}

.border-primary-700 {
  border-color: #1976D2;
}

.border-primary-800 {
  border-color: #1565C0;
}

.border-danger-300 {
  border-color: #E57373;
}

.border-danger-400 {
  border-color: #EF5350;
}

.border-danger-600 {
  border-color: #E53935;
}

.border-danger-700 {
  border-color: #D32F2F;
}

.border-danger-800 {
  border-color: #C62828;
}

.border-success-300 {
  border-color: #81C784;
}

.border-success-400 {
  border-color: #66BB6A;
}

.border-success-600 {
  border-color: #43A047;
}

.border-success-700 {
  border-color: #388E3C;
}

.border-success-800 {
  border-color: #2E7D32;
}

.border-warning-300 {
  border-color: #FF8A65;
}

.border-warning-400 {
  border-color: #FF7043;
}

.border-warning-600 {
  border-color: #F4511E;
}

.border-warning-700 {
  border-color: #E64A19;
}

.border-warning-800 {
  border-color: #D84315;
}

.border-info-300 {
  border-color: #4DD0E1;
}

.border-info-400 {
  border-color: #26C6DA;
}

.border-info-600 {
  border-color: #00ACC1;
}

.border-info-700 {
  border-color: #0097A7;
}

.border-info-800 {
  border-color: #00838F;
}

.border-pink {
  border-color: #E91E63;
}

.border-pink-300 {
  border-color: #F06292;
}

.border-pink-400 {
  border-color: #EC407A;
}

.border-pink-600 {
  border-color: #D81B60;
}

.border-pink-700 {
  border-color: #C2185B;
}

.border-pink-800 {
  border-color: #AD1457;
}

.border-violet {
  border-color: #9C27B0;
}

.border-violet-300 {
  border-color: #BA68C8;
}

.border-violet-400 {
  border-color: #AB47BC;
}

.border-violet-600 {
  border-color: #8E24AA;
}

.border-violet-700 {
  border-color: #7B1FA2;
}

.border-violet-800 {
  border-color: #6A1B9A;
}

.border-purple {
  border-color: #673AB7;
}

.border-purple-300 {
  border-color: #9575CD;
}

.border-purple-400 {
  border-color: #7E57C2;
}

.border-purple-600 {
  border-color: #5E35B1;
}

.border-purple-700 {
  border-color: #512DA8;
}

.border-purple-800 {
  border-color: #4527A0;
}

.border-indigo {
  border-color: #3F51B5;
}

.border-indigo-300 {
  border-color: #7986CB;
}

.border-indigo-400 {
  border-color: #5C6BC0;
}

.border-indigo-600 {
  border-color: #3949AB;
}

.border-indigo-700 {
  border-color: #303F9F;
}

.border-indigo-800 {
  border-color: #283593;
}

.border-blue {
  border-color: #03A9F4;
}

.border-blue-300 {
  border-color: #4FC3F7;
}

.border-blue-400 {
  border-color: #29B6F6;
}

.border-blue-600 {
  border-color: #039BE5;
}

.border-blue-700 {
  border-color: #0288D1;
}

.border-blue-800 {
  border-color: #0277BD;
}

.border-teal {
  border-color: #009688;
}

.border-teal-300 {
  border-color: #4DB6AC;
}

.border-teal-400 {
  border-color: #26A69A;
}

.border-teal-600 {
  border-color: #00897B;
}

.border-teal-700 {
  border-color: #00796B;
}

.border-teal-800 {
  border-color: #00695C;
}

.border-green {
  border-color: #8BC34A;
}

.border-green-300 {
  border-color: #AED581;
}

.border-green-400 {
  border-color: #9CCC65;
}

.border-green-600 {
  border-color: #7CB342;
}

.border-green-700 {
  border-color: #689F38;
}

.border-green-800 {
  border-color: #558B2F;
}

.border-orange {
  border-color: #FF9800;
}

.border-orange-300 {
  border-color: #FFB74D;
}

.border-orange-400 {
  border-color: #FFA726;
}

.border-orange-600 {
  border-color: #FB8C00;
}

.border-orange-700 {
  border-color: #F57C00;
}

.border-orange-800 {
  border-color: #EF6C00;
}

.border-brown {
  border-color: #795548;
}

.border-brown-300 {
  border-color: #A1887F;
}

.border-brown-400 {
  border-color: #8D6E63;
}

.border-brown-600 {
  border-color: #6D4C41;
}

.border-brown-700 {
  border-color: #5D4037;
}

.border-brown-800 {
  border-color: #4E342E;
}

.border-grey {
  border-color: #777;
}

.border-grey-300 {
  border-color: #999;
}

.border-grey-400 {
  border-color: #888;
}

.border-grey-600 {
  border-color: #666;
}

.border-grey-700 {
  border-color: #555;
}

.border-grey-800 {
  border-color: #444;
}

.border-slate {
  border-color: #607D8B;
}

.border-slate-300 {
  border-color: #90A4AE;
}

.border-slate-400 {
  border-color: #78909C;
}

.border-slate-600 {
  border-color: #546E7A;
}

.border-slate-700 {
  border-color: #455A64;
}

.border-slate-800 {
  border-color: #37474F;
}

.border-white {
  border-color: #fff;
}

.border-default {
  border-color: #ddd;
}

.border-top-primary {
  border-top-color: #2196F3;
}

.border-top-primary-300 {
  border-top-color: #64B5F6;
}

.border-top-primary-400 {
  border-top-color: #42A5F5;
}

.border-top-primary-600 {
  border-top-color: #1E88E5;
}

.border-top-primary-700 {
  border-top-color: #1976D2;
}

.border-top-primary-800 {
  border-top-color: #1565C0;
}

.border-top-danger {
  border-top-color: #F44336;
}

.border-top-danger-300 {
  border-top-color: #E57373;
}

.border-top-danger-400 {
  border-top-color: #EF5350;
}

.border-top-danger-600 {
  border-top-color: #E53935;
}

.border-top-danger-700 {
  border-top-color: #D32F2F;
}

.border-top-danger-800 {
  border-top-color: #C62828;
}

.border-top-success {
  border-top-color: #4CAF50;
}

.border-top-success-300 {
  border-top-color: #81C784;
}

.border-top-success-400 {
  border-top-color: #66BB6A;
}

.border-top-success-600 {
  border-top-color: #43A047;
}

.border-top-success-700 {
  border-top-color: #388E3C;
}

.border-top-success-800 {
  border-top-color: #2E7D32;
}

.border-top-warning {
  border-top-color: #FF5722;
}

.border-top-warning-300 {
  border-top-color: #FF8A65;
}

.border-top-warning-400 {
  border-top-color: #FF7043;
}

.border-top-warning-600 {
  border-top-color: #F4511E;
}

.border-top-warning-700 {
  border-top-color: #E64A19;
}

.border-top-warning-800 {
  border-top-color: #D84315;
}

.border-top-info {
  border-top-color: #00BCD4;
}

.border-top-info-300 {
  border-top-color: #4DD0E1;
}

.border-top-info-400 {
  border-top-color: #26C6DA;
}

.border-top-info-600 {
  border-top-color: #00ACC1;
}

.border-top-info-700 {
  border-top-color: #0097A7;
}

.border-top-info-800 {
  border-top-color: #00838F;
}

.border-top-pink {
  border-top-color: #E91E63;
}

.border-top-pink-300 {
  border-top-color: #F06292;
}

.border-top-pink-400 {
  border-top-color: #EC407A;
}

.border-top-pink-600 {
  border-top-color: #D81B60;
}

.border-top-pink-700 {
  border-top-color: #C2185B;
}

.border-top-pink-800 {
  border-top-color: #AD1457;
}

.border-top-violet {
  border-top-color: #9C27B0;
}

.border-top-violet-300 {
  border-top-color: #BA68C8;
}

.border-top-violet-400 {
  border-top-color: #AB47BC;
}

.border-top-violet-600 {
  border-top-color: #8E24AA;
}

.border-top-violet-700 {
  border-top-color: #7B1FA2;
}

.border-top-violet-800 {
  border-top-color: #6A1B9A;
}

.border-top-purple {
  border-top-color: #673AB7;
}

.border-top-purple-300 {
  border-top-color: #9575CD;
}

.border-top-purple-400 {
  border-top-color: #7E57C2;
}

.border-top-purple-600 {
  border-top-color: #5E35B1;
}

.border-top-purple-700 {
  border-top-color: #512DA8;
}

.border-top-purple-800 {
  border-top-color: #4527A0;
}

.border-top-indigo {
  border-top-color: #3F51B5;
}

.border-top-indigo-300 {
  border-top-color: #7986CB;
}

.border-top-indigo-400 {
  border-top-color: #5C6BC0;
}

.border-top-indigo-600 {
  border-top-color: #3949AB;
}

.border-top-indigo-700 {
  border-top-color: #303F9F;
}

.border-top-indigo-800 {
  border-top-color: #283593;
}

.border-top-blue {
  border-top-color: #03A9F4;
}

.border-top-blue-300 {
  border-top-color: #4FC3F7;
}

.border-top-blue-400 {
  border-top-color: #29B6F6;
}

.border-top-blue-600 {
  border-top-color: #039BE5;
}

.border-top-blue-700 {
  border-top-color: #0288D1;
}

.border-top-blue-800 {
  border-top-color: #0277BD;
}

.border-top-teal {
  border-top-color: #009688;
}

.border-top-teal-300 {
  border-top-color: #4DB6AC;
}

.border-top-teal-400 {
  border-top-color: #26A69A;
}

.border-top-teal-600 {
  border-top-color: #00897B;
}

.border-top-teal-700 {
  border-top-color: #00796B;
}

.border-top-teal-800 {
  border-top-color: #00695C;
}

.border-top-green {
  border-top-color: #8BC34A;
}

.border-top-green-300 {
  border-top-color: #AED581;
}

.border-top-green-400 {
  border-top-color: #9CCC65;
}

.border-top-green-600 {
  border-top-color: #7CB342;
}

.border-top-green-700 {
  border-top-color: #689F38;
}

.border-top-green-800 {
  border-top-color: #558B2F;
}

.border-top-orange {
  border-top-color: #FF9800;
}

.border-top-orange-300 {
  border-top-color: #FFB74D;
}

.border-top-orange-400 {
  border-top-color: #FFA726;
}

.border-top-orange-600 {
  border-top-color: #FB8C00;
}

.border-top-orange-700 {
  border-top-color: #F57C00;
}

.border-top-orange-800 {
  border-top-color: #EF6C00;
}

.border-top-brown {
  border-top-color: #795548;
}

.border-top-brown-300 {
  border-top-color: #A1887F;
}

.border-top-brown-400 {
  border-top-color: #8D6E63;
}

.border-top-brown-600 {
  border-top-color: #6D4C41;
}

.border-top-brown-700 {
  border-top-color: #5D4037;
}

.border-top-brown-800 {
  border-top-color: #4E342E;
}

.border-top-grey {
  border-top-color: #777;
}

.border-top-grey-300 {
  border-top-color: #999;
}

.border-top-grey-400 {
  border-top-color: #888;
}

.border-top-grey-600 {
  border-top-color: #666;
}

.border-top-grey-700 {
  border-top-color: #555;
}

.border-top-grey-800 {
  border-top-color: #444;
}

.border-top-slate {
  border-top-color: #607D8B;
}

.border-top-slate-300 {
  border-top-color: #90A4AE;
}

.border-top-slate-400 {
  border-top-color: #78909C;
}

.border-top-slate-600 {
  border-top-color: #546E7A;
}

.border-top-slate-700 {
  border-top-color: #455A64;
}

.border-top-slate-800 {
  border-top-color: #37474F;
}

.border-top-white {
  border-top-color: #fff;
}

.border-bottom-primary {
  border-bottom-color: #2196F3;
}

.border-bottom-primary-300 {
  border-bottom-color: #64B5F6;
}

.border-bottom-primary-400 {
  border-bottom-color: #42A5F5;
}

.border-bottom-primary-600 {
  border-bottom-color: #1E88E5;
}

.border-bottom-primary-700 {
  border-bottom-color: #1976D2;
}

.border-bottom-primary-800 {
  border-bottom-color: #1565C0;
}

.border-bottom-danger {
  border-bottom-color: #F44336;
}

.border-bottom-danger-300 {
  border-bottom-color: #E57373;
}

.border-bottom-danger-400 {
  border-bottom-color: #EF5350;
}

.border-bottom-danger-600 {
  border-bottom-color: #E53935;
}

.border-bottom-danger-700 {
  border-bottom-color: #D32F2F;
}

.border-bottom-danger-800 {
  border-bottom-color: #C62828;
}

.border-bottom-success {
  border-bottom-color: #4CAF50;
}

.border-bottom-success-300 {
  border-bottom-color: #81C784;
}

.border-bottom-success-400 {
  border-bottom-color: #66BB6A;
}

.border-bottom-success-600 {
  border-bottom-color: #43A047;
}

.border-bottom-success-700 {
  border-bottom-color: #388E3C;
}

.border-bottom-success-800 {
  border-bottom-color: #2E7D32;
}

.border-bottom-warning {
  border-bottom-color: #FF5722;
}

.border-bottom-warning-300 {
  border-bottom-color: #FF8A65;
}

.border-bottom-warning-400 {
  border-bottom-color: #FF7043;
}

.border-bottom-warning-600 {
  border-bottom-color: #F4511E;
}

.border-bottom-warning-700 {
  border-bottom-color: #E64A19;
}

.border-bottom-warning-800 {
  border-bottom-color: #D84315;
}

.border-bottom-info {
  border-bottom-color: #00BCD4;
}

.border-bottom-info-300 {
  border-bottom-color: #4DD0E1;
}

.border-bottom-info-400 {
  border-bottom-color: #26C6DA;
}

.border-bottom-info-600 {
  border-bottom-color: #00ACC1;
}

.border-bottom-info-700 {
  border-bottom-color: #0097A7;
}

.border-bottom-info-800 {
  border-bottom-color: #00838F;
}

.border-bottom-pink {
  border-bottom-color: #E91E63;
}

.border-bottom-pink-300 {
  border-bottom-color: #F06292;
}

.border-bottom-pink-400 {
  border-bottom-color: #EC407A;
}

.border-bottom-pink-600 {
  border-bottom-color: #D81B60;
}

.border-bottom-pink-700 {
  border-bottom-color: #C2185B;
}

.border-bottom-pink-800 {
  border-bottom-color: #AD1457;
}

.border-bottom-violet {
  border-bottom-color: #9C27B0;
}

.border-bottom-violet-300 {
  border-bottom-color: #BA68C8;
}

.border-bottom-violet-400 {
  border-bottom-color: #AB47BC;
}

.border-bottom-violet-600 {
  border-bottom-color: #8E24AA;
}

.border-bottom-violet-700 {
  border-bottom-color: #7B1FA2;
}

.border-bottom-violet-800 {
  border-bottom-color: #6A1B9A;
}

.border-bottom-purple {
  border-bottom-color: #673AB7;
}

.border-bottom-purple-300 {
  border-bottom-color: #9575CD;
}

.border-bottom-purple-400 {
  border-bottom-color: #7E57C2;
}

.border-bottom-purple-600 {
  border-bottom-color: #5E35B1;
}

.border-bottom-purple-700 {
  border-bottom-color: #512DA8;
}

.border-bottom-purple-800 {
  border-bottom-color: #4527A0;
}

.border-bottom-indigo {
  border-bottom-color: #3F51B5;
}

.border-bottom-indigo-300 {
  border-bottom-color: #7986CB;
}

.border-bottom-indigo-400 {
  border-bottom-color: #5C6BC0;
}

.border-bottom-indigo-600 {
  border-bottom-color: #3949AB;
}

.border-bottom-indigo-700 {
  border-bottom-color: #303F9F;
}

.border-bottom-indigo-800 {
  border-bottom-color: #283593;
}

.border-bottom-blue {
  border-bottom-color: #03A9F4;
}

.border-bottom-blue-300 {
  border-bottom-color: #4FC3F7;
}

.border-bottom-blue-400 {
  border-bottom-color: #29B6F6;
}

.border-bottom-blue-600 {
  border-bottom-color: #039BE5;
}

.border-bottom-blue-700 {
  border-bottom-color: #0288D1;
}

.border-bottom-blue-800 {
  border-bottom-color: #0277BD;
}

.border-bottom-teal {
  border-bottom-color: #009688;
}

.border-bottom-teal-300 {
  border-bottom-color: #4DB6AC;
}

.border-bottom-teal-400 {
  border-bottom-color: #26A69A;
}

.border-bottom-teal-600 {
  border-bottom-color: #00897B;
}

.border-bottom-teal-700 {
  border-bottom-color: #00796B;
}

.border-bottom-teal-800 {
  border-bottom-color: #00695C;
}

.border-bottom-green {
  border-bottom-color: #8BC34A;
}

.border-bottom-green-300 {
  border-bottom-color: #AED581;
}

.border-bottom-green-400 {
  border-bottom-color: #9CCC65;
}

.border-bottom-green-600 {
  border-bottom-color: #7CB342;
}

.border-bottom-green-700 {
  border-bottom-color: #689F38;
}

.border-bottom-green-800 {
  border-bottom-color: #558B2F;
}

.border-bottom-orange {
  border-bottom-color: #FF9800;
}

.border-bottom-orange-300 {
  border-bottom-color: #FFB74D;
}

.border-bottom-orange-400 {
  border-bottom-color: #FFA726;
}

.border-bottom-orange-600 {
  border-bottom-color: #FB8C00;
}

.border-bottom-orange-700 {
  border-bottom-color: #F57C00;
}

.border-bottom-orange-800 {
  border-bottom-color: #EF6C00;
}

.border-bottom-brown {
  border-bottom-color: #795548;
}

.border-bottom-brown-300 {
  border-bottom-color: #A1887F;
}

.border-bottom-brown-400 {
  border-bottom-color: #8D6E63;
}

.border-bottom-brown-600 {
  border-bottom-color: #6D4C41;
}

.border-bottom-brown-700 {
  border-bottom-color: #5D4037;
}

.border-bottom-brown-800 {
  border-bottom-color: #4E342E;
}

.border-bottom-grey {
  border-bottom-color: #777;
}

.border-bottom-grey-300 {
  border-bottom-color: #999;
}

.border-bottom-grey-400 {
  border-bottom-color: #888;
}

.border-bottom-grey-600 {
  border-bottom-color: #666;
}

.border-bottom-grey-700 {
  border-bottom-color: #555;
}

.border-bottom-grey-800 {
  border-bottom-color: #444;
}

.border-bottom-slate {
  border-bottom-color: #607D8B;
}

.border-bottom-slate-300 {
  border-bottom-color: #90A4AE;
}

.border-bottom-slate-400 {
  border-bottom-color: #78909C;
}

.border-bottom-slate-600 {
  border-bottom-color: #546E7A;
}

.border-bottom-slate-700 {
  border-bottom-color: #455A64;
}

.border-bottom-slate-800 {
  border-bottom-color: #37474F;
}

.border-bottom-white {
  border-bottom-color: #fff;
}

.border-left-primary {
  border-left-color: #2196F3;
}

.border-left-primary-300 {
  border-left-color: #64B5F6;
}

.border-left-primary-400 {
  border-left-color: #42A5F5;
}

.border-left-primary-600 {
  border-left-color: #1E88E5;
}

.border-left-primary-700 {
  border-left-color: #1976D2;
}

.border-left-primary-800 {
  border-left-color: #1565C0;
}

.border-left-danger {
  border-left-color: #F44336;
}

.border-left-danger-300 {
  border-left-color: #E57373;
}

.border-left-danger-400 {
  border-left-color: #EF5350;
}

.border-left-danger-600 {
  border-left-color: #E53935;
}

.border-left-danger-700 {
  border-left-color: #D32F2F;
}

.border-left-danger-800 {
  border-left-color: #C62828;
}

.border-left-success {
  border-left-color: #4CAF50;
}

.border-left-success-300 {
  border-left-color: #81C784;
}

.border-left-success-400 {
  border-left-color: #66BB6A;
}

.border-left-success-600 {
  border-left-color: #43A047;
}

.border-left-success-700 {
  border-left-color: #388E3C;
}

.border-left-success-800 {
  border-left-color: #2E7D32;
}

.border-left-warning {
  border-left-color: #FF5722;
}

.border-left-warning-300 {
  border-left-color: #FF8A65;
}

.border-left-warning-400 {
  border-left-color: #FF7043;
}

.border-left-warning-600 {
  border-left-color: #F4511E;
}

.border-left-warning-700 {
  border-left-color: #E64A19;
}

.border-left-warning-800 {
  border-left-color: #D84315;
}

.border-left-info {
  border-left-color: #00BCD4;
}

.border-left-info-300 {
  border-left-color: #4DD0E1;
}

.border-left-info-400 {
  border-left-color: #26C6DA;
}

.border-left-info-600 {
  border-left-color: #00ACC1;
}

.border-left-info-700 {
  border-left-color: #0097A7;
}

.border-left-info-800 {
  border-left-color: #00838F;
}

.border-left-pink {
  border-left-color: #E91E63;
}

.border-left-pink-300 {
  border-left-color: #F06292;
}

.border-left-pink-400 {
  border-left-color: #EC407A;
}

.border-left-pink-600 {
  border-left-color: #D81B60;
}

.border-left-pink-700 {
  border-left-color: #C2185B;
}

.border-left-pink-800 {
  border-left-color: #AD1457;
}

.border-left-violet {
  border-left-color: #9C27B0;
}

.border-left-violet-300 {
  border-left-color: #BA68C8;
}

.border-left-violet-400 {
  border-left-color: #AB47BC;
}

.border-left-violet-600 {
  border-left-color: #8E24AA;
}

.border-left-violet-700 {
  border-left-color: #7B1FA2;
}

.border-left-violet-800 {
  border-left-color: #6A1B9A;
}

.border-left-purple {
  border-left-color: #673AB7;
}

.border-left-purple-300 {
  border-left-color: #9575CD;
}

.border-left-purple-400 {
  border-left-color: #7E57C2;
}

.border-left-purple-600 {
  border-left-color: #5E35B1;
}

.border-left-purple-700 {
  border-left-color: #512DA8;
}

.border-left-purple-800 {
  border-left-color: #4527A0;
}

.border-left-indigo {
  border-left-color: #3F51B5;
}

.border-left-indigo-300 {
  border-left-color: #7986CB;
}

.border-left-indigo-400 {
  border-left-color: #5C6BC0;
}

.border-left-indigo-600 {
  border-left-color: #3949AB;
}

.border-left-indigo-700 {
  border-left-color: #303F9F;
}

.border-left-indigo-800 {
  border-left-color: #283593;
}

.border-left-blue {
  border-left-color: #03A9F4;
}

.border-left-blue-300 {
  border-left-color: #4FC3F7;
}

.border-left-blue-400 {
  border-left-color: #29B6F6;
}

.border-left-blue-600 {
  border-left-color: #039BE5;
}

.border-left-blue-700 {
  border-left-color: #0288D1;
}

.border-left-blue-800 {
  border-left-color: #0277BD;
}

.border-left-teal {
  border-left-color: #009688;
}

.border-left-teal-300 {
  border-left-color: #4DB6AC;
}

.border-left-teal-400 {
  border-left-color: #26A69A;
}

.border-left-teal-600 {
  border-left-color: #00897B;
}

.border-left-teal-700 {
  border-left-color: #00796B;
}

.border-left-teal-800 {
  border-left-color: #00695C;
}

.border-left-green {
  border-left-color: #8BC34A;
}

.border-left-green-300 {
  border-left-color: #AED581;
}

.border-left-green-400 {
  border-left-color: #9CCC65;
}

.border-left-green-600 {
  border-left-color: #7CB342;
}

.border-left-green-700 {
  border-left-color: #689F38;
}

.border-left-green-800 {
  border-left-color: #558B2F;
}

.border-left-orange {
  border-left-color: #FF9800;
}

.border-left-orange-300 {
  border-left-color: #FFB74D;
}

.border-left-orange-400 {
  border-left-color: #FFA726;
}

.border-left-orange-600 {
  border-left-color: #FB8C00;
}

.border-left-orange-700 {
  border-left-color: #F57C00;
}

.border-left-orange-800 {
  border-left-color: #EF6C00;
}

.border-left-brown {
  border-left-color: #795548;
}

.border-left-brown-300 {
  border-left-color: #A1887F;
}

.border-left-brown-400 {
  border-left-color: #8D6E63;
}

.border-left-brown-600 {
  border-left-color: #6D4C41;
}

.border-left-brown-700 {
  border-left-color: #5D4037;
}

.border-left-brown-800 {
  border-left-color: #4E342E;
}

.border-left-grey {
  border-left-color: #777;
}

.border-left-grey-300 {
  border-left-color: #999;
}

.border-left-grey-400 {
  border-left-color: #888;
}

.border-left-grey-600 {
  border-left-color: #666;
}

.border-left-grey-700 {
  border-left-color: #555;
}

.border-left-grey-800 {
  border-left-color: #444;
}

.border-left-slate {
  border-left-color: #607D8B;
}

.border-left-slate-300 {
  border-left-color: #90A4AE;
}

.border-left-slate-400 {
  border-left-color: #78909C;
}

.border-left-slate-600 {
  border-left-color: #546E7A;
}

.border-left-slate-700 {
  border-left-color: #455A64;
}

.border-left-slate-800 {
  border-left-color: #37474F;
}

.border-left-white {
  border-left-color: #fff;
}

.border-right-primary {
  border-right-color: #2196F3;
}

.border-right-primary-300 {
  border-right-color: #64B5F6;
}

.border-right-primary-400 {
  border-right-color: #42A5F5;
}

.border-right-primary-600 {
  border-right-color: #1E88E5;
}

.border-right-primary-700 {
  border-right-color: #1976D2;
}

.border-right-primary-800 {
  border-right-color: #1565C0;
}

.border-right-danger {
  border-right-color: #F44336;
}

.border-right-danger-300 {
  border-right-color: #E57373;
}

.border-right-danger-400 {
  border-right-color: #EF5350;
}

.border-right-danger-600 {
  border-right-color: #E53935;
}

.border-right-danger-700 {
  border-right-color: #D32F2F;
}

.border-right-danger-800 {
  border-right-color: #C62828;
}

.border-right-success {
  border-right-color: #4CAF50;
}

.border-right-success-300 {
  border-right-color: #81C784;
}

.border-right-success-400 {
  border-right-color: #66BB6A;
}

.border-right-success-600 {
  border-right-color: #43A047;
}

.border-right-success-700 {
  border-right-color: #388E3C;
}

.border-right-success-800 {
  border-right-color: #2E7D32;
}

.border-right-warning {
  border-right-color: #FF5722;
}

.border-right-warning-300 {
  border-right-color: #FF8A65;
}

.border-right-warning-400 {
  border-right-color: #FF7043;
}

.border-right-warning-600 {
  border-right-color: #F4511E;
}

.border-right-warning-700 {
  border-right-color: #E64A19;
}

.border-right-warning-800 {
  border-right-color: #D84315;
}

.border-right-info {
  border-right-color: #00BCD4;
}

.border-right-info-300 {
  border-right-color: #4DD0E1;
}

.border-right-info-400 {
  border-right-color: #26C6DA;
}

.border-right-info-600 {
  border-right-color: #00ACC1;
}

.border-right-info-700 {
  border-right-color: #0097A7;
}

.border-right-info-800 {
  border-right-color: #00838F;
}

.border-right-pink {
  border-right-color: #E91E63;
}

.border-right-pink-300 {
  border-right-color: #F06292;
}

.border-right-pink-400 {
  border-right-color: #EC407A;
}

.border-right-pink-600 {
  border-right-color: #D81B60;
}

.border-right-pink-700 {
  border-right-color: #C2185B;
}

.border-right-pink-800 {
  border-right-color: #AD1457;
}

.border-right-violet {
  border-right-color: #9C27B0;
}

.border-right-violet-300 {
  border-right-color: #BA68C8;
}

.border-right-violet-400 {
  border-right-color: #AB47BC;
}

.border-right-violet-600 {
  border-right-color: #8E24AA;
}

.border-right-violet-700 {
  border-right-color: #7B1FA2;
}

.border-right-violet-800 {
  border-right-color: #6A1B9A;
}

.border-right-purple {
  border-right-color: #673AB7;
}

.border-right-purple-300 {
  border-right-color: #9575CD;
}

.border-right-purple-400 {
  border-right-color: #7E57C2;
}

.border-right-purple-600 {
  border-right-color: #5E35B1;
}

.border-right-purple-700 {
  border-right-color: #512DA8;
}

.border-right-purple-800 {
  border-right-color: #4527A0;
}

.border-right-indigo {
  border-right-color: #3F51B5;
}

.border-right-indigo-300 {
  border-right-color: #7986CB;
}

.border-right-indigo-400 {
  border-right-color: #5C6BC0;
}

.border-right-indigo-600 {
  border-right-color: #3949AB;
}

.border-right-indigo-700 {
  border-right-color: #303F9F;
}

.border-right-indigo-800 {
  border-right-color: #283593;
}

.border-right-blue {
  border-right-color: #03A9F4;
}

.border-right-blue-300 {
  border-right-color: #4FC3F7;
}

.border-right-blue-400 {
  border-right-color: #29B6F6;
}

.border-right-blue-600 {
  border-right-color: #039BE5;
}

.border-right-blue-700 {
  border-right-color: #0288D1;
}

.border-right-blue-800 {
  border-right-color: #0277BD;
}

.border-right-teal {
  border-right-color: #009688;
}

.border-right-teal-300 {
  border-right-color: #4DB6AC;
}

.border-right-teal-400 {
  border-right-color: #26A69A;
}

.border-right-teal-600 {
  border-right-color: #00897B;
}

.border-right-teal-700 {
  border-right-color: #00796B;
}

.border-right-teal-800 {
  border-right-color: #00695C;
}

.border-right-green {
  border-right-color: #8BC34A;
}

.border-right-green-300 {
  border-right-color: #AED581;
}

.border-right-green-400 {
  border-right-color: #9CCC65;
}

.border-right-green-600 {
  border-right-color: #7CB342;
}

.border-right-green-700 {
  border-right-color: #689F38;
}

.border-right-green-800 {
  border-right-color: #558B2F;
}

.border-right-orange {
  border-right-color: #FF9800;
}

.border-right-orange-300 {
  border-right-color: #FFB74D;
}

.border-right-orange-400 {
  border-right-color: #FFA726;
}

.border-right-orange-600 {
  border-right-color: #FB8C00;
}

.border-right-orange-700 {
  border-right-color: #F57C00;
}

.border-right-orange-800 {
  border-right-color: #EF6C00;
}

.border-right-brown {
  border-right-color: #795548;
}

.border-right-brown-300 {
  border-right-color: #A1887F;
}

.border-right-brown-400 {
  border-right-color: #8D6E63;
}

.border-right-brown-600 {
  border-right-color: #6D4C41;
}

.border-right-brown-700 {
  border-right-color: #5D4037;
}

.border-right-brown-800 {
  border-right-color: #4E342E;
}

.border-right-grey {
  border-right-color: #777;
}

.border-right-grey-300 {
  border-right-color: #999;
}

.border-right-grey-400 {
  border-right-color: #888;
}

.border-right-grey-600 {
  border-right-color: #666;
}

.border-right-grey-700 {
  border-right-color: #555;
}

.border-right-grey-800 {
  border-right-color: #444;
}

.border-right-slate {
  border-right-color: #607D8B;
}

.border-right-slate-300 {
  border-right-color: #90A4AE;
}

.border-right-slate-400 {
  border-right-color: #78909C;
}

.border-right-slate-600 {
  border-right-color: #546E7A;
}

.border-right-slate-700 {
  border-right-color: #455A64;
}

.border-right-slate-800 {
  border-right-color: #37474F;
}

.border-right-white {
  border-right-color: #fff;
}

.text-danger-300,
.text-danger-300:hover,
.text-danger-300:focus {
  color: #E57373 !important;
}

.text-danger-400,
.text-danger-400:hover,
.text-danger-400:focus {
  color: #EF5350 !important;
}

.text-danger-600,
.text-danger-600:hover,
.text-danger-600:focus {
  color: #E53935 !important;
}

.text-danger-700,
.text-danger-700:hover,
.text-danger-700:focus {
  color: #D32F2F !important;
}

.text-danger-800,
.text-danger-800:hover,
.text-danger-800:focus {
  color: #C62828 !important;
}

.text-success-300,
.text-success-300:hover,
.text-success-300:focus {
  color: #81C784 !important;
}

.text-success-400,
.text-success-400:hover,
.text-success-400:focus {
  color: #66BB6A !important;
}

.text-success-600,
.text-success-600:hover,
.text-success-600:focus {
  color: #43A047 !important;
}

.text-success-700,
.text-success-700:hover,
.text-success-700:focus {
  color: #388E3C !important;
}

.text-success-800,
.text-success-800:hover,
.text-success-800:focus {
  color: #2E7D32 !important;
}

.text-warning-300,
.text-warning-300:hover,
.text-warning-300:focus {
  color: #FF8A65 !important;
}

.text-warning-400,
.text-warning-400:hover,
.text-warning-400:focus {
  color: #FF7043 !important;
}

.text-warning-600,
.text-warning-600:hover,
.text-warning-600:focus {
  color: #F4511E !important;
}

.text-warning-700,
.text-warning-700:hover,
.text-warning-700:focus {
  color: #E64A19 !important;
}

.text-warning-800,
.text-warning-800:hover,
.text-warning-800:focus {
  color: #D84315 !important;
}

.text-info-300,
.text-info-300:hover,
.text-info-300:focus {
  color: #4DD0E1 !important;
}

.text-info-400,
.text-info-400:hover,
.text-info-400:focus {
  color: #26C6DA !important;
}

.text-info-600,
.text-info-600:hover,
.text-info-600:focus {
  color: #00ACC1 !important;
}

.text-info-700,
.text-info-700:hover,
.text-info-700:focus {
  color: #0097A7 !important;
}

.text-info-800,
.text-info-800:hover,
.text-info-800:focus {
  color: #00838F !important;
}

.text-pink,
.text-pink:hover,
.text-pink:focus {
  color: #E91E63 !important;
}

.text-pink-300,
.text-pink-300:hover,
.text-pink-300:focus {
  color: #F06292 !important;
}

.text-pink-400,
.text-pink-400:hover,
.text-pink-400:focus {
  color: #EC407A !important;
}

.text-pink-600,
.text-pink-600:hover,
.text-pink-600:focus {
  color: #D81B60 !important;
}

.text-pink-700,
.text-pink-700:hover,
.text-pink-700:focus {
  color: #C2185B !important;
}

.text-pink-800,
.text-pink-800:hover,
.text-pink-800:focus {
  color: #AD1457 !important;
}

.text-violet,
.text-violet:hover,
.text-violet:focus {
  color: #9C27B0 !important;
}

.text-violet-300,
.text-violet-300:hover,
.text-violet-300:focus {
  color: #BA68C8 !important;
}

.text-violet-400,
.text-violet-400:hover,
.text-violet-400:focus {
  color: #AB47BC !important;
}

.text-violet-600,
.text-violet-600:hover,
.text-violet-600:focus {
  color: #8E24AA !important;
}

.text-violet-700,
.text-violet-700:hover,
.text-violet-700:focus {
  color: #7B1FA2 !important;
}

.text-violet-800,
.text-violet-800:hover,
.text-violet-800:focus {
  color: #6A1B9A !important;
}

.text-purple,
.text-purple:hover,
.text-purple:focus {
  color: #673AB7 !important;
}

.text-purple-300,
.text-purple-300:hover,
.text-purple-300:focus {
  color: #9575CD !important;
}

.text-purple-400,
.text-purple-400:hover,
.text-purple-400:focus {
  color: #7E57C2 !important;
}

.text-purple-600,
.text-purple-600:hover,
.text-purple-600:focus {
  color: #5E35B1 !important;
}

.text-purple-700,
.text-purple-700:hover,
.text-purple-700:focus {
  color: #512DA8 !important;
}

.text-purple-800,
.text-purple-800:hover,
.text-purple-800:focus {
  color: #4527A0 !important;
}

.text-indigo,
.text-indigo:hover,
.text-indigo:focus {
  color: #3F51B5 !important;
}

.text-indigo-300,
.text-indigo-300:hover,
.text-indigo-300:focus {
  color: #7986CB !important;
}

.text-indigo-400,
.text-indigo-400:hover,
.text-indigo-400:focus {
  color: #5C6BC0 !important;
}

.text-indigo-600,
.text-indigo-600:hover,
.text-indigo-600:focus {
  color: #3949AB !important;
}

.text-indigo-700,
.text-indigo-700:hover,
.text-indigo-700:focus {
  color: #303F9F !important;
}

.text-indigo-800,
.text-indigo-800:hover,
.text-indigo-800:focus {
  color: #283593 !important;
}

.text-blue,
.text-blue:hover,
.text-blue:focus {
  color: #03A9F4 !important;
}

.text-blue-300,
.text-blue-300:hover,
.text-blue-300:focus {
  color: #4FC3F7 !important;
}

.text-blue-400,
.text-blue-400:hover,
.text-blue-400:focus {
  color: #29B6F6 !important;
}

.text-blue-600,
.text-blue-600:hover,
.text-blue-600:focus {
  color: #039BE5 !important;
}

.text-blue-700,
.text-blue-700:hover,
.text-blue-700:focus {
  color: #0288D1 !important;
}

.text-blue-800,
.text-blue-800:hover,
.text-blue-800:focus {
  color: #0277BD !important;
}

.text-teal,
.text-teal:hover,
.text-teal:focus {
  color: #009688 !important;
}

.text-teal-300,
.text-teal-300:hover,
.text-teal-300:focus {
  color: #4DB6AC !important;
}

.text-teal-400,
.text-teal-400:hover,
.text-teal-400:focus {
  color: #26A69A !important;
}

.text-teal-600,
.text-teal-600:hover,
.text-teal-600:focus {
  color: #00897B !important;
}

.text-teal-700,
.text-teal-700:hover,
.text-teal-700:focus {
  color: #00796B !important;
}

.text-teal-800,
.text-teal-800:hover,
.text-teal-800:focus {
  color: #00695C !important;
}

.text-green,
.text-green:hover,
.text-green:focus {
  color: #8BC34A !important;
}

.text-green-300,
.text-green-300:hover,
.text-green-300:focus {
  color: #AED581 !important;
}

.text-green-400,
.text-green-400:hover,
.text-green-400:focus {
  color: #9CCC65 !important;
}

.text-green-600,
.text-green-600:hover,
.text-green-600:focus {
  color: #7CB342 !important;
}

.text-green-700,
.text-green-700:hover,
.text-green-700:focus {
  color: #689F38 !important;
}

.text-green-800,
.text-green-800:hover,
.text-green-800:focus {
  color: #558B2F !important;
}

.text-orange,
.text-orange:hover,
.text-orange:focus {
  color: #FF9800 !important;
}

.text-orange-300,
.text-orange-300:hover,
.text-orange-300:focus {
  color: #FFB74D !important;
}

.text-orange-400,
.text-orange-400:hover,
.text-orange-400:focus {
  color: #FFA726 !important;
}

.text-orange-600,
.text-orange-600:hover,
.text-orange-600:focus {
  color: #FB8C00 !important;
}

.text-orange-700,
.text-orange-700:hover,
.text-orange-700:focus {
  color: #F57C00 !important;
}

.text-orange-800,
.text-orange-800:hover,
.text-orange-800:focus {
  color: #EF6C00 !important;
}

.text-brown,
.text-brown:hover,
.text-brown:focus {
  color: #795548 !important;
}

.text-brown-300,
.text-brown-300:hover,
.text-brown-300:focus {
  color: #A1887F !important;
}

.text-brown-400,
.text-brown-400:hover,
.text-brown-400:focus {
  color: #8D6E63 !important;
}

.text-brown-600,
.text-brown-600:hover,
.text-brown-600:focus {
  color: #6D4C41 !important;
}

.text-brown-700,
.text-brown-700:hover,
.text-brown-700:focus {
  color: #5D4037 !important;
}

.text-brown-800,
.text-brown-800:hover,
.text-brown-800:focus {
  color: #4E342E !important;
}

.text-grey,
.text-grey:hover,
.text-grey:focus {
  color: #777 !important;
}

.text-grey-300,
.text-grey-300:hover,
.text-grey-300:focus {
  color: #999 !important;
}

.text-grey-400,
.text-grey-400:hover,
.text-grey-400:focus {
  color: #888 !important;
}

.text-grey-600,
.text-grey-600:hover,
.text-grey-600:focus {
  color: #666 !important;
}

.text-grey-700,
.text-grey-700:hover,
.text-grey-700:focus {
  color: #555 !important;
}

.text-grey-800,
.text-grey-800:hover,
.text-grey-800:focus {
  color: #444 !important;
}

.text-slate,
.text-slate:hover,
.text-slate:focus {
  color: #607D8B !important;
}

.text-slate-300,
.text-slate-300:hover,
.text-slate-300:focus {
  color: #90A4AE !important;
}

.text-slate-400,
.text-slate-400:hover,
.text-slate-400:focus {
  color: #78909C !important;
}

.text-slate-600,
.text-slate-600:hover,
.text-slate-600:focus {
  color: #546E7A !important;
}

.text-slate-700,
.text-slate-700:hover,
.text-slate-700:focus {
  color: #455A64 !important;
}

.text-slate-800,
.text-slate-800:hover,
.text-slate-800:focus {
  color: #37474F !important;
}

.text-white,
.text-white:hover,
.text-white:focus {
  color: #fff !important;
}

.text-default,
.text-default:hover,
.text-default:focus {
  color: #333333 !important;
}

.sidebar-wrap {
  padding: 40px 0 40px 0;
}

.page-wrap,
.page-content {
  padding: 60px 0;
}

img {
  max-width: 100%;
  margin-bottom: 0;
}

/* Home Page
––––––––––––––––––––––––––––––––––– */
#intro-section {
  overflow-y: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  #intro-section {
    max-height: 550px;
    position: relative;
    width: 100%;
  }
}

.clear {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

.img-list > li {
  margin-bottom: 20px;
  text-align: center;
}

.img-list > li img {
  display: block;
  height: 100px;
}

.list {
  margin-bottom: 30px;
}

.list.title {
  font-weight: 300;
}

.list-icons a {
  font-weight: 400;
}

.list-icons li i {
  font-size: 10px;
  color: #01A2A6;
}

.list > li,
.list > li
.list > li {
  margin-top: 10px;
}

.footer-links ul {
  padding: 0;
  text-decoration: none;
}

.footer-links li {
  list-style-type: none;
}

.footer-links a {
  display: inline-block;
  padding: 0 3px 0 0px;
  border: none !important;
  color: #444;
  font-size: 14px;
}

li {
  list-style-type: none;
}

ul.reset li {
  list-style-type: none;
}

section.section {
  padding: 30px 0;
}

@media (min-width: 768px) {
  section.section {
    padding: 80px 0;
  }
}

.btn-img {
  width: 100%;
  max-width: 210px;
  padding-left: 2px;
  border-radius: 5px;
}

.btn-img:hover {
  opacity: .9;
}

#header,
#header-wrap {
  height: 100px;
  display: block;
  width: 100%;
  -webkit-transition: height 0.4s ease, opacity 0.3s ease;
  transition: height 0.4s ease, opacity 0.3s ease;
}

#header .mg-logo {
  display: block;
  position: relative;
  left: 0;
  width: 110px;
  float: left;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  margin-left: 0;
  padding: 20px 0;
}

#header .mg-logo-text {
  font-size: 18px;
  font-weight: 400;
  display: block;
  height: 20px;
  text-transform: uppercase;
  color: #000;
  margin-top: 4px;
  letter-spacing: -.01em;
  font-family: "Avenir Next";
}

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
  height: 60px;
}

#header.sticky-header:not(.static-sticky) #logo img,
#header.sticky-header:not(.static-sticky) #header-wrap #logo img,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img #logo img {
  padding: 10px;
}

@media (max-width: 991px) {
  #header-trigger,
  .top-advert,
  .header-extras {
    display: none;
  }
  #header .mg-logo {
    display: block;
    position: relative;
    width: 110px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    margin-left: 0;
    padding: 20px 0;
    margin: auto;
    float: none;
  }
}

.navbar-custom .navbar-nav > li > a.nav-btn {
  font-size: 14px;
  padding: 0 24px;
  height: 40px;
  line-height: 36px;
  letter-spacing: .04em;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #00C462;
  border: 2px solid #00C462;
  color: #fff;
  margin-top: 10px;
}

.navbar-custom .navbar-nav > li > a.nav-btn:hover {
  background-color: #fff;
  color: #1591A9;
  color: #00C462;
}

@media screen and (max-width: 991px) {
  .navbar-custom .navbar-nav > li > a.nav-btn {
    padding: 0 14px;
    height: 34px;
    line-height: 30px;
    margin-top: 13px;
    margin-bottom: 13px;
  }
}

.navbar-custom .navbar-nav > li.nav-cta-btn {
  float: right;
}

@media screen and (max-width: 767px) {
  .navbar-custom .navbar-nav > li.nav-cta-btn {
    float: none;
    text-align: center;
  }
  .navbar-custom .navbar-nav > li.nav-cta-btn a.nav-btn {
    float: none;
    margin: 20px 20px;
  }
  .navbar-custom .navbar-nav > li.nav-cta-btn a.nav-btn:active, .navbar-custom .navbar-nav > li.nav-cta-btn a.nav-btn:hover {
    border: 0;
    background-color: #009b4e;
    color: #fff;
  }
}

@media (max-width: 767px) {
  .navbar-nav > li + li {
    margin-top: 1px;
    border-bottom: 1px solid #efefef;
  }
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 6px 20px 6px 40px;
  }
}

/* Page titles on Mobile devices
––––––––––––––––––––––––––––––––––– */
@media (max-width: 767px) {
  .stretched #page-title {
    width: 100%;
    margin: 0;
    box-shadow: none;
    padding-top: 80px;
  }
}

/* Img Buttons
––––––––––––––––––––––––––––––––––– */
.btn-img {
  width: 100%;
  padding-left: 2px;
  border-radius: 5px;
}

.bbb-btn {
  height: 40px;
  padding-left: 2px;
  border-radius: 3px;
}

.angies-btn {
  height: 50px;
  padding-left: 2px;
  border-radius: 3px;
  width: 120px;
}

.google-button {
  height: 50px;
  border-width: 0;
  width: 100%;
  min-width: 150px;
  background: white;
  color: #737373;
  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition-property: background-color, box-shadow;
  transition-property: background-color, box-shadow;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  padding: 0;
}

.google-button:focus, .google-button:hover {
  box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.google-button:active {
  background-color: #e5e5e5;
  box-shadow: none;
  -webkit-transition-duration: 10ms;
          transition-duration: 10ms;
}

.google-button__icon {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 0 8px 8px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
}

.google-button__icon--plus {
  width: 27px;
}

.google-button__text {
  vertical-align: middle;
  font-size: 14px;
}

/* Button Icons Styles
––––––––––––––––––––––––––––––––––– */
.ico {
  width: 44px;
  height: 44px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  line-height: 44px;
  padding: 0;
  border: 2px solid;
  border-color: transparent;
}

.ico-border-gray {
  border-color: #efefef;
}

.ico i,
.ico span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  text-align: center;
  display: block;
  font-style: normal;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ico.ico-rounded,
.ico.ico-circled,
.ico.ico-circle {
  border-radius: 50%;
}

.ico.ico-sm {
  width: 36px;
  height: 36px;
  padding: 0;
  line-height: 36px;
}

.ico.ico-sm i {
  font-size: 16px;
}

.ico.ico-lg {
  width: 50px;
  height: 50px;
  padding: 0;
  line-height: 50px;
}

.ico.ico-lg i {
  font-size: 21px;
}

.ico.ico-xl {
  width: 70px;
  height: 70px;
  padding: 0;
  line-height: 70px;
}

.ico.ico-xl i {
  font-size: 24px;
}