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

    Theme Name: Finders - Directory Listing Template
    Description: Directory Listing Template
    Author: Chitrakoot Web
    Version: 1.0

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

    01. Common styles
    02. Top header and Navigation
    03. Main banner area
    04. Page title
    05. Testimonial
    06. Feature boxes
    07. Owl carousel
    08. Tabs
    09. Pricing table
    10. Pages
    11. Other
    12. Blog
    13. Contact info        
    14. Footer
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center; }

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px; }

.loader-icon {
  width: 80px;
  height: 80px;
  border: 5px solid #2196f3;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
/* theme color and basic options */
a:hover, a:active {
  color: #2196f3;
  text-decoration: none; }

.bg-theme {
  background-color: #2196f3; }

.theme-overlay[data-overlay-dark]:before {
  background: #2196f3; }

.text-theme-color {
  color: #2196f3; }

.cursor-pointer {
  cursor: pointer; }

.clear {
  clear: both; }

.height-100vh {
  height: 100vh; }

/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #232323;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #232323; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* button style */
.butn {
  background: #2196f3;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 24px;
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  border: none; }
  .butn:hover, .butn:active {
    color: #fff;
    background: #232323; }

a.butn:hover, a.butn:active {
  color: #fff;
  background: #232323; }

.butn:focus {
  color: #fff; }
.butn.white {
  background: #fff;
  color: #2196f3; }
  .butn.white:hover {
    color: #fff;
    background: #232323; }

a.butn.white:hover, a.butn.white:active {
  color: #fff;
  background: #232323; }

.butn.small {
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 20px; }
.butn.transparent {
  background: none;
  border: 1px solid #dee2e6;
  color: #232323; }
  .butn.transparent:hover {
    background: #2196f3;
    border: 1px solid #2196f3;
    color: #fff; }

@media screen and (max-width: 991px) {
  .butn {
    padding: 10px 24px;
    font-size: 13px; } }
@media screen and (max-width: 767px) {
  .butn {
    padding: 10px 22px;
    font-size: 12px; }
    .butn.small {
      padding: 6px 18px; } }
/* mobile screen size */
@media screen and (max-width: 575px) {
  .mobile-margin-15px-bottom {
    margin-bottom: 15px !important; }

  .mobile-margin-20px-bottom {
    margin-bottom: 20px !important; }

  .mobile-margin-25px-bottom {
    margin-bottom: 25px !important; }

  .mobile-margin-40px-bottom {
    margin-bottom: 40px !important; }

  .mobile-margin-30px-bottom {
    margin-bottom: 30px !important; }

  .mobile-padding-15px-bottom {
    padding-bottom: 15px !important; }

  .mobile-padding-20px-bottom {
    padding-bottom: 20px !important; }

  .mobile-padding-25px-bottom {
    padding-bottom: 25px !important; }

  .mobile-padding-40px-bottom {
    padding-bottom: 40px !important; }

  .mobile-padding-50px-bottom {
    padding-bottom: 50px !important; }

  .mobile-display-none {
    display: none; }

  .mobile-no-margin-right {
    margin-right: 0 !important; }

  .mobile-padding-15px-lr {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .mobile-no-padding-lr {
    padding-right: 0px !important;
    padding-left: 0px !important; }

  .mobile-padding-fifteen-top {
    padding-top: 15%; } }
.form-control {
  height: 46px;
  font-size: 14px; }

input[type=checkbox], input[type=radio] {
  margin-top: 0.5rem; }

.custom-control-label {
  display: inline; }

label {
  margin-bottom: 0; }
  label.error {
    color: #EC5E69;
    font-weight: 500;
    display: inline-block;
    font-size: 12px; }

.label.label-default {
  background: #F1F1F1;
  color: #526069; }
.label.label-primary {
  background: #ff4c52; }
.label.label-success {
  background: #63CB89; }
.label.label-info {
  background: #5893DF; }
.label.label-warning {
  background: #F1C205; }
.label.label-danger {
  background: #EC5E69; }

input[type=checkbox], input[type=radio] {
  width: auto;
  margin-bottom: 0; }

.star i {
  margin-right: 0;
  font-size: .625rem;
  color: #2196f3; }

/* ===================================
    Top header and Navigation
====================================== */
.navbar-nav li.current > a, .navbar-nav > li.active > a {
  color: #2196f3; }

.navbar > ul > li.current > a:after {
  border-color: transparent #2196f3 #2196f3 transparent; }

@media screen and (min-width: 992px) {
  .header-style .navbar-nav li.active > a, .header-style .navbar ul ul li.active > a, .header-style .navbar-nav li.current > a {
    color: #2196f3; }
  .header-style .navbar > ul > li.active > a:after, .header-style .navbar > ul > li.current > a:after {
    border-color: transparent #2196f3 #2196f3 transparent; }

  .butn.listi {
    font-size: 12px; } }
@media screen and (max-width: 991px) {
  .navbar ul ul li.active > a {
    color: #2196f3; }

  .navbar-nav li.active > a {
    opacity: 1;
    color: #2196f3; }

  .butn.listi {
    background-color: unset;
    color: #2196f3; } }
/* ===================================
    Main banner area
====================================== */
.cd-headline.loading-bar .cd-words-wrapper:after {
  background: #2196f3; }

.line-banner {
  overflow: hidden;
  position: relative; }
  .line-banner .header-text h1 {
    font-size: 40px;
    color: #fff;
    line-height: 76px;
    letter-spacing: 1.4px;
    margin-bottom: 0;
    font-weight: 300; }

.line-banner .searchs ul li {
  display: inline-block;
  margin-right: 10px; }
  .line-banner .searchs ul li a {
    display: inline-block;
    padding: 3px 20px;
    border-radius: 4px;
    font-size: 13px;
    background: rgba(225, 225, 225, 0.4); }
  .line-banner .searchs ul li:last-child {
    margin-right: 0; }

@media screen and (max-width: 1199px) {
  .line-banner .header-text h1 {
    font-size: 48px;
    line-height: 60px; } }
@media screen and (max-width: 991px) {
  .line-banner .header-text h1 {
    font-size: 42px;
    line-height: 48px; } }
@media screen and (max-width: 767px) {
  .line-banner .header-text h1 {
    font-size: 36px;
    line-height: 42px; } }
@media screen and (max-width: 575px) {
  .line-banner .header-text h1 {
    font-size: 28px;
    line-height: 36px; }
  .line-banner .searchs ul li {
    margin-bottom: 10px; } }
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 95px 0 95px;
  text-align: center; }
  .page-title-section h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0; }
  .page-title-section ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center; }
    .page-title-section ul li {
      display: inline-block;
      vertical-align: middle; }
      .page-title-section ul li:last-child a {
        color: #fff;
        font-weight: 600; }
      .page-title-section ul li:after {
        content: '\f105';
        font-weight: 700;
        vertical-align: middle;
        color: #fff;
        font-family: Font Awesome\ 5 Free;
        padding: 0 5px 0 10px; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500; }
  .page-title-section .active {
    color: #2196f3; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 85px 0; }
    .page-title-section h1 {
      font-size: 36px;
      line-height: 42px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 60px 0; }
    .page-title-section h1 {
      font-size: 32px;
      line-height: 40px; }
    .page-title-section ul {
      margin-top: 10px; }
      .page-title-section ul li a {
        font-size: 13px; } }
@media screen and (max-width: 767px) {
  .page-title-section {
    padding: 50px 0; }
    .page-title-section h1 {
      font-size: 30px;
      line-height: 36px; }
    .page-title-section ul {
      margin-top: 5px; }
      .page-title-section ul li a {
        font-size: 12px; } }
/* ===================================
    Testimonial
====================================== */
.testmonial-single {
  text-align: center;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s; }
  .testmonial-single img {
    width: 70px !important; }
  .testmonial-single p:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f10d";
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    opacity: 1;
    color: rgba(0, 0, 0, 0.05);
    font-size: 145px;
    font-weight: 600;
    font-style: italic; }

@media screen and (max-width: 767px) {
  .testmonial-single p:before {
    top: 35px;
    font-size: 125px; } }
/* ===================================
    Feature Boxes
====================================== */
.feature-inner {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 30px;
  height: 100%;
  width: 100%;
  word-break: break-word;
  text-align: center; 

}

.feature-inner2 {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 30px;
  height: 100%;
  width: 100%;
  word-break: break-word;
  text-align: center; 
  background-color: white;
}
  .feature-inner .bg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 55%;
    z-index: 1;
    opacity: .05;
    font-size: 80px; }

  .feature-inner2 .bg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 55%;
    z-index: 1;
    opacity: .05;
    font-size: 80px; }    

@media screen and (max-width: 991px) {
  .feature-inner .bg-icon {
    font-size: 70px; } }
@media screen and (max-width: 575px) {
  .feature-inner .bg-icon {
    width: 67%;
    font-size: 60px; } }
/* ===================================
    Owl carousel
====================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }
  .custom-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: none;
    cursor: pointer;
    display: block;
    border: 1px solid #d5d5d5;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s; }
    .custom-dot span:hover {
      background: #d5d5d5;
      -webkit-backface-visibility: visible;
      border-radius: 30px; }
  .custom-dot.active span {
    width: 12px;
    height: 12px;
    background: #2196f3;
    border-color: #2196f3;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; }

.owl-nav i {
  color: #232323;
  font-size: 18px;
  padding-top: 6px; }
.owl-nav .owl-next {
  color: #2196f3;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important; }
.owl-nav .owl-prev {
  color: #2196f3;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }
.owl-nav .owl-next {
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-theme .owl-nav {
  margin-top: 50px; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #6f6f6f;
    line-height: 30px;
    border-radius: 0; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      color: #232323; }

@media screen and (max-width: 991px) {
  .owl-theme .owl-nav {
    margin-top: 30px; } }
@media screen and (max-width: 991px) {
  .custom-dot {
    margin-top: 20px; } }
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: text-bottom; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 20px; }

.resp-tabs-list li.resp-tab-active {
  border: 1px solid #2196f3;
  border-bottom: none;
  border-color: #2196f3 !important;
  margin-bottom: -1px;
  padding: 12px 14px 14px 14px;
  border-top: 4px solid #2196f3 !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #2196f3; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%; }

h2.resp-accordion {
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #2196f3 !important;
  color: #fff; }
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none; }
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #2196f3 !important;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none; }
.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word; }
.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 11px !important;
  border-top: 1px solid;
  border: 1px solid #2196f3 !important;
  border-left: 4px solid #2196f3 !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important; }

.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block; }
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1; }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block;
  border-color: #2196f3 !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; }
h2.resp-accordion.resp-tab-active {
  border-color: #2196f3 !important; }

/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; }

  .resp-tab-content {
    background-color: #fff; } }
/* tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none; }

.tab-content > .active, .pill-content > .active {
  display: block; }

.nav-tabs.nav-justified {
  border-bottom: 1px solid #E2E2E2; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: -1px;
    margin-left: 0px; }
  .nav-tabs.nav-justified > .active > a {
    border-color: transparent;
    border-bottom: 1px solid #1B2733;
    color: #1B2733; }
    .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
      border-color: transparent;
      border-bottom: 1px solid #1B2733;
      color: #1B2733; }

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

/* ===================================
    Pricing table
====================================== */
.pricing .type h6:after {
  content: '';
  width: 70px;
  height: 1px;
  background: #2196f3;
  position: absolute;
  bottom: -1px;
  left: calc(50% - 35px); }
.pricing .value .per {
  background: rgba(33, 150, 243, 0.2);
  color: #2196f3;
  padding: 3px 15px;
  border-radius: 20px;
  margin-bottom: 20px;
  font-size: 11px; }
.pricing .pricing-list li {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #eee; }
  .pricing .pricing-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

/* ===================================
    Pages
====================================== */
/* map-listing page */
.map-listing {
  height: 100vh;
  position: fixed;
  width: 55%;
  top: 0; }

@media screen and (max-width: 991px) {
  .map-listing {
    height: 500px;
    position: inherit;
    width: auto; } }
/*search page*/
.search-form_input {
  color: #2196f3; }

.search-frame h4 a:hover {
  color: #2196f3; }
.search-frame .search_list .match {
  color: #2196f3; }
.search-frame .search_list li:before {
  color: #2196f3; }
.search-frame .search_list li + li {
  border-top: 3px solid #2196f3; }
.search-frame .search {
  color: #2196f3; }

/*404 page*/
.page-container .title {
  font-size: 180px;
  line-height: 1;
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .page-container .title {
    font-size: 158px; } }
@media screen and (max-width: 991px) {
  .page-container .title {
    font-size: 136px; } }
@media screen and (max-width: 767px) {
  .page-container .title {
    font-size: 90px; } }
/* elements page */
.summary ul li {
  margin-bottom: 8px; }

.summary ul li:last-child {
  margin-bottom: 0; }

.copy-element .copy-clipboard {
  cursor: pointer;
  position: absolute;
  right: 20px; }

.box-hover {
  min-height: 320px;
  position: relative; }
  .box-hover:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.76);
    background: -webkit-linear-gradient(top, transparent, #000 116%);
    background: linear-gradient(-180deg, transparent, #000 116%);
    z-index: 0;
    width: 100%;
    height: 100%; }
  .box-hover:hover {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0); }
  .box-hover.transition-none:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

@media screen and (max-width: 767px) {
  .summary {
    height: auto;
    position: inherit; } }
/* listing-detail page */
.listing-detail ul li {
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ced4da; }
  .listing-detail ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0; }

.tags li {
  display: inline-block;
  margin-right: 10px; }
  .tags li a {
    border: 1px solid #ced4da;
    padding: 5px 20px;
    border-radius: 4px;
    display: inline-block; }
  .tags li:last-child {
    margin-right: 0; }
  .tags li a:hover {
    background: #2196f3;
    color: #fff; }

.contact-info li {
  margin-bottom: 10px; }
  .contact-info li i {
    width: 30px;
    height: 30px;
    border: 1px solid #2196f3;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border-radius: 50px;
    margin-right: 10px;
    color: #2196f3; }

.custom-progress {
  height: 4px !important;
  border-radius: 50px;
  box-shadow: none;
  margin-bottom: 15px; }

.progress1 {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem; }

.progress-text {
  font-size: 13px;
  font-weight: 500;
  color: #232323;
  margin-bottom: 5px; }

@media screen and (max-width: 767px) {
  .listing-detail ul li {
    margin-right: 10px;
    padding-right: 10px; } }
/* how it works page */
.arrow i {
  width: 40px;
  text-align: center;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  color: #fff;
  background-color: #2196f3; }

/* ===================================
    Other
====================================== */
/* coming soon */
.social-links li {
  display: inline-block;
  font-size: 22px;
  margin-right: 30px; }
  .social-links li:last-child {
    margin-right: 0; }

/* count down */
ul.countdown li {
  display: inline-block;
  padding: 25px 30px;
  height: 120px;
  margin-right: 25px;
  width: 120px;
  border-radius: 50%;
  background-color: #2196f3;
  text-align: center;
  color: #fff; }
  ul.countdown li:last-child {
    border: medium none;
    margin-right: 0; }
  ul.countdown li span {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    position: relative; }
    ul.countdown li span::before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 991px) {
  ul.countdown li {
    padding: 20px;
    height: 105px;
    margin: 5px 15px 5px 0;
    width: 105px; }
    ul.countdown li span {
      font-size: 28px; } }
@media screen and (max-width: 575px) {
  ul.countdown li {
    margin-left: 5px;
    margin-right: 10px; }
    ul.countdown li:last-child {
      margin-right: 10px; } }
@media screen and (max-width: 320px) {
  ul.countdown li:nth-child(2) {
    margin-right: 10px;
    margin-bottom: 20px; }
  ul.countdown li:first-child {
    margin-bottom: 20px; } }
/* side-bar */
.side-bar {
  padding-left: 25px; }
  .side-bar h3 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px; }
    .side-bar h3:after {
      position: absolute;
      content: '';
      background: #2196f3;
      width: 25px;
      height: 1px;
      left: 0px;
      top: 29px; }
    .side-bar h3:before {
      position: absolute;
      content: '';
      background: #2196f3;
      width: 40px;
      height: 1px;
      bottom: 0px;
      left: 0;
      top: 27px; }

@media screen and (max-width: 991px) {
  .side-bar {
    padding-left: 0; } }
/* progress bars */
.progress {
  box-shadow: none !important;
  height: 4px;
  border-radius: 0;
  margin-bottom: 35px;
  overflow: hidden; }

.progress-bar {
  background-color: #36a3f5;
  box-shadow: none;
  font-size: 8px;
  font-weight: 600;
  line-height: 12px; }

.progress.progress-sm {
  height: 8px !important; }
  .progress.progress-sm .progress-bar {
    line-height: 10px; }
.progress.progress-md {
  height: 15px !important; }
  .progress.progress-md .progress-bar {
    line-height: 15px; }
.progress.progress-lg {
  height: 20px !important; }
  .progress.progress-lg .progress-bar {
    line-height: 20px; }

/*price range*/
.irs-grid {
  bottom: -6px; }

.irs--flat .irs-min, .irs--flat .irs-max {
  display: none; }
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  background-color: #ededed;
  padding: 4px 8px;
  font-size: 12px;
  color: #232323; }
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  border-top-color: #ededed; }
.irs--flat .irs-handle {
  top: 32px;
  width: 6px;
  height: 16px;
  background-color: #2196f3;
  border-radius: 4px; }
  .irs--flat .irs-handle > i:first-child {
    display: none; }
.irs--flat .irs-line {
  top: 37px;
  background-color: #ededed;
  height: 6px; }
.irs--flat .irs-bar {
  top: 37px;
  background-color: #2196f3;
  height: 6px; }

/* ===================================
    Blog
====================================== */
/* blog post */
.blogs .post {
  margin-bottom: 50px; }
  .blogs .post .content {
    padding-top: 30px; }
    .blogs .post .content .post-title h5 {
      font-size: 26px;
      line-height: normal;
      font-weight: 500;
      margin-bottom: 15px; }
      .blogs .post .content .post-title h5 a {
        color: #232323; }
        .blogs .post .content .post-title h5 a:hover {
          color: #F24259; }
    .blogs .post .content .meta {
      margin-bottom: 15px; }
      .blogs .post .content .meta li {
        display: inline-block;
        font-size: 16px;
        padding: 0 15px;
        position: relative; }
        .blogs .post .content .meta li:first-child {
          padding: 0; }
        .blogs .post .content .meta li + li + li:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          width: 2px;
          height: 15px;
          background: #ccc;
          transform: translateY(-50%); }
    .blogs .post .content .special {
      padding: 15px;
      margin: 50px 0 40px 0;
      border-left: 2px solid #111;
      background: #f4f4f4;
      font-size: 16px; }
    .blogs .post .content .btn {
      border-color: #6f6f6f;
      color: #6f6f6f;
      min-width: auto;
      padding: 6px 20px;
      font-size: 12px; }
      .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #F24259; }
  .blogs .post .share-post {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    text-align: left; }
    .blogs .post .share-post span {
      font-weight: 700; }
    .blogs .post .share-post ul {
      float: right; }
      .blogs .post .share-post ul li {
        display: inline-block;
        margin: 0 10px; }
  .blogs .post .post-img img {
    width: 100%; }
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px; }

/* blogs comments */
.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee; }
  .blogs .comments-area .comment-box:nth-child(odd) {
    margin-left: 80px; }
  .blogs .comments-area .comment-box:last-child {
    margin-bottom: 30px; }
.blogs .comment-box .author-thumb {
  width: 80px;
  float: left; }
.blogs .comment-box .comment-info {
  margin-left: 100px; }
  .blogs .comment-box .comment-info h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; }
  .blogs .comment-box .comment-info .reply {
    margin-top: 10px;
    font-weight: 600; }
    .blogs .comment-box .comment-info .reply i {
      padding-right: 5px;
      font-size: 12px; }

/* pagination */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }
  .pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline; }
  .pagination a {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    background: #fff; }
    .pagination a:hover {
      background-color: #232323;
      color: #fff; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #999;
    cursor: default; }
  .pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default; }
  .pagination .disabled a {
    color: #999;
    background-color: transparent;
    cursor: default; }
    .pagination .disabled a:hover {
      color: #999;
      background-color: transparent;
      cursor: default; }
  .pagination li:first-child a {
    border-left-width: 1px; }

/* wizard */
.pagination.wizard li:first-child a {
  border-left-width: none; }
.pagination.wizard a {
  float: left;
  padding: 12px 28px;
  line-height: 20px;
  text-decoration: none;
  border: none;
  border-left-width: 0;
  background: #2196f3;
  color: #fff; }
  .pagination.wizard a:hover {
    background-color: #232323;
    color: #fff; }
.pagination.wizard .disabled .btn {
  background: #d4d4d4;
  color: #fff;
  cursor: default; }
  .pagination.wizard .disabled .btn:hover, .pagination.wizard .disabled .btn:active, .pagination.wizard .disabled .btn:focus {
    color: #fff;
    background: #d4d4d4; }

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #2196f3;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px; }
  .blockquote p {
    font-size: 15px;
    font-weight: 500;
    line-height: 190%;
    color: #232323;
    letter-spacing: .5px; }
  .blockquote h4 {
    font-size: 20px;
    font-weight: 400;
    color: #232323;
    letter-spacing: .5px; }

.side-bar .widget {
  margin-bottom: 45px; }
  .side-bar .widget:last-child {
    margin-bottom: 0; }
  .side-bar .widget .widget-title h6 {
    position: relative;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    .side-bar .widget .widget-title h6:after {
      content: '';
      width: 30px;
      height: 1px;
      background: #2196f3;
      position: absolute;
      bottom: 0;
      left: 0; }
  .side-bar .widget .contact-info li {
    padding-left: 0; }
  .side-bar .widget li {
    position: relative;
    padding: 0 0 0 12px;
    color: #6f6f6f; }
    .side-bar .widget li:last-child {
      margin: 0; }
  .side-bar .widget .social-listing {
    margin-bottom: 0; }
    .side-bar .widget .social-listing li {
      list-style: none;
      display: inline-block; }
      .side-bar .widget .social-listing li:after {
        background: none; }
      .side-bar .widget .social-listing li:first-child {
        padding-left: 0; }
.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7; }
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0; }
  .side-bar .search form button:hover:before {
    border-radius: 0;
    padding: 0; }

@media screen and (max-width: 767px) {
  .blog-list-simple {
    margin-bottom: 20px;
    padding-bottom: 20px; } }
/* blog-details page */
.widget-list li {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  margin-bottom: 8px;
  position: relative;
  transition: all .3s ease;
  z-index: 0; }
  .widget-list li a {
    float: left;
    clear: both;
    position: relative;
    text-align: left;
    background-color: #fff;
    padding-right: 25px; }
    .widget-list li a:before {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      content: '';
      background-color: #2196f3;
      display: inline-block;
      margin-right: 11px;
      margin-top: 13px;
      vertical-align: top; }

/* ===================================
    Contact info
====================================== */
/* social links */
.social-icon-style li {
  display: inline-block;
  margin-right: 10px; }
  .social-icon-style li:last-child {
    margin-right: 0; }
  .social-icon-style li a {
    font-size: 14px;
    border: 1px solid #6a6a6a;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    line-height: 32px;
    display: inline-block;
    text-align: center; }
    .social-icon-style li a:hover {
      color: #fff;
      background: #2196f3;
      border: 1px solid #2196f3; }

@media screen and (max-width: 767px) {
  .social-icon-style li a {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px; } }
/* contact us section */
.contact-form {
  margin-top: -90px; }

@media screen and (max-width: 1199px) {
  .contact-form {
    margin-top: -70px; } }
@media screen and (max-width: 991px) {
  .contact-form {
    margin-top: -50px; } }
/* map */
.map {
  height: 100%;
  width: 100%; }

.contact-map {
  height: 500px;
  width: 100%;
  border: 0; }

/* newsletter */
.email-box {
  width: 100%;
  position: relative;
  background: none;
  overflow: hidden; }
  .email-box input {
    width: 99%;
    height: 45px;
    min-height: auto;
    margin-bottom: 0;
    border-radius: 5px;
    border: 1px solid rgba(78, 78, 84, 0.2);
    outline: none;
    padding-left: 20px;
    padding-right: 70px;
    z-index: 1;
    font-weight: 500;
    letter-spacing: 0.67px; }
  .email-box .butn {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 2;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    outline: none;
    cursor: pointer;
    padding: 13px 18px;
    border-top-left-radius: 0;
    box-shadow: none;
    border-bottom-left-radius: 0; }

/* ===================================
    Footer
====================================== */
footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 15px; }
  footer p {
    margin-bottom: 0; }
  footer h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1;
    position: relative; }
    footer h3:after {
      content: '';
      display: block;
      width: 36px;
      height: 3px;
      background: #2196f3;
      margin-top: 12px; }

.footer-bar {
  float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #232323;
  color: #fff; }
  .footer-bar span {
    color: #2196f3;
    font-size: 15px;
    font-weight: 400; }

@media screen and (max-width: 767px) {
  .footer-bar p {
    font-size: 12px; }

  footer .list-style-1 li {
    padding: 0 0 5px 0; }
    footer .list-style-1 li:last-child {
      padding: 0; } }
.footer-title-style1 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .footer-title-style1:before {
    position: absolute;
    content: '';
    background: #2196f3;
    width: 40px;
    height: 1px;
    bottom: 0px;
    left: 0;
    top: 35px; }
  .footer-title-style1:after {
    position: absolute;
    content: '';
    background: #2196f3;
    width: 25px;
    height: 1px;
    left: 0px;
    top: 26px; }

/*# sourceMappingURL=styles.css.map */

/*# sourceMappingURL=styles.css.map */