* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}
@media(max-width:326px){
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
  display: flex;
  /* flex-wrap: nowrap ; */
  align-items: center;
  justify-content: space-between;
}

.navbar-toggler {
  padding: 0.1rem 0.01rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow .15s ease-in-out;
}
}

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital@1&display=swap');

.main-title {
  font-weight: 700;
  font-size: 37px;
}

.home_heading {
  font-size: 26px;
  text-transform: uppercase;
}

.sub-title {
  font-weight: 400;
  color: #fff !important;
  font-size: 18px;
}

@media screen and (max-width:768px) {
  .main-title {
    font-size: 18px;
  }
}

@media screen and (max-width:450px) {

  .sub-title {
    font-size: 14px;
  }

  .home_heading {
    font-size: 18px !important;
  }
}
 

.premium-container-wrapper {
  background: transparent linear-gradient(
180deg
, #ffcd31, #ff9700) 0 0 no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  margin-bottom: 1em;
}
.premium-container {
  margin: auto;
  padding: 1em;
}
.premium-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.premium-content {
  opacity: 1; 
  height: 40%;
  min-height: 200px;
  padding: 2em;
  flex-basis: 35%;
}
.premium-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.premium-title {
  color: #000;
  font-size: 25px;
  font-weight: 700;
  flex-grow: 3;
}
.diamond-logo {
  width: 1em;
}
.premium-description { 
  color: #000;
  font-size: 18px;
  flex-grow: 3;
  width: 100%;
}
.join-link {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}
.selectButton.go-premium-2 {
  color: #ffc92d!important;
  width: 200px;
  margin: auto;
  max-width: 100%;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 5em;
  font-weight: 500;
  font-size: 18px;
  margin-top: 3em;
  text-align: center;
  border: 2px solid #292929ee;
  background: #1a1a1a;
}
.premium-video {
  flex-basis: 65%;
  padding-left: 5em;
}
.premium-video-player {
  width: 100%;
  box-shadow: 3px 5px 28px -3px #292929;
}

@media (max-width: 991.98px) {
  body .premium-container {
      margin-top: 1em
  }
  body .premium-container .premium-row .premium-video {
      padding: 0;
      flex-basis: 100%
  }
  body .premium-container .premium-row .premium-content {
      padding: 2em 0;
      order: 2;
      flex-basis: 100%
  }
  body .thumbContainer {
      overflow: hidden;
      max-width: 100%
  }
}

@media (max-width: 575.98px) {
  body .premium-container .premium-row .premium-content {
      padding: 0;
      flex-basis: 100%;
      align-items: center;
      justify-content: center;
      display: flex;
      min-height: 8em;
      margin-top: 2em;
  }
  body .premium-container .premium-row .premium-content .premium-wrapper .premium-title {
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center
  }
  body .premium-container .premium-row .premium-content .premium-wrapper .premium-description {
      font-size: 18px
  }
}

/* New Gallery  */
.today-btn-container{
  position: absolute;
    bottom: 6px;
    left: 6px;
}
.dot-online {
  color: #00e676;
  font-style: normal;
  font-size: 19px;
}
.photo .new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;
  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center;
}


  
  
.provider-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0
}

.provider-city {
  color: #bfbfbf;
}

@media only screen and (min-width: 993px) {
  .provider-name {
      font-size:22px;
      font-weight: 700;
      margin-bottom: 0
  }

  .provider-city {
      font-size: 16px;
      font-weight: 700
  }
}


.no-rating {
  font-size: 14px;
  color: #a6b2bf;
  display: flex;
  justify-content: flex-end;
  min-width: 100px
}

@media only screen and (min-width: 640px) {
  .no-rating {
      /* justify-content:flex-start;
      margin-left: auto */
  }
}

@media only screen and (max-width: 600px) {
  .no-rating {
      /* justify-content:flex-start */
  }
}

