@charset "UTF-8";

/* --------------------------------------------------------------------------
 * bThemes Studio : Jobster - Bootstrap 4 shopping template
 *
 * file           : style.css
 * Desc           : Jobster - Stylesheet
 * Version        : 1.1
 * Date           : 2018-08-01
 * Author         : bThemes Studio
 * Author URI     : #
 * Email          : 
 *
 * bThemes Studio. Copyright 2018. All Rights Reserved.
 * -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
 *  Jobster Stylesheet - Table of Content

    1 - General
	1.1 Site Preloader
    1.2 - General CSS
	
	2. Bootstrap Extend components 
	
    3 - Header
    3.1 - Header Top Section
    3.2 - Mega menu
    3.3 - Header Styles
	3.4 - Header Responsive

    4 - Responsive 

 * -------------------------------------------------------------------------- */

/*==========================================================*/
/* Site Preloader */
/*==========================================================*/

#preloader {
  background-color: #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden !important;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999999;
}

#preloader>div {
  height: 100%;
  position: relative;
  width: 100%;
}

#preloader>div img {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*==========================================================*/
/* General CSS  */
/*==========================================================*/

body {
  color: #969696;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
} 

.border {
  border-color: #e8e8e8 !important;
}


/*==========================================================*/
/* Default Typography */
/*==========================================================*/


/* HTML Tags and Formatting */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #323232;
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  display: block;
  padding-top: 3px;
  color: #999
}

h1,
.h1 {
  margin-bottom: 28px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2
}

@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: 33px
  }
}

h2,
.h2 {
  margin-bottom: 24px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.25
}

@media (max-width: 768px) {
  h2,
  .h2 {
    font-size: 28px
  }
}

h3,
.h3 {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3
}

@media (max-width: 768px) {
  h3,
  .h3 {
    font-size: 24px
  }
}

h4,
.h4 {
  margin-bottom: 17px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3
}

h5,
.h5 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.35
}

h6,
.h6 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4
}

p {
  margin: 0 0 20px
}

.lead {
  font-size: 18px
}

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

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

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

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
  word-break: break-word;
}


/*==========================================================*/
/* Table */
/*==========================================================*/

table {
  border: 1px solid #fbfbfb;
  margin-bottom: 20px;
}

table#wp-calendar {
  background: #ffffff;
}

table caption {
  color: #969696;
}

table th {
  background: #fbfbfb;
  color: #323232;
}

table td,
table th {
  border: 1px solid #eaeaea;
  padding: 4px 8px;
}

/*==========================================================*/
/* Definition Lists */
/*==========================================================*/

dl dd {
  margin-bottom: 15px;
}

dl dd:last-child {
  margin-bottom: 0px;
}

/*==========================================================*/
/* Lists (Nested) */
/*==========================================================*/

ol,
ul {
  padding-left: 25px;
  margin-bottom: 1em;
}

ol {
  padding-left: 0px;
}

ol li {
  list-style: decimal inside;
}

ol ol {
  padding-left: 25px;
}

ul li {
  list-style: inherit;
}

ul.list-inside {
  padding-left: 15px;
}

ul.list-inside li {
  list-style-position: inside;
}

/*==========================================================*/
/* HTML Tags */
/*==========================================================*/

a {
  color: #0787ea;
  outline: none;
}

a:focus,
a:hover {
  color: #323232;
  text-decoration: none;
  outline;
  none;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

img {
  max-width: 100%;
}

pre {
  background: #fbfbfb;
  padding: 20px;
  border: 1px solid #e1e1e1;
}

select {
  border-color: #e8e8e8;
  border: 1px solid #e8e8e8;
  height: 43px;
  padding: 0 10px;
}

button:hover,
button:focus,
.btn:hover,
.btn:focus,
input:hover,
input:focus,
select:hover,
select:focus,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
  box-shadow: none !important;
}


/*==========================================================*/
/* background image Common */
/*==========================================================*/

.background {
  background-size: cover;
  background-repeat: no-repeat;
}

.background-contain {
  background-size: auto;
}

.background-left-top {
  background-position: left top
}

.background-left-bottom {
  background-position: left bottom
}

.background-right-bottom {
  background-position: right bottom
}

.background-right-top {
  background-position: right top
}

.background-center-center {
  background-position: center center
}

.background-center-bottom {
  background-position: center bottom
}


/*==========================================================*/
/* Header Common */
/*==========================================================*/

header .dropdown-toggle:after {
  border: none;
  font: normal normal normal 16px/1 LineAwesome;
  content: "\f110";
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  top: 28px;
}
.menu-right .dropdown-toggle:after{
  display: none;
}

@media screen and (min-width: 768px) {
  .primaryMenu.header-fixed-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
  }
}

@media screen and (min-width: 991px) {
  header .dropdown:hover>.dropdown-menu {
    display: block;
  }
}

header .navbar .dropdown-menu {
  background: rgba(255, 255, 255, 0);
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  margin: 0;
  color: #969696;
  padding: 3px 0px 3px 0px;
  font-size: 14px;
  border: none;
  -webkit-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
  background: #fff; 
}

@media screen and (min-width: 767px){
  header .navbar .dropdown-menu {
    max-height: calc( 100vh - 100px );
    overflow: auto;
  }
}
.dropdown-menu::-webkit-scrollbar {
    width: 3px;
}
 
.dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #0787ea;
  outline: 1px solid slategrey;
} 
.dropdown-item {
  padding: 6px 20px;
  font-size: 14px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: #0787ea;
  background: none;
}

.menu-right {
  /* margin-right: -30px; */
}

.navbar .navbar-nav.menu-right .nav-link {
  color: #000;
  padding: 10px 10px; 
}

.menu-right .nav-link:hover,
.menu-right .nav-link:focus,
.menu-right .nav-link.active {
  color: #0787ea;
}

.navbar-toggler {
  width: 30px;
  height: 17px;
  position: relative;
  margin: 30px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin: 0;
}

.nav_icon-bar {
  width: 28px;
  background-color: #969696;
  box-shadow: none;
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav_icon-bar:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav_icon-bar:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav_icon-bar:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.navbar-toggler.active .nav_icon-bar:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.navbar-toggler.active {}

.navbar-toggler.active .nav_icon-bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -4px;
  left: 5px;
}

.navbar-toggler.active .nav_icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left: 5px;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  outline: none;
}

.flat-menu {
  border-top: 1px solid #ededed;
}

.flat-menu--1 {
  background-color: rgba(245, 245, 245, 1);
  border: none;
}

