/********************************************************************************
	Theme Name: Compass Clinical Associates, PLLC 
	Theme URL: https://www.compassclinicalassociates.com/
	Description: This theme is a 12-column Widget-ready theme created for WordPress.
	Author: Amplimark LLC, Des Moines, Iowa
	Author URI: https://www.amplimark.com 
	Version: 1.0
	Tags: Amplimark, Compass Clinical Associates
********************************************************************************/
/*
         AAAAAAA    MMMMMMMM     MMMMMMM PPPPPPPPPPPP      LLLLLLL          IIIIIII MMMMM           MMMMM          AA          RRRRRRRRRRRR       KKKKKK      KKKKK
        AAAAAAAA   MMMMMMMMM   MMMMMMMMM PPPPPPPPPPPPPP    LLLLLLL          IIIIIII MMMMMM         MMMMMM         AAAA         RRRRRRRRRRRRRR     KKKKKK    KKKKK
       AAAAAAAAA  MMMMMMMMMM  MMMMMMMMMM PPPPPP    PPPPPP  LLLLLLL          IIIIIII MMMMMMMM     MMMMMMMM        AAAAAA        RRRRR   RRRRRRR    KKKKKK  KKKKK
      AAAAAAAAAA MMMMMMMMMMM MMMMMMMMMMM PPPPPP     PPPPPP LLLLLLL          IIIIIII MMMM MMMM   MMMM MMMM       AAA AAAA       RRRRR      RRRRR   KKKKKKKKKKK
     AAAAAAAAAAA MMMMMMMMMMM MMMMMMMMMMM PPPPPP    PPPPPP  LLLLLLL          IIIIIII MMMM MMMMM MMMMM MMMM      AAAA  AAAA      RRRRR    RRRRRR    KKKKKKKKKK
    AAAAAAAAAAAA MMMMM MMMMM MMMMM MMMMM PPPPPPPPPPPPPP    LLLLLLL          IIIIIII MMMM  MMMMMMMMM  MMMM     AAAA    AAAA     RRRRRRRRRRRRR      KKKKKKKKKKK
   AAAAAAAA AAAA MMMM  MMMMM MMMM  MMMMM PPPPPP            LLLLLLL          IIIIIII MMMM   MMMMMMM   MMMM    AAAAAAAAAAAAAA    RRRRR   RRRRRR     KKKKKK  KKKKK
  AAAAAAAA  AAAA MMM   MMMMM MMM   MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM    MMMMM    MMMM   AAAA       AAAAA   RRRR     RRRRRRR   KKKKKK    KKKKK
 AAAAAAAA   AAAA MM    MMMMM MM    MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM     MMM     MMMM  AAAA         AAAAA  RRRRR     RRRRRRR  KKKKKK      KKKKK
AAAAAAAA    AAAA M     MMMMM M     MMMMM PPPPPP            LLLLLLLLLLLLLLLL IIIIIII MMMM      M      MMMM AAAA           AAAAA RRRRR      RRRRRRR KKKKKK        KKKKK

*/