.connect-btn {
  background: transparent linear-gradient(180deg,#ffcd31,#ff9700) 0 0 no-repeat padding-box;
  padding: 2px 6px 2px 6px;
  font-style: normal;
  text-transform: none;
  
  font-size: 14px;
  border-radius: 4px;
  color: #000;
  margin-left: 2px;
  vertical-align: middle;
  cursor:pointer;
}
.connect-btn i {
  display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #000000; 
}
.connect-btn span {
   margin-left:2px;
   font-weight:bold;
}

.dot-online {
  color: #00e676;
  font-style: normal;
  font-size: 19px
}

@media only screen and (max-width: 993px) {
  .no-rating {
      font-size:12px
  }

  .provider-name {
      font-size: 20px;
      vertical-align: text-top
  }

  .provider-city {
      font-size: 16px
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
  .provider-name {
      font-size:20px;
  }

  .provider-city {
      font-size: 1rem
  }

  .no-rating {
      font-size: 12px
  }
}

@media only screen and (max-width: 640px) {

  .no-rating {
      margin: 0
  }
}

.provider-name {
  
  color: #ede2e2;
  position: relative;
  width: 100%
}
.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.provider-city,.provider-name {
  font-weight: inherit;
  margin-top: 6px;
  text-transform:capitalize;
}

@media only screen and (min-width: 993px) {
  .provider-name {
      font-size:20px; 
  }

  .provider-city {
      font-size: 16px;
  }
}

@media screen and (min-width: 600px) {
  .provider-info .above {
      display:flex;
      justify-content: space-between;
      align-items: center
  }
}

.provider-info .below {
  line-height: 29px;
}

@media screen and (min-width: 600px) {
  .provider-info .below {
      /* display:flex;
      align-items: center; */
      margin-top: 5px
  }
  .private-place  {
    padding-bottom: 6px;
    padding-top: 2px;
  }
}

.desktop-profile {
  display: block
}

.mobile-profile {
  display: none
}

@media only screen and (max-width: 1024px) {
  .desktop-profile {
      /* display:none */
  }

  .mobile-profile {
      display: block
  }
}

 .today-btn-container {
  position: absolute;
  bottom: 6px;
  left: 6px
}

.new-tag {
  position: absolute;
  right: 8px;
  padding-top: 7px;
  top: -5px;
  color: #fff;
  background: #cc1467;
  border-radius: 4px;
  
  font-size: 14px;
  width: 44px;
  height: 34px;
  text-align: center
}

@media only screen and (max-width: 600px) {
  .new-tag {
      right:0
  }
}
@media only screen and (max-width: 600px) {
  .provider-name i, .rf-green i {
      /* position:absolute;
      right: 2px */
  }
}
.provider-name i, .rf-green i{
  vertical-align: middle;
  color: #019901;
  font-size: 1.6em;
}
.profile-img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #c4c4c4!important;
}

.profile-img {
  transition: filter .3s ease-in-out
}

.profile-img:hover {
  filter: brightness(50%)
}

/* Different  */
.card{
  background-color: #fff0;
}
.card svg {
  font-size: 70px;
  display: inline-block; 
  margin-right: 0.3em;
  color: #eca400;
}
.card i {
  /* font-size: 52px; for price card  */
  display: inline-block; 
  margin-right: 0.3em;
  color: #0d6efd;
}
 .card {
  padding: 2.5rem;
  position: relative;
  border: none;
}

.load_more_btn {
  position: relative;
  max-width: 175px;
  margin: 1em auto;
  background: #da5591;
  border-radius: 6px;
  clear: both;
}
.pulse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s,-webkit-transform .3s;
  -webkit-transition: opacity .3s,transform .3s;
  transition: opacity .3s,transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
  -webkit-animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
  animation: pulse-animation 1s cubic-bezier(.24,0,.38,1) infinite;
  z-index: -1;
}
.load_img_btn {
  margin: 0px auto;
  display: block;
  max-width: 175px;
  background: #cc1467;
  color: #fff;
  text-align: center;
}
.load_img_btn i {
  color: #fff !important;
  margin-right: 5px;
}
.connect-btn span {
  margin-left: 2px;
  font-weight: bold;
}
.text-languid {
  font-size: 24px;
}
.bg-c-g100{
  background: #000000;
}
@-webkit-keyframes pulse-animation {
  0% {
      opacity: 1;
      transform: scale(1)
  }

  50% {
      opacity: 0;
      transform: scale(1.5)
  }

  to {
      opacity: 0;
      transform: scale(1.5)
  }
}