.flat-menu-wrp {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flat-menu-wrp>li {
  display: inline-block;
}

.flat-menu-wrp>li>a {
  padding: 8px 15px;
  display: inline-block;
  color: #323232;
  text-transform: uppercase;
}

.flat-menu-wrp>li>a:hover,
.flat-menu-wrp>li>a:focus,
.flat-menu-wrp>li>a.active {
  color: #0787ea;
}


/*==========================================================*/
/* Header Top Section */
/*==========================================================*/

.header-top {}

.header-top .topbar-link>li {
  margin: 0;
}

.header-top .topbar-link>li>a {
  padding: 8px 15px;
  display: inline-block;
  color: #323232;
  min-width: 50px;
  font-size: 13px;
}

.header-top .topbar-link>li>a:hover,
.header-top .topbar-link>li>a:focus,
.topbar-social a:hover,
.topbar-social a:focus {
  color: #0787ea;
}

.header-top .topbar-link>li>a>i {
  padding-right: 10px;
}

.header-top .topbar-social>li {
  margin: 0;
  vertical-align: middle;
}

.topbar-social a {
  text-align: center;
  display: block;
  min-width: 20px;
  color: #323232;
  font-size: 12px;
}

.topbar-social a i {
  padding: 0;
}


/*==========================================================*/
/* Mega menu */
/*==========================================================*/

.nav-item.mega-dropdown {
  position: static;
}

.mega-sub-menu-container {
  padding: 20px 50px;
  background: #fff;
}

.mega-sub-menu {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.dropdown-mega-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropdown-mega-menu>li>a {
  color: #969696;
  padding: 3px 0px 3px 0px;
  font-size: 14px;
  display: inline-block;
}

.dropdown-mega-menu>li>a.dropdown-mega-menu-header {
  font-size: 16px;
  color: #323232;
  padding-bottom: 15px;
  font-weight: 500;
}

.dropdown-mega-menu>li>a:hover,
.dropdown-mega-menu>li>a:focus,
.dropdown-mega-menu>li>a.active {
  color: #0787ea;
}

@media screen and (min-width: 768px) {
  .mega-sub-menu {
    width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .mega-sub-menu {
    width: 900px;
  }
}

@media screen and (min-width: 1200px) {
  .mega-sub-menu {
    width: 1140px;
  }
}

@media screen and (min-width: 1440px) {
  .mega-sub-menu {
    width: 1270px;
  }
}

.navbar-brand img {
  max-height: 45px;
}

.navbar .navbar-nav .nav-link {
  padding: 25px 20px;
  position: relative;
  font-weight: 500;
  color: #000;
}

header {
  box-shadow: 0 0 18px 0 rgba(0,0,0,.12);
}


/*==========================================================*/
/* Header Style --1 */
/*==========================================================*/

.header-style--1 .header-top .topbar-link>li>a {
  padding: 6px 15px;
  color: #fff;
}

.header-style--1 .topbar-social a {
  color: #fff;
}

.header-style--1 .navbar .navbar-nav .nav-link {
  font-weight: 500;
}


/*==========================================================*/
/* Header Style --2 */
/*==========================================================*/

.header-style--2 .header-top .topbar-link>li>a {
  padding: 6px 15px;
  color: #fff;
}

.header-style--2 .topbar-social a {
  color: #fff;
}

.header-style--2 {
  font-weight: 500;
}   

/*==========================================================*/
/* Header Responsive */
/*==========================================================*/

@media screen and (max-width: 767px) {
  .menu-active {
    overflow: hidden;
  }
  body {
    padding-top: 61px;
  }
  header {
    border-bottom: 1px solid rgba(150, 150, 150, 0.12);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
  }
  .navbar {
    padding: .5rem 0;
  }
  body.menu-active .navbar-collapse {
    left: 0px;
    transition: 0.6s;
    z-index: 99;
  }
  .collapse.navbar-collapse {
    display: block;
    position: fixed;
    top: 61px;
    left: -300px;
    right: auto;
    display: block;
    transition: 0.6s;
    width: 250px;
    background-color: #000;
    height: calc(100vh - 61px);
    max-height: calc(100vh - 61px);
    overflow: auto;
    display: block;
  }
  header .dropdown-toggle:after {
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .navbar .navbar-nav .nav-link {
    padding: 12px 20px;
    position: relative;
    color: #fff;
  }
  .navbar .navbar-nav .nav-link.active,
  .dropdown-item.active {
    color: #0787ea;
  }
  .navbar .navbar-nav .nav-link:after {
    display: none;
  }
  .nav-item.mega-dropdown {
    position: relative;
  }
  .ui-toggler {
    position: absolute;
    z-index: 1002;
    right: 25px;
    top: 12px;
    font-size: 21px;
    color: #fff;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .ui-toggler.active {
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .dropdown-menu {
    position: static;
  }
  .ui-active .dropdown-menu {
    display: block;
  }
  .mega-sub-menu-container {
    padding: 15px;
  }
  .mega-sub-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
  }
  .menu-right {
    margin: 0;
    display: block;
    background: #fff;
	border-top: 1px solid #000;
    text-align: center;
  }
  .menu-right>li {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar .navbar-nav .nav-link {
    font-size: 13px;
    padding: 20px 10px;
  }
  header .dropdown-toggle:after{
	top: 24px;
	font-size: 12px; 
	position: static;
  }
}

/*==========================================================*/
/* Borders */
/*==========================================================*/

.border-primary {
  border-color: #0787ea !important;
}

.border-success {
  border-color: #a7c04d !important;
}

.border-info {
  border-color: #93c4ef !important;
}

.border-warning {
  border-color: #f8c313 !important;
}

.border-danger {
  border-color: #ef0568 !important;
}

.border-dark {
  border-color: #404040 !important;
}


/*==========================================================*/
/* Background Colors */
/*==========================================================*/

.bg-primary {
  background-color: #0787ea !important;
}

.bg-faded,
.bg-secondary {
  background-color: #fbfbfb !important;
}

.bg-success {
  background-color: #a7c04d !important;
}

.bg-info {
  background-color: #93c4ef !important;
}

.bg-warning {
  background-color: #f8c313 !important;
}

.bg-danger {
  background-color: #ef0568 !important;
}

.bg-dark {
  background-color: #404040 !important;
}


/*==========================================================*/
/* List Groups */
/*==========================================================*/

.list-group-item {
  border: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0 !important;
  background-color: #fbfbfb;
  font-size: 14px;
  text-transform: uppercase;
  text-letter-spacing: .025em;
  text-decoration: none
}

.list-group-item i {
  margin-top: -4px;
  margin-right: 8px;
  font-size: 1.1em
}

.list-group-item p,
.list-group-item ul,
.list-group-item ol,
.list-group-item li,
.list-group-item span,
.list-group-item small {
  font-weight: normal !important;
  letter-spacing: 0;
  text-transform: none
}

.list-group-item h1,
.list-group-item .h1,
.list-group-item h2,
.list-group-item .h2,
.list-group-item h3,
.list-group-item .h3,
.list-group-item h4,
.list-group-item .h4,
.list-group-item h5,
.list-group-item .h5,
.list-group-item h6,
.list-group-item .h6 {
  letter-spacing: 0;
  text-transform: none
}

.list-group-item::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: transparent;
  content: ''
}

a.list-group-item,
.list-group-item-action {
  transition: all .25s;
  color: #606060
}

a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item:active,
.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action:active {
  background-color: #fbfbfb;
  color: #0787ea
}

a.list-group-item {
  padding-top: .87rem;
  padding-bottom: .87rem
}

.with-badge {
  position: relative;
  padding-right: 3.3rem
}

.with-badge .badge {
  position: absolute;
  top: 50%;
  right: 1.15rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.badge {
  color: #fff;
  font-size: 90%;
  font-weight: 500
}

.badge.badge-default {
  background-color: #fff;
  color: #606060
}

.badge.badge-primary {
  background-color: #0787ea
}

.badge.badge-info {
  background-color: #93c4ef
}

.badge.badge-success {
  background-color: #a7c04d
}

.badge.badge-warning {
  background-color: #f8c313
}

.badge.badge-danger {
  background-color: #ef0568
}

.list-group-item.active {
  border-color: #fff;
  background-color: #fbfbfb;
  color: #0787ea;
  cursor: default;
  pointer-events: none
}

.list-group-item.active::before {
  background-color: #0787ea
}

.list-group-item.active p,
.list-group-item.active ul,
.list-group-item.active ol,
.list-group-item.active li,
.list-group-item.active span,
.list-group-item.active small,
.list-group-item.active h1,
.list-group-item.active .h1,
.list-group-item.active h2,
.list-group-item.active .h2,
.list-group-item.active h3,
.list-group-item.active .h3,
.list-group-item.active h4,
.list-group-item.active .h4,
.list-group-item.active h5,
.list-group-item.active .h5,
.list-group-item.active h6,
.list-group-item.active .h6 {
  color: #606060
}

.list-group-item-info {
  background-color: rgba(147, 196, 239, 0.15);
  color: #93c4ef !important
}

.list-group-item-info>*,
.list-group-item-info h1,
.list-group-item-info h2,
.list-group-item-info h3,
.list-group-item-info h4,
.list-group-item-info h5,
.list-group-item-info h6,
.list-group-item-info p,
.list-group-item-info ul,
.list-group-item-info ol,
.list-group-item-info a {
  color: #93c4ef !important
}

.list-group-item-success {
  background-color: rgba(167, 192, 77, 0.15);
  color: #a1bb42 !important
}

.list-group-item-success>*,
.list-group-item-success h1,
.list-group-item-success h2,
.list-group-item-success h3,
.list-group-item-success h4,
.list-group-item-success h5,
.list-group-item-success h6,
.list-group-item-success p,
.list-group-item-success ul,
.list-group-item-success ol,
.list-group-item-success a {
  color: #a1bb42 !important
}

.list-group-item-warning {
  background-color: rgba(248, 195, 19, 0.15);
  color: #f4be07 !important
}

.list-group-item-warning>*,
.list-group-item-warning h1,
.list-group-item-warning h2,
.list-group-item-warning h3,
.list-group-item-warning h4,
.list-group-item-warning h5,
.list-group-item-warning h6,
.list-group-item-warning p,
.list-group-item-warning ul,
.list-group-item-warning ol,
.list-group-item-warning a {
  color: #f4be07 !important
}

.list-group-item-danger {
  background-color: rgba(239, 5, 104, 0.15);
  color: #ef0568 !important
}

.list-group-item-danger>*,
.list-group-item-danger h1,
.list-group-item-danger h2,
.list-group-item-danger h3,
.list-group-item-danger h4,
.list-group-item-danger h5,
.list-group-item-danger h6,
.list-group-item-danger p,
.list-group-item-danger ul,
.list-group-item-danger ol,
.list-group-item-danger a {
  color: #ef0568 !important
}

.list-group-item-action:hover.list-group-item-info,
.list-group-item-action.active.list-group-item-info {
  background-color: rgba(147, 196, 239, 0.3)
}

.list-group-item-action:hover.list-group-item-success,
.list-group-item-action.active.list-group-item-success {
  background-color: rgba(167, 192, 77, 0.3)
}

.list-group-item-action:hover.list-group-item-warning,
.list-group-item-action.active.list-group-item-warning {
  background-color: rgba(248, 195, 19, 0.3)
}

.list-group-item-action:hover.list-group-item-danger,
.list-group-item-action.active.list-group-item-danger {
  background-color: rgba(239, 5, 104, 0.3)
}

/*==========================================================*/
/* Cards */
/*==========================================================*/

.card {
  border-radius: 0;
}

.card:not([class*='border-']) {
  border: 0;
  background-color: #fbfbfb;
}

.card-text {
  margin-bottom: 12px;
  color: #999;
  font-size: 14px;
}

.card-header,
.card-footer {
  border: 0;
}

.text-white .card-text,
.text-light .card-text {
  color: rgba(255, 255, 255, 0.85);
}

.text-white .card-title,
.text-light .card-title {
  color: #fff;
}


/*==========================================================*/
/* Nav Tabs */
/*==========================================================*/

.nav-tabs {
  border-bottom: 2px solid #eaeaea;
}

.nav-tabs .nav-item {
  margin-bottom: -2px;
}

.nav-tabs .nav-link {
  padding: 10px 18px;
  transition: all .3s;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #606060;
  font-size: 14px;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-decoration: none;
}

.nav-tabs .nav-link.active {
  background-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .nav-link>i,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active>i {
  border-bottom-color: #2335b8;
  color: #2335b8;
}

/*==========================================================*/
/* Nav Pills */
/*==========================================================*/

.nav-pills .nav-link {
  margin-right: 5px;
  padding: 8px 16px;
  transition: all .3s;
  border-radius: 3px;
  color: #606060;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
}

.nav-pills .nav-link.disabled {
  color: #999;
  cursor: not-allowed;
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  background-color: #0787ea !important;
  color: #fff;
  cursor: default;
}

/*==========================================================*/
/* Accordian */
/*==========================================================*/

.accordion .card {
  margin-bottom: 8px;
  border: 1px solid #e1e7ec !important;
  border-radius: 5px !important;
  background-color: transparent;
}

.accordion .card-header {
  border-radius: 5px;
  border-color: #e1e7ec;
  position: relative;
}

.accordion .card-header h6 {
  margin-bottom: 0;
  font-size: 16px;
}

.accordion .card-header h6 a {
  color: #606975;
}

.accordion .card-header h6 a i {
  padding-right: 10px;
}

.accordion [data-toggle='collapse']::after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -2px;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  border-right: 5px solid transparent;
  border-bottom: 5px dashed;
  border-left: 5px solid transparent;
  content: '';
}

.accordion [data-toggle='collapse'].collapsed::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.accordion-squared .card,
.accordion-squared .card-header {
  border-radius: 0px !important;
}

.accordion-no-border .card,
.accordion-no-border .card-header {
  border: none !important;
}

.accordion-style--1 .card,
.accordion-style--1 .card-header {
  border-color: #0787ea!important;
}

.accordion-style--1 .card-header {
  background-color: #0787ea;
}

.accordion-style--1 .card-header h6>a {
  color: #fff;
}

/*==========================================================*/
/* Alert */
/*==========================================================*/

.alert {
  position: relative;
  padding: 24px;
  border: 5px solid transparent;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: padding-box;
}

.alert::before {
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border: 1px solid transparent;
  border-radius: 5px;
  content: '';
  z-index: -1;
}

.alert .alert-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 18px;
  cursor: pointer;
}

.alert-default .alert-close {
  color: #606975;
}

.alert-default {
  background-color: rgba(96, 105, 117, 0.05);
  color: #606975;
}

.alert-default::before {
  border-color: rgba(96, 105, 117, 0.13);
}

.alert-primary {
  background-color: rgba(4, 211, 159, 0.05);
  color: #0787ea;
}

.alert-primary .alert-close {
  color: #0787ea;
}

.alert-primary::before {
  border-color: rgba(4, 211, 159, 0.25);
}

.alert-info {
  background-color: rgba(80, 198, 233, 0.12);
  color: #50c6e9;
}

.alert-info::before {
  border-color: rgba(80, 198, 233, 0.3);
}

.alert-info .alert-close {
  color: #50c6e9;
}

.alert-success {
  background-color: rgba(67, 217, 163, 0.12);
  color: #36d69d;
}

.alert-success::before {
  border-color: rgba(67, 217, 163, 0.25);
}

.alert-success .alert-close {
  color: #36d69d;
}

.alert-warning {
  background-color: rgba(255, 183, 79, 0.12);
  color: #ffb140;
}

.alert-warning::before {
  border-color: rgba(255, 183, 79, 0.25);
}

.alert-warning .alert-close {
  color: #ffb140;
}

.alert-danger {
  background-color: rgba(255, 82, 82, 0.12);
  color: #ff5252;
}

.alert-danger::before {
  border-color: rgba(255, 82, 82, 0.25);
}

.alert-danger .alert-close {
  color: #ff5252;
}

/*==========================================================*/
/* Buttons */
/*==========================================================*/

.btn {
  display: inline-block;
  position: relative;
  height: 46px;
  margin-top: 8px;
  margin-right: 12px;
  margin-bottom: 8px;
  padding: 0 20px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all .35s;
  border: 2px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  background-image: none;
  color: #606060;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 42px;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:hover,
.btn:focus .btn:active,
.btn.active {
  outline: none;
  background-image: none;
  text-decoration: none;
  box-shadow: none
}

.btn:hover {
  color: #606060
}

.btn>i {
  display: inline-block;
  margin-top: -2px;
  font-size: 1.1em;
  vertical-align: middle
}

.btn[disabled],
.btn.disabled {
  cursor: not-allowed;
  opacity: .55;
  pointer-events: none
}

button:focus {
  outline: none
}

.btn-lg {
  height: 54px;
  border-radius: 5px;
  line-height: 50px
}

.btn-sm {
  height: 36px;
  padding: 0 18px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 32px
}

.btn-pill {
  border-radius: 23px
}

.btn-pill.btn-lg {
  border-radius: 27px
}

.btn-pill.btn-sm {
  border-radius: 18px
}

.btn-square {
  border-radius: 0
}

.btn-secondary {
  border-color: #fbfbfb;
  background-color: #fbfbfb
}

.btn-secondary:hover {
  border-color: #e8e8e8;
  background-color: #e8e8e8
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  color: #fff
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  color: #fff
}

.btn-primary {
  background-color: #0787ea
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #2335b8;
  border-color: #2335b8;
}

.btn-success {
  background-color: #a7c04d
}

.btn-success:hover {
  background-color: #8aa139
}

.btn-info {
  background-color: #93c4ef
}

.btn-info:hover {
  background-color: #67ace8
}

.btn-warning {
  background-color: #f8c313
}

.btn-warning:hover {
  background-color: #d2a306
}

.btn-danger {
  background-color: #ef0568
}

.btn-danger:hover {
  background-color: #bd0452
}

.btn-white {
  background-color: #fff
}

.btn-white:hover {
  background-color: #e6e5e5
}

.btn-outline-secondary {
  border-color: #eaeaea
}

.btn-outline-secondary:hover {
  border-color: #fbfbfb;
  background-color: #fbfbfb
}

.btn-outline-primary {
  border-color: #0787ea;
  color: #0787ea
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  border-color: #2335b8;
  color: #2335b8;
  background: transparent;
}

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

.btn-outline-success:hover {
  background-color: #a7c04d;
  color: #fff
}

.btn-outline-info {
  border-color: #93c4ef;
  background-color: transparent;
  color: #93c4ef
}

.btn-outline-info:hover {
  background-color: #93c4ef;
  color: #fff
}

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

.btn-outline-warning:hover {
  background-color: #f8c313;
  color: #fff
}

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

.btn-outline-danger:hover {
  background-color: #ef0568;
  color: #fff
}

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

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

.btn-link-secondary {
  color: #606060
}

.btn-link-secondary:hover {
  color: #474646
}

.btn-link-primary {
  color: #0787ea
}

.btn-link-primary:hover {
  color: #ad7810
}

.btn-link-success {
  color: #a7c04d
}

.btn-link-success:hover {
  color: #8aa139
}

.btn-link-info {
  color: #93c4ef
}

.btn-link-info:hover {
  color: #67ace8
}

.btn-link-warning {
  color: #f8c313
}

.btn-link-warning:hover {
  color: #d2a306
}

.btn-link-danger {
  color: #ef0568
}

.btn-link-danger:hover {
  color: #bd0452
}

.btn-link-white {
  color: #fff
}

.btn-link-white:hover {
  color: #e6e5e5
}

.btn-link-secondary>i,
.btn-link-primary>i,
.btn-link-success>i,
.btn-link-info>i,
.btn-link-warning>i,
.btn-link-danger>i,
.btn-link-white>i {
  margin-top: -4px
}

.btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-top: 8px;
  margin-right: 12px;
  margin-bottom: 8px;
  vertical-align: middle
}

.btn-group .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  margin-right: -2px;
  padding-right: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-secondary,
.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-outline-secondary {
  border-right: 0
}

.btn-group .btn:hover {
  z-index: 1
}

.btn-group>.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn+.dropdown-toggle-split {
  padding-right: 15px;
  padding-left: 8px
}

.text-center .btn,
.text-center .btn-group {
  margin-right: 6px;
  margin-left: 6px
}

.text-right .btn,
.text-right .btn-group {
  margin-right: 0;
  margin-left: 12px
}

.btn-block {
  display: block;
  width: 100%;
  margin-top: 12px;
  margin-right: 0 !important;
  margin-bottom: 12px;
  margin-left: 0 !important;
  padding-right: 15px !important;
  padding-left: 15px !important
}

/*==========================================================*/
/* Form Controls */
/*==========================================================*/

.form-control {
  padding: 0 18px 3px;
  border: 2px solid #eaeaea;
  border-radius: 4px;
  background-color: #fff;
  color: #606060;
  font-family: "Work Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-control:not(textarea) {
  height: 46px
}

.form-control::-moz-placeholder {
  color: #606060;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #606060
}

.form-control::-webkit-input-placeholder {
  color: #606060
}

.form-control:focus {
  border-color: #0787ea;
  outline: none;
  color: #606060;
  box-shadow: none !important
}

.form-control[type='color'] {
  padding-bottom: 0 !important
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #fbfbfb;
  color: #999;
  cursor: not-allowed
}

.form-control:disabled::-moz-placeholder,
.form-control[readonly]::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:disabled:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder {
  color: #999
}

.form-control:disabled::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder {
  color: #999
}

textarea.form-control {
  padding-top: 12px;
  padding-bottom: 12px
}

select.form-control {
  padding-right: 38px;
  background-position: center right 17px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM2MDYwNjAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-size: 9px 9px
}

select.form-control:not([size]):not([multiple]) {
  height: 46px
}

.form-group {
  margin-bottom: 20px !important
}

.form-group label {
  margin-bottom: 7px;
  font-size: 12px;
  letter-spacing: .025em;
  text-transform: uppercase;
  cursor: pointer
}

.form-group label.col-form-label {
  -ms-flex-item-align: center !important;
  align-self: center !important;
  margin-bottom: 0
}

.form-group.mb-0 {
  margin-bottom: 0 !important
}

.form-control-lg {
  border-radius: 4px;
  font-size: 16px
}

.form-control-lg:not(textarea) {
  height: 54px
}

.form-control-lg.form-control-pill {
  border-radius: 27px
}

.form-control-lg.form-control-square {
  border-radius: 0
}

select.form-control.form-control-lg:not([size]):not([multiple]) {
  height: 54px
}

.form-control-sm {
  padding-bottom: 2px;
  border-radius: 3px
}

.form-control-sm:not(textarea) {
  height: 36px
}

.form-control-sm.form-control-pill {
  border-radius: 18px
}

.form-control-sm.form-control-square {
  border-radius: 0
}

select.form-control.form-control-sm:not([size]):not([multiple]) {
  height: 36px
}

.custom-control {
  margin-bottom: 8px;
  padding-left: 1.5rem !important;
  color: #606060 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important
}

.custom-control:focus {
  outline: 0
}

.custom-control .custom-control-label {
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  text-transform: none
}

.custom-control .custom-control-label::before {
  border: 2px solid #e2e2e2;
  background-color: #fff;
  box-shadow: none !important
}

.custom-control .custom-control-input:checked~.custom-control-label::before {
  border: 0;
  border-color: #eaeaea;
  background-color: #0787ea
}

.custom-control .custom-control-input:disabled~.custom-control-label::before {
  border-color: rgba(234, 234, 234, 0.9);
  background-color: #fff
}

.custom-control .custom-control-input:disabled~.custom-control-label {
  color: #999;
  cursor: not-allowed
}

.custom-control-inline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.custom-file,
.custom-file-input {
  height: 46px;
  border-radius: 23px;
  cursor: pointer
}

.custom-file:focus~.custom-file-label,
.custom-file-input:focus~.custom-file-label {
  box-shadow: none
}

.custom-file-label,
.custom-file-label::after {
  height: 46px;
  border: 2px solid #eaeaea;
  border-radius: 4px;
  color: #606060;
  font-size: 14px;
  line-height: 2.1
}

.custom-file-label::after {
  height: 42px;
  margin: 0;
  border: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: #fbfbfb
}

.form-control-pill {
  border-radius: 23px
}

.form-control-pill .custom-file-control,
.form-control-pill .custom-file-control::before {
  border-radius: 4px
}

.form-control-square {
  border-radius: 0
}

.form-control-square .custom-file-control,
.form-control-square .custom-file-control::before {
  border-radius: 0
}

.input-group {
  display: block;
  position: relative
}

.input-group .input-group-addon,
.input-group .input-group-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px
}

.input-group .input-group-addon {
  left: 15px;
  transition: color .3s;
  background-color: transparent !important;
  color: #999
}

.input-group .form-control {
  padding-left: 38px
}

.input-group .form-control:focus~.input-group-addon {
  color: #0787ea
}

.input-group .input-group-btn {
  right: 8px;
  margin-top: -1px
}

.input-group .input-group-btn button {
  transition: color .3s;
  border: 0;
  background: 0;
  color: #606060;
  font-size: 1.2em;
  cursor: pointer
}

.input-group .input-group-btn button:hover {
  color: #0787ea
}

.input-group .input-group-btn .btn {
  margin: 0;
  margin-right: 3px;
  padding: 0
}

.input-group .input-group-btn~.form-control {
  padding-right: 35px;
  padding-left: 18px
}

.form-control-feedback {
  font-size: 14px
}

.has-success label,
.has-success .custom-control-label,
.has-success .form-control-feedback,
.has-success .custom-control,
.has-success .input-group .input-group-addon,
.has-success.input-group .input-group-addon,
.has-success .form-control:focus~.input-group-addon {
  color: #a7c04d
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #a7c04d
}

.has-success .form-control-success {
  padding-right: 42px;
  background-position: center right 15px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjYTdjMDRkIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 14px 14px
}

.has-warning label,
.has-warning .custom-control-label,
.has-warning .form-control-feedback,
.has-warning .custom-control,
.has-warning .input-group .input-group-addon,
.has-warning.input-group .input-group-addon,
.has-warning .form-control:focus~.input-group-addon {
  color: #f8c313
}

.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #f8c313
}

.has-warning .form-control-warning {
  padding-right: 42px;
  background-position: center right 15px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Ni40NjMgNDg2LjQ2MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg2LjQ2MyA0ODYuNDYzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI0My4yMjUsMzMzLjM4MmMtMTMuNiwwLTI1LDExLjQtMjUsMjVzMTEuNCwyNSwyNSwyNWMxMy4xLDAsMjUtMTEuNCwyNC40LTI0LjQgICAgQzI2OC4yMjUsMzQ0LjY4MiwyNTYuOTI1LDMzMy4zODIsMjQzLjIyNSwzMzMuMzgyeiIgZmlsbD0iI2ZmY2UyYiIvPgoJCTxwYXRoIGQ9Ik00NzQuNjI1LDQyMS45ODJjMTUuNy0yNy4xLDE1LjgtNTkuNCwwLjItODYuNGwtMTU2LjYtMjcxLjJjLTE1LjUtMjcuMy00My41LTQzLjUtNzQuOS00My41cy01OS40LDE2LjMtNzQuOSw0My40ICAgIGwtMTU2LjgsMjcxLjVjLTE1LjYsMjcuMy0xNS41LDU5LjgsMC4zLDg2LjljMTUuNiwyNi44LDQzLjUsNDIuOSw3NC43LDQyLjloMzEyLjggICAgQzQzMC43MjUsNDY1LjU4Miw0NTguODI1LDQ0OS4yODIsNDc0LjYyNSw0MjEuOTgyeiBNNDQwLjYyNSw0MDIuMzgyYy04LjcsMTUtMjQuMSwyMy45LTQxLjMsMjMuOWgtMzEyLjggICAgYy0xNywwLTMyLjMtOC43LTQwLjgtMjMuNGMtOC42LTE0LjktOC43LTMyLjctMC4xLTQ3LjdsMTU2LjgtMjcxLjRjOC41LTE0LjksMjMuNy0yMy43LDQwLjktMjMuN2MxNy4xLDAsMzIuNCw4LjksNDAuOSwyMy44ICAgIGwxNTYuNywyNzEuNEM0NDkuMzI1LDM2OS44ODIsNDQ5LjIyNSwzODcuNDgyLDQ0MC42MjUsNDAyLjM4MnoiIGZpbGw9IiNmZmNlMmIiLz4KCQk8cGF0aCBkPSJNMjM3LjAyNSwxNTcuODgyYy0xMS45LDMuNC0xOS4zLDE0LjItMTkuMywyNy4zYzAuNiw3LjksMS4xLDE1LjksMS43LDIzLjhjMS43LDMwLjEsMy40LDU5LjYsNS4xLDg5LjcgICAgYzAuNiwxMC4yLDguNSwxNy42LDE4LjcsMTcuNmMxMC4yLDAsMTguMi03LjksMTguNy0xOC4yYzAtNi4yLDAtMTEuOSwwLjYtMTguMmMxLjEtMTkuMywyLjMtMzguNiwzLjQtNTcuOSAgICBjMC42LTEyLjUsMS43LTI1LDIuMy0zNy41YzAtNC41LTAuNi04LjUtMi4zLTEyLjVDMjYwLjgyNSwxNjAuNzgyLDI0OC45MjUsMTU1LjA4MiwyMzcuMDI1LDE1Ny44ODJ6IiBmaWxsPSIjZmZjZTJiIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat
}

.has-danger label,
.has-danger .custom-control-label,
.has-danger .form-control-feedback,
.has-danger .custom-control,
.has-danger .input-group .input-group-addon,
.has-danger.input-group .input-group-addon,
.has-danger .form-control:focus~.input-group-addon {
  color: #ef0568
}

.has-danger .form-control,
.has-danger .form-control:focus {
  border-color: #ef0568
}

.has-danger .form-control-danger {
  padding-right: 42px;
  background-position: center right 15px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJDbG9zZSI+Cgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMTMxLjgwNCwxMDYuNDkxbDc1LjkzNi03NS45MzZjNi45OS02Ljk5LDYuOTktMTguMzIzLDAtMjUuMzEyICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyICAgbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNyAgIGM2Ljk4OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwYzYuOTktNi45OSw2Ljk5LTE4LjMyMiwwLTI1LjMxMkwxMzEuODA0LDEwNi40OTF6IiBmaWxsPSIjZWYwNTY4Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  background-size: 11px 11px;
  background-repeat: no-repeat
}

.form-control-feedback {
  padding-top: 2px;
}

.input-light.form-control,
.input-light .form-control {
  border-color: rgba(255, 255, 255, 0.17) !important;
  background-color: transparent;
  color: #fff
}

.input-light.form-control::-moz-placeholder,
.input-light .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.input-light.form-control:-ms-input-placeholder,
.input-light .form-control:-ms-input-placeholder {
  color: #fff
}

.input-light.form-control::-webkit-input-placeholder,
.input-light .form-control::-webkit-input-placeholder {
  color: #fff
}

.input-light.form-control:focus,
.input-light .form-control:focus {
  border-color: #0787ea !important;
  color: #fff
}

.input-light.input-group .input-group-addon {
  color: rgba(255, 255, 255, 0.65)
}

.input-light.input-group .input-group-btn button {
  color: #fff
}

.input-light.input-group .input-group-btn button:hover {
  color: #0787ea
}

.input-light select.form-control option,
select.form-control.input-light option {
  color: #606060 !important
}

/*==========================================================*/
/* Owl Carousel */
/*==========================================================*/

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  margin-top: -43px;
  transition: opacity .3s;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background-color: #fff;
  color: #232323;
  line-height: 44px;
  text-align: center;
  opacity: .75;
  border-radius: 100%;
}

.owl-carousel .owl-prev {
  left: 20px;
}

.owl-carousel .owl-next {
  right: 20px;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-prev::before,
.owl-carousel .owl-next::before {
  font: normal normal normal 22px/1 FontAwesome;
  line-height: 43px;
}

.owl-carousel .owl-prev::before {
  content: "\f104";
}

.owl-carousel .owl-next::before {
  content: "\f105";
}

.owl-carousel .owl-dots {
  display: block;
  width: 100%;
  margin-top: 18px;
  text-align: center;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 6px;
  transition: opacity .25s;
  border-radius: 50%;
  background-color: #505050;
  opacity: .33;
}

.owl-carousel .owl-dots .owl-dot.active {
  opacity: 1;
}

.owl-carousel.dots-inside .owl-dots {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding-bottom: 24px;
}

/*==========================================================*/
/* Social Icons */
/*==========================================================*/ 

.media-btn {
  display: block;
  position: relative;
  width: 240px;
  height: 46px;
  margin-bottom: 12px;
  padding-left: 64px;
  color: #fff;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none
}

.media-btn>i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  transition: width .3s;
  background-color: rgba(255, 255, 255, 0.12);
  font-size: 16px;
  line-height: 46px;
  text-align: center
}

.media-btn>i::before {
  line-height: 46px
}

.media-btn>i.socicon-googleplus {
  font-size: 18px
}

.media-btn>span {
  transition: opacity .2s;
  opacity: 1
}

.media-btn:focus,
.media-btn:active {
  color: #fff;
  text-decoration: none
}

.media-btn:hover {
  color: #fff
}

.media-btn:hover>i {
  width: 100%
}

.media-btn:hover>span {
  opacity: 0
}

.media-btn.media-facebook {
  background-color: #3b5998
}

.media-btn.media-google {
  background-color: #dd4b39
}

.media-btn.media-twitter {
  background-color: #55acee
}

.social-button {
  display: inline-block;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
  transition: color .3s;
  color: #606060;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle
}

.social-button.shape-circle,
.social-button.shape-rounded,
.social-button.shape-square {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background-color: #fbfbfb;
  line-height: 36px;
  text-align: center
}

.social-button.shape-circle {
  border-radius: 50%
}

.social-button.shape-rounded {
  border-radius: 3px
}

.social-button:focus {
  text-decoration: none
}

.text-center .social-button {
  margin-right: 9px;
  margin-left: 9px
}

.text-center .social-button.shape-circle,
.text-center .social-button.shape-rounded,
.text-center .social-button.shape-square {
  margin-right: 4px;
  margin-left: 4px
}

.text-right .social-button {
  margin-right: 0;
  margin-left: 18px
}

.text-right .social-button.shape-circle,
.text-right .social-button.shape-rounded,
.text-right .social-button.shape-square {
  margin-right: 0;
  margin-left: 8px
}

.sb-amazon {
  font-size: 1.15em !important
}

.sb-amazon:hover,
.sb-amazon:focus {
  color: #ff9900 !important
}

.sb-airbnb:hover,
.sb-airbnb:focus {
  color: #fd5c63 !important
}

.sb-behance {
  font-size: 1.1em !important
}

.sb-behance:hover,
.sb-behance:focus {
  color: #1769ff !important
}

.sb-deviantart {
  font-size: 1.2em !important
}

.sb-deviantart:hover,
.sb-deviantart:focus {
  color: #4e6252 !important
}

.sb-digg {
  font-size: 1.2em !important
}

.sb-digg:hover,
.sb-digg:focus {
  color: #000000 !important
}

.sb-disqus {
  font-size: 1.1em !important
}

.sb-disqus:hover,
.sb-disqus:focus {
  color: #2e9fff !important
}

.sb-dribbble:hover,
.sb-dribbble:focus {
  color: #ea4c89 !important
}

.sb-drupal {
  font-size: 1.1em !important
}

.sb-drupal:hover,
.sb-drupal:focus {
  color: #0077c0 !important
}

.sb-email:hover,
.sb-email:focus {
  color: #0787ea !important
}

.sb-facebook:hover,
.sb-facebook:focus {
  color: #3b5998 !important
}

.sb-flickr:hover,
.sb-flickr:focus {
  color: #0063dc !important
}

.sb-foursquare:hover,
.sb-foursquare:focus {
  color: #ef4b78 !important
}

.sb-github:hover,
.sb-github:focus {
  color: #4183c4 !important
}

.sb-google-plus {
  font-size: 1.2em !important
}

.sb-google-plus:hover,
.sb-google-plus:focus {
  color: #dd4b39 !important
}

.sb-instagram:hover,
.sb-instagram:focus {
  color: #3f729b !important
}

.sb-lastfm {
  font-size: 1.1em !important
}

.sb-lastfm:hover,
.sb-lastfm:focus {
  color: #e31b23 !important
}

.sb-linkedin:hover,
.sb-linkedin:focus {
  color: #0976b4 !important
}

.sb-odnoklassniki {
  font-size: 1.1em !important
}

.sb-odnoklassniki:hover,
.sb-odnoklassniki:focus {
  color: #ed812b !important
}

.sb-paypal {
  font-size: .9em !important
}

.sb-paypal:hover,
.sb-paypal:focus {
  color: #253b80 !important
}

.sb-pinterest:hover,
.sb-pinterest:focus {
  color: #cc2127 !important
}

.sb-reddit {
  font-size: 1.1em !important
}

.sb-reddit:hover,
.sb-reddit:focus {
  color: #ff4500 !important
}

.sb-rss {
  font-size: .9em !important
}

.sb-rss:hover,
.sb-rss:focus {
  color: #f26522 !important
}

.sb-skype {
  font-size: .9em !important
}

.sb-skype:hover,
.sb-skype:focus {
  color: #00aff0 !important
}

.sb-soundcloud {
  font-size: 1.2em !important
}

.sb-soundcloud:hover,
.sb-soundcloud:focus {
  color: #ff8800 !important
}

.sb-stackoverflow:hover,
.sb-stackoverflow:focus {
  color: #fe7a15 !important
}

.sb-steam:hover,
.sb-steam:focus {
  color: #7da10e !important
}

.sb-stumbleupon:hover,
.sb-stumbleupon:focus {
  color: #eb4924 !important
}

.sb-tumblr:hover,
.sb-tumblr:focus {
  color: #35465c !important
}

.sb-twitch:hover,
.sb-twitch:focus {
  color: #6441a5 !important
}

.sb-twitter:hover,
.sb-twitter:focus {
  color: #55acee !important
}

.sb-vimeo:hover,
.sb-vimeo:focus {
  color: #1ab7ea !important
}

.sb-vine:hover,
.sb-vine:focus {
  color: #00b488 !important
}

.sb-vk {
  font-size: 1.1em !important
}

.sb-vk:hover,
.sb-vk:focus {
  color: #45668e !important
}

.sb-wordpress:hover,
.sb-wordpress:focus {
  color: #21759b !important
}

.sb-xing:hover,
.sb-xing:focus {
  color: #026466 !important
}

.sb-yahoo {
  font-size: 1.1em !important
}

.sb-yahoo:hover,
.sb-yahoo:focus {
  color: #400191 !important
}

.sb-yelp:hover,
.sb-yelp:focus {
  color: #af0606 !important
}

.sb-youtube:hover,
.sb-youtube:focus {
  color: #e52d27 !important
}

.sb-light-skin {
  transition: all .3s;
  color: rgba(255, 255, 255, 0.6) !important
}

.sb-light-skin:hover,
.sb-light-skin:focus {
  color: #fff !important
}

.sb-light-skin.shape-circle,
.sb-light-skin.shape-rounded,
.sb-light-skin.shape-square {
  background-color: rgba(255, 255, 255, 0.07) !important
}

/*==========================================================*/
/* Pagination */
/*==========================================================*/

.pagination {
  display: table;
  width: 100%;
  border-top: 1px solid #eaeaea
}

.pagination>.column {
  display: table-cell;
  padding-top: 16px;
  vertical-align: middle
}

.pagination .pages {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none
}

.pagination .pages>li {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  text-align: center
}

.pagination .pages>li>a {
  display: block;
  width: 36px;
  height: 36px;
  transition: all .3s;
  border: 2px solid transparent;
  border-radius: 3px;
  color: #606060;
  line-height: 32px;
  text-decoration: none
}

.pagination .pages>li>a:hover {
  border-color: #eaeaea
}

.pagination .pages>li.active>a {
  border-color: #0787ea;
  color: #0787ea
}

.pagination .btn>i {
  font-size: 1.2em
}

.pagination .text-right .btn {
  padding-right: 12px
}

.pagination .text-left .btn {
  padding-left: 12px
}

.entry-navigation {
  display: table;
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  table-layout: fixed
}

.entry-navigation>.column {
  display: table-cell;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: middle
}

.entry-navigation .btn {
  margin: 0
}

.entry-navigation .btn>i {
  font-size: 1.2em
}

.entry-navigation .btn.view-all {
  width: 46px;
  padding-right: 0;
  padding-left: 1px
}

.entry-navigation .btn.view-all>i {
  margin-top: -5px;
  font-size: 1.4em
}

.entry-navigation .text-right .btn {
  padding-right: 12px
}

.entry-navigation .text-left .btn {
  padding-left: 12px
}

/*==========================================================*/
/* Nav pills and filters */
/*==========================================================*/

.nav-pills .nav-link {
  margin-right: 5px;
  padding: 8px 16px;
  transition: all .3s;
  border-radius: 3px;
  color: #606060;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none
}

.nav-pills .nav-link:hover:not(.disabled) {
  background-color: #fbfbfb
}

.nav-pills .nav-link.disabled {
  color: #999;
  cursor: not-allowed
}

.nav-pills .nav-link>i {
  margin-top: -4px;
  margin-right: 5px
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  background-color: #0787ea !important;
  color: #fff;
  cursor: default
}

.nav-pills+.tab-content {
  padding: 24px 0 0;
  border: 0;
  border-radius: 0
}

.nav-pills.nav-justified .nav-link {
  margin-right: 0
}

.nav-pills.justify-content-center .nav-link {
  margin: 0 3px
}

.nav-pills.justify-content-end .nav-link {
  margin: 0 0 0 5px
}

.nav-pills.flex-column .nav-link {
  margin: 0 0 5px
}

.nav-filters {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none
}

.nav-filters>li {
  display: inline-block;
  margin: 0 22px 10px 0
}

.nav-filters>li>a {
  padding-bottom: 8px;
  transition: color .25s;
  border-bottom: 2px solid transparent;
  color: #606060;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none
}

.nav-filters>li>a:hover {
  color: #0787ea
}

.nav-filters>li>sup {
  margin-left: 4px;
  color: #999
}

.nav-filters>li.active>a {
  border-color: #0787ea;
  color: #0787ea;
  cursor: default;
  pointer-events: none
}

/*==========================================================*/
/* progress Bars */
/*==========================================================*/

.progress {
  height: auto;
  border-radius: 0;
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px
}

.progress-bar {
  height: 18px;
  background-color: #0787ea
}

/*==========================================================*/
/* User, product filter */
/*==========================================================*/

.user-info-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: -2px;
  padding-top: 90px;
  padding-bottom: 30px;
  border: 2px solid #fbfbfb;
  overflow: hidden
}

