/*
  TemplateMo 560 Astro Motion
  https://templatemo.com/tm-560-astro-motion
*/

html, body, .page-container {
   height: 100vw;
}

body {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 19px;
   font-weight: 300;
   color: white;
   line-height: 1.5;
}

a {
   color: #9F6;
   text-decoration: none;
   transition: all 0.3s ease;
}

a:hover {
   color: #3CF;
}

p {
   line-height: 1.7;
}

h2 {
   font-size: 1.8rem;
}

.highlight {
   color: #99FF66;
}

.page-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-left: 30px;
   padding-right: 30px;
}

.container-fluid {
   max-width: 1860px;
}

.btn {
   font-size: 1.3rem;
   padding: 13px 23px;
   border-radius: 0;
}

.btn-primary {
   background-color: white;
   border: none;
   color: #333;
}

.btn-primary:hover,
.btn-primary:focus {
   color: #5cac38;
   background-color: white;
}


/* Background Video */
#bg-video {
   position: fixed;
   left: 50%;
   top: 50%;
   bottom: auto;
   right: auto;
   min-width: 100%;
   min-height: 100%;
   transform: translateX(-50%) translateY(-50%);
   z-index: -100;
   background-image: url(../img/tm-astro-bg.jpg);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

/* Navigation */
#tm-nav {
   z-index: 1000;
}

.navbar a {
   color: white;
}

.navbar-brand {
   font-size: 2.3rem;
}

.navbar {
   margin-top: 15px;
}

.navbar .navbar-nav .nav-item {
   margin-left: 15px;
   margin-right: 15px;
}

.navbar .navbar-nav .nav-item:last-child {
   margin-right: 0;
}

.navbar .navbar-nav .nav-item .nav-link {
   font-size: 1.5rem;
   padding: 15px 65px;
   border-bottom: 1px solid white;
}

.nav-item {
   position: relative;
}

.nav-link {
   text-align: center;
}

.circle {
   position: absolute;
   left: calc(50% - 10px);
   bottom: -10px;
   width: 20px;
   height: 20px;
   background-color: white;
   border-radius: 50%;
}

.tm-border-bottom {
   border-bottom: 1px solid white;
   padding-bottom: 48px;
}

.tm-border-top {
   border-top: 1px solid white;
   padding-top: 48px;
}

.navbar .navbar-nav .nav-item.selected .nav-link,
.navbar .navbar-nav .nav-item .nav-link:hover {
   color: #99FF66;
   border-bottom: 1px solid #99FF66;
}

.tm-slider-nav li.selected a+.circle,
.navbar .navbar-nav .nav-item .nav-link:hover+.circle {
   background-color: #99FF66;
}

.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
   border: 1px solid rgba(255,255,255,1);
}

.navbar-toggler:focus {
   box-shadow: none;
}

.tm-link-white {
   color: white;
}

.tm-link-white:hover,
.tm-link-white:focus {
   color: #99FF66;
}

.cd-hero-slider {
   padding: 10px 0;
}

.cd-hero-slider li {
   list-style: none;
}

.content-pad {
   padding: 40px 30px;
}

.page-width-1 {
   max-width: 810px;
}

.page-width-2 {
   max-width: 912px;
}

.page-left {
   margin-left: 100px;
}

.page-right {
   margin-right: 100px;
   margin-left: auto;
}

.tm-bg-dark {
   background-color: rgba(0,0,0,.5);
   color: #fff;
}

.intro-left {
   margin-right: 20px;
   padding: 30px 40px;
   max-width: 85%;
}

.intro-img-1 {
   margin-bottom: 20px;
   max-width: 200px;
}

.intro-img-2 {
   max-width: 200px;
}

.intro-circle-1 {
   left: -20px;
   top: -10px;
}

.intro-circle-2 {
   right: -20px;
   top: -10px;
   left: auto;
}

.intro-circle-3 {
   right: -20px;
   bottom: -10px;
   left: auto;
}

.intro-circle-4 {
   left: -20px;
   bottom: -10px;
}

.tm-intro-btn {
   margin-top: 25px;
}