#notice ul {list-style:disc!important;margin-left:25px;}
.pp {
  width: 100%;
  font-size: 1.5em;
  font-weight: 500
}
.pp .block-grid-md-3 {
  max-width: 31%;
  margin: 0 1%;
  float: left;
  padding: 10px 0
}
.pp img {
  width: 452px !important;
  height: 603px !important;
  padding: 10px 5px
}
* {
  padding: 0;
  margin: 0
}
html {
  width: 100%;
  height: 100%;
  font-size: calc(16px + .2vw);
  position: relative;
  overflow: visible
}
body {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 100;
  font-weight: 300;
  font-size: 1.05rem;
  letter-spacing: .25px;
  line-height: 1.3em;
  overflow-x: hidden;
  background-color: #fff;
  color: #333 !important
}
.wrapper, body, html {
  height: 100%
}
h1, h2, h3, h4, h5, h6 {
  color: #4a341a;
  color: #815033;
  line-height: 1.2;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0
}
h1, h2, h3, h4 {
  margin-bottom: 15px
}
.info h4 {
  margin-bottom: 0
}
h5 {
  margin-bottom: 10px
}
p.legal {
  font-size: 0.9em !important;
}
.matt {
  max-height: 360px;
  margin-bottom: 25px;
  background: #f1f1f1;
  padding: 5px
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0;
  padding-bottom: 1rem
}
.pad50 {
  padding: 50px 0
}
.wd50 {
  max-width: 50%;
  margin: 0 auto;
  text-align: center
}
.tmshdr {
  font-weight: 500;
  color: #825031;
  font-size: 3rem
}
.ccatitle {
  color: #825033
}
.ccacontent {
  margin: 20px 0
}
.ccacontent ul li {
  list-style: disc;
  color: #828282;
  list-style-position: inside
}
.speciality {
  color: #b9b9b9 !important
}
@media (min-width:1024px) {
  nav.navbar.bootsnav ul.nav > li > a {
    font-size: 1em !important;
    letter-spacing: .06em;
    padding: 35px 15px;
    text-transform: uppercase
  }
}
.container {
  width: 100% !important;
  margin: 0 auto
}
@media (min-width:1200px) {
  .container {
    width: 80%;
    max-width: 1200px
  }
}
@media (min-width:1600px) {
  .container {
    width: 90%;
    max-width: 1300px
  }
}
@media (min-width:1900px) {
  .container {
    width: 80%;
    max-width: 1520px
  }
}
@media (min-width:2400px) {
  .container {
    width: 80%;
    max-width: 2050px
  }
}
.equal-height .column_attr {
  height: 100%;
  box-sizing: border-box
}
.equal-height i {
  padding-right: 10px;
  font-size: 25px;
  color: #000
}
.equal-height .mcb-wrap.valign-middle .mcb-wrap-inner {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
.equal-height .mcb-wrap .mcb-wrap-inner {
  position: relative;
  float: left;
  width: 100%
}
.mcb-wrap {
  float: left;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.providerWrapper {
  background: #aba8a2
}
.ourvp ul li {
  color: #f1f1f1;
  font-weight: 400;
  font-size: 1.2em;
  list-style: disc;
  list-style-position: inside
}
.ourvp a {
  color: #f1f1f1;
  font-weight: 400;
  font-size: 1em
}
.ourvp a:hover {
  color: #2ba681;
  font-weight: 400;
  font-size: 1em
}
.ourvp .btn.focus, .ourvp .btn:focus, .ourvp .btn:hover {
  border: 2px solid #2ba681
}
.fontshadow {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  text-transform: uppercase !important
}
.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 {
  display: block;
  width: 100%;
  margin: 0;
  clear: both;
  border: 0;
  height: 10px
}
.vertical-space1 {
  height: 10px
}
.vertical-space2 {
  height: 20px
}
.vertical-space3 {
  height: 30px
}
.vertical-space4 {
  height: 40px
}
.vertical-space5 {
  height: 50px
}
.ccasidebar {
  padding-right: 25px;
  font-weight: 400;
  font-size: 1.2em
}
.ccasidebar a {
  color: #815032;
  font-weight: 400
}
.ccasidebar a:hover {
  color: #000
}
.our-team > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch
}
.our-team > ul > li {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: -2px
}
@media screen and (min-width:680px) {
  .our-team > ul > li:nth-child(2n-1) {
    margin-right: 20px
  }
  .our-team > ul > li {
    width: calc(50% - 20px)
  }
}
@media screen and (min-width:1024px) {
  .our-team > ul > li {
    width: calc(33.33333333% - 80px);
    margin: 25px
  }
}
.our-team .back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #767676;
  border: 2px solid #767676;
  opacity: 0
}
.our-team .card {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
@media screen and (min-width:1200px) {
  .our-team.card {
    -webkit-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px)
  }
}
.our-team .front {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 600px;
  background: #fff;
  border: 2px solid #d4c4bb
}
.our-team .card .back, .our-team .card .front {
  padding: 20px 20px 10px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center
}
@media screen and (min-width:1200px) {
  .our-team .front {
    min-height: 320px;
    -webkit-transform: perspective(1000px) rotateY(0);
    -ms-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    backface-visibility: hidden;
    transition: 550ms;
    opacity: 1
  }
}
.our-team .card .back img.photo, .our-team .card .front img.photo {
  display: block;
  height: auto;
  width: 280px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #4a361a
}
.header_4 {
  padding: 6px 0
}
.phdr {
  padding: 10px 0;
  font-weight: 400;
  font-size: 1.2em
}
.card {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.front {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 2px solid #d7e0e6
}
.back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  border: 2px solid #d7e0e6;
  opacity: 0
}
.back .cta, .back .header_4 {
  color: #fff !important
}
.pdata {
  font-size: .8em;
  line-height: 1.2em;
  padding-top: 5px;
  color: #825033
}
.pdata ul li {
  padding-bottom: 8px
}
.our-team [class*=col-] img {
  height: auto;
  max-width: 100%;
  margin: 0 auto
}
.card {
  -webkit-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px)
}
.front {
  min-height: 320px;
  -webkit-transform: perspective(100px) rotateY(0);
  -ms-transform: perspective(1000px) rotateY(0);
  transform: perspective(1000px) rotateY(0);
  backface-visibility: hidden;
  transition: 550ms;
  opacity: 1
}
.back {
  -webkit-transform: perspective(1000px) rotateY(-180deg);
  -ms-transform: perspective(1000px) rotateY(-180deg);
  transform: perspective(1000px) rotateY(-180deg);
  backface-visibility: hidden;
  transition: 550ms
}
.card.applyflip .front {
  opacity: 0;
  -webkit-transform: perspective(1000px) rotateY(180deg);
  -ms-transform: perspective(1000px) rotateY(180deg);
  transform: perspective(1000px) rotateY(180deg)
}
.card.applyflip .back {
  opacity: 1;
  -webkit-transform: perspective(1000px) rotateY(0);
  -ms-transform: perspective(1000px) rotateY(0);
  transform: perspective(1000px) rotateY(0)
}
a {
  color: #00599a;
  text-decoration: none
}
img {
  border: none;
  outline: 0;
  max-width: 100%
}
label {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 5px;
  max-width: 100%
}
.btn, a, button {
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  outline: medium none
}
a img, iframe {
  border: none
}
p {
  margin: 0 0 15px;
  text-transform: none
}
.top-bar-area p {
  color: #666;
  margin: 0 0 5px;
  text-transform: none
}
.bg-footer a, .bg-footer p {
  color: #a0d7c2
}
.bg-footer h4, .bg-footer h5 {
  color: #2aa682
}
.bg-footer h5 {
  font-size: 1em
}
hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #eee
}
pre {
  display: block;
  margin: 0 0 30px;
  padding: 9.5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #333;
  border: 1px solid #ededed;
  border-radius: inherit;
  background-color: #f9f9f9;
  font-size: 13px;
  line-height: 1.42857143
}
input:focus, select:focus, textarea:focus {
  outline: 0;
  box-shadow: inherit
}
ul {
  margin: 0;
  list-style-type: none
}
a, a:active, a:focus, a:hover {
  outline: 0;
  text-decoration: none;
  color: #232323
}
a:hover {
  color: #232323
}
a {
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  text-decoration: none
}
b, strong {
  font-weight: 600;
  font-size: 1.2em
}
.btn.active, .btn:active {
  background-image: inherit !important
}
.btn.focus, .btn:active:focus, .btn:active:hover, .btn:focus, .btn:hover {
  outline: 0
}
.btn.circle {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.btn.active, .btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit
}
input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 50px
}
.container-half {
  margin: 0 auto;
  width: 60%;
  padding: 0 15px
}
.bg-cover {
  background-position: center center;
  background-size: cover
}
.bg-contain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}
.bg-fixed {
  background-attachment: fixed;
  background-position: center top;
  background-size: cover
}
.bg-gray {
  background-color: #f7f7f7
}
.bg-theme-small {
  background-color: #edf5ff
}
.bg-light {
  background-color: #6d6d6d
}
.bg-footer {
  background-color: #1a335f
}
.bg-theme {
  background-color: #2aa682
}
.text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p {
  color: #fff
}
.shadow {
  position: relative;
  z-index: 1
}
.shadow.dark::after {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.shadow.dark-hard::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.shadow.light::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.shadow.theme::after {
  background: #1cc7ce none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.shadow.theme-hard::after {
  background: #1cc7ce none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.default-padding {
  padding: 60px 0
}
.default-padding-top {
  padding-top: 60px
}
.default-padding-bottom {
  padding-bottom: 60px
}
.default-padding.bottom-less {
  padding: 60px 0
}
.default-padding.bottom-30 {
  padding-top: 60px;
  padding-bottom: 30px
}
.default-padding.bottom-20 {
  padding-top: 60px;
  padding-bottom: 20px
}
.padding-xl {
  padding-top: 120px;
  padding-bottom: 120px
}
.btn {
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  letter-spacing: 1px;
  overflow: hidden;
  border-radius: inherit
}
.btn-md {
  padding: 12px 40px 12px
}
.btn-sm {
  padding: 10px 35px;
  font-size: 18px
}
.btn.btn-sm-pro {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  padding: 4px 35px;
  display: inline-block
}
.btn-border-light {
  border: 2px solid #fff
}
.btn.btn-sm-pro.btn-border-light:focus, .btn.btn-sm-pro.btn-border-light:hover {
  background-color: #fff;
  color: #232323;
  border: 2px solid #fff
}
.btn-dark {
  background-color: #232323;
  color: #fff;
  border: 2px solid #232323
}
.btn-dark.border {
  background-color: transparent;
  color: #232323;
  border: 2px solid #232323
}
.btn-dark.border:hover {
  background-color: #232323;
  color: #fff !important;
  border: 2px solid #232323
}
.btn-gray.border {
  background-color: transparent;
  color: #1cc7ce;
  border: 2px solid #e7e7e7
}
.btn-gray.border:hover {
  background-color: #1cc7ce;
  color: #fff !important;
  border: 2px solid #1cc7ce
}
.btn.btn-light {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #232323
}
.btn.btn-light:focus, .btn.btn-light:hover {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff
}
.btn.btn-light.effect:focus, .btn.btn-light.effect:hover {
  background-color: #1cc7ce;
  color: #fff !important;
  border: 2px solid #1cc7ce
}
.btn.btn-light.border {
  background: 0 0;
  border: 2px solid #fff;
  color: #fff
}
.btn.btn-light.border:hover {
  background: #fff none repeat scroll 0 0 !important;
  border: 2px solid #fff !important;
  color: #232323 !important
}
.btn-dark:focus, .btn-dark:hover {
  color: #232323 !important;
  background: 0 0
}
.bg-dark {
  background: #2c2c2c none repeat scroll 0 0
}
.btn-theme {
  background-color: #fff;
  color: #1ec6ce !important;
  border: 2px solid #1ec6ce
}
.btn-theme.border {
  background-color: transparent;
  color: #1ec6ce !important;
  border: 2px solid #1ec6ce;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.btn-theme.border:hover {
  background-color: #2ba681;
  color: #fff !important;
  border: 2px solid #2ba681
}
.btn-theme.effect:focus, .btn-theme.effect:hover {
  background: #1ec6ce;
  color: #fff !important
}
.btn.btn-sm-lm {
  font-size: 12px;
  padding: 4px 35px
}
.bg-theme a.btn-theme.btn:focus, .bg-theme a.btn-theme.btn:hover {
  border: 2px solid #fff;
  color: #fff
}
.bg-fixed {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover
}
.bg-cover {
  background-position: center center;
  background-size: cover
}
.container-full {
  padding: 0 15px;
  width: 100%
}
.container-medium {
  padding: 0 15px;
  width: 80%;
  margin: auto
}
.oh {
  overflow: hidden
}
.less-margin {
  margin: 0
}
header {
  position: relative
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position: relative;
  z-index: 1;
  margin-left: 3px
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
  border: medium none
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background: #fff none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after, header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%
}
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after, header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0
}
.attr-nav .social.right li {
  margin-left: 20px
}
.attr-nav .social li a {
  font-size: 16px
}
nav.bootsnav.navbar-default.info-topbar .navbar-header {
  display: none
}
nav.bootsnav.navbar-default.info-topbar ul li a {
  margin-right: 30px;
  padding: 35px 0
}
nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
  margin-right: 0;
  padding: 35px 20px
}
.attr-nav > a.btn-theme.effect, .attr-nav > a.btn-theme.effect:focus, .attr-nav > a.btn-theme.effect:hover {
  background: #1cc7ce none repeat scroll 0 0;
  border: 2px solid #1cc7ce;
  color: #fff !important
}
nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
  margin-right: 30px;
  padding: 35px 0
}
.attr-nav.social li {
  display: inline-block;
  padding: 25px 0 !important;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out
}
.attr-nav.social li a {
  border: 1px solid #f4f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #1cc7ce;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  padding: 0 !important;
  text-align: center;
  width: 40px
}
nav.navbar.bootsnav.sticked .attr-nav.social li {
  display: inline-block;
  padding: 20px 0 !important
}
.site-heading h4 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.8em;
  color: #2ba681
}
.site-heading.clean h2 {
  padding-bottom: 0
}
.site-heading.clean h2 span {
  color: #1cc7ce
}
.site-heading h2 span {
  color: #1cc7ce
}
.site-heading.barber h2 span {
  color: #bc9355
}
.site-heading p {
  margin: 0
}
.site-heading h2 {
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  margin-bottom: 0
}
.site-heading h2::before {
  background: #1cc7ce none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 5px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  width: 40px
}
.bg-theme .site-heading h2::before, .half-bg .site-heading h2::before, .shadow .site-heading h2::before {
  background: #fff none repeat scroll 0 0
}
.site-heading h2 span {
  color: #1cc7ce
}
.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px
}
.site-heading.single {
  margin-bottom: 35px
}
.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px
}
.shape {
  position: relative;
  z-index: 1
}
.shape:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 0;
  border-right: 100vw solid #f7f7f7;
  border-top: 200px solid transparent;
  width: 0;
  z-index: -1
}
.side-bg {
  height: 100%;
  position: absolute;
  left: -30px;
  top: 0;
  width: 30%
}
.side-bg img {
  left: 0;
  position: absolute;
  top: 60px;
  opacity: .7
}
.side-bg.right {
  height: 100%;
  position: absolute;
  right: -30px;
  left: auto;
  top: 0;
  width: 30%
}
.side-bg.right img {
  right: 0;
  left: auto;
  position: absolute;
  top: 60px;
  opacity: .7
}
.breadcrumb-area {
  padding: 15px 0;
  overflow: hidden
}
.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1
}
.page-title-area {
  padding: 225px 0
}
.page-title-area h1 {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 40px;
  margin-top: -10px;
  margin-bottom: 0
}
.breadcrumb > li + li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding: 0 5px;
  color: #fff;
  display: none
}
.breadcrumb-area .breadcrumb li i {
  margin-right: 5px
}
.breadcrumb-area .breadcrumb li {
  padding: 0 15px;
  position: relative;
  z-index: 1
}
.breadcrumb-area .breadcrumb li::after {
  content: "";
  height: 130px;
  left: -2px;
  margin-top: -5px;
  position: absolute;
  top: -50px;
  width: 1px;
  background: #ddd
}
.breadcrumb-area .breadcrumb li:first-child::after {
  display: none
}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px
}
.breadcrumb-area .breadcrumb li.active {
  color: #1cc7ce
}
.top-bar-area {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 0;
  overflow: hidden
}
.top-bar-area .row {
  align-items: center;
  display: flex;
  float: none;
  vertical-align: middle
}
.top-bar-area .info.box li {
  display: flex;
  text-align: left;
  float: left;
  align-items: center
}
@media (min-width:120px) {
  .top-bar-area .info.box li {
    display: flex;
    text-align: center !important;
    float: left;
    align-items: center
  }
}
.top-bar-area .address-info.text-right {
  margin-bottom: -10px
}
.top-bar-area .info.box li .icon, .top-bar-area .info.box li .info {
  vertical-align: middle
}
.top-bar-area.bg-dark .info.box li .icon, .top-bar-area.bg-dark .info.box li .info {
  color: #fff
}
.top-bar-area .info.box li .info span {
  display: block;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 14px
}
.top-bar-area .info.box li .icon i {
  color: #1cc7ce;
  font-size: 40px;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.top-bar-area.bg-light .info.box li .icon i {
  color: #1cc7ce
}
.top-bar-area .info.box li .icon {
  padding-right: 15px
}
.top-bar-area .address-info.text-right .info.box li {
  margin-left: 20px;
  padding-left: 20px;
  position: relative
}
.top-bar-area .address-info.text-left .info.box li {
  margin-right: 15px;
  padding-right: 15px;
  position: relative
}
.top-bar-area .address-info.text-right .info.box li::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 1px
}
.top-bar-area.bg-dark .address-info.text-right .info.box li::after {
  background: rgba(255, 255, 255, .3)
}
.top-bar-area .address-info.text-left .info.box li::after {
  background: rgba(255, 255, 255, .1);
  content: "";
  height: 200px;
  right: 0;
  position: absolute;
  top: -50%;
  width: 1px
}
.top-bar-area .address-info.text-right .info.box li:first-child::after {
  display: none
}
.top-bar-area .address-info.text-left .info.box li:last-child::after {
  display: none
}
.top-bar-area .address-info.text-right .info.box li:first-child {
  border: medium none;
  margin-left: 0;
  padding-left: 0
}
.top-bar-area .address-info.text-left .info.box li:last-child {
  border: medium none;
  margin-right: 0;
  padding-right: 0
}
.top-bar-area .address-info.text-right .info {
  display: inline-block
}
.top-bar-area .link.text-right a {
  margin-left: 5px
}
.top-bar-area .social li {
  display: inline-block
}
.top-bar-area .social li a {
  display: inline-block;
  color: #666;
  text-align: center;
  margin-left: 20px;
  font-size: 20px
}
.top-bar-area.bg-dark .social li a {
  color: #fff
}
.top-bar-area.text-dark .social li a {
  color: #fff
}
.top-bar-area .social.text-right li {
  margin-left: 5px
}
.top-bar-area.one-line li {
  margin-right: 15px;
  padding-right: 15px
}
.top-bar-area.bg-dark li {
  color: #fff
}
.top-bar-area.one-line.bg-dark li {
  border-right: 1px solid rgba(255, 255, 255, .3)
}
.top-bar-area.one-line li:last-child {
  border: medium none;
  margin-right: 0;
  padding-right: 0
}
.top-bar-area.one-line li i {
  margin-right: 5px
}
.top-bar-area.one-line li i {
  color: #1cc7ce
}
.top-bar-area.one-line .link a {
  border-left: 1px solid #e7e7e7;
  font-weight: 500;
  margin-left: 13px;
  padding-left: 15px;
  text-transform: uppercase
}
.top-bar-area.one-line.bg-dark .link a {
  border-left: 1px solid #fff
}
.top-bar-area.one-line .link a:hover, .top-bar-area.one-line .link a:last-child:hover {
  color: #1cc7ce
}
.top-bar-area.one-line .link a:last-child {
  color: #232323
}
.top-bar-area.one-line.bg-dark .link a:last-child {
  color: #fff
}
.top-bar-area.one-line .link a:first-child {
  border: medium none;
  padding-left: 0
}
.top-bar-area .address-info.text-right a {
  color: #1cc7ce;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, .2);
  padding: 10px 25px
}
.top-bar-area .address-info.text-center .info.box {
  display: inline-block;
  margin-bottom: -10px
}
.top-bar-area .address-info.text-center .info.box li {
  margin: 0 15px
}
.top-bar-area .address-info.text-center .info.box li span {
  margin-bottom: 3px
}
.top-bar-area .address-info.text-center .info.box li span i {
  margin-right: 5px;
  color: #1cc7ce
}
.banner-area, .banner-area div, body {
  height: 100%
}
.banner-area.auto-height, .banner-area.auto-height div {
  height: auto;
  min-height: 100%
}
.banner-area .box-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}
.banner-area .box-table {
  display: table;
  width: 100%
}
.banner-area .box-cell, .banner-area .box-cell div {
  height: auto
}
.banner-area {
  position: relative;
  overflow: hidden
}
.banner-area .wavesshape {
  bottom: -2px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%
}
.banner-area .wavesshape.shape {
  bottom: -50px;
  height: auto
}
.banner-area .content {
  position: relative;
  z-index: 9;
  padding: 230px 0 !important
}
.banner-area.wavesshape {
  position: relative;
  z-index: 1
}
.banner-area.triangle-shadow {
  position: relative;
  z-index: 1
}
.banner-area.triangle-shadow::before {
  border-bottom: 0 solid transparent;
  border-right: 100vw solid #fff;
  border-top: 80px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 101
}
.banner-area.shadow-inner .content {
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden
}
.banner-area.content-double .double-items {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
  vertical-align: middle
}
.banner-area .banner-carousel .owl-item.center img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1)
}
.banner-area .banner-carousel .owl-item img {
  transform: scale(.9);
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9)
}
.banner-area .item h1:first-child, .banner-area .item h2:first-child, .banner-area .item h3:first-child, .banner-area .item h4:first-child, .banner-area .item h5:first-child, .banner-area .item h6:first-child {
  animation-delay: .5s
}
.banner-area .item h1:nth-child(2), .banner-area .item h2:nth-child(2), .banner-area .item h3:nth-child(2), .banner-area .item h4:nth-child(2), .banner-area .item h5:nth-child(2), .banner-area .item h6:nth-child(2) {
  animation-delay: .7s
}
.carousel-caption h1:nth-child(3), .carousel-caption h2:nth-child(3), .carousel-caption h3:nth-child(3), .carousel-caption h4:nth-child(3), .carousel-caption h5:nth-child(3), .carousel-caption h6:nth-child(3) {
  animation-delay: .9s
}
.banner-area .item p {
  animation-delay: .5s
}
.banner-area .item ul {
  animation-delay: .6s
}
.banner-area .item a, .banner-area .item button {
  animation-delay: .7s
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .item {
  opacity: 0
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}
.carousel-fade .carousel-control {
  z-index: 2
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1)
  }
  to {
    -webkit-transform: scale(1.2, 1.2)
  }
}
@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1)
  }
  to {
    -moz-transform: scale(1.2, 1.2)
  }
}
@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1)
  }
  to {
    -o-transform: scale(1.2, 1.2)
  }
}
@keyframes zoom {
  from {
    transform: scale(1, 1)
  }
  to {
    transform: scale(1.2, 1.2)
  }
}
.carousel-inner .item > .slider-thumb {
  -webkit-animation: zoom 20s;
  animation: zoom 20s
}
.banner-area .carousel-zoom .slider-thumb {
  height: 100%;
  position: absolute;
  width: 100%
}
#particles-js, #ripple {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.banner-area .carousel-control {
  background: transparent none repeat scroll 0 0;
  font-size: 40px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 1
}
.banner-area .carousel-control.shadow {
  background: transparent none repeat scroll 0 0;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-shadow: inherit;
  top: 50%;
  width: 50px;
  z-index: 1
}
.banner-area .carousel-control.shadow::after {
  background: #1e2726 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}
.banner-area .carousel-control.left {
  left: -50px
}
.banner-area:hover .carousel-control.left {
  left: 0
}
.banner-area:hover .carousel-control.shadow.left {
  left: 20px
}
.banner-area .carousel-control.right {
  right: -50px
}
.banner-area:hover .carousel-control.right {
  right: 0
}
.banner-area:hover .carousel-control.shadow.right {
  right: 20px
}
.banner-area .carousel-indicators {
  position: absolute;
  right: 40px;
  left: auto;
  width: auto;
  height: auto;
  top: 50%;
  transform: translate(10px, -50%);
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  -o-transform: translate(10px, -50%);
  bottom: auto;
  margin: 0
}
.banner-area .carousel-indicators li {
  display: block;
  height: 20px;
  width: 20px;
  margin: 10px 0;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: 0 0;
  position: relative;
  z-index: 1
}
.banner-area .carousel-indicators li.active::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  height: 5px;
  width: 5px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.banner-area.video-bg-live .mbYTP_wrapper {
  z-index: 1 !important
}
.banner-area .top-pad .content {
  padding-top: 140px
}
.banner-area .content .lists {
  margin-bottom: 20px
}
.banner-area .content .lists ul {
  display: inline-block
}
.banner-area .content .lists li {
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  margin-right: 10px;
  border-right: 1px solid #666;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #232323;
  padding-right: 15px;
  line-height: 15px
}
.banner-area .content .lists li:last-child {
  border: none
}
.banner-area .content .lists li i {
  margin-right: 2px
}
.banner-area .content h2 {
  font-size: 2.5em;
  margin-bottom: 20px
}
.banner-area .content h2 strong {
  font-weight: 700
}
.banner-area .content a {
  margin-right: 10px;
  margin-top: 10px
}
.banner-area .content h3 {
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: 300
}
.banner-area .content h3 span {
  font-weight: 700
}
.banner-area.inc-desc .content a {
  margin-top: 15px
}
.banner-area .text-center .content p {
  padding: 0 15%
}
.banner-area .content p {
  font-size: 16px;
  line-height: 30px
}
.banner-area.top-padding .content {
  padding-top: 60px
}
.banner-area .text-large .content h2 {
  font-size: 90px;
  line-height: 1;
  margin-bottom: 25px
}
.banner-area .text-large .content h3 {
  text-transform: uppercase;
  margin-bottom: 25px;
  letter-spacing: 1px;
  font-weight: 500
}
.banner-area .text-large .content p {
  margin-bottom: 0
}
.banner-area .text-medium .content h2 {
  font-size: 2.5em;
  line-height: 1em
}
.banner-area .text-medium .content h2 strong {
  color: #1cc7ce
}
.banner-area .text-medium .content a {
  margin-top: 15px
}
.banner-area .content p {
  font-size: 1.3em;
  line-height: 1.2em
}
.banner-area.text-center p {
  padding: 0 10%
}
.video-play-button {
  color: #1cc7ce;
  font-size: 30px;
  left: 50%;
  padding-left: 7px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  z-index: 1
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1.5s ease-out infinite;
  animation: pulse-border 1.5s ease-out infinite
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0
  }
}
.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
  color: #1cc7ce
}
.about-area .about-info li {
  float: left;
  margin-top: 30px;
  width: 50%
}
.about-area.full-width .single-item {
  margin-bottom: 30px
}
.about-area .about-info li:first-child, .about-area .about-info li:nth-child(2) {
  margin-top: 10px
}
.about-area .about-items .item a {
  padding: 50px 30px;
  display: block
}
.about-area .about-info li i, .about-area .about-items .item i {
  color: #1cc7ce;
  display: inline-block;
  font-size: 55px;
  margin-bottom: 20px;
  transition: all .35s ease-in-out
}
.about-area .features-items .single-item:nth-child(2n) .item i {
  color: #666
}
.about-area .features-items .single-item .item:hover i {
  color: #1cc7ce;
  transform: rotate(360deg)
}
.about-area .about-info li h4, .about-area .about-info li h5, .about-area .about-items .item h4, .about-area .about-items .item h5 {
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase
}
.about-area .about-items .item h5 {
  font-size: 13px;
  line-height: 1.4
}
.about-area .about-content .info {
  padding-right: 35px
}
.about-area .about-content .thumb img {
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  padding: 5px;
  background: #fff
}
.about-area .features-items {
  padding: 30px;
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  background: #fff;
  margin-bottom: 80px
}
.about-area .features-items .single-item {
  border-right: 1px solid #e7e7e7
}
.about-area .features-items .single-item:last-child {
  border: none
}
.fixed-features .features-items {
  position: relative;
  top: -125px;
  z-index: 1;
  margin-bottom: -125px
}
.about-area .about-content {
  display: block;
  float: left;
  width: 100%
}
.about-area .author-box {
  margin-top: 50px
}
.author-quote blockquote {
  margin-bottom: 35px;
  background: rgba(28, 185, 200, .07);
  padding: 30px;
  border-color: #1cc7ce;
  line-height: 30px;
  position: relative;
  z-index: 1;
  border-width: 5px;
  font-size: 16px
}
.author-quote blockquote::after {
  position: absolute;
  left: 50px;
  bottom: -15px;
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid rgba(28, 185, 200, .07)
}
.about-area .author-box .info img {
  height: 60px;
  width: auto
}
.about-area .author-box .thumb img {
  height: 120px;
  width: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e7e7e7;
  padding: 3px
}
.about-area .author-box .info {
  padding-left: 25px;
  padding-right: 0
}
.about-area .author-box.thumb-less .info {
  padding-left: 0
}
.about-area .author-box .info h4 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px;
  color: #232323
}
.about-area .author-box .info strong {
  font-weight: 700;
  color: #999
}
.about-area .info h2 {
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 25px;
  margin-top: -8px
}
.about-area .info h4 {
  margin-bottom: 25px;
  color: #1cc7ce;
  font-weight: 600
}
.about-area .about-items .thumb-box {
  position: relative;
  top: -170px;
  margin-bottom: -170px;
  padding-right: 35px
}
.about-area .about-items .thumb-box .thumb > img {
  padding: 5px;
  background: #fff;
  -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57)
}
.about-area .about-items .info li {
  float: left;
  padding-right: 30px;
  display: flex;
  align-items: center
}
.about-area .about-items .left-info h2 {
  font-weight: 600;
  line-height: 1.3
}
.about-area .about-items .left-info h2 strong {
  color: #1cc7ce
}
.about-area.pad-bottom {
  padding-bottom: 50px
}
.about-area .about-items .right-info > a {
  margin-top: 10px
}
.about-area .about-items .left-info li {
  display: block;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  margin-bottom: 10px
}
.about-area .about-items .left-info li::after {
  position: absolute;
  left: 0;
  content: "\e64d";
  top: 0;
  font-family: themify;
  color: #1cc7ce
}
.about-area .about-items .left-info li:last-child {
  margin-bottom: 0
}
.about-area .about-items .about-info {
  padding-right: 35px
}
.about-area .about-items .info ul {
  margin-top: 30px;
  overflow: hidden;
  border-top: 1px solid #e7e7e7;
  padding-top: 30px
}
.about-area .about-items .info li h5 {
  text-transform: uppercase;
  font-weight: 600
}
.about-area .about-items .about-info a {
  margin-top: 15px
}
.about-area .about-items .info li .info span {
  display: block;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  font-weight: 600
}
.about-area .about-items .info li .info {
  padding-left: 15px
}
.about-area .about-items .info li .icon {
  font-size: 45px;
  color: #1cc7ce
}
.about-area .about-info ul {
  overflow: hidden;
  margin: 0 -15px;
  border-top: 1px solid #e7e7e7;
  margin-top: 30px
}
.about-area .about-items .about-info li {
  position: relative;
  z-index: 1;
  margin: 0;
  display: flex;
  border: none;
  padding: 0 15px;
  margin-top: 40px;
  margin-bottom: -5px
}
.about-area .about-items .about-info li h5 {
  margin-bottom: 15px;
  text-transform: capitalize
}
.about-area .about-items .about-info li p {
  margin-bottom: 0
}
.about-area .about-items .about-info h2 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px
}
.about-area .about-items .about-info h2 strong {
  color: #1cc7ce;
  font-weight: 700
}
.about-area .about-items .about-info li i {
  margin: 0;
  padding-right: 20px;
  font-size: 50px
}
.about-area .about-items .about-info li:nth-child(2) i, .about-area .about-items .about-info li:nth-child(3) i, .about-area .about-items .about-info li:nth-child(6) i {
  color: #666
}
.about-area .management-quote h4 {
  text-transform: capitalize;
  font-weight: 600
}
.about-area .about-items .thumb {
  padding-right: 35px
}
.about-area .about-items .thumb img {
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  padding: 5px
}
.about-area .management-quote .management-carousel .owl-dots {
  bottom: 20px;
  text-align: center;
  margin-bottom: -12px;
  margin-top: 30px;
  position: absolute;
  top: -80px;
  right: 0;
  left: auto;
  width: auto
}
.about-area .management-quote .management-carousel .owl-dots span {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #e7e7e7;
  height: 12px;
  width: 35px
}
.about-area .management-quote .management-carousel .owl-dots .owl-dot.active span {
  background: #1cc7ce none repeat scroll 0 0;
  border-color: #1cc7ce
}
.about-area .management-quote .management-carousel .owl-nav {
  text-align: left;
  margin-top: 20px;
  margin-bottom: -5px
}
.about-area .management-quote .management-carousel .owl-nav .owl-next, .about-area .management-quote .management-carousel .owl-nav .owl-prev {
  padding: 0;
  height: 35px;
  width: 35px;
  line-height: 38px;
  text-align: center;
  background: #f1f1f1;
  color: #232323;
  font-size: 16px;
  border-radius: 50%;
  margin: 0;
  margin-right: 8px
}
.skill-area .tab-items {
  border-left: 1px solid #e7e7e7;
  padding-left: 35px
}
.skill-area .skill-items li a {
  border: 1px solid #e7e7e7;
  padding: 10px 24px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: inherit;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  z-index: 1
}
.skill-area .skill-items li.active a::after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1cc7ce;
  margin-left: -10px
}
.skill-area .skill-items ul.nav-pills {
  margin-bottom: 20px
}
.skill-area .skill-items .tab-content img {
  margin-top: 15px
}
.skill-area .skill-items li.active a {
  background: #1cc7ce;
  border-color: transparent
}
.skill-area .info-box {
  padding-right: 35px
}
.skill-area .info-box h2 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px
}
.skill-area .info-box .skill-items .progress-box .progress {
  margin-bottom: 30px;
  height: 3px
}
.skill-area .info-box .skill-items .progress-box:last-child .progress {
  margin-bottom: 0
}
.skill-area .info-box .skill-items .progress-box h5 {
  text-transform: capitalize;
  font-weight: 600
}
.skill-area .info-box .skill-items {
  margin-top: 30px
}
.skill-area .info-box .skill-items .progress-box .progress .progress-bar {
  background: #1cc7ce
}
.services-area .services-items .equal-height {
  margin-bottom: 30px
}
.services-area .services-items .item {
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  padding: 20px 30px 40px 30px;
  background: #fff;
  position: relative;
  overflow: hidden
}
.services-area .services-items .equal-height .item::after, .services-area .services-items .owl-item .item::after {
  position: absolute;
  left: -100%;
  bottom: 0;
  content: '';
  height: 3px;
  width: 100%;
  background: #1cc7ce;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out
}
.services-area .services-items .equal-height:nth-child(2n) .item::after, .services-area .services-items .owl-item:nth-child(2n) .item::after {
  background: #fea369
}
.services-area .services-items .equal-height:nth-child(3n) .item::after, .services-area .services-items .owl-item:nth-child(3n) .item::after {
  background: #1bdbac
}
.services-area .services-items .equal-height:nth-child(4n) .item::after, .services-area .services-items .owl-item:nth-child(4n) .item::after {
  background: #f48687
}
.services-area .services-items .equal-height:nth-child(5n) .item::after, .services-area .services-items .owl-item:nth-child(5n) .item::after {
  background: #30af8c
}
.services-area .services-items .equal-height:nth-child(6n) .item::after, .services-area .services-items .owl-item:nth-child(6n) .item::after {
  background: #e02d76
}
.services-area .services-items .item:hover::after {
  left: 0
}
.services-area .services-items .item span {
  position: absolute;
  right: 37px;
  bottom: 37px;
  color: #e7e7e7;
  font-size: 30px;
  font-weight: 700;
  opacity: .7
}
.services-area .services-items .item .icon i, .services-area .services-items .item > i {
  display: inline-block;
  height: 110px;
  width: 110px;
  text-align: center;
  line-height: 110px;
  background: #1a345e;
  clip-path: polygon(100% 50%, 65.45085% 97.55283%, 9.54915% 79.38926%, 9.54915% 20.61074%, 65.45085% 2.44717%);
  color: #fff;
  margin-bottom: 25px;
  font-size: 40px;
  margin-left: -10px
}
.services-area.text-center .services-items .item .icon i, .services-area.text-center .services-items .item > i {
  clip-path: inherit;
  margin-left: 0;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  line-height: 100px
}
.services-area .services-items .equal-height:nth-child(2n) .item .icon i, .services-area .services-items .owl-item:nth-child(2n) .item .icon i {
  background: #fea369
}
.services-area .services-items .equal-height:nth-child(3n) .item .icon i, .services-area .services-items .owl-item:nth-child(3n) .item .icon i {
  background: #1bdbac
}
.services-area .services-items .equal-height:nth-child(4n) .item .icon i, .services-area .services-items .owl-item:nth-child(4n) .item .icon i {
  background: #f48687
}
.services-area .services-items .equal-height:nth-child(5n) .item .icon i, .services-area .services-items .owl-item:nth-child(5n) .item .icon i {
  background: #30af8c
}
.services-area .services-items .equal-height:nth-child(6n) .item .icon i, .services-area .services-items .owl-item:nth-child(6n) .item .icon i {
  background: #e02d76
}
.services-area .services-items .item .icon {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block
}
.services-area .services-items .item .shape-box {
  z-index: 999;
  position: absolute;
  left: 20px;
  top: 8px;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg)
}
.services-area.text-center .services-items .item .shape-box {
  left: 17px;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg)
}
.services-area .services-items .item .icon span.dot-shape {
  left: 0;
  top: 0;
  height: 18px;
  width: 3px;
  background: #fff;
  opacity: 1
}
.services-area.text-center .services-items .item .icon span.dot-shape {
  height: 15px
}
.services-area .services-items .item .icon span.dot-shape:nth-child(2) {
  left: 12px;
  top: 0
}
.services-area .services-items .item .icon span.dot-shape:nth-child(3) {
  left: 6px;
  top: 0
}
.services-area .services-items .item h4 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 20px
}
.services-area .services-items .item a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px
}
.services-area.text-center .services-items .item a {
  font-size: 12px;
  border: 2px solid #e7e7e7;
  color: #2ba681;
  padding: 6px 30px;
  border-radius: 5px;
  margin-top: 10px
}
.services-area.text-center .services-items .item a:hover {
  background: #1a345e;
  color: #fff;
  border-color: #1a345e
}
.services-area .services-items .item:hover a {
  color: #1cc7ce
}
.services-area .services-items .item a i {
  position: relative;
  top: 1px;
  font-size: 12px
}
.services-area .services-items.services-carousel .owl-dots {
  bottom: 20px;
  text-align: center;
  width: 100%;
  margin-bottom: -12px;
  margin-top: 30px
}
.services-area .services-items.services-carousel .owl-dots span {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #e7e7e7;
  height: 12px;
  width: 35px
}
.services-area .services-items.services-carousel .owl-dots .owl-dot.active span {
  background: #1cc7ce none repeat scroll 0 0;
  border-color: #1cc7ce
}
.services-area.inc-thumb .equal-height {
  margin-bottom: 30px
}
.services-area.inc-thumb .item {
  display: flex;
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  background: #fff;
  border-radius: 5px
}
.services-area.inc-thumb .item .info {
  padding: 60px 30px
}
.services-area.inc-thumb .item .info, .services-area.inc-thumb .item .thumb {
  width: 50%;
  border-radius: 5px
}
.services-area.inc-thumb .item .thumb {
  background-size: cover;
  background-position: center center
}
.services-area.inc-thumb .item .info h4 {
  position: relative;
  font-weight: 600;
  text-transform: capitalize
}
.services-area.inc-thumb .item .info h4 i {
  position: absolute;
  left: -90px;
  top: -30px;
  background: #fff;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 40px;
  color: #1cc7ce;
  border-radius: 5px
}
.services-area.inc-thumb .service-items .equal-height:nth-child(2n) .item h4 i, .services-area.inc-thumb .service-items .owl-item:nth-child(2n) .item h4 i {
  color: #fea369
}
.services-area.inc-thumb .service-items .equal-height:nth-child(3n) .item h4 i, .services-area.inc-thumb .service-items .owl-item:nth-child(3n) .item h4 i {
  color: #1bdbac
}
.services-area.inc-thumb .service-items .equal-height:nth-child(4n) .item h4 i, .services-area.inc-thumb .service-items .owl-item:nth-child(4n) .item h4 i {
  color: #f48687
}
.services-area.inc-thumb .service-items .equal-height:nth-child(5n) .item h4 i, .services-area.inc-thumb .service-items .owl-item:nth-child(5n) .item h4 i {
  color: #30af8c
}
.services-area.inc-thumb .service-items .equal-height:nth-child(6n) .item h4 i, .services-area.inc-thumb .service-items .owl-item:nth-child(6n) .item h4 i {
  color: #e02d76
}
.services-area.inc-thumb .item .info a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #1cc7ce;
  text-decoration: underline
}
.services-single-area .services-info .info {
  padding: 30px;
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1)
}
.services-single-area .services-info .info h2 {
  font-weight: 600
}
.services-single-area .services-info .info h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 20px
}
.services-single-area .services-info .faq-area {
  margin-top: 50px
}
.services-single-area .services-info .faq-area h2 {
  font-weight: 600;
  margin-bottom: 25px
}
.services-single-area .sidebar .sidebar-item {
  margin-bottom: 50px
}
.services-single-area .sidebar {
  padding-left: 35px
}
.services-single-area .sidebar .sidebar-item:last-child {
  margin: 0;
  padding: 0;
  border: none
}
.services-single-area .sidebar .sidebar-item h4 {
  text-transform: capitalize;
  font-weight: 600;
  color: #1cc7ce;
  padding: 15px;
  background: #f1f1f1;
  text-align: center;
  margin-bottom: 20px
}
.services-single-area .sidebar .sidebar-item.link li {
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px dashed #e7e7e7;
  padding-bottom: 10px
}
.services-single-area .sidebar .sidebar-item.link li a {
  display: inline-block;
  font-size: 14px
}
.services-single-area .sidebar .sidebar-item.link li a:hover {
  color: #1cc7ce
}
.services-single-area .sidebar .sidebar-item.link li a i {
  color: #1cc7ce;
  font-size: 12px
}
.services-single-area .sidebar .sidebar-item.link li:last-child {
  margin: 0;
  padding: 0;
  border: none
}
.services-single-area .sidebar-item.address ul li {
  display: flex;
  margin-bottom: 20px
}
.services-single-area .sidebar-item.address ul li .icon {
  padding-right: 20px
}
.services-single-area .sidebar-item.address ul li .icon i {
  display: inline-block;
  font-size: 40px;
  color: #1cc7ce
}
.services-single-area .sidebar-item.address ul li:last-child {
  margin-bottom: 0
}
.services-single-area .sidebar .sidebar-item.project li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px
}
.services-single-area .sidebar .sidebar-item.project li:last-child {
  margin-bottom: 0
}
.why-chose-us-area {
  position: relative;
  z-index: 1
}
.why-chose-us-area::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 50%;
  background: #000;
  opacity: .7;
  z-index: -1
}
.why-chose-us-area.full::after {
  background: #111d30 none repeat scroll 0 0;
  opacity: 1
}
.why-chose-us-area .item-box .info {
  max-width: 600px;
  padding: 120px 0 120px 50px
}
.why-chose-us-area .item-box .info li {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 25px;
  padding-left: 35px
}
.why-chose-us-area .item-box .info li::after {
  position: absolute;
  left: 0;
  top: -2px;
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #1cc7ce;
  font-size: 20px
}
.why-chose-us-area .item-box .info li:last-child {
  margin-bottom: 0
}
.why-chose-us-area .item-box .info li h4 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px
}
.about-area .right-info li p {
  margin: 0
}
.why-chose-us-area .heading h4 {
  text-transform: uppercase;
  color: #1cc7ce;
  margin-bottom: 25px;
  font-weight: 500
}
.why-chose-us-area .heading {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.why-chose-us-area .heading p:last-child {
  margin: 0
}
.why-chose-us-area .heading h2 {
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.4;
  margin-top: -5px
}
.why-chose-us-area .item-box .info a {
  margin-top: 15px
}
.expertise-area {
  position: relative;
  z-index: 1;
  overflow: hidden
}
.expertise-area::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 50%;
  background: #fff;
  z-index: -1
}
.expertise-area.shape-gray::after {
  background: #f7f7f7
}
.expertise-area.shape-dark::after {
  background: #111d30;
  left: auto;
  right: 0
}
.expertise-area .info {
  padding-right: 100px;
  padding-top: 100px
}
.expertise-area .our-expertise {
  padding-left: 50px
}
.expertise-area .our-expertise > h4 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .6px;
  margin-bottom: 30px;
  color: #1cc7ce
}
.expertise-area .our-expertise .expertise-items h2 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 25px
}
.expertise-area .our-expertise .expertise-items li {
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 1
}
.expertise-area .our-expertise .expertise-items ul {
  overflow: hidden;
  margin-top: 30px;
  color: #f1f1f1
}
.expertise-area .our-expertise .expertise-items li::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, .1)
}
.expertise-area .our-expertise .expertise-items li:last-child::after {
  display: none
}
.expertise-area .our-expertise .expertise-items li:last-child {
  margin: 0;
  padding: 0
}
.expertise-area .our-expertise .expertise-items a {
  margin-top: 30px
}
.expertise-area .our-expertise .expertise-items li h4 {
  font-weight: 600
}
.expertise-area .our-expertise .expertise-items li span {
  color: #ccc;
  font-size: 30px;
  font-family: Poppins, sans-serif;
  font-weight: 700
}
.expertise-area .our-expertise .expertise-items .owl-dots {
  margin-bottom: -8px;
  margin-top: 35px;
  text-align: left
}
.expertise-area .our-expertise .expertise-items .owl-dots .owl-dot span {
  height: 15px;
  width: 15px;
  border: 3px solid rgba(255, 255, 255, .2);
  background: 0 0;
  padding: 0;
  margin: 0;
  margin-right: 10px
}
.expertise-area .our-expertise .expertise-items .owl-dots .owl-dot.active span {
  position: relative;
  z-index: 1;
  width: 60px;
  border-color: #1cc7ce
}
.expertise-area .our-expertise .expertise-items .owl-dots .owl-dot.active span::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  height: 5px;
  width: 5px;
  background: #1cc7ce;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 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%)
}
.expertise-area .info h2 {
  font-weight: 600;
  color: #1a345e;
  font-size: 1.4em;
  margin-bottom: 25px;
  margin-top: -5px
}
.expertise-area .info .progress {
  height: 12px;
  border-radius: inherit;
  margin-bottom: 25px
}
.expertise-area .info .progress .progress-bar {
  background: #1cc7ce;
  box-shadow: inherit
}
.expertise-area .info .progress-box:last-child .progress {
  margin-bottom: 0
}
.expertise-area .info .progress-box h5 {
  text-transform: uppercase;
  font-weight: 600
}
.expertise-area .skill-items {
  margin-top: 30px
}
.expertise-area .achivements {
  margin-top: 30px
}
.achivements .progressbar canvas {
  height: 100% !important;
  width: 100% !important
}
.achivements .progressbar .circle {
  position: relative;
  z-index: 1
}
.achivements .progressbar .circle strong {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 24px;
  margin-top: -15px
}
.achivements .progressbar .circle h5 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px
}
.chart-area .info h2 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px;
  margin-top: -5px
}
.chart-area .info h2 strong {
  font-weight: 700;
  color: #1cc7ce;
  text-decoration: underline
}
.chart-area .fun-fact {
  font-family: Poppins, sans-serif
}
.chart-area .fun-fact .timer {
  font-size: 40px;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 10px
}
.chart-area .fun-fact .medium {
  color: #232323;
  font-weight: 600
}
.chart-area .fun-facts {
  margin-top: 30px
}
.testimonial-box {
  margin-bottom: -8px
}
.testimonials-area .testimonial-items .item {
  padding: 0 50px
}
.testimonials-area .testimonial-items .item img {
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  padding: 5px;
  margin: auto auto 20px
}
.testimonials-area .testimonial-items .item .author {
  text-align: center;
  border-radius: 5px
}
.testimonials-area .testimonial-items .item .review {
  text-align: center;
  margin-bottom: 30px;
  background: rgba(28, 185, 200, .07);
  padding: 50px 30px;
  position: relative;
  z-index: 1;
  border-radius: 5px
}
.testimonials-area .testimonial-items .item .review::after {
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid rgba(28, 185, 200, .07)
}
.testimonials-area .testimonial-items .item h4 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px
}
.testimonials-area .testimonial-items .item span {
  display: inline-block;
  color: #1cc7ce;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px
}
.testimonials-area .testimonial-items .item .review i {
  display: inline-block;
  font-size: 50px;
  margin-bottom: 15px;
  margin-top: -10px;
  color: #1cc7ce
}
.testimonials-area .testimonial-items .item .review p {
  margin: 0
}
.services-inc-area .services-carousel .owl-nav {
  margin: 0
}
.testimonials-area .testimonial-items .owl-nav .owl-next, .testimonials-area .testimonial-items .owl-nav .owl-prev {
  background: transparent none repeat scroll 0 0;
  color: #1cc7ce;
  font-size: 30px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px
}
.testimonials-area .testimonial-items .owl-nav .owl-next {
  left: auto;
  right: 0
}
.testimonials-area .testimonial-items .owl-dots {
  margin-bottom: -5px
}
.testimonials-area .testimonial-items .owl-dot span {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #e7e7e7;
  height: 12px;
  width: 35px
}
.testimonials-area .testimonial-items .owl-dot.active span {
  background: #1cc7ce none repeat scroll 0 0;
  border-color: #1cc7ce
}
.team-area .team-items .nav-pills {
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 50px;
  padding-bottom: 45px
}
.team-area .team-items .nav-pills li {
  display: inline-block;
  float: none;
  margin: 5px;
  margin-top: 0
}
.team-area .team-items .nav-pills li a {
  padding: 0;
  background: 0 0
}
.team-area .team-items .nav-pills li a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #e7e7e7;
  padding: 3px;
  height: 80px;
  width: 80px
}
.team-area .team-items .nav-pills li.active a img {
  border-color: #1cc7ce
}
.team-area .content-box .info {
  padding-left: 35px
}
.team-area .content-box {
  display: flex;
  align-items: center
}
.team-area .content-box .social li {
  display: inline-block;
  margin-right: 20px
}
.team-area .content-box .social li a {
  display: inline-block;
  font-size: 18px;
  color: #999
}
.team-area .content-box .social {
  margin-top: 20px;
  margin-bottom: -5px
}
.team-area .content-box .info > ul {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 20px
}
.team-area .content-box .info h4 {
  text-transform: capitalize;
  font-weight: 600
}
.team-area .content-box .info span {
  display: block;
  font-family: Poppins, sans-serif;
  margin-bottom: 15px;
  color: #1cc7ce
}
.team-area .content-box .social li.facebook a {
  color: #3b5998
}
.team-area .content-box .social li.twitter a {
  color: #1da1f2
}
.team-area .content-box .social li.pinterest a {
  color: #bd081c
}
.team-area .content-box .social li.instagram a {
  color: #cd486b
}
.team-area .content-box .social li.google-plus a {
  color: #db4437
}
.team-area .content-box .social li.linkedin a {
  color: #0077b5
}
.team-items .thumb {
  position: relative;
  z-index: 1
}
.team-items .thumb::after {
  position: absolute;
  right: 15px;
  top: 50%;
  content: "";
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #fff;
  margin-top: -15px
}
.team-area.bg-gray .team-items .thumb::after {
  border-right: 15px solid #f7f7f7
}
.team-area.bg-dark .team-items .thumb::after {
  border-right: 15px solid #111d30
}
.pricing-area .pricing-item {
  background: #fff;
  padding: 50px 30px;
  position: relative;
  z-index: 1
}
.pricing-area .single-item {
  border-right: 1px solid #e7e7e7;
  overflow: hidden
}
.pricing-area .pricing-item > span {
  display: inline-block;
  background: #1cc7ce;
  color: #fff;
  padding: 7px 45px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  right: -55px;
  top: 20px;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px
}
.pricing-area .pricing-item ul {
  margin: auto;
  text-align: left;
  display: inline-block
}
.pricing-area .pricing-item .pricing-header {
  text-align: center;
  margin-bottom: 0;
  border: none;
  padding: 0
}
.pricing-area .pricing-item .pricing-header i {
  display: block;
  font-size: 50px;
  position: relative;
  z-index: 1;
  height: 100px;
  width: 100px;
  line-height: 100px;
  margin-right: 0;
  margin: auto auto 30px
}
.pricing-area .pricing-item.active .pricing-header i {
  color: #1cc7ce
}
.pricing-area .pricing-item .pricing-header i::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: url(assets/img/icon-shape.png);
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center
}
.pricing-area .pricing-item .pricing-header h4 {
  text-transform: capitalize;
  font-weight: 600;
  color: #666;
  margin-bottom: 30px
}
.pricing-area .pricing-item .price {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  border: none;
  padding-bottom: 0;
  margin-bottom: 0
}
.pricing-area .pricing-item .price::after {
  position: absolute;
  left: -100%;
  top: 0;
  content: "";
  height: 100%;
  width: 300%;
  z-index: -1
}
.pricing-area .pricing-item .price h2 {
  font-weight: 700;
  color: #666;
  font-size: 45px;
  margin: 0
}
.pricing-area .pricing-item .price h2 sub {
  font-size: 14px;
  font-weight: 500
}
.pricing-area .pricing-item .price h2 sup {
  font-size: 24px;
  top: -20px;
  font-weight: 500
}
.pricing-area .pricing-item .footer {
  text-align: center;
  margin-top: 30px
}
.pricing-area .pricing-item i {
  margin-right: 8px;
  color: #1cc7ce
}
.pricing-area .pricing-item i.ti-check {
  color: #232323
}
.pricing-area .pricing-item i.ti-close {
  color: #e22626
}
.pricing-area .pricing-item li {
  margin-bottom: 20px
}
.pricing-area .pricing-item li:last-child {
  margin-bottom: 0;
  border: none;
  padding: 0
}
.pricing-area .pricing {
  padding: 0 30px;
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  overflow: hidden;
  background: #fff
}
.pricing-area .single-item:last-child {
  border: none
}
.fun-fact-area {
  color: #fff
}
.fun-fact-area .fun-fact {
  padding: 0 15px
}
.fun-fact-area .item {
  position: relative;
  z-index: 1
}
.fun-fact-area .item::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, .3)
}
.fun-fact-area .item:last-child::after {
  display: none
}
.fun-fact-area .timer {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 40px;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  margin-bottom: 25px
}
.fun-fact-area .medium {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .6px;
  margin-bottom: 15px;
  font-family: Poppins, sans-serif
}
.fun-fact-area i {
  display: inline-block;
  font-size: 60px;
  color: #fff;
  margin-top: 5px
}
.fun-fact-area p {
  margin: 0
}
.faq-area {
  overflow: hidden
}
.acd-items .panel-group, .faq-items .panel-group {
  margin-bottom: 0
}
.faq-area .faq-items {
  margin-top: -15px
}
.acd-items .panel-heading .panel-title a span {
  background: #1cc7ce none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  width: 30px
}
.acd-items .panel-heading .panel-title a {
  display: block;
  font-weight: 600;
  padding: 19px 0 20px 15px;
  position: relative;
  padding-right: 30px;
  padding-left: 30px
}
.acd-items .panel-heading {
  padding: 0;
  background: 0 0
}
.faq-area .acd-items .panel-body {
  padding: 30px
}
.acd-items .panel.panel-default {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  margin: 0 0 10px
}
.acd-items .panel.panel-default:last-child {
  margin-bottom: 0
}
.acd-items .panel-body p:last-child {
  margin: 0
}
.faq-items .panel-body {
  padding: 30px
}
.faq-items .acd-items .panel .panel-body {
  border-color: #e7e7e7
}
.acd-arrow .panel-group.symb .panel-heading a::after {
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 17px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}
.acd-arrow.left .panel-group.symb .panel-heading a::after {
  content: "\f01b" !important;
  font-size: 20px;
  position: absolute;
  right: auto;
  left: 10px;
  top: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}