.user-info-wrapper .user-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-position: center;
  background-color: #fbfbfb;
  background-repeat: no-repeat;
  background-size: cover
}

.user-info-wrapper .user-cover .tooltip .tooltip-inner {
  width: 230px;
  max-width: 100%;
  padding: 10px 15px
}

.user-info-wrapper .info-label {
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
  height: 26px;
  padding: 0 12px;
  border-radius: 3px;
  background-color: #fff;
  color: #606060;
  font-size: 12px;
  line-height: 26px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);
  cursor: pointer
}

.user-info-wrapper .info-label>i {
  display: inline-block;
  margin-right: 3px;
  font-size: 1.2em;
  vertical-align: middle
}

.user-info-wrapper .user-info {
  display: table;
  position: relative;
  width: 100%;
  padding: 0 18px;
  z-index: 5
}

.user-info-wrapper .user-info .user-avatar,
.user-info-wrapper .user-info .user-data {
  display: table-cell;
  vertical-align: top
}

.user-info-wrapper .user-info .user-avatar {
  position: relative;
  width: 115px
}

.user-info-wrapper .user-info .user-avatar>img {
  display: block;
  width: 100%;
  border: 5px solid #fff;
  border-radius: 5px
}

.user-info-wrapper .user-info .user-avatar .edit-avatar {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 26px;
  margin-top: -13px;
  padding: 0 12px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .3s;
  border-radius: 3px;
  background-color: #fff;
  color: #606060;
  font-size: 12px;
  line-height: 26px;
  white-space: nowrap;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none
}