@keyframes pulse-animation {
  0% {
      opacity: 1;
      transform: scale(1)
  }

  50% {
      opacity: 0;
      transform: scale(1.5)
  }

  to {
      opacity: 0;
      transform: scale(1.5)
  }
}

.sub-s{
  font-size: 32px;
}
@media screen and (max-width:500px){
  .sub-s{
    font-size: 24px;
  }
}

.but-blocks {
  text-align: center;
}
 
.but-blocks a{ 
  font-size: 20px; 
  /* padding: 15px 20px; */
  padding: 0.335rem 0.65rem;
  border-radius: 5px;
  margin-right: .5em;
  margin-bottom: 20px;
  min-width: 245px;
}
@media screen and (max-width:1024px) {

  .but-blocks a{
    font-size: 14px;
    padding: 6px 6px;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 20px;
    min-width: 185px;
  }
 
  
}
@media screen and (max-width:991px) {

  .but-blocks a{
    min-width: 164px;
  }
 
  
}
@media screen and (max-width:768px) {

  .but-blocks a{
    font-size: 16px; 
    padding: 12px 16px;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 10px;
  }
 
  
}
@media screen and (max-width:524px) {

  .but-blocks a{
    
    min-width: 180px;
    padding: 8px 2px;
  }
  
  
}
@media screen and (max-width:425px) {

  .but-blocks a{
    font-size: 12px; 
    padding: 6px 8px;
    border-radius: 5px; 
    min-width: 142px;
  }
  
  
}
@media screen and (max-width:320px) {

  .but-blocks a{
    font-size: 12px; 
    padding: 6px 8px;
    border-radius: 5px; 
    min-width: 140px;
  }
  
  
}
:root {

  --main-bg-color: #1a1a1a;

  --main-color-one: #e1e1e1;

  --main-color-two: #eca400;

  --main-color-three: #eaf8bf;

  --main-color-four: #006992;

  --main-color-five: #27476e;

  --main-color-six: #001d4a;



  /* box shadows */

  --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

    0 2px 4px -1px rgba(0, 0, 0, 0.06);

  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1),

    0 10px 10px -5px rgba(0, 0, 0, 0.04);



  /* fonts  */

  --heading-font: font-family: 'open sans', sans-serif;

  --paragraph-font: font-family: 'Roboto', sans-serif;

  --anchor-font: font-family: 'open sans', sans-serif;



}




.new_breadcrumb {

  background-color: var(--main-color-three) !important;

}



body {

  background-color: #0a1838;

  overflow-x: hidden;

}



body h1, h2, h3, h4, h5, h6 {

  /* font-family: var(--heading-font) !important; */
  font-family: 'roboto',arial;

}

body p {
  /* font-family: 'open sans', sans-serif; */
  font-family: 'roboto',arial;
  font-size: 16px;
}

/* @media only screen and (max-width: 768px) {
  body p {
    font-size: 16px;
  }
} */

body a {

  font-family: var(--anchor-font) !important;

  font-weight: 400 !important;

}



.navbar {

  box-shadow: var(--shadow-4);
  background-color: #000000;


  border-bottom: 1px solid var(--main-color-one);

  z-index: 9999 !important;

}



.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {

  color: var(--main-color-two) !important;

  font-size: 1.2rem;

  font-weight: 500;
  text-transform: uppercase;

}

.border-right {

  color: var(--main-color-two) !important;

}

.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {

  color: var(--main-color-three);

}



.fa-bars {

  color: var(--main-color-one) !important;

  font-size: 25px;

}



.container p {
  color: var(--main-color-one);
  line-height: 1.5;

}



.btn_nav {

  background-color: var(--main-color-three);

  margin-left: 20px;

}



.navbar-brand {

  color: var(--main-color-two) !important;

  font-size: 20px;

  font-weight: bold;

}



/* index css  */

.clear {

  clear: both;

}