.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f01a" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}
.faq-area .faq-items .panel-group {
  margin: 0
}
.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}
.portfolio-area {
  overflow: hidden
}
.portfolio-area.default-padding {
  padding-bottom: 105px
}
.portfolio-area.gallery-carousel {
  padding-bottom: 120px
}
.portfolio-area .gallery-items.col-3 .pf-item {
  float: left;
  padding: 15px;
  width: 33.3333%
}
.portfolio-area .gallery-items.col-2 .pf-item {
  float: left;
  padding: 15px;
  width: 50%
}
.portfolio-area .gallery-items.col-4 .pf-item {
  float: left;
  padding: 15px;
  width: 25%
}
.gallery-items-area .effect-box .info .left {
  padding-right: 20px
}
.gallery-items-area button {
  background: 0 0;
  border: none;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  padding: 10px 20px;
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
  font-size: 14px
}
.gallery-items-area button.active {
  background: #1cc7ce;
  color: #fff
}
.mix-item-menu {
  margin-bottom: 30px
}
.gallery-items-area button::after {
  position: absolute;
  left: 50%;
  bottom: -4px;
  content: "";
  height: 10px;
  width: 10px;
  background: #fff;
  margin-left: -5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.gallery-items-area .effect-box {
  position: relative;
  z-index: 1;
  overflow: hidden
}
.gallery-items-area .effect-box img {
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
.gallery-items-area .effect-box:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.gallery-items-area .effect-box .info {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  opacity: 0
}
.gallery-items-area .effect-box:hover .info {
  opacity: 1
}
.gallery-items-area .effect-box:hover::after {
  opacity: 1
}
.gallery-items-area .effect-box .info h4 {
  margin-bottom: 10px;
  font-weight: 600;
  position: relative;
  left: -30px;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out
}
.gallery-items-area .effect-box:hover .info h4 {
  left: 0
}
.gallery-items-area .effect-box::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 50%;
  width: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%) repeat scroll 0 0;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  opacity: 0
}
.gallery-items-area .effect-box .info h4 a {
  color: #fff
}
.gallery-items-area .effect-box .info p {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  margin: 0;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  position: relative;
  bottom: -30px
}
.gallery-items-area .effect-box:hover .info p {
  bottom: 0
}
.gallery-items-area .effect-box .info .right a {
  height: 45px;
  width: 45px;
  line-height: 45px;
  background: #fff;
  display: inline-block;
  text-align: center;
  color: #1cc7ce;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  position: relative;
  top: -30px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg)
}
.gallery-items-area .effect-box .info .right a i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg)
}
.gallery-items-area .effect-box:hover .info .right a {
  top: 0
}
.gallery-items-area .portfolio-carousel .owl-nav {
  margin: 0
}
.gallery-items-area .portfolio-carousel .owl-nav .owl-next, .gallery-items-area .portfolio-carousel .owl-nav .owl-prev {
  background: transparent none repeat scroll 0 0;
  color: #fff;
  font-size: 30px;
  height: 40px;
  left: 15px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px
}
.gallery-items-area .portfolio-carousel .owl-nav .owl-next {
  left: auto;
  right: 15px
}
.call-back-area .container .call-back-items {
  display: flex;
  align-items: center
}
.call-back-area .form {
  padding-bottom: 120px
}
.call-back-area h2 {
  text-transform: capitalize;
  font-weight: 600
}
.call-back-area h2 strong {
  font-weight: 600;
  color: #1cc7ce
}
.call-back-area p {
  margin-bottom: 25px
}
.call-back-area input {
  box-shadow: inherit;
  border: 1px solid #e7e7e7;
  border-radius: inherit
}
.call-back-area input:focus {
  box-shadow: inherit
}
.call-back-area .form button {
  font-family: Poppins, sans-serif;
  border: 2px solid #e7e7e7;
  background: 0 0;
  padding: 10px 50px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #1cc7ce;
  margin-top: 15px;
  font-size: 14px
}
img.loader {
  margin-left: 5px
}
.clients-area .clients-box {
  position: relative;
  z-index: 1
}
.clients-area .clients-box::after {
  position: absolute;
  left: 0;
  top: -150%;
  content: "";
  height: 500%;
  width: 300%;
  background: #111d30 none repeat scroll 0 0;
  z-index: -2
}
.clients-area {
  overflow: hidden
}
.clients-area .left-info {
  padding-right: 35px
}
.clients-area .center-info {
  text-align: center;
  margin: 0 auto
}
.clients-area .clients-box .single-item img {
  width: auto;
  margin: auto;
  height: 70px
}
.clients-area .left-info h4 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 25px
}
.clients-area .left-info p {
  margin: 0
}
.clients-area .clients-items.clients-carousel .owl-dots {
  bottom: 20px;
  text-align: center;
  width: 100%;
  margin-bottom: -12px;
  margin-top: 30px
}
.clients-area .clients-items.clients-carousel .owl-dots span {
  background: rgba(255, 255, 255, .3);
  border: 3px solid rgba(255, 255, 255, .3);
  height: 12px;
  width: 35px
}
.clients-area .clients-items.clients-carousel .owl-dots .owl-dot.active span {
  background: #fff;
  border-color: #fff
}
.blog-area .blog-items .single-item {
  margin-bottom: 30px
}
.blog-area .blog-item-box .single-item {
  margin-bottom: 50px
}
.blog-area .blog-item-box .single-item:last-child {
  margin-bottom: 0
}
.blog-area .pagi-area {
  margin-top: 50px
}
.blog-area .blog-items .thumb {
  overflow: hidden;
  position: relative;
  z-index: 1
}
.blog-area .blog-items .thumb .post-date {
  position: absolute;
  right: 30px;
  bottom: 30px;
  height: 70px;
  width: 80px;
  background: #1cc7ce;
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 0 20px;
  line-height: 1.3;
  font-weight: 600;
  padding-top: 15px;
  border-radius: 5px 5px 0 5px;
  text-transform: uppercase
}
.blog-area .blog-items .thumb .post-date::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  content: "";
  border-right: 15px solid #1cc7ce;
  border-top: 0;
  border-bottom: 15px solid transparent
}
.blog-area .blog-items .item {
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  background: #fff
}
.blog-area .blog-items .item .info {
  background: #fff;
  padding: 30px
}
.blog-area .blog-items .info .tags a {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #666
}
.blog-area .blog-items .info .tags {
  color: #999;
  margin-bottom: 15px
}
.blog-area .post-tags.share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px
}
.blog-area .blog-items .post-tags.share .tags {
  margin-bottom: 0
}
.blog-area .blog-items .post-tags.share .tags a {
  text-transform: capitalize
}
.blog-area .post-tags.share .share li {
  display: inline-block
}
.blog-area .post-tags.share .share li a {
  height: 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  margin: 0;
  margin-left: 3px;
  margin-top: 5px
}
.blog-area.single .post-tags span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase
}
.blog-area.single .post-tags a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #232323;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  padding: 3px 25px;
  text-transform: capitalize;
  margin-top: 5px
}
.blog-area .blog-items .info h2, .blog-area .blog-items .info h3, .blog-area .blog-items .info h4 {
  font-weight: 600;
  line-height: 1.4
}
.blog-area .single-item .item .meta ul {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.blog-area .blog-items .item li img {
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  padding: 3px;
  margin-right: 5px
}
.blog-area .single-item .item .meta {
  padding: 30px;
  border-top: 1px solid #e7e7e7
}
.blog-area .single-item .item .meta a {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px
}
.blog-area .single-item .item .meta a i {
  color: #1cc7ce;
  margin-right: 3px
}
.blog-area .blog-items .info > a {
  margin-top: 5px;
  font-size: 15px
}
.blog-area .blog-items .info a:hover {
  color: #1cc7ce
}
.blog-area .pagi-area .pagination li a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #1cc7ce;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 50px
}
.blog-area .pagi-area .pagination li.active a {
  background: #1cc7ce none repeat scroll 0 0;
  border-color: transparent;
  color: #fff
}
.blog-area .pagi-area .pagination {
  margin-bottom: -10px;
  margin-top: -5px
}
.blog-area .pagi-area {
  margin-top: 50px
}
.blog-area.left-sidebar .blog-content {
  float: right
}
.blog-area.left-sidebar .sidebar {
  padding-right: 35px
}
.blog-area.right-sidebar .sidebar {
  padding-left: 35px
}
.blog-area .sidebar .title {
  display: block
}
.blog-area .sidebar .title h4 {
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: -5px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  border-bottom: 1px solid #e7e7e7
}
.blog-area .sidebar .title h4::before {
  background: #1cc7ce none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
  z-index: -1
}
.blog-area .sidebar input[type=text] {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 60px
}
.blog-area .sidebar form {
  position: relative
}
.blog-area .sidebar input[type=submit] {
  background: #1cc7ce none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0 25px;
  position: absolute;
  right: 5px;
  text-transform: uppercase;
  top: 5px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out
}
.blog-area .sidebar input[type=submit]:hover {
  background: #1cc7ce none repeat scroll 0 0
}
.blog-area .sidebar .sidebar-item {
  float: left;
  margin-bottom: 50px;
  width: 100%
}
.blog-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0
}
.blog-area .sidebar .sidebar-item.archives .sidebar-info, .blog-area .sidebar .sidebar-item.category .sidebar-info {
  margin-top: -5px
}
.blog-area .sidebar .sidebar-item.category li {
  display: block;
  padding: 8px 0;
  position: relative
}
.blog-area .sidebar .sidebar-item.category li a {
  display: inline-block;
  text-transform: capitalize;
  padding-left: 25px;
  font-size: 14px
}
.blog-area .sidebar .sidebar-item li a:hover {
  color: #1cc7ce
}
.sidebar-item.category ul li a::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "\e639";
  font-family: themify;
  height: 8px;
  left: 0;
  position: absolute;
  width: 8px;
  top: 10px
}
.blog-area .sidebar .sidebar-item.category li a span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #666;
  font-weight: 500;
  padding: 0 10px;
  position: absolute;
  right: 0;
  background: #f1f1f1;
  top: 10px
}
.blog-area .sidebar .sidebar-item.category li:first-child a span {
  top: 0
}
.blog-area .sidebar .sidebar-item.category li:first-child {
  margin-top: 0;
  padding-top: 0
}
.blog-area .sidebar .sidebar-item.category li:first-child a::after {
  top: 0
}
.blog-area .sidebar .sidebar-item.category li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0
}
.sidebar-item.recent-post li a {
  color: #333;
  display: block;
  font-weight: 600
}
.sidebar-item.recent-post li a:last-child {
  display: inline-block
}
.sidebar-item.recent-post .meta-title {
  color: #999;
  font-family: Poppins, sans-serif;
  margin-top: 5px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: capitalize
}
.sidebar-item.recent-post li a:hover {
  color: #1cc7ce
}
.color-yellow .sidebar-item.recent-post li a:hover {
  color: #ff9800
}
.sidebar-item.recent-post li a span {
  display: inline-block;
  color: #232323
}
.sidebar-item.recent-post li span {
  display: inline-block
}
.sidebar-item.recent-post .meta-title a {
  color: #999
}
.sidebar-item.recent-post li {
  color: #cdd0d3
}
.sidebar-item.recent-post li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px
}
.sidebar-item.recent-post li:last-child {
  border: medium none;
  margin: 0;
  padding: 0
}
.sidebar-item.recent-post li:last-child {
  margin: 0
}
.sidebar-item.recent-post li .thumb {
  display: table-cell;
  padding-top: 5px;
  vertical-align: top;
  width: 80px
}
.sidebar-item.recent-post .thumb img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.sidebar-item.recent-post li .info {
  box-shadow: inherit;
  color: #837f7e;
  display: table-cell;
  line-height: 26px;
  padding: 0 0 0 20px;
  vertical-align: top
}
.blog-area .sidebar-item.gallery ul {
  margin: -7px;
  overflow: hidden
}
.sidebar-item.gallery ul li {
  box-sizing: border-box;
  float: left;
  padding: 7px;
  width: 33.333%
}
.sidebar-item.gallery ul li img {
  min-height: 70px;
  width: 100%
}
.sidebar-item.archives ul li {
  display: block;
  margin-bottom: 20px;
  position: relative
}
.sidebar-item.archives ul li:last-child {
  margin-bottom: 0
}
.sidebar-item.archives ul li a {
  color: #666;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  z-index: 1;
  padding-left: 25px;
  font-size: 14px
}
.sidebar-item.archives ul li a::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "\e639";
  font-family: themify;
  height: 8px;
  left: 0;
  position: absolute;
  width: 8px
}
.sidebar-item.social-sidebar li {
  display: inline-block;
  float: left;
  margin-right: 5px
}
.sidebar-item.social-sidebar li a {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 5px;
  text-align: center;
  width: 60px
}
.sidebar-item.social-sidebar li a:hover {
  color: #fff !important
}
.sidebar-item.social-sidebar li.facebook a {
  background: #3b5998 none repeat scroll 0 0
}
.sidebar-item.social-sidebar li.twitter a {
  background: #1da1f2 none repeat scroll 0 0
}
.sidebar-item.social-sidebar li.pinterest a {
  background: #bd081c none repeat scroll 0 0
}
.sidebar-item.social-sidebar li.g-plus a {
  background: #db4437 none repeat scroll 0 0
}
.sidebar-item.social-sidebar li.linkedin a {
  background: #0077b5 none repeat scroll 0 0
}
.sidebar-item.tags ul {
  margin-top: -8px
}
.sidebar-item.tags ul li {
  display: inline-block
}
.sidebar-item.tags ul li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  display: inline-block;
  font-weight: 600;
  margin-top: 8px;
  margin-right: 5px;
  padding: 7px 20px;
  text-transform: capitalize;
  font-size: 13px
}
.sidebar-item.tags ul li a:hover {
  color: #1cc7ce
}
.blog-area.single .item .content-box span {
  background: #1cc7ce none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 3px 20px;
  text-transform: uppercase
}
.blog-area.single .item .content-box h2, .blog-area.single .item .content-box h3, .blog-area.single .item .content-box h4 {
  font-weight: 500
}
.blog-area.single .content-box .cats {
  float: left;
  margin-right: 5px
}
.blog-area.single .content-box .meta .date {
  float: right;
  font-family: Poppins, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase
}
.blog-area.single .content-box .meta {
  overflow: hidden;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0
}
.blog-area.single .content-box .cats a:last-child::after {
  display: none
}
.blog-area.single .item {
  margin-bottom: 0
}
.blog-area .item blockquote {
  background: #f6f6f6 none repeat scroll 0 0;
  border-color: #666;
  color: #414141;
  font-size: 15px;
  padding: 30px;
  position: relative;
  z-index: 1
}
.blog-area .item blockquote p {
  margin: 0;
  position: relative;
  z-index: 1
}
.author-bio {
  display: block;
  margin-top: 30px;
  width: 100%
}
.author-bio .avatar {
  display: table-cell;
  vertical-align: top;
  width: 200px
}
.author-bio .content {
  display: table-cell;
  padding: 0 0 0 30px;
  vertical-align: middle
}
.author-bio .content p {
  margin: 0;
  position: relative;
  z-index: 1;
  padding-top: 5px
}
.author-bio .content p::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 60px;
  left: 0;
  letter-spacing: -4px;
  opacity: .5;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}