.user-info-wrapper .user-info .user-avatar .edit-avatar>i {
  margin-top: -1px;
  margin-right: 3px;
  font-size: 1.2em
}

.user-info-wrapper .user-info .user-avatar:hover .edit-avatar {
  opacity: 1
}

.user-info-wrapper .user-info .user-data {
  padding-top: 48px;
  padding-left: 12px
}

.user-info-wrapper .user-info .user-data h5 {
  margin-bottom: 2px
}

.user-info-wrapper .user-info .user-data span {
  display: block;
  color: #999;
  font-size: 13px
}

.user-info-wrapper+.list-group .list-group-item:first-child {
  border-radius: 0
}

/*==========================================================*/
/* Tabs */
/*==========================================================*/

.nav-tabs {
  border-bottom: 2px solid #eaeaea
}

.nav-tabs .nav-item {
  margin-bottom: -2px
}

.nav-tabs .nav-link {
  padding: 10px 18px;
  transition: all .3s;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #606060;
  font-size: 14px;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-decoration: none
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent
}

.nav-tabs .nav-link.active {
  background-color: transparent
}

.nav-tabs .nav-link.disabled {
  cursor: not-allowed
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:hover {
  color: #999
}

.nav-tabs .nav-link>i {
  margin-top: -3px;
  margin-right: 5px;
  transition: color .3s;
  color: #999;
  font-size: 1.1em
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:hover>i {
  color: #0787ea
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .nav-link>i,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active>i {
  border-bottom-color: #0787ea;
  color: #0787ea
}

.nav-link.dropdown-toggle {
  position: relative;
  z-index: 1001
}

.tab-content {
  padding: 0;
  padding-top: 24px;
  border: 0;
  overflow: hidden
}

.tab-content p:last-child,
.tab-content ul:last-child,
.tab-content ol:last-child {
  margin-bottom: 0
}  
/*==========================================================*/
/* Select 2 */
/*==========================================================*/

.headerSearch-style--1 {
  position: relative;
}

.headerSearch-style--1 .select2-container--bootstrap4 .select2-selection {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.04);
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

.headerSearch-style--1 .form-control {
  border-radius: 0;
  margin: 0;
  border-color: rgba(0, 0, 0, 0.04);
}

.headerSearch-style--1 .btn {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
}

.headerSearch-style--1 .btn:hover,
.headerSearch-style--1 .btn:focus {
  color: #0787ea;
}

.select2-results__option:hover,
.select2-results__option:focus,
.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
  background: #0787ea;
  color: #fff;
}
 
/*==========================================================*/
/* Breadcrumbs */
/*==========================================================*/

.breadcrumbs_wrp {
  background: #fbfbfb;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
}

.breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  list-style: none;
}

.breadcrumb li a {
  color: #323232;
}

/*==========================================================*/
/* Footer */
/*==========================================================*/

.footer {
  color: rgba(255, 255, 255, 0.8)
}

.footer-bottom {
  padding: 18px 0;
  background: #131313
}

.footer-bottom .copyright {
  font-size: 013px
}

.footer .heading {
  color: rgba(255, 255, 255, 0.8)
}

.footer ul.footer-links {
  margin: 0;
  padding: 0;
  list-style: none
}

.footer .footer-links>li>a {
  display: inline-block;
  padding: 04px 0;
  font-size: 013px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7)
}