.left-side-box {

  width: 18%;

  height: auto;

  float: left;

  margin: 0;

}

.right-side-box {

  width: 18%;

  height: auto;

  float: left;

  margin: 0;

}

.middile-box {

  width: 80%;

  float: left;

  position: relative;

  margin: 0 1% 0 1%;

}

.middle-img-box {

  width: 204px;

  height: auto;

  float: left;

  margin: 0 1% 0% 1%;

}



h1 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 29px;

  font-weight: bold;

}



h2 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 1.8rem;

  font-weight: bold;

}



h3 {

  color: var(--main-color-two);

  margin-bottom: 15px;

  font-size: 1.75rem;

  font-weight: bold;

}

.vertical-menu h3 {

  padding: 0px 0px 10px 0px;

  border-bottom: 2px solid #ffc107;

  text-align: center;

}

.vertical-menu h3 {

  color: #fff;

}



h5 {

  color: #c7b426;

  margin-bottom: 15px;

  font-size: 1.65rem;

  font-weight: bold;

}



a {

  color: var(--main-color-two);

  text-decoration: none;

}

a:hover {

  color: var(--main-color-three);

}

/**Ends**/



.bgc {

  display: inline-block;
  /* background-color: #383535;border: 2px solid #ffffff;padding: 5px; */

}



img {

  width: 100%;

}



.vertical-menu {

  width: 100%;

  background-color: #000000;

  margin-bottom: 20px;

  padding: 15px;

  position: relative;

}



.vertical-menu a {
  background-color: #0a1838;
  color: #ffffff;
  display: block;
  padding: 7px 3px 7px 10px;
  text-decoration: none;
  border-bottom: dashed 1px #ffc1074a;
  font-size: 16px;
  padding-left: 8px;
  text-transform: capitalize;
  border-radius: 5px;
  box-shadow: #141414 0px 1px 10px inset;
}



.vertical-menu a:hover {

  background-color: #ffc107;
  color: #000
}

.mpt {
  padding: 20px 20px 20px 20px;
  width: 98%;
  margin: 0 1% 0 1%;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  box-shadow: #000000 0px 1px 10px;
  margin-bottom: 20px;
  background: #000000;
  border: 1px solid #00000073;
}



hr {

  margin-top: 1rem;

  margin-bottom: 1rem;

  border: 0;

  border-top: 1px solid #383636e6;

}



.bgeffect {

  width: 210px;

  height: 35px;

  padding: 4px 0 0 75px;

  color: #ffffff;

}

.bgeffect1 {

  background: url(../web/20190823052707im_/http_/www.storyofonenight.com/images/caption_bg1.html);

  width: 194px;

  height: 35px;

  padding: 4px 0 0 75px;

  color: #ffffff;

}



.img-box {

  background-color: #000;
  /* border: 2px solid #fb7f05; */

  width: 100%;

  height: auto;

  position: relative;

  box-shadow: #000000ad 0px 1px 10px;

}





.corner-right-top {

  background-color: #fff0;

  width: 20px;

  height: 20px;

  position: absolute;

  border-top: 5px solid #ffc107;
  border-right: 5px solid #d7a100;
  top: 0;

  right: -1px;

}

.corner-left-bottom {

  background-color: #ffffff00;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 0;

  border-bottom: 5px solid #ffc107;

  border-left: 5px solid #d7a100;

  left: -1px;

}

.corner-right-bottom {

  background-color: #ffffff00;

  width: 20px;

  height: 20px;

  position: absolute;

  bottom: 0;

  border-bottom: 5px solid #ffc107;

  border-right: 5px solid #d7a100;

  right: -1px;

}



footer {

  background-color: #33180eab;

  color: #fff;

}

footer p {

  text-align: left;

}

footer a {

  color: #fff;

}

footer a:hover {

  color: #ff5722;

}



.keyword {

  display: inline-block;

  margin: 0px 10px 20px 10px;

}

.keyword ul {

  margin: 0px;

  padding: 0px;

}