.tm-footer {
   padding-top: 25px;
   padding-bottom: 25px;
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.clearfix::after {
   content: "";
   clear: both;
   display: table;
}


/* Gallery page */
.gallery-container {
   max-width: 1300px;
}

.slick-dots {
   bottom: -80px;
}

.gallery-slider figure {
   position: relative;
   float: left;
   overflow: hidden;
   margin: 0;
   max-width: 240px;
   margin-left: 10px;
   margin-right: 10px;
   height: auto;
   background: #3085a3;
   text-align: center;
   cursor: pointer;
}

.gallery-slider figure img {
   position: relative;
   display: block;
   min-height: 100%;
   max-width: 100%;
}

.gallery-slider figure figcaption {
   padding: 1em;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.25em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

.gallery-slider figure figcaption::before,
.gallery-slider figure figcaption::after {
   pointer-events: none;
}

.gallery-slider figure figcaption,
.gallery-slider figure figcaption > a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* Anchor covers entire image */
/* Select images will show button */
.gallery-slider figure figcaption > a {
   z-index: 1000;
   text-indent: 200%;
   white-space: nowrap;
   font-size: 0;
   opacity: 0;
}

.gallery-slider figure h2 {
   word-spacing: -0.15em;
   font-weight: 300;
   font-size: 28px;
}

.gallery-slider figure h2 span {
   font-weight: 800;
}

.gallery-slider figure h2,
.gallery-slider figure p {
   margin: 0;
}

.gallery-slider figure p {
   letter-spacing: 1px;
   font-size: 68.5%;
}

.gallery-section {
   background-color: #99ccff;
}

.gallery-section .title {
   padding-right: 13px;
   margin-bottom: 80px;
}


/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
   background: #2f3238;
}

figure.effect-julia img {
   -webkit-transition: opacity 1s, -webkit-transform 1s;
   transition: opacity 1s, transform 1s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}

figure.effect-julia figcaption {
   display: flex;
   align-items: center;
}

figure.effect-julia h2 {
   position: relative;
   padding: 0.5em 0;
}

figure.effect-julia p {
   display: inline-block;
   margin: 0 0 0.25em;
   padding: 0.4em 1em;
   background: rgba(255,255,255,0.9);
   color: #2f3238;
   text-transform: none;
   font-weight: 500;
   font-size: 75%;
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   -webkit-transform: translate3d(-360px,0,0);
   transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
   -webkit-transition-delay: 0.15s;
   transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
   -webkit-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
   -webkit-transition-delay: 0.05s;
   transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
   -webkit-transition-delay: 0.05s;
   transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
   -webkit-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

figure.effect-julia:hover img {
   opacity: 0.4;
   -webkit-transform: scale3d(1.1,1.1,1);
   transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
   opacity: 1;
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
}

.gallery-slider .slick-dots li.slick-active, 
.gallery-slider .slick-dots li:hover {
   background-color: #3CCDFF;
}

.gallery-slider .slick-dots li {
   background-color: #ffffff;
   width: 20px;
   height: 20px;
   border-radius: 100%;
   margin: 0 10px;
   transition: all 0.3s ease;
}


/* About */
.tm-about-container {
   border-top: 1px solid white;
   padding-top: 50px;
   padding-bottom: 50px;
   border-bottom: 1px solid white;
}

/* Contact */
.tm-contact-left {
   padding-right: 55px;
}

.form-control {
   font-size: 1.2rem;
   padding: 15px 0;
}

.form-control,
.form-control:focus {
   color: white;
   background-color: transparent;
}

.form-control:focus {
   border-bottom: 1px solid #99FF66;
   outline: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
  }

.form-control::-webkit-input-placeholder {
   color: white;
}

.form-control:-moz-placeholder {
   color: white;
}

.form-control::-moz-placeholder {
   color: white;
}

.form-control:-ms-input-placeholder {
   color: white; 
}

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

.tm-mb-45 {
   margin-bottom: 45px;
}

.tm-btn-pad-2 {
   padding: 10px 38px;
}

.map-outer{
   position:relative;
}

.gmap-canvas {
   overflow:hidden;
   background:none!important;
}

.map-outer,
.gmap-canvas {
   height:200px;
   width:100%;
}

.tm-footer-right {
   text-align: right;
}

@media (min-width: 992px) {
   .navbar-expand-lg .navbar-collapse {
      justify-content: flex-end;
   }
}

@media (max-width: 1200px) {
   .navbar .navbar-nav .nav-item .nav-link {
      padding: 15px 45px;
   }
}

@media (max-width: 1024px) {
   .navbar .navbar-nav .nav-item .nav-link {
      font-size: 1.2rem;
   }
}

@media (max-width: 992px) {
   .navbar {
      margin-top: 0;
      position: relative;
      max-height: auto;
      height:auto;
   }
   .navbar-collapse {
      position: absolute;
      top: 63px;
      right: 0;
      background-color: rgba(0,0,0,.5);
      border-radius: 5px;
   }
   .navbar .navbar-nav .nav-item {
      margin-bottom: 20px;
   }
   .page-left,
   .page-right {
      margin-left: auto;
      margin-right: auto;
   }
   .cd-hero-slider {
      padding: 10px 0;
   }
}

@media (max-width: 834px) {
   .intro-left {
      width: 65%;
   }
   .intro-right {
      width: 35%;
   }
}

@media (max-width: 767px) {
   .tm-contact-left {
      padding-right: 15px;
      margin-bottom: 50px;
   }
   .tm-footer-right {
      text-align: left;
      margin-top: 10px;
   }
}

@media (max-width: 600px) {
   .intro-left,
   .intro-right {
      width: 100%;
   }
   .intro-left {
      margin-right: 0;
      margin-bottom: 20px;
      max-width: none;
   }
   .intro-right {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
   }
   .intro-container {
      flex-direction: column;
   }
   .intro-img-1 {
      margin-right: 4%;
      margin-bottom: 0;
      width: 18%;
   }
   .intro-img-2 {
      width: 18%;
   }
}


/* ======================================
  custom styles
====================================== */

/* https://ihatetomatoes.net/create-custom-preloading-screen/ */
#loader-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; 
   z-index: 2000; 
}

#loader {
   display: block;
   position: relative;
   left: 50%;
   top: 50%;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #3498db; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
   z-index: 2001; 
}