.footer .footer-links>li>a:hover {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer-links>li>.footer-link-date {
  display: block;
  margin-bottom: 08px
}

.footer p {
  font-size: 14px
}

.footer .social-media>li>a>i {
  color: rgba(255, 255, 255, 0.7)
}

.footer .social-media>li>a:hover>i {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer-menu {
  padding: 0;
  margin: 0;
  list-style: none
}

.footer .footer-menu>li {
  display: inline-block;
  margin-right: 16px
}

.footer .footer-menu>li>a {
  display: inline-block;
  padding: 04px 0.64px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase
}

.footer .footer-menu-sm>li>a {
  font-size: 12px
}

.footer .footer-menu>li:lahence-child>a {
  margin-right: 0
}

.footer .footer-menu>li>a:hover {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer-menu>li.logo-delimiter {
  padding-left: 32px;
  padding-right: 32px
}

@media (max-width: 991px) {
  .footer .footer-menu>li.logo-delimiter {
    display: none
  }
}

.footer .copy-links {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none
}

.footer .copy-links li {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  color: #818a91
}

.footer .copy-links li a {
  color: #818a91
}

.footer .copy-links li a:hover {
  text-decoration: underline
}

.footer-inverse {
  background: #eee;
  color: rgba(0, 0, 0, 0.8)
}

.footer-inverse .footer-bottom {
  background: #ececec
}

.footer-inverse .heading {
  color: rgba(0, 0, 0, 0.8)
}

.footer-inverse .footer-links>li>a {
  color: rgba(0, 0, 0, 0.7)
}

.footer-inverse .footer-links>li>a:hover {
  color: rgba(0, 0, 0, 0.5)
}

.footer-inverse .social-media>li>a>i {
  color: rgba(0, 0, 0, 0.7)
}

.footer-inverse .social-media>li>a:hover>i {
  color: rgba(0, 0, 0, 0.5)
}

.footer-inverse .footer-menu>li>a {
  color: rgba(0, 0, 0, 0.7)
}

.footer-inverse .footer-menu>li>a:hover {
  color: rgba(0, 0, 0, 0.5)
}

.footer-style-1 {
  background: #0747a6;
  color: #FFF
}

.footer-style-1 .footer-links>li>a,
.footer-style-1 .heading {
  color: #FFF
}

.footer-style-1 .social-media>li>a>i {
  color: #FFF
}

.footer-style-2,
.footer-style-2 .footer-top,
.footer-style-2 .footer-bottom {
  background: #efefef
}


/* Main Slider */
.intro-banner:after, .intro-banner:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to right,rgba(250,250,250,1) 20%,rgba(250,250,250,.95) 50%,rgba(250,250,250,0.1) 80%,rgba(250,250,250,0) 100%);
}

.intro-banner-search-form {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,.09);
}