.keyword ul li {

  list-style: none;

  display: block;

  float: left;

  position: relative;

  box-shadow: #000000a3 0px 0px 2px;

  padding: 2px 23px 2px 23px;

  margin: 5px 5px 5px 5px;

  border-radius: 6px;
  background-color: #7d0676 !important;
  border: 1px solid #ffc107;

}

.keyword ul li a {

  font-family: Century Gothic;

  line-height: 26px;

  text-decoration: none;

  color: white;

  font-size: 14px;

}



@media (max-width: 967px) {

  .middile-box {

    width: 100%;

    float: left;

    position: relative;

    padding: 0;

  }



  .mpt {

    width: 100%;

    margin-bottom: 20px;

  }

  .border-right {

    border-right: 1px solid #ffffde00 !important;

  }

  .bgeffect {

    width: 100%;

    height: 35px;

    padding: 4px 0 0 75px;

    color: #ffffff;

    border-top: 2px solid #7a3b18;

  }



  .bgeffect1 {

    width: 100%;

    height: 35px;

    padding: 4px 0 0 90px;

    color: #ffffff;

    border-top: 2px solid #7a3b18;

  }



  .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: block;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

  }



  .left-side-box {

    width: 100%;

    height: auto;

    float: left;

    margin: 0;

  }

  .right-side-box {

    width: 100%;

    height: auto;

    float: left;

    margin: 0;

  }

  .middile-box {

    width: 100%;

    float: left;

    position: relative;

    margin: 0;

  }



  .middle-img-box {

    width: 50%;

    height: 337px;

    float: left;

    margin: 0;

  }



  .keyword {

    width: 100%;

    display: inline-block;

    margin: 21px 10px 0px 10px;

    display: none;

  }

  .keyword ul {

    margin: 0px;

    padding: 0px;

  }

  .keyword ul li {

    width: 100%;

    list-style: none;

    display: inline-block;

    float: left;

    position: relative;

    background: linear-gradient(#fc7c01, #f9902b);

    box-shadow: #000000a3 0px 0px 2px;

    border-top: 1px solid #04040485;

    border-bottom: 1px solid #04040485;

    border-left: 4px solid #040404ab;

    border-right: 4px solid #040404ab;

    padding: 2px 10px 2px 10px;

    margin: 5px 5px 5px 5px;

    border-radius: 14px;

  }

  .keyword ul li a {

    font-family: Century Gothic;

    line-height: 26px;

    text-decoration: none;

    color: white;

    font-size: 14px;

  }

}

.social_bar {

  width: 100%;

  padding: 8px 0;

  background-color: rgba(50, 50, 50, 0.8);

  bottom: 35px;

}



.social_bar {

  position: static;

  text-align: center;

  color: #fff;

}

@media screen and (min-width: 769px) {

  .social_bar {

    position: absolute;

    bottom: 0;

    color: #fff;

  }

}



.row {

  display: -ms-flexbox;
  /* IE10 */

  display: flex;

  -ms-flex-wrap: wrap;
  /* IE10 */

  flex-wrap: wrap;

  padding: 0 4px;

}