#loader:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #e74c3c; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
}

#loader:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   right: 15px;
   bottom: 15px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #f9c922; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ 
}

@keyframes spin {
   0%   {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
   }
   100% {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
   }
}

#loader-wrapper .loader-section {
   position: fixed;
   top: 0;
   width: 51%;
   height: 100%;
   background: #222222;
   z-index: 2000;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
   transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
   left: 0; 
}

#loader-wrapper .loader-section.section-right {
   right: 0; 
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
   transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
   transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
   transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
   transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
   opacity: 0;  
   transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
   visibility: hidden;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
   transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
   transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
   display: none; 
}


/* Slider */
.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.slick-list:focus {
   outline: none;
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.slick-track:before,
.slick-track:after {
   display: table;
   content: '';
}

.slick-track:after {
   clear: both;
}

.slick-loading .slick-track {
   visibility: hidden;
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
}

[dir='rtl'] .slick-slide {
   float: right;
}

.slick-slide img {
   display: block;
}

.slick-slide.slick-loading img {
   display: none;
}

.slick-slide.dragging img {
   pointer-events: none;
}

.slick-initialized .slick-slide {
   display: block;
}

.slick-loading .slick-slide {
   visibility: hidden;
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
   display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
   position: absolute;
   display: block;
   font-size: 0px;
   cursor: pointer;
   background-color: transparent;
   color: transparent;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   padding: 0;
   border: none;
   outline: none;
   z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
   outline: none;
   background-color: transparent;
   color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
   opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
   opacity: 1;
}

.slick-prev:before,
.slick-next:before {
   font-family: fontawesome;
   font-size: 30px;
   line-height: 1;
   color: #000;
   opacity: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
   left: -20px;
}

[dir="rtl"] .slick-prev {
   left: auto;
   right: -25px;
}

.slick-prev:before {
   content: '\f104';
}

[dir="rtl"] .slick-prev:before {
   content: '';
}

.slick-next {
   right: -20px;
}

[dir="rtl"] .slick-next {
   left: -25px;
   right: auto;
}

.slick-next:before {
   content: '\f105';
}

[dir="rtl"] .slick-next:before {
   content: '';
}

/* Dots */
.slick-dotted.slick-slider {
   margin-bottom: 30px;
}

.slick-dots {
   position: absolute;
   bottom: -50px;
   list-style: none;
   display: block;
   text-align: center;
   padding: 0;
   margin: 0;
   width: 100%;
}

.slick-dots li {
   position: relative;
   display: inline-block !important;
   margin: 0 5px;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button {
   border: 0;
   background-color: transparent;
   outline: none;
   font-size: 0px;
   color: transparent;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
   outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
   opacity: 1;
}

.slick-dots li button:before {
   content: '\f111';
   font-family: fontawesome;
   font-size: 18px;
   text-align: center;
   color: #000;
   opacity: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
   color: red;
   opacity: 1;
   content: '\f192';
}


/* Animation Effects */
@keyframes pulsate {
   0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
   }
   100% {
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
   }
}

.pulse {
   animation: pulsate 2s infinite;
}

@-webkit-keyframes beatit {
   0% {
      opacity: 0.3;
   }
   50% {
      opacity: 1.0;
   }
   100% {
      opacity: 0.3;
   }
}

.beat {
   -webkit-animation-name: beatit;
   -webkit-animation-duration: 2.5s;
   -webkit-animation-timing-function: ease-out;
   -webkit-animation-iteration-count: infinite;
}

/* Display Card */
.shell {
   padding: 80px 0;
}

.wsk-cp-profile {
   background: #2B2F2C;
   background-color: #00000;
   #background-color: rgba(0,0,0,.3);
   color: #FFFFFF;
   filter: alpha(opacity=30);
   /* IE */
   -moz-opacity: 0.3;
   /* Mozilla */
   opacity: 0.3;
   padding: 15px;
   border-radius: 6px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   position: relative;
   margin: 20px auto;
}

.wsk-cp-img {
   position: absolute;
   top: 5px;
   left: 50%;
   transform: translate(-50%);
   -webkit-transform: translate(-50%);
   -ms-transform: translate(-50%);
   -moz-transform: translate(-50%);
   -o-transform: translate(-50%);
   -khtml-transform: translate(-50%);
   width: 100%;
   padding: 15px;
   transition: all 0.2s ease-in-out;
}

.wsk-cp-img img {
   width: 100%;
   height: auto;
   max-width: 350px;
   transition: all 0.2s ease-in-out;
   border-radius: 6px;
}

.wsk-cp-profile:hover .wsk-cp-img {
   top: -40px;
}

.wsk-cp-profile:hover .wsk-cp-img img {
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.wsk-cp-text {
   padding-top: 150%;
}

.wsk-cp-text .category {
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   padding: 5px;
   margin-bottom: 45px;
   position: relative;
   transition: all 0.2s ease-in-out;
}

.wsk-cp-text .category > * {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -khtml-transform: translate(-50%, -50%);

}

.wsk-cp-text .category > span {
   padding: 12px 30px;
   border: 1px solid #313131;
   background: #212121;
   color: #fff;
   box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
   border-radius: 27px;
   transition: all 0.05s ease-in-out;
}

.wsk-cp-profile:hover .wsk-cp-text .category > span {
   border-color: #ddd;
   box-shadow: none;
   padding: 11px 28px;
}

.wsk-cp-profile:hover .wsk-cp-text .category {
   margin-top: 0px;
}

.wsk-cp-text .title-profile {
   text-align: center;
}

.wsk-cp-text .title-profile h3 {
   font-size: 18px;
   font-weight: bold;
   margin: 15px auto;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: 100%;
}

.wsk-cp-text .description-prof p {
   margin: 0;
}

.wsk-cp-text .description-prof {
   text-align: center;
   width: 100%;
   height: 62px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin-bottom: 15px;
}

.card-footer {
   padding: 25px 0 5px;
   border-top: 1px solid #ddd;
}

.card-footer:after, .card-footer:before {
   content: '';
   display: table;
}

.card-footer:after {
   clear: both;
}

.card-footer .wcf-left {
   float: left;
}

.card-footer .wcf-right {
   float: right;
}

.place {
   font-size: 18px;
   font-weight: bold;
}

a.chat-btn {
   display: block;
   color: #212121;
   text-align: center;
   font-size: 18px;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   border: 1px solid #212121;
   transition: all 0.2s ease-in-out;
}

a.chat-btn:hover, a.chat-btn:active, a.chat-btn:focus {
   border-color: #FF9800;
   background: #FF9800;
   color: #fff;
   text-decoration: none;
}

.wsk-btn {
   display: inline-block;
   color: #212121;
   text-align: center;
   font-size: 18px;
   transition: all 0.2s ease-in-out;
   border-color: #FF9800;
   background: #FF9800;
   padding: 12px 30px;
   border-radius: 27px;
   margin: 0 5px;
}

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

.red {
   color: #F44336;
   font-size: 22px;
   display: inline-block;
   margin: 0 5px;
}

@media screen and (max-width: 991px) {
   .wsk-cp-profile {
      margin: 40px auto;
   }
   .wsk-cp-profile .wsk-cp-img {
      top: -40px;
   }
   .wsk-cp-profile .wsk-cp-img img {
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
   }
   .wsk-cp-profile .wsk-cp-text .category>span {
      border-color: #ddd;
      box-shadow: none;
      padding: 11px 28px;
   }
   .wsk-cp-profile .wsk-cp-text .category {
      margin-top: 0px;
   }
   a.chat-btn {
      border-color: #FF9800;
      background: #FF9800;
      color: #fff;
   }
}