.intro-search-field {
    padding: 10px 12px;
    border-right: 1px solid #e4e4e4;
    flex: 1;
    align-items: center;
    display: flex;
    position: relative;
}
.intro-banner-search-form .input-with-icon {
    align-self: center;
    flex: 1;
}
.intro-banner-search-form  input {
    padding: 10px 15px; 
	font-size: 18px;
}
.intro-banner-search-form .input-with-icon input{
   padding-left: 43px;
}
.intro-banner-search-form .input-with-icon i {
    position: absolute;
    right: auto;
    left: 10px;
    top: 8px;
    font-size: 24px;
    color: #b0b0b0;
}

/* Stats */
.intro-stats li strong {
    font-weight: 600;
    color: #333;
    font-size: 28px;
    margin-bottom: 2px;
	display: block;
}
.intro-stats li span {
    font-weight: 400;
    color: #888;
    font-size: 18px;
}
.intro-stats li {  
    border-right: 1px solid #e0e0e0;
	margin-right: 30px;
	padding-right: 30px;
}
.intro-stats li.list-inline-item:not(:last-child){
  margin-right: 30px;
	padding-right: 30px;	
}
.intro-stats li:last-child{
  border: none;
}
/* Shadow hover */
.box--hover-static{
  -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

.box--hover:hover{
  -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

/* Owl Carousel */
.owl-carousel .owl-item img{
  width: auto;
  margin: auto;
}

/* Header image */
.header-image {
    height: 100px; 
    flex: 0 0 100px;
    margin-right: 35px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    display: flex;
    padding: 0 10px;
}
.header-image img {
    align-self: center;
    transform: translate3d(0,0,0);
}

/* Start Rating */
.star-rating:before {
    content: attr(data-rating);
    float: left;
    border-radius: 4px;
    background-color: #febe42;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    padding: 2px 7px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.star-rating .star {
    display: inline-block;
    margin: 0;
    padding: 2px;
    float: left;
    margin-right: 0;
    position: relative;
}
.star-rating .star.half:after, .star-rating .star:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005";
    display: block;
    color: #febe42;
    font-size: 11px;
	line-height: 13px;
} 
.star-rating .star.empty:before
{
  color:#dddddd;
}
.leave-rating-container .star-rating{ 
  position: relative;
  display: inline-block;
} 
img.flag {
    height: 16px;
    border-radius: 3px;
    position: relative;
    top: -1px;
    display: inline-block;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin-right: 5px;
    cursor: default;
}
.verified-badge-with-title {
    position: relative;
    height: 26px;
    display: flex;
    top: -1px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    background-color: #30ab4a;
    text-align: center;
    z-index: 10;
    font-weight: 500;
    border-radius: 4px;
    padding: 0 8px 0 0;
    margin: 0;
    overflow: hidden;
    padding-left: 34px;
    line-height: 27px;
	max-width: 100px;
}
.verified-badge-with-title:before {
    content: "\f17b";
    font: normal normal normal 16px/1 LineAwesome;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px;
    height: 26px;
    width: 26px;
    display: inline-block;
    background-color: #38b653;
}
.verified-badge-with-title.lp-bgcolor-red:before
{
  background-color: #f00;
  content: "\f191";
}
/* Location Map */
.location-map{
  width: 100%;
  height: 300px;
}
/* Company Alpabetics */
.alp-list a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: transparent;
    border-radius: 4px;
    transition: .3s;
    margin: 1px;
}
.alp-list a.active{
  background-color: #0787ea;
  color: #fff;
}
.alp-list a:hover{
	background-color: #000000;
  color: #fff;
}