.top_image {

  background-image: url(../images/mg-1.html\ \(6\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_contact {

  background-image: url(../images/mg-1.html\ \(8\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_gallery {

  background-image: url(../images/mg-1.html\ \(2\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_image_about {

  background-image: url(../images/mg-1.html\ \(3\).jpg);

  width: 100%;

  height: 70vh;

  background-size: 100% 100%;

  object-fit: contain;

}



.top_banner {

  position: relative;

  overflow-x: hidden !important;

}



.new_breadcrumbs {

  position: absolute;

  bottom: 10%;

  left: 10%;

}



.top_image_overlay {

  background-color: rgba(20, 20, 20, 0.336);

  width: 100%;

  height: 100%;

}



/* gallery  */



.headline {

  /* font-family: Fondamento, cursive; */

  font-size: 35px;

  text-align: center;

  font-weight: 600;

  text-transform: uppercase;

  color: #f4c70f;

  text-shadow: 3px 3px #252501;

  background-repeat: no-repeat;

  background-position: center bottom;

  background-image: url(../../res.cloudinary.com/snight/image/upload/f_auto/images/headline.png);

  padding-bottom: 50px;

  margin-bottom: 20px;

  line-height: normal;

  width: 100%;

}



.gallery_forign_img {

  border-radius: 5px;

}



img.lazy {

  display: block;

  background-image: url(../images/placeholder.html);

  background-repeat: no-repeat;

  background-size: auto 30%;

  background-position: 50% 50%;

  background-color: #ccc;

}

.features {

  padding: 40px 0;

  text-align: center;

}

.features img {

  width: auto;

  display: block;

  margin: 0 auto;

  margin-bottom: 0;

  background-color: transparent;

}

.features .title {

  font-family: Fondamento, cursive;

  font-size: 30px;

  padding: 10px 0 10px 0;

  margin: 0;

  line-height: normal;

  color: #f3d000;

  text-shadow: 2px 1px 2px #04249c;

}

.features p {

  font-size: 15px;

}

.features .item {

  border: 2px solid #f3d000;

  padding: 10px;

}

.features .item-a {

  border-left: none;

  border-top: none;

  border-radius: 0 0 50px 0;

}

.features .item-b {

  border-right: none;

  border-top: none;

  border-radius: 0 0 0 50px;

}

.features .item-c {

  border-left: none;

  border-bottom: none;

  border-radius: 0 50px 0 0;

}

.features .item-d {

  border-right: none;

  border-bottom: none;

  border-radius: 50px 0 0 0;

}

@media screen and (max-width: 767px) {

  .features .title {

    font-size: 18px;

  }

}



/* social icons  */

#st-1 {

  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;

  direction: ltr;

  display: block;

  opacity: 1;

  text-align: center;

  z-index: 94034;

}

#st-1.st-animated {

  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in,

    c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in,

    c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

  transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in,

    i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;

}

#st-1 .st-btn {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;

  transition: opacity 0.2s ease-in, top 0.2s ease-in;

  -moz-border-radius: 16px;

  -webkit-border-radius: 16px;

  border-radius: 16px;

  border: none;

  cursor: pointer;

  display: inline-block;

  font-size: 11px;

  height: 32px;

  line-height: 32px;

  margin-right: 8px;

  padding: 0 8px;

  position: relative;

  text-align: center;

  top: 0;

  vertical-align: top;

  white-space: nowrap;

}

#st-1 .st-btn:last-child {

  margin-right: 0;

}

#st-1 .st-btn>img {

  display: inline-block;

  height: 16px;

  width: 16px;

  position: relative;

  top: 8px;

  vertical-align: top;

}

#st-1 .st-btn>span {

  -moz-transition: all 0.2s ease-in;

  -ms-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  color: #fff;

  display: inline-block;

  font-weight: 500;

  letter-spacing: 0.5px;

  min-width: 60px;

  opacity: 1;

  padding: 0 6px;

  position: relative;

  vertical-align: top;

}

#st-1.st-has-labels .st-btn {

  min-width: 120px;

}

#st-1 .st-btn:hover {

  opacity: 0.8;

  top: -4px;

}

#st-1 .st-btn[data-network="facebook"] {

  background-color: #4267b2;

}

#st-1 .st-btn[data-network="facebook"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="twitter"] {

  background-color: #55acee;

}

#st-1 .st-btn[data-network="twitter"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="sms"] {

  background-color: #ffbd00;

}

#st-1 .st-btn[data-network="sms"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="whatsapp"] {

  background-color: #25d366;

}

#st-1 .st-btn[data-network="whatsapp"]>span {

  color: #fff;

}

#st-1 .st-btn[data-network="sharethis"] {

  background-color: #95d03a;

}

#st-1 .st-btn[data-network="sharethis"]>span {

  color: #fff;

}



/* footer css  */



.footer .about {


  font-size: 25px;

  text-align: center;

  padding: 20px 0;

  color: #f4c70f;

  text-shadow: 2px 1px 2px #000;

}

.footer .about span {

  display: block;

  font-size: 20px;

  margin-top: 10px;

}

.footer .links {

  text-align: center;

  padding: 5px 0;

  background-color: #000;

}

.footer .links li {

  display: inline-block;

}