.author-bio .content h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px;
  text-transform: uppercase
}
.blog-area.single .post-pagi-area {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 15px
}
.blog-area.single .post-pagi-area a {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px
}
.blog-area.single .post-pagi-area a:hover {
  color: #1cc7ce
}
.blog-area.single.color-yellow .post-pagi-area a:hover {
  color: #ff9800
}
.blog-area.single .post-pagi-area a:last-child {
  float: right
}
.blog-area.single .post-pagi-area a:first-child i {
  margin-right: 3px
}
.blog-area.single .post-pagi-area a:last-child i {
  margin-left: 3px
}
.comments-area .commen-item .comments-info p {
  display: block;
  margin: 0
}
.blog-area .contact-comments .submit {
  margin-bottom: 0
}
.blog-area.single .post-tags a:hover {
  color: #1cc7ce
}
.blog-area.single.color-yellow .post-tags a:hover {
  color: #ff9800
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.blog-area .comments-form {
  margin-top: 25px
}
.comments-list .commen-item .avatar {
  float: left;
  height: 105px;
  width: 105px
}
.comments-list .commen-item .content {
  display: table-cell;
  vertical-align: top
}
.comments-list .commen-item .avatar img {
  height: 80px;
  width: 80px
}
.comments-list .commen-item {
  margin-bottom: 25px
}
.comments-list .commen-item:last-child {
  margin-bottom: 0
}
.comments-list .commen-item.reply {
  padding-left: 80px
}
.comments-area {
  margin-top: 40px
}
.comments-area .comments-title h2, .comments-area .comments-title h3, .comments-area .comments-title h4 {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 25px;
  text-transform: uppercase
}
.comments-list .commen-item .content h3, .comments-list .commen-item .content h4, .comments-list .commen-item .content h5 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0
}
.comments-list .commen-item .content .title {
  display: flex;
  align-items: center;
  margin-bottom: 15px
}
.comments-list .commen-item .content .title span {
  border-left: 1px solid #e7e7e7;
  padding-left: 15px;
  margin-left: 15px
}
.comments-info a {
  border: 1px solid #e7e7e7;
  color: #232323;
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
  padding: 1px 10px;
  text-transform: uppercase;
  font-weight: 600
}
.comments-info a:hover {
  color: #1cc7ce
}
.color-yellow .comments-info a:hover {
  color: #ff9800
}
.comments-info a i {
  margin-right: 10px
}
.comments-form input, .comments-form textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #e7e7e7;
  border-image: none;
  border-radius: inherit;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: inherit
}
.comments-form textarea {
  min-height: 180px;
  padding: 15px
}
.blog-area.full-blog.single-blog .form-group.submit {
  margin-bottom: 0
}
.comments-form button {
  background-color: #1cc7ce;
  border: 1px solid transparent;
  color: #fff;
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 12px 40px;
  text-transform: uppercase;
  transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out
}
.comments-form button:hover {
  color: #fff;
  background-color: #1d2024;
  border: 1px solid transparent
}
.comments-area .commen-item .comments-info {
  margin-bottom: 15px
}
.comments-form .title h2, .comments-form .title h3, .comments-form .title h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 700;
  margin-bottom: 30px;
  padding-bottom: 25px;
  text-transform: uppercase
}
.blog-area .contact-comments .comments {
  margin-top: 20px
}
.blog-area.single .blog-items .item .contact-comments .col-md-6 {
  float: left;
  padding: 0 15px
}
.login-area form {
  padding: 50px;
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  overflow: hidden
}
.login-area form input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
  border-radius: 30px;
  padding: 0 20px
}
.login-area form .login-social {
  border-top: 1px solid #e7e7e7;
  margin-top: 30px;
  padding-top: 30px;
  text-align: center;
  float: left;
  width: 100%
}
.login-area form .login-social h4 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 20px
}
.login-area form .login-social li {
  display: inline-block;
  margin-right: 5px
}
.login-area form .login-social li a {
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 14px
}
form.white-popup-block label {
  float: left
}
form.white-popup-block label input {
  float: left;
  margin-right: 5px;
  min-height: 24px
}
form.white-popup-block .lost-pass-link {
  float: right;
  font-size: 14px;
  font-weight: 600
}
.login-area form .icon {
  position: absolute;
  left: 50%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  top: -40px;
  background: #fff;
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, .57);
  border-radius: 50%;
  color: #1cc7ce;
  font-size: 20px;
  margin-left: -40px
}
.login-area .login-custom h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 30px
}
.login-area .login-custom h4 i {
  color: #1cc7ce;
  top: 2px;
  position: relative
}
.login-area .login-custom h4 i.fa-user {
  font-weight: 500;
  top: 0
}
.login-area button {
  border: none;
  padding: 10px 50px;
  background: #1cc7ce;
  color: #fff;
  font-family: Poppins, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 30px;
  font-weight: 600;
  margin-top: 10px
}
.login-area p.link-bottom {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0
}
.login-area p.link-bottom a {
  font-size: 14px;
  color: #1cc7ce;
  font-weight: 600;
  text-decoration: underline
}
form.white-popup-block li.facebook a {
  background: #3b5998 none repeat scroll 0 0
}
form.white-popup-block li.twitter a {
  background: #1da1f2 none repeat scroll 0 0
}
form.white-popup-block li.pinterest a {
  background: #bd081c none repeat scroll 0 0
}
form.white-popup-block li.g-plus a {
  background: #db4437 none repeat scroll 0 0
}
form.white-popup-block li.linkedin a {
  background: #0077b5 none repeat scroll 0 0
}
.contact-area.bottom-half {
  position: relative;
  bottom: 40px;
  margin-top: 60px
}
.contact-area .address-items {
  padding: 50px;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1
}
.contact-area .address-items::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: #1cc7ce;
  z-index: -1;
  opacity: .5
}
.contact-area .address-items li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.contact-area .address-items li h4 {
  font-weight: 600;
  text-transform: uppercase
}
.contact-area .address-items li .icon i {
  color: #fff;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 30px
}
.contact-area .address-items li span {
  color: #fff
}
.contact-area .address-items li:last-child {
  margin: 0;
  padding: 0;
  border: none
}
.contact-area .contact-items > .row {
  display: flex;
  align-items: center
}
.contact-area .contact-items {
  background: #fff;
  -moz-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  -o-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);
  box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1)
}
.contact-area .contact-items .form-box {
  padding-right: 65px;
  padding-left: 35px;
  padding-top: 50px;
  padding-bottom: 50px
}
.contact-area .contact-items .form-box h2 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 25px
}
.contact-area .contact-items .form-box p {
  margin-bottom: 30px
}
.contact-area .contact-items .form-box input, .contact-area .contact-items .form-box textarea {
  box-shadow: inherit;
  border: 1px solid #e7e7e7
}
.contact-area .contact-items .form-box textarea {
  min-height: 180px;
  padding-top: 15px
}
.contact-area .contact-items .form-box button {
  border: none;
  background: #1cc7ce;
  padding: 12px 35px;
  font-family: Poppins, sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px
}
.contact-area .contact-items .form-box button i {
  margin-left: 5px
}
.google-maps iframe {
  border: medium none;
  height: 550px;
  margin-bottom: -10px;
  width: 100%
}
.maps-area {
  overflow: hidden
}
footer .widget-title {
  margin-bottom: 30px
}
footer .logo {
  margin-bottom: 30px
}
footer .about ul {
  margin-top: 30px
}
footer .about ul li {
  display: inline-block
}
footer .about ul li a {
  display: inline-block;
  height: 35px;
  line-height: 37px;
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: center;
  width: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px
}
footer.bg-light .about ul li a {
  border: 1px solid #e7e7e7
}
footer.bg-dark .about ul li a {
  background: rgba(28, 185, 200, .07);
  color: #fff
}
footer.bg-gray .about ul li a {
  color: #1cc7ce;
  background: #fff;
  border: 1px solid
}
footer.bg-gray .about ul li a:hover {
  background: #1cc7ce;
  color: #fff;
  border-color: transparent
}
footer.bg-dark .about ul li a:hover {
  background: #1cc7ce none repeat scroll 0 0
}
footer .recent-post .thumb {
  display: table-cell;
  vertical-align: top;
  width: 80px;
  position: relative;
  top: 8px
}
footer .recent-post .content {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle
}
footer .recent-post .content a {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 15px
}
footer .recent-post .content .meta li {
  color: #1cc7ce;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase
}
footer .recent-post .content .meta li i {
  margin-right: 5px;
  position: relative;
  top: 1px
}
footer .recent-post .single {
  margin-bottom: 30px
}
footer .recent-post .single:last-child {
  margin-bottom: 0
}
footer .item:last-child {
  padding-right: 0
}
footer .recent-post img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%
}
footer .f-item .twitter-item a {
  color: #1cc7ce;
  font-size: 14px
}
footer .f-item .twitter-item .twitter-context {
  color: #666
}
footer.bg-dark .f-item .twitter-item .twitter-context {
  color: #fff
}
footer .f-item .twitter-item .twitter-context i {
  color: #1cc7ce;
  margin-right: 5px
}
footer .f-item .twitter-item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px
}
footer.bg-dark .f-item .twitter-item {
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
footer .f-item .twitter-item:last-child {
  border: medium none;
  margin-bottom: 0;
  padding: 0
}
footer .link li {
  display: block;
  margin-bottom: 20px
}
footer .link li:last-child {
  margin-bottom: 0
}
footer .link li a {
  display: inline-block;
  padding-left: 18px;
  position: relative;
  font-size: 14px
}
footer .link li a:hover {
  margin-left: 10px;
  color: #1cc7ce
}
footer .link li a::before {
  content: "\e649";
  font-family: themify;
  left: 0;
  position: absolute;
  font-size: 10px
}
footer .contact li {
  display: flex;
  margin-bottom: 20px;
  width: 100%
}
footer .contact li i {
  float: left;
  font-size: 24px;
  width: 50px;
  height: 50px;
  color: #1cc7ce;
  background: rgba(28, 185, 200, .07);
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 5px
}
footer .contact li span {
  padding-left: 20px
}
footer .contact li:last-child {
  margin-bottom: 0
}
footer .widget-title {
  font-weight: 500;
  font-size: 1.3em;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-transform: capitalize
}
footer.bg-dark .widget-title {
  color: #fff
}
footer.bg-dark a, footer.bg-dark li, footer.bg-dark p {
  color: #ccc
}
.footer-bottom.text-center.pt-50.oh {
  border-top: 1px solid #263442;
  color: #fff;
  float: left;
  width: 100%
}
.footer-bottom {
  border-top: 1px solid #4d635b;
  float: left;
  width: 100%;
  padding-top: 30px;
  margin-top: 30px;
  display: flex;
  align-items: center
}
footer.bg-dark .footer-bottom {
  border-color: #263442
}
.footer-bottom p {
  letter-spacing: 1px;
  margin: 0;
  text-transform: capitalize
}
footer.bg-dark.v2 .f-item .widget-title {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase
}
footer .f-item.subscribe .input-group {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
footer .f-item.subscribe input.form-control {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inherit;
  margin-bottom: 10px
}
footer .f-item.subscribe button {
  background: #1cc7ce none repeat scroll 0 0;
  border: medium none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inherit;
  color: #fff;
  min-height: 45px;
  width: 100%
}
.footer-menu li {
  display: inline-block
}
.footer-menu li a {
  display: inline-block;
  font-weight: 600;
  margin: 10px;
  text-transform: uppercase
}
.footer-bottom .copyright {
  float: left
}
.footer-bottom .footer-social {
  float: right
}
.footer-bottom .footer-social li {
  display: inline-block
}
.footer-bottom .footer-social li a {
  display: inline-block;
  padding: 10px
}
.footer-bottom .copyright p {
  line-height: 45px
}
footer .f-item.tags li {
  display: inline-block;
  float: left
}
footer .f-item.tags li a {
  background: #263442 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 20px;
  text-transform: capitalize
}
footer .f-item.tags li a:hover {
  background: #1cc7ce none repeat scroll 0 0
}
.error-page-area .search {
  text-align: center;
  max-width: 400px;
  margin: auto;
  margin-top: 30px
}
.error-page-area .search .input-group {
  width: 100%
}
.error-page-area .search .input-group form {
  position: relative;
  z-index: 1;
  border: 1px solid #e7e7e7;
  overflow: hidden
}
.error-page-area .search .input-group form input {
  border: none;
  box-shadow: inherit;
  border-radius: inherit
}
.error-page-area .search .input-group form button {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9;
  border: none;
  background: #1cc7ce;
  color: #fff;
  padding: 0 15px;
  min-height: 40px
}
.error-page-area .error-box > a {
  margin-top: 30px
}
.error-page-area h1 {
  font-size: 160px;
  font-weight: 800;
  line-height: 120px;
  margin-top: -5px;
  margin-bottom: 30px
}
.error-page-area h2 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 25px
}
.no-js #loader {
  display: none
}
.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0
}
.se-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(assets/img/preloader.gif) center no-repeat #fff;
  text-align: center
}
#bio {
  float: right
}
#provlist {
  float: left
}
.hdrhero {
  padding: 0;
  margin: 0;
  height: auto !important;
  background-repeat: no-repeat
}
.hdrhero h2 {
  display: block;
  color: #fff;
  padding: 20% 0 15% !important;
  font-size: 3rem;
  margin: 0 !important
}
.profilehdr {
  padding: 0;
  margin: 0;
  min-height: 250px;
  height: auto;
  background: #42392d;
  color: #fff
}
@media (max-width:1200px) {
  .profilehdr {
    padding: 100px 0 20px;
    margin: 0;
    min-height: 250px;
    height: auto;
    background: #42392d;
    color: #fff
  }
}
@media (max-width:768px) {
  .profilehdr {
    text-align: center
  }
  .contactcard {
    margin: 0 auto;
    padding-left: 20%
  }
}
.profilehdr h2 {
  color: #fff;
  display: block;
  padding: 225px 0 !important;
  font-size: 2.5rem;
  margin: 0 !important
}
.profilehdr h3 {
  color: #fff
}
.profilehdr a {
  color: #fff;
  text-decoration: underline
}
.profilehdr a:hover {
  color: #000;
  text-decoration: none
}
.circle {
  display: block;
  width: 340px;
  background-color: #ddd;
  border: 5px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0 auto 30px auto !important
}
, .icon-address, .icon-email, .icon-facebook, .icon-fax, .icon-gmb, .icon-hours, .icon-hours-white, .icon-instagram, .icon-linkedin, .icon-ph, .icon-phone, .icon-pinterest {
  margin-right: 10px;
  padding-left: 20px;
  position: relative;
  display: inline-block
}
.icon-address:before, .icon-email:before, .icon-facebook:before, .icon-fax:before, .icon-gmb:before, .icon-hours-white:before, .icon-hours:before, .icon-instagram:before, .icon-linkedin:before, .icon-ph:before, .icon-phone:before, .icon-pinterest:before {
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}
.icon-address:before {
  background: url(images/map-marker-black.svg) 0 0 no-repeat;
  background: url(images/map-marker-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-phone:before {
  background: url(images/phone-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-email:before {
  background: url(images/email-envelope-black.svg) 0 0 no-repeat;
  background: url(images/email-envelope-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-hours:before {
  background: url(images/clock-black.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-hours-white:before {
  background: url(images/clock-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-ph:before {
  background: url(images/phone-black.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-facebook:before {
  background: url(images/facebook-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-instagram:before {
  background: url(images/instagram-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-linkedin:before {
  background: url(images/linkedin-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.icon-gmb:before {
  background: url(images/gmb-white.svg) 0 0 no-repeat;
  width: 30px;
  height: 30px
}
.contactcard li {
  display: block;
  position: relative;
  margin: 5px 0
}
.contactcard li span, .contactcard li > a {
  padding: 10px 20px 10px 45px;
  display: table
}
.connect li {
  display: inline-block;
  padding: 10px 0
}
.connect .icon-facebook:before, .connect .icon-gmb:before, .connect .icon-instagram:before, .connect .icon-linkedin:before {
  content: '';
  display: block;
  left: 0;
  position: relative;
  top: 50%;
  margin: 0 20px 0 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}
.bhsWrapper h2 {
  font-size: 2.7rem;
  line-height: 2.5rem;
  margin: 2rem 0 1rem
}
.service-list {
  margin: 50px 0;
  font-weight: 400;
  font-size: 1.1em
}
.service-list a {
  color: #825033
}
.service-list a:hover {
  color: #000
}
.service-list ul {
  padding: 5px 0 0 0 !important
}
.service-list li {
  padding: 0px 0px 0px 10px;
  list-style: disc;
  color: #825033;
  max-width: 90%
}
.service-list li a {
  display: block;
  padding: 2px 0 !important
}
.service-list li ul li {
  padding-left: 20px;
  color: #825033
}
.provider-list {
  margin: 50px 0
}
.provider-list li {
  padding: 10px 0 10px 20px;
  background-color: hsla(0, 0%, 100%, .97);
  border-bottom: 1px solid #f1f1f1;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 8px rgba(0, 0, 0, .05);
  max-width: 90%
}
.provider-list li:hover {
  padding: 10px 0 10px 20px;
  background-color: #ece7df;
  background-color: #4a341a
}
.provider-list li a {
  color: #825031;
  font-weight: 400
}
.provider-list li:hover a {
  color: #fff
}
.aligncenter {
  text-align: center
}
img.shadow {
  border: 1px solid #cfcfcf
}
.floatLeft {
  float: left;
  margin: 0 25px 10px 0;
  vertical-align: middle
}
.shadow {
  padding: 10px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
  margin: 0
}
@media (max-width:992px) {
  .slide-hide-on-mobile {
    display: none
  }
}

#newcl {background:#835033;color:#ffffff;}
#newcl h2 {color:#ffffff!important}

.imagefmt {width:100%; max-width:360px!important; height:auto;}

.pvdrtxtfmt {width:100%; max-width:360px!important; height:auto;margin: 0 auto;}

.abcfslTxtCenter { text-align: center; }
.abcfslTxtRight { text-align: right; }
.abcfslMLRAuto { margin-left: auto; margin-right: auto }

body:not(.sfPageEditor) select {height: 40px!important;}
body:not(.sfPageEditor) button {margin-bottom: 0px!important;padding:5px}
.abcfslSelect_LG select, .abcfslSelect_LG input[type="text"] {
    height: 35px;
    padding: 0 5px;
    font-size: 20px!important;
    border-radius: 4px;
}