/*==========================================================*/
/* jQuery UI */
/*==========================================================*/

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 9px;
  border-radius: 10px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
  margin-left: -4px;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget-content {
  background: #dddddd;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: none;
  background: #0787ea;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */

.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
  border: 2px solid #0787ea;
  background: #fff;
  font-weight: normal;
  color: #454545;
  border-radius: 100%;
}

/* Responsive */
@media screen and (max-width: 575px){
  .intro-stats li.list-inline-item:not(:last-child), .intro-stats li {
    margin-right: 5px;
    padding-right: 5px;
  }
  .intro-stats li strong{
    font-size: 18px;
  }
  .intro-stats li span{
	font-size: 14px;
  }
.single-company-profile .media {
  display: block;	
}
.header-image{
  display: block;
  height: auto;
  margin-bottom: 10px;
  padding: 15px;
  text-align: center;
}
}
@media screen and (max-width: 767px){
	.intro-search-field, .intro-banner-search-form{
	  display: block;
	}
	.intro-banner-search-form{
      background: transparent;
	  box-shadow: none;
	}
	.intro-search-field, .intro-search-button{
	  background: #fff;
	  box-shadow: 0 2px 12px rgba(0,0,0,.09); 
	  border-radius: 5px;
	}
	.intro-search-field label{
	  top: -35px;	
	}
}