.footer .links li a {

  font-size: 13px;

}

.footer .links li a:hover {

  color: #e42e54;

}

.footer .links li::after {

  content: "-";

  margin: 0 10px;

}

.footer .links li:last-child:after {

  content: "";

}

.footer .footer-bottom {

  padding: 0 0 0;

  font-size: 13px;

}

.footer .footer-bottom .menu {

  float: right;

}

.footer .footer-bottom .menu li {

  display: inline-block;

}

.footer .footer-bottom .menu li::after {

  content: "-";

  margin: 0 3px 0 5px;

}

.footer .footer-bottom .menu li:last-child:after {

  content: "";

  margin: 0;

}

.footer .footer-bottom .copyright {

  float: left;

}

@media (max-width: 768px) {

  .footer .links {

    margin-bottom: 10px;

  }

  .footer .links li {

    display: block;

    padding: 2px 0;

  }

  .footer .links li::after {

    content: "";

    margin: 0 5px;

  }

  .footer .footer-bottom {

    margin-bottom: 120px;

  }

  .footer .footer-bottom .menu {

    float: none;

    text-align: center;

  }

  .footer .footer-bottom .menu li {

    padding: 2px 0;

  }

  .footer .footer-bottom .menu li::after {

    content: "";

    margin: 0 5px;

  }

  .footer .copyright {

    float: none;

    text-align: center;

  }

}









@media only screen and (max-width: 600px) {

  .img-box>img {

    margin: 0px 2% !important;

  }

  .social_bar {

    margin: 0px 2% !important;

  }

}



/* index css  */

.home_img_name {

  background-color: #fff;

  padding: 5px 0px;

  text-align: center;

}



.home_img_like {

  background-color: var(--main-color-three);

}

.home_img_name {

  background-color: var(--main-color-six);

}



.home_img {

  position: relative;

  margin-bottom: 20px !important;

  margin: 1%;

}



.vip_logo {

  position: absolute;

  top: 2%;

  right: 2%;

}



.vip_new_logo {

  width: 50px;

}





.corner-left-top {

  background-color: #fff0;

  width: 20px;

  height: 20px;

  position: absolute;

  border-top: 5px solid #ffc107;
  border-left: 5px solid #d7a100;

  top: 0;

  left: -1px;

}



.home_img_star .fa-star {

  color: rgb(223, 191, 9);

  font-size: 14px;

}





.home_img_star .fa-heart {

  color: rgb(238, 8, 115) !important;

}

.home_img_star .fa-thumbs-up {

  color: green !important;

}



.home_img_star span {

  color: black !important;

  font-weight: bold;

}



.home_img {

  background-color: rgb(255, 255, 255);

  transition: all 0.4s ease 0s;

  transform: translate3d(0px, 0px, 0px);

  overflow: hidden;

  border-radius: 6px;

  box-shadow: rgb(50 50 50 / 10%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 6px 16px;

  will-change: transform;

  --gradient-background: linear-gradient(60deg, #237CCA 0%, #1CA6B2 100%);

  --gradient-color: currentColor;

}



.home_img:hover {

  transform: translateY(-5px);

  box-shadow: rgb(50 50 50 / 10%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 6px 16px;

}






@media only screen and (max-width: 600px) {

  .logo_new {

    width: 229px !important;

  }

  .home_heading {

    font-size: 1.6em ;

  }

}

@media only screen and (max-width: 356px) {
  .logo_new {

    width: 190px !important;
    height: auto;

  }
}







.background_img {

  background-image: url('../images/jaipur-escorts-one.jpg');

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-attachment: fixed;

  background-position: top;

}



.new_box {

  background: rgba(0, 0, 0, 0.596);

}



.st-btn.st-first {

  margin-bottom: 10px;

}



.st-btn {

  margin-bottom: 10px;

}


.home_heading {

  font-size: 1.8em;

}

.about_heading {

  font-size: 1.8em;

}

.navbar-brand img{
  width: auto !important;
}
.cp-1{
  padding: 0.5rem !important;
}
.breadcrumbs-items{
  padding: 7px 7px;
    background: #000;
}