
.switch.sm {width: 50px;height: 22px; margin-bottom: 0px;}
.nsfw-toggle .opt{ position: relative; bottom: 6px; }
.slider.sm:before {
  height: 15px;
  width: 15px;
}



/*Toggler*/
.msg-options .msg-toggle-like,.msg-options .msg-delete {cursor: pointer;}
.toggle-box{ margin-top: 10px; text-align: center; line-height: 20px;}
.toggle-box > span:nth-child(1), .toggle-box > span:nth-child(3) { position: relative; bottom: 16px; font-weight: bolder; }
.toggle-box.sm > span:nth-child(1), .toggle-box.sm > span:nth-child(3){
  bottom: 4px;
}
.bordered-box {
  padding: 10px; 
  border: 2px solid #dad;
}
.switch {position: relative;display: inline-block; width: 60px;height: 34px;}
.block{ display: block; }
.switch input {display:none;}
.txt-caps { text-transform: capitalize; }
.txt-upper { text-transform: uppercase; }
.ash-back { background: #f6f6f6; }
.check-side-by-side i{ position: relative; bottom: 6px; font-style: normal;}
.check-side-by-side i:first-child{ margin-right: 10px; }
.check-side-by-side i:last-child{ margin-left: 10px; }
.modal-popup  {
    transition: .3s ease all;
    font-family: 'Roboto', sans-serif;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9534f;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {background-color: #3c7637;}
input:focus + .slider { box-shadow: 0 0 1px #3c7637;}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}



.shake_no {
  animation: shake_no 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.shake_yes {
  animation: shake_yes 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake_no {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake_yes {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }
  
  20%, 80% {
    transform: translate3d(0, 2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -4px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 4px, 0);
  }
}

.reset-filter{ opacity: 0.4; 
  font-size: small;
  font-style: italic;
  text-align: center;
}
.col-p-2-r0 { padding-left: 2px!important; padding-right: 0px!important; }
.col-p-r0 { padding-right: 0px!important; }
.col-p-l0 { padding-left: 0px!important;  }
.col-p-2-l0 { padding-right: 2px!important; padding-left: 0px!important; }
.col-p-0{ padding-left: 0px!important; padding-right: 0px!important; }
.col-p-1{ padding-left: 1px!important; padding-right: 1px!important; }
.col-p-2{ padding-left: 2px!important; padding-right: 2px!important; }
.col-p-3{ padding-left: 3px!important; padding-right: 3px!important; }
.col-p-4{ padding-left: 4px!important; padding-right: 4px!important; }
.col-p-5{ padding-left: 5px!important; padding-right: 5px!important; }
.col-p-10{ padding-left: 10px!important; padding-right: 10px!important; }
.col-p-15{ padding-left: 15px!important; padding-right: 15px!important; }
.col-p-30{ padding-left: 30px!important; padding-right: 30px!important; }
.p-t-0{ padding-top: 0px!important; }
.p-b-0{ padding-bottom: 0px!important }
.m-b-5{ margin-bottom: 5px; }
.m-b-0{ margin-bottom: 0px; }
.m-t-0{ margin-top: 0px!important; }
.m-b-10{ margin-bottom: 10px; }
.m-b-20{ margin-bottom: 20px; }
.m-t-5{margin-top: 5px;}
.m-t-10{margin-top: 10px;}
.m-t-20{margin-top: 20px;}
.m-l-20{margin-left: 20px;}
.m-l-10{margin-left: 10px;}
.m-r-20{margin-right: 20px;}
.inline-block{ display: inline-block;}
.inline{ display: inline-block; }
.w-100{ width: 100%; }
.w-50{ width: 50%; }
.w-25{ width: 25%; }
.r-50{ border-radius: 50%; }
.r-25{ border-radius: 25%; }
.txt-caps{
  text-transform: capitalize;
}
.txt-upper{
  text-transform: uppercase;
}
.txt-lower{
  text-transform: lowercase;
}
.txt-title{ text-transform: lowercase; }
.txt-title:first-letter{ text-transform: capitalize; }
.txt-strike{
  text-decoration: line-through;
}
.trans-cap{ text-transform: capitalize; }
.trans-upper{ text-transform: uppercase; }
.trans-lower{ text-transform: lowercase; }
.trans-none{ text-transform: none; }
.center{ text-align: center; }
.strong { font-weight: bold;  }

.bootstrap-select .dropdown-menu li.selected.active a{
  background: #8e67d2;
}
.share a{
  border: none!important;
  color: #fff!important;
  transition: all 500ms ease-in-out 1ms;
}
.share:hover a{
  animation: rotateIn 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
.share.facebook a{
  background: #3b5998
}
.share.twitter a{
  background: #00b6f1;
}
.share.google-plus a{
  background: #df4a32;
}
.share.whatsapp a{
  background: #4dc247;
}

input.danger, textarea.danger{
  border: 1px solid #ca0f0f;
}
.listing-views{
  padding: 3px 15px; 
  background: rgba(26, 13, 49, 0.57); 
  color: #fff; 
  font-weight: 500;  
  font-size: 15px; 
  position: absolute; 
  z-index: 90; 
}


/*---------------------------*/
/* GLOWING BUTTON */
/*---------------------------*/
@-webkit-keyframes glowing {
  0% { background-color: #7558a7; -webkit-box-shadow: 0 0 3px #7558a7; }
  50% { background-color: #000000; -webkit-box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #25075a; -webkit-box-shadow: 0 0 3px #25075a; }
}

@-moz-keyframes glowing {
  0% { background-color: #7558a7; -moz-box-shadow: 0 0 3px #7558a7; }
  50% { background-color: #000000; -moz-box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #7558a7; -moz-box-shadow: 0 0 3px #7558a7; }
}

@-o-keyframes glowing {
  0% { background-color: #7558a7; box-shadow: 0 0 3px #7558a7; }
  50% { background-color: #000000; box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #7558a7; box-shadow: 0 0 3px #7558a7; }
}

@keyframes glowing {
  0% { background-color: #7558a7; box-shadow: 0 0 3px #7558a7; }
  50% { background-color: #000000; box-shadow: 0 0 40px #ffffff; }
  100% { background-color: #7558a7; box-shadow: 0 0 3px #7558a7; }
}

.btn-glowing {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
  border: none!important;
}



/*---------------------------*/
/*FORM WIZARD*/
/*---------------------------*/
.type-selector{
  margin-bottom: 10px;
}
.type-selector a{
  padding-bottom: 4px; 
  text-decoration: none;
}
.type-selector a.active{
  border-bottom: 2px dashed #398ed6;
}
.type-selector a:nth-child(1){
  margin-right: 20px;
}
.type-selector a:nth-child(2){
  margin-left: 20px;
}
/*RESPONSIVE DESIGN*/
@media(max-width: 992px){
    #social-reaction-ul li .badge{
      padding-top: 2px!important;
    }
  #mainn{
    padding: 2px;
  }
  #mainn #main_body{
    padding-left: 2px;
    padding-right: 2px;
  }
  #estate-listing{
    padding: 2px;
  }
  #main_body .panel:nth-child(1) > .panel-body{
    padding: 7px;
  }
  #estate-listing #all-estates{
    padding: 5px;
    margin: 5px;
  }
  #estate-listing .type-selector a:nth-child(1){
    margin-right: 10px;
  }
  #estate-listing .type-selector a:nth-child(2){
    margin-left: 10px;
  }
}
.ex-tab .tab-content {
  border: 1px solid #e3e3e3;
  box-shadow: 0 2px 3px #d3d3d3;
  padding : 5px 15px;
}

.ex-tab .nav-pills > li > a {
  border-radius: 0;
  color: #9b97ad;
}
.ex-tab .nav-pills > li.active {
  border: 1px solid #e3e3e3;
    box-shadow: 0 3px 1px #d3d3d3;
}
.ex-tab .nav-pills > li.active > a:hover,
.ex-tab .nav-pills > li.active > a {
  color: #8e67d2;  
  background: transparent;
}
.ex-tab .nav-pills > li {
  text-align: center; 
  margin-left: 0px;
}
.ex-tab.col6 .nav-pills > li { width: 16%; }
.ex-tab.col5 .nav-pills > li { width: 20%; }
.ex-tab.col4 .nav-pills > li { width: 25%; }
.ex-tab.col3 .nav-pills > li { width: 33%; }
.ex-tab.col2 .nav-pills > li { width: 50%; }
.ex-tab.item-3 .nav-pills > li {
  width: 33%;
}


.form-designed .form-group{
  padding: 20px 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
}
.form-designed .form-group:nth-child(even){
  background: rgba(115, 76, 181, 0.1);
}
.form-designed .form-group:nth-child(odd){
  background: rgba(210, 205, 218, 0.15);
}

.listing-operation-selector{
  padding: 10px; 
  text-align: center;
  /*-webkit-box-shadow: -2px -2px 46px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: -2px -2px 46px -11px rgba(0,0,0,0.75);
  box-shadow: -2px -2px 46px -11px rgba(0,0,0,0.75);*/
}

.listing-aminities{
  /*border: 1px solid #ddd; */
  padding: 10px;
}
.listing-aminities .listing-aminities-item{
  padding: 3px; 
}
.listing-aminities .listing-aminities-item > div{
  padding: 10px; 
  border: 1px solid #ebe8ef;
  line-height: 20px;
  text-align: center; 
}
.listing-aminities .listing-aminities-item span{
  font-size: 15px;
  text-transform: capitalize;
}

.listing-images{}
.listing-images .plus{
  cursor: pointer;
  background: #ddd;
  text-align: center; 
  margin: 10px;
  padding: 20px;
}
.listing-images .listing-images-item > div{
  border: 1px solid #ebe8ef;
  padding: 10px;
  margin: 5px auto;
}
.listing-images{}


.is-not-valid{
  border: 1px solid red!important;
}


/*Login and signup*/
#login, #signup{
  margin-top: 30px;
}
.or-item span{
  background:#fff; 
  color: #7d56c0;
    padding:0 10px; 
}
.or-item{
  font-size: 18px;
  width: 90%; 
    text-align: center; 
    border-bottom: 1px solid #7d56c0; 
    line-height: 0.1em;
    margin: 25px auto 25px; 
}
.social-login > div > div{
  padding-left: 3px; padding-right: 3px;
}
.social-login  a{
  /*margin-bottom: 20px;*/
  color: #fff;
  border-radius: 0px;
  border: 1px solid transparent;
  font-size: 16px;
}

.social-login .facebook-div a{
  background: #3b5998; 
}
.social-login .google-div a{
  background: #df4a32;
}
.social-login .twitter-div a{
  background: #00b6f1;
}

.social-login  a:hover{
  background: transparent;  
}
.social-login .facebook-div a:hover{
  color: #3b5998;
  border-color: #3b5998;
}
.social-login .google-div a:hover{
  border-color: #df4a32;
  color: #df4a32;
}
.social-login .twitter-div a:hover{
  color: #00b6f1;
  border-color: #00b6f1;

}
@media (max-width: 768px){
  .social-login  a{
    font-size: 12px!important;
  }
  .modal-l .modal-dialog {
    width: 900px;
    margin: 30px auto;
  }
}

#social-reaction-ul li{
  margin-left: 10px;
}
#social-reaction-ul li .badge{
  padding: 0px 6px;
}


/*STYLING A MODAL*/
.styled-modal .modal-content.no-radius{
  border-radius: 0px;
}
.styled-modal .modal-header{
  background: #8a66c7; 
  color: #fff;
}
.styled-modal .modal-header h4{
  font-weight: 700;
}
.styled-modal .modal-body .modal-description{
  line-height: 1.6;
}
.styled-modal .modal-body .modal-description .promise{
  font-weight: 800; 
  font-style: italic;
}
.styled-modal{}
.styled-modal{}

/*************************************************************************
                        CUSTOM FONT-AWESOME
**************************************************************************/
.fa-call:before{
  font-family: FontAwesome; 
  content:  "\f095";
}

.fa-text:before{
  font-family: FontAwesome; 
  content:  "\f003";
}

.initial-caution-div{
  text-align: center; 
  margin-bottom: 8px;
}
.initial-caution-div > span{
  font-weight: bold; 
  padding: 5px 6px;  
  border-radius: 0px;
  /*border: 2px dashed #ddd;*/
}
.initial-caution-div > span:nth-child(1){
  margin-right: 20px;
}
.initial-caution-div > span span{
}
.initial-caution-div > span span:nth-child(1){}
.initial-caution-div > span span:nth-child(2){
}
.initial-caution-div{}
.initial-caution-div{}

@media(max-width: 466px){
  .initial-caution-div > span:nth-child(1){
    margin-right: 0px;
  }
  .initial-caution-div > span{
    display: block;
  }
  
}
