@font-face {
  font-family: 'Segoe UI Local';
  src: local('Segoe UI Light');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Local';
  src: local('Segoe UI Semilight');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Local';
  src: local('Segoe UI');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Local';
  src: local('Segoe UI Semibold');
  font-weight: 600;
  font-style: normal;
}


@font-face {
  font-family: 'Segoe UI Web (West European)';
  src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Web (West European)';
  src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Web (West European)';
  src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Web (West European)';
  src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face{
  font-family: futuretimesplitter;
  src: url("../fonts/FutureTimeSplitters.otf") format("opentype");
}

.light {
  font-weight: 100;
}

.semilight {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.semibold {
  font-weight: 600;
}

body {
  background: #010913;
  font-family: 'Segoe UI Local', 'Segoe UI Web (West European)';
  font-weight: 200;
  font-size: 16px;
  line-height: 1.8;
  color: #6c757d;
  position: relative; 
  overflow-x:hidden;
}



a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5 {
  color: #000;
  font-family:  'Baloo', cursive; }

.font-family-serif {
  font-family: 'Baloo', cursive;  }

.font-family-sans-serif {
  font-family: 'Baloo', cursive;  }

.bg-light {
  background: #f2f4fb !important; }




  .btn.btn-outline-white {
    border: 2px solid #fff; }
    .btn.btn-outline-white:hover {
      border: 2px solid transparent;
      background: #000;
      color: #fff; }
  .btn.btn-outline-white-primary {
    border: 2px solid #fff; }
    .btn.btn-outline-white-primary:hover {
      border: 2px solid transparent;
      background: #ff0000;
      color: #fff; }
  .btn.uppercase {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .2em; }

.btn, .form-control {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .btn:focus, .btn:active, .form-control:focus, .form-control:active {
    outline: none; }


  .form-control:active, .form-control:focus {
    border-color: #ff0000; }

.nomargin{margin:0;}
#vincell-navbar-nav .nav-link{color:#ffffffb3;text-transform:uppercase;}

#vincell-navbar-nav .navbar-nav{width: 75%;}
#vincell-navbar-nav .navbar-nav .nav-item{width: 25%; text-align: center;}
#vincell-navbar-nav .navbar-nav .nav-item .nav-link{padding:0 !important;}
#vincell-navbar-nav .nav-link span{padding-left: 10px; padding-right: 10px;    font-weight: 400;padding-bottom: 6px; transition:0.2s;}
#vincell-navbar-nav .nav-link span:hover{color:#ffffff; border-bottom:2px solid #E74003;} 
#vincell-navbar.scrolled .nav-link span:hover{color:#E74003 !important; }
.vincellhomebanner{height: 804px;background-position: -53px 0;background-size: contain;background-repeat:no-repeat;}
.vincelaboutbanner{height: 803px;background-size: cover;background-repeat:no-repeat;    background-position: -51px 0px;}
#vincell-navbar-nav .nav-link.active span{color:#E74003 !important; border-bottom:2px solid #E74003;}
#vincell-navbar .container{max-width: 90vw !important;}
.nextScroller{      position: absolute;
  width: 20px;
  animation: pulse 2s infinite;
  cursor: pointer;
  top: 88vh;
  left: 50%;
  right: 50%;
  text-align: center;
  font-size: 27px;}
.mobileLogo{display: auto;}
  .nextScroller .first{   
    line-height: 1px;  color: #E74003;}
    .nextScroller .second{
    margin: -18px auto 0 auto;
    line-height: 1px;  color: #E74003;}
    .list-inline li{display: inline-block; }
    .mobilefootrmenu{display:none;}
    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
      50% {
        -webkit-transform: translate(0, 10px);
                transform: translate(0, 10px); }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
    
    @keyframes pulse {
      0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
      50% {
        -webkit-transform: translate(0, 10px);
                transform: translate(0, 10px); }
      100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
.bannerHead{    position: absolute;
  top: 30%;
  margin-left: 13%;
  letter-spacing: 1px;}
.bannerHead h2{color: #fff;
  font-size: 2.3em;
   width: 51%; 
}
.bannerHead h2 span{
  color:#E74003;
  position: relative;
}
.bannerLiner{    display: block;
  width: 77px;
  height: 4px;
  border-radius: 3px;
  background: #ffffff;
  /* margin: 3px 11.9% 0 auto; */
  
}
.bannerDesc{    width: 56%;
  font-size: 0.9em;
  margin: 25px 0;
  letter-spacing: 0.6px;
  font-weight: 300;
  color: #fff;}
  .vincellBtn{    width: 157px;
    text-align: center;
    background: #E74003;
    color: #fff;
    border-radius: 32px;
    padding: 8px;
    font-size: 0.8em;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;}
.aboutSec{
  position: absolute;
  top: 26%;
  right: 2%;
  letter-spacing: 1px;
  width: 37%;
}
.aboutSec h2{color: #fff;
  font-size: 2.5em;}
.aboutLiner{      display: block;
  width: 77px;
  height: 4px;
  border-radius: 3px;
  background: #E74003;
  margin: 6px 0 0 25%;}
  .mobilefooterlogo{display: none;}

@media(min-width:1440px){
  .bannerLiner{
    /* margin: 3px 57.9% 0 auto; */
  }
}

@media(max-width:1024px){
  .bannerHead{    margin-left: 9%;}
  .bannerHead h2{width: 64%;}
  #vincell-navbar .container {
    max-width: 95vw !important;
  }
}

@media(min-width:1447px){
  body{font-size:20px;}
}
@media(min-width:1778px){
  body{font-size:21px;}
}

@media(min-width:1860px){
  .bannerHead h2{ width: 48%;}
}
@media(min-width:2000px){
  .bannerHead h2{ width: 40%;}
}
.about-carousel{margin-top: 45px;}
.about-carousel .sliderHead{    color: #fff;
  font-weight: 400;
  font-size: 1.2em;
  margin-bottom: 5px;}
  .about-carousel .sliderDesc{     font-size: 0.92em;
    line-height: 25px;    color: #fff;}
.about-carousel .slider-item{    width: 95%; }
.about-carousel .owl-prev{left: -57px !important;}
.about-carousel .owl-next{right: -21px !important;}
.about-carousel .owl-nav button{    color: #e84f1d !important;
  width: 40px;
  height: 40px;
  background: #dedddd57 !important;
  border-radius: 50%;}
  .about-carousel .owl-nav button span::before{    font-size: 22px !important;
    vertical-align: middle !important;}
.aboutBtngrp .vincellBtn{display: inline-block;margin:6px;}
.about-carousel .owl-nav button.disabled{background: #dedddd17 !important;}
.img-box {
  position: relative;
      text-align: center;
      display: block;
      border-radius: 105px;
      overflow: hidden;
      width: 200px;
      height: 200px;
      padding: 0 !important;
      margin:auto;
      background: #f3f3f3;
  }
  .img-box .image{
        border-radius: 50%;
      width: 100%;
  }
  .img-content {
      background: #ffffffde;
      position: absolute;
      bottom: -127px;
      height: 200px;
      width: 100%;
      box-sizing: border-box;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
  }
  .img-box:hover .img-content{
    bottom: 0px;
    transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
  }
.teamslider .name{    color: #000;
  font-weight: bold;
  font-size: 19px;
  line-height: 17px;
  padding-top: 22px;}
  .teamslider .position{
  font-size: 13px;
  line-height: 17px;}
  .teamslider .content{
    font-size: 13px;
    line-height: 20px;
    padding: 21px 12px 12px 12px;}
.teamslider .owl-nav button{    color: #e84f1d !important;
  width: 40px;
  height: 40px;
  background: #dedddd !important;
  border-radius: 50%;}
  .teamslider .owl-nav button span::before{    font-size: 22px !important;
    vertical-align: middle !important;}
    .teamslider .owl-nav button.disabled{background: #dedddd63 !important;}
.mapcontaiber{position: relative;}
  .mapSec{height: 450px;width: 100%;background: #fff;  margin-top: 12%;}
  .vincellcontact{ width: 30%;
    position: absolute;
    top: 7%;
    left: 7%;
    background: #e95a06f7;
    padding: 4% 4%;
    border-radius: 35px;z-index:1;}
    .vincellHeading{font-size: 2.5rem;}
  .vincellcontact form input.form-control{height: 36px;
    border: none;
    border-radius: 2px;}
    .vincellcontact form textarea{
      border: none;
      border-radius: 2px; resize: none;}
    .vincellcontact form .form-group{  margin-bottom: 1.3rem;}
    .vincellcontact form input::-webkit-input-placeholder { /* Edge */
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    
    .vincellcontact form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    
    .vincellcontact form input::placeholder {
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    .vincellcontact form textarea::-webkit-input-placeholder { /* Edge */
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    
    .vincellcontact form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    
    .vincellcontact form textarea::placeholder {
      color: #000;
      font-size:12px;
      letter-spacing: 0.8px;
    }
    .vincellcontact .checkbox{margin-top: -14px;}
    .vincellcontact span{ margin-left: 6px;vertical-align: top; color: #fff; font-size: 13px;letter-spacing: 0.8px;}
    .vincellcheck {
      position: relative;
      width: 16px;
      height: 16px;
      margin: 0;
      display: inline-block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: 0;
  }
  .indClass{border-bottom: 1px solid #ffffff2e;    margin-right: 0 !important;
    padding-right: 13.125px !important;
    padding-bottom: 12px;border-right: 1px solid #ffffff2e;}
  .indClass.second{padding-left: 13.125px !important; border-right:none;}
  .vincellcheck:after {
      content: '';
      position: absolute;
      display: block;
      z-index: 1;
      width: 16px;
      height: 16px;
      border: 1px solid #dedede;
      border-radius: 2px;
  }
  
  .vincellcheck[type=checkbox]:before {
      background: url("http://i.imgur.com/dR1TM0y.png");
      background-size: 10px 8px;
      background-repeat: no-repeat;
      background-position: 2px 4px;
      position: absolute;
      left: 2px;
      z-index: 2;
      opacity: 0;
      width: 100%;
      height: 100%;
      color: #fff;
  }
  
  .vincellcheck[type=checkbox]:checked:before {
      content: '';
      position: absolute;
      top: 0px;
      opacity: 1;
      left: 0px;
      border: 1px solid #fff;
      border-radius: 2px;
  }
.contact-section h2.vincellHeading{margin-left: 7%;}
.paddingsec{padding: 135px 15px 0 15px;}
.whiteheading{color:#ffffff;}
.leftaligned{text-align: left;}
.contact-section{margin-top: 100px;}
.contact-section h2{width:100%;}
.contactliner{display: block;
  width: 77px;
  height: 4px;
  border-radius: 3px;
  background: #e84f1d;
  margin: -1px 0px 0 20%;}
  @media(min-width:1440px){
    .bannerLiner{
      /* margin: 3px 57.9% 0 auto; */
    }
    .contactliner{margin: -1px 0px 0 16%;}
  }
.contactSubmt{text-align: center;}
.contactSubmt .btn{padding-left: 40px;
  padding-right: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 6px;
  color: #e95a06f7;
  letter-spacing: 0.4px;
  font-size: 14px;}
.footercontiner{margin:0 4%;}
.footerlogo img{ width: 60%;
  margin-top: 5%;
  }
.footerHead{margin-bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 600;}
.footerDesc{    margin-bottom: 0;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.2px;    line-height: 28px;     padding-right: 17.5px;
  margin-right: 8.75px; margin-top: 10px;  }
  .footerDesc a{color: #fff; transition:0.5s;    font-size: 13px;
    padding-right: 8px;
    padding-left: 8px;
    border-right: 1px solid #676767;} 
    .footerDesc a:last-child{border:none;}
  .footerDesc a:hover{color: #E74003;}
  .socailContainer{
    margin-top: 16px;
  }
  .footerDesc b{    font-weight: 600;
    font-size: 15px;    color: #ff4804 !important;}
  .socialIcon{
    display: inline-block;
    width: 40px;
    text-align: center;
    background: #fff;
    color: #E74003;
    border-radius: 50%;
    vertical-align: middle;
    height: 40px;
    margin: 0 2px;
    font-size: 24px;
    cursor: pointer;
    transition: 0.5s;

  }
  .socialIcon:hover{background: transparent;}
  .marginlr{margin-left:0; margin-right: 0;}
  .footersection .copyRight{border-top: 1px solid #E74003;}
  .footersection .copyRight .copytxt{    color: #fff;
    font-size: 11px;
    letter-spacing: 0.3px;
}
.teamcontainer{background-repeat: no-repeat;    background-size: 100% 100%;     background-position-y: -88px;}
textarea.form-control {
  height: inherit; }

.full-height {
  height: 100vh;
  min-height: 700px; }

.site-hero {
  background-size: cover;
  height: 100vh;
  min-height: 700px;
  width: 100%;
  position: relative; }
  .site-hero .heading {
    
    font-weight: bold; }
  .site-hero .scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff; }
  .site-hero.overlay:before {
    background: rgba(0, 0, 0, 0.45);
    content: "";
    position: absolute;
    height: 100vh;
    min-height: 700px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .site-hero.inner-page {
    height: 50vh;
    min-height: 700px; }
    .site-hero.inner-page.overlay:before {
      height: 50vh;
      min-height: 700px; }

.site-hero-inner {
  height: 100vh;
  min-height: 700px; }
  .site-hero-inner .heading {
    font-size: 80px;
 
    color: #fff;
    line-height: 1;
    font-weight: bold; }
    @media (max-width: 991.98px) {
      .site-hero-inner .heading {
        font-size: 40px; } }
  .site-hero-inner .sub-heading {
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    line-height: 1.5; }
    @media (max-width: 991.98px) {
      .site-hero-inner .sub-heading {
        font-size: 18px; } }

.inner-page .site-hero-inner {
  height: 50vh;
  min-height: 700px; }

.page-inside .site-hero-inner, .page-inside {
  height: 70vh;
  min-height: 500px; }

.page-inside.overlay:before {
  height: 70vh;
  min-height: 500px; }

.menu-open .site-menu-toggle span {
  background: #E74003; }

.site-menu-toggle {
  display: none;
  top: 0;
  float: right;
  width: 40px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  z-index: 200;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-right: 40px; }
  .site-menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #E74003;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
  .site-menu-toggle span {
    background: #E74003; }
  @media (max-width: 991.98px) {
    .site-menu-toggle {
      margin-right: 15px;
      display: block;
      top: 10px;
      position: relative; }
      .site-menu-toggle span {
        background: #E74003; } }
  .site-menu-toggle span:nth-child(1) {
    top: 0px; }
  .site-menu-toggle span:nth-child(2) {
    top: 10px; }
  .site-menu-toggle span:nth-child(3) {
    top: 20px; }
  .site-menu-toggle.open span:nth-child(1) {
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .site-menu-toggle.open span:nth-child(2) {
    opacity: 0;
    left: -60px; }
  .site-menu-toggle.open span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  @media (max-width: 991.98px) {
    .section {
      padding: 3em 0; } }

@media (max-width: 991.98px) {
  .lead {
    font-size: 16px; } }

.visit-section .heading {
  font-size: 15px;
  text-transform: uppercase;
  
  color: #b3b3b3;
  letter-spacing: .2em;
  margin-bottom: 30px; }

.visit-section .visit a {
  color: #000; }
  .visit-section .visit a:hover {
    color: #ff0000; }

.visit-section .visit img {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px; }

.visit-section .visit h3 {
  font-size: 20px;
  margin-bottom: 0; }

.visit-section .reviews-star span {
  font-size: 18px;
  color: #ff0000; }

.visit-section .reviews-count {
  color: #adb5bd;
  font-style: italic; }

.heading-serif, .heading, .testimonial-section .heading, .slider-section .heading, .blog-post-entry .heading {
  font-size: 40px;

  font-weight: 700; }
  @media (max-width: 991.98px) {
    .heading-serif, .heading, .testimonial-section .heading, .slider-section .heading, .blog-post-entry .heading {
      font-size: 40px; } }

.bg-pattern {
  background: #e9ecef url("../img/round.png"); }

.slider-section {
  position: relative; }

.blog-post-entry {
  position: relative; }

.half .image, .half .text {
  width: 50%; }
  @media (max-width: 991.98px) {
    .half .image, .half .text {
      width: 100%; } }

.half .image {
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .half .image {
      height: 300px; } }

.half .text {
  padding: 100px 7%; }
  @media (max-width: 991.98px) {
    .half .text {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .half .text h2 {
    font-size: 70px; }
    @media (max-width: 991.98px) {
      .half .text h2 {
        font-size: 40px; } }

.testimonial blockquote {
  padding: 0; }

.testimonial .author-image img {
  width: 70px; }

.post .media-custom {
  background: #fff;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1); }
  .post .media-custom:hover, .post .media-custom:focus {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1); }
  .post .media-custom a {
    color: #000; }
    .post .media-custom a:hover {
      color: #ff0000; }
  .post .media-custom .media-body {
    padding: 10px 30px; }
  .post .media-custom h2 {
    font-size: 26px; }

.media-custom .meta-post {
  color: #adb5bd;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 14px; }

.owl-carousel .owl-item {
  opacity: .4; }
  .owl-carousel .owl-item.active {
    opacity: 1; }

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px; }
    .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-prev:focus, .owl-carousel .owl-nav .owl-prev:active,
    .owl-carousel .owl-nav .owl-next:hover,
    .owl-carousel .owl-nav .owl-next:focus,
    .owl-carousel .owl-nav .owl-next:active {
      outline: none; }
    .owl-carousel .owl-nav .owl-prev span:before,
    .owl-carousel .owl-nav .owl-next span:before {
      font-size: 40px; }


.owl-carousel .owl-dots {
  text-align: center; }
  .owl-carousel .owl-dots .owl-dot {
    border-width: 2px !important;
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%; }

.owl-carousel.home-slider {
  z-index: 1;
  position: relative; }
  .owl-carousel.home-slider .owl-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    .owl-carousel.home-slider .owl-nav button {
      color: #fff; }
  .owl-carousel.home-slider:focus .owl-nav, .owl-carousel.home-slider:hover .owl-nav {
    opacity: 1;
    visibility: visible; }
  .owl-carousel.home-slider .slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: calc(100vh - 117px);
    min-height: 700px;
    position: relative; }
    .owl-carousel.home-slider .slider-item .slider-text {
      color: #fff;
      height: calc(100vh - 117px);
      min-height: 700px; }
      .owl-carousel.home-slider .slider-item .slider-text h1 {
        font-size: 40px;
        color: #fff;
        line-height: 1.2;
        font-weight: 800 !important;
        text-transform: uppercase; }
        @media (max-width: 991.98px) {
          .owl-carousel.home-slider .slider-item .slider-text h1 {
            font-size: 40px; } }
      .owl-carousel.home-slider .slider-item .slider-text p {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        color: white; }
    .owl-carousel.home-slider .slider-item.dark .child-name {
      color: #000; }
    .owl-carousel.home-slider .slider-item.dark h1 {
      color: #000; }
    .owl-carousel.home-slider .slider-item.dark p {
      color: #000; }
  .owl-carousel.home-slider .owl-dots {
    position: absolute;
    bottom: 100px;
    width: 100%; }
    .owl-carousel.home-slider .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      border: 2px solid transparent;
      outline: none !important;
      position: relative;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      background: #fff; }
      .owl-carousel.home-slider .owl-dots .owl-dot.active {
        border: 2px solid white;
        background: none; }

.owl-carousel.major-caousel .owl-stage-outer {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.owl-carousel.major-caousel .owl-stage-outer {
  padding-top: 30px;
  padding-bottom: 30px; }

.owl-carousel.major-caousel .slider-item {
  height: inherit;
  min-height: inherit; }
  .owl-carousel.major-caousel .slider-item img {
    margin-bottom: 0; }

.owl-carousel.major-caousel .owl-nav {
  opacity: 1;
  visibility: visible; }
  .owl-carousel.major-caousel .owl-nav .owl-prev, .owl-carousel.major-caousel .owl-nav .owl-next {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #495057; }
    .owl-carousel.major-caousel .owl-nav .owl-prev:hover, .owl-carousel.major-caousel .owl-nav .owl-prev:focus, .owl-carousel.major-caousel .owl-nav .owl-next:hover, .owl-carousel.major-caousel .owl-nav .owl-next:focus {
      color: #6c757d;
      outline: none; }
    .owl-carousel.major-caousel .owl-nav .owl-prev.disabled, .owl-carousel.major-caousel .owl-nav .owl-next.disabled {
      color: #dee2e6; }
  .owl-carousel.major-caousel .owl-nav .owl-prev {
    left: -60px !important; }
  .owl-carousel.major-caousel .owl-nav .owl-next {
    right: -60px !important; }

.owl-carousel.major-caousel .owl-dots {
  bottom: 50px !important; }
  @media (max-width: 991.98px) {
    .owl-carousel.major-caousel .owl-dots {
      bottom: 10px !important; } }

.owl-carousel.js-carousel-2 .slider-item {
  padding: 0 20px;
  text-align: center; }

.owl-carousel.js-carousel-2 .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 299; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-prev,
  .owl-carousel.js-carousel-2 .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px; }
    .owl-carousel.js-carousel-2 .owl-nav .owl-prev:hover, .owl-carousel.js-carousel-2 .owl-nav .owl-prev:focus, .owl-carousel.js-carousel-2 .owl-nav .owl-prev:active,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:hover,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:focus,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next:active {
      outline: none; }
    .owl-carousel.js-carousel-2 .owl-nav .owl-prev span:before,
    .owl-carousel.js-carousel-2 .owl-nav .owl-next span:before {
      font-size: 40px; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-prev {
    left: -30px !important; }
  .owl-carousel.js-carousel-2 .owl-nav .owl-next {
    right: -30px !important; }

.owl-carousel.js-carousel-2 .owl-dots .owl-dot {
  display: inline-block;
  border: none; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e9ecef;
    display: inline-block; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot.active > span {
    background: #ff0000; }
  .owl-carousel.js-carousel-2 .owl-dots .owl-dot:active, .owl-carousel.js-carousel-2 .owl-dots .owl-dot:focus, .owl-carousel.js-carousel-2 .owl-dots .owl-dot:hover {
    outline: none; }

.owl-custom-nav {
  float: right;
  position: relative;
  z-index: 10; }
  .owl-custom-nav .owl-custom-prev,
  .owl-custom-nav .owl-custom-next {
    padding: 10px;
    font-size: 30px;
    background: #ccc;
    line-height: 0;
    width: 60px;
    text-align: center;
    display: inline-block; }

.footer-section {
  background: #1a1a1a;
  color: #fff; }
  .footer-section a {
    color: rgba(255, 255, 255, 0.7); }
    .footer-section a:hover {
      color: #fff; }
  .footer-section p {
    color: rgba(255, 255, 255, 0.5); }
  .footer-section .bordertop {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px; }
  .footer-section .contact-info span.d-block {
    font-style: italic;
    color: #fff; }
  .footer-section .social a {
    font-size: 18px;
    padding: 10px; }
  .footer-section .link li {
    margin-bottom: 10px; }

.footer-newsletter .form-group {
  position: relative; }

.footer-newsletter .form-control {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  color: #fff; }
  .footer-newsletter .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.2);
    font-style: italic; }
  .footer-newsletter .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.2);
    font-style: italic; }
  .footer-newsletter .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.2);
    font-style: italic; }
  .footer-newsletter .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.2);
    font-style: italic; }
  .footer-newsletter .form-control:active, .footer-newsletter .form-control:focus {
    border-bottom: 1px solid white; }

.footer-newsletter button[type="submit"] {
  background: none;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0; }


#subscribeModal .modal-title{text-align: center;    line-height: 1.2;
  font-size: 20px;}
  #mc_embed_signup .indicates-required{font-size:9px;}
  #mc_embed_signup .mc-field-group label{font-size: 12px;}
  #mc_embed_signup .mc-field-group{padding-bottom:0.5% !important;}
  #mc_embed_signup .mc-field-group.input-group label{margin-left:6px;}
  #mc_embed_signup .mc-field-group.input-group ul{padding: 0px 8px !important;}
  #mc_embed_signup .mc-field-group.input-group ul li{padding: 0 !important;}
  div.mce_inline_error{ padding: 0 !important;margin: 0 !important; font-size: 11px !important;}
  #mc_embed_signup .mc-field-group input{padding: 4px 0 !important;}
  .subformContainer{margin-top: 12px;border: 1px solid #ea5f14;padding: 5px 25px 5px 25px;border-radius: 9px;}
  .popFormContainer{    border-radius: 0;
    border: 6px solid #ea5f14;}
  .popFormContainer .modal-header{border:none;}
#subscribeModal .modal-content{border-radius:0;}
#subscribeModal .modal-body{padding:2rem 2rem;}
#subscribeModal .modal-body input{border-radius:0;}
#subscribeModal .modal-body select{border-radius:0;}
#subscribeModal .modal-body button{background: #e95a06f7;color: #fff;width: 100%;border-radius: 0;}
#mc_embed_signup{ font-family: 'Segoe UI Local', 'Segoe UI Web (West European)' !important;}
#mc_embed_signup .clear{text-align: center;}
#mc_embed_signup .button{background: #e95a06f7 !important;}
#mc_embed_signup form{padding: 10px 3% 10px 3% !important;}
#mc_embed_signup form.gamesubscribeform{  padding: 0 6vw !important;}
#mc_embed_signup form img{width:100%;}
#mc_embed_signup .mc-field-group{width: 100% !important;}
.side-box, .sidebar-search {
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px; }
  .side-box .heading, .sidebar-search .heading {
    font-size: 18px;
    margin-bottom: 30px;
   }

.post-list li {
  margin-bottom: 20px; }
  .post-list li a > div {
    margin-top: -10px; }
  .post-list li a .meta {
    font-size: 13px;
    color: #adb5bd; }
  .post-list li a .image {
    width: 150px; }
  .post-list li a h3 {
    font-size: 16px; }
  .post-list li:last-child {
    margin-bottom: 0; }

.sidebar-search .form-group {
  position: relative;
  margin-bottom: 0; }

.sidebar-search .icon-search {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.sidebar-search .search-input {
  border-color: #dee2e6;
  padding-left: 40px;
  border-radius: 0px; }
  .sidebar-search .search-input:focus, .sidebar-search .search-input:active {
    border-color: #343a40; }

.contact-section .contact-info p {

  font-size: 30px;
  margin-bottom: 30px; }
  .contact-section .contact-info p .d-block {
    font-size: 14px;
    letter-spacing: .2em;
    font-weight: bold;
   
    text-transform: uppercase; }

.post-categories li {
  display: block; }
  .post-categories li a {
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9ecef; }
    .post-categories li a .count {
      position: absolute;
      top: 0;
      right: 0;
      color: #6c757d; }

.custom-pagination .page-item .page-link {
  text-align: center;
  border: none;
  background: none;
  border-radius: 50% !important;
  width: 50px;
  height: 50px;
  padding: 0;
  line-height: 50px;
  margin-right: 10px;
  margin-bottom: 10px; }

.custom-pagination .page-item.active .page-link {
  background: #ff0000;
  -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2); }

.line-height-1-2 {
  line-height: 1.2; }

/* Mouse Animation */
.mouse {
  width: 100px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 140px;
  z-index: 1;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%); }

.mouse-icon {
  width: 25px;
  height: 45px;
  border: 2px solid white;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center; }

.mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

.site-block-half .image, .site-block-half .text {
  width: 100%; }
  @media (min-width: 992px) {
    .site-block-half .image, .site-block-half .text {
      width: 50%; } }

@media (max-width: 991.98px) {
  .site-block-half .image {
    margin-bottom: 50px;
    height: 300px; } }

.site-block-half .text {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px; }
  @media (min-width: 992px) {
    .site-block-half .text {
      padding: 4rem; } }

.site-block-half .bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 991.98px) {
    .site-block-half .bg-image {
      height: 400px; } }

.site-block-half.site-block-video .image {
  position: relative; }
  .site-block-half.site-block-video .image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #ff0000 !important; }
    .site-block-half.site-block-video .image .play-button:hover {
      opacity: 1; }
    .site-block-half.site-block-video .image .play-button > span {
      position: absolute;
      left: 55%;
      top: 50%;
      -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
      transform: translate(-60%, -50%); }

.field-icon-wrap {
  position: relative; }
  .field-icon-wrap .form-control {
    position: relative;
    padding-right: 40px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #a6a6a6; }
  .field-icon-wrap .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 2; }
  .field-icon-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }

.block-32 {
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 80px -10px rgba(0, 0, 0, 0.2);
  width: 100%; }
  .block-32 .field-icon-wrap {
    position: relative; }
    .block-32 .field-icon-wrap .form-control {
      position: relative;
      padding-right: 40px;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      color: #a6a6a6; }
    .block-32 .field-icon-wrap .icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 15px;
      z-index: 2; }
    .block-32 .field-icon-wrap select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%; }

.block-2 {
  margin-bottom: 50px;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d; }
  .block-2:hover .back, .block-2.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .block-2:hover .front, .block-2.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .block-2, .block-2 .front, .block-2 .back {
    width: 100%;
    height: 427px; }
  .block-2 .flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transition: 0.6s;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative; }
  .block-2 .front, .block-2 .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0; }
  .block-2 .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: lightgreen;
    z-index: 2;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .block-2 .front:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
      background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }
    .block-2 .front .box {
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px;
      bottom: 20px; }
      .block-2 .front .box h2, .block-2 .front .box p {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: 1.5; }
      .block-2 .front .box h2 {
        font-size: 20px; }
      .block-2 .front .box p {
        font-size: 12px; }
  .block-2 .back {
    background: #fff;
    -webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }
  .block-2 .back p {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0 20px;
    font-size: 18px; }
  .block-2 .author {
    bottom: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px; }
    .block-2 .author .image {
      width: 40px; }
      .block-2 .author .image img {
        border-radius: 50%;
        max-width: 100%; }
    .block-2 .author .position {
      display: block;
      font-size: 12px; }
  @media (max-width: 991.98px) {
    .block-2 .back {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg); }
    .block-2 .front {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); } }

.text-black {
  color: #000 !important; }

.check-availabilty {
  margin-top: -170px;
  position: relative; }
  .check-availabilty .block-32 {
    background: #fff;
    border-radius: 10px; }

.room {
  position: relative;
  display: block; }
  .room .img-wrap {
    position: relative;
    overflow: hidden; }
    .room .img-wrap img {
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      margin-bottom: 0 !important; }
  .room:hover .img-wrap img, .room:focus .img-wrap img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

.letter-spacing-1 {
  letter-spacing: .1em; }

.text-opacity-8 {
  opacity: .8; }

.text-opacity-7 {
  opacity: .7; }

.text-opacity-6 {
  opacity: .6; }

.text-opacity-5 {
  opacity: .5; }

.letter-spacing-2 {
  letter-spacing: .2em; }

.bg-image {
  background-size: cover;
  background-attachment: fixed; }

.bg-image-2 {
  background-size: cover;
  background-position: center center; }

.food-menu-tabs {
  text-align: center; }
  .food-menu-tabs .nav-tabs {
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: none; }
    .food-menu-tabs .nav-tabs li {
      display: inline-block; }
      .food-menu-tabs .nav-tabs li a {
        border: none;
        background: none;
        font-size: 1.2rem;
        font-weight: bold;
        position: relative;
        display: block; }
        .food-menu-tabs .nav-tabs li a:before {
          -webkit-transition: .3s all ease;
          -o-transition: .3s all ease;
          transition: .3s all ease;
          content: "";
          position: absolute;
          bottom: 0;
          left: 16px;
          right: 20px;
          height: 2px;
          background: transparent; }
        .food-menu-tabs .nav-tabs li a.active {
          border: none;
          background: none;
          color: #fff; }
          .food-menu-tabs .nav-tabs li a.active:before {
            background: #fff; }

.custom-caption {
  font-size: 14px;
  letter-spacing: .2em; }

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay > .container {
      position: relative;
      z-index: 3; }
    .bg-image.overlay:before {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      background: rgba(0, 0, 0, 0.6); }
    .orangeoverlay{
      position: relative; 
    }
    .orangeoverlay:before {
      z-index: 2;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      background: rgba(0, 0, 0, 0.6); }
      .whiteliner{display: block;
      width: 77px;
      height: 4px;
      border-radius: 3px;
      background: #fff;
      margin: -9px 44.9% 0 auto;}
.img-absolute {
  position: absolute;
  bottom: -100px;
  right: -100px; }
  .img-absolute img {
    max-width: 250px;
    border-radius: 50%;
    border: 10px solid #f2f4fb; }
  @media (max-width: 991.98px) {
    .img-absolute {
      right: 0px; }
      .img-absolute img {
        max-width: 160px; } }

.custom-breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0; }
  .custom-breadcrumbs li {
    display: inline-block;
    color: #fff;
    margin: 0 4px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1em;
    font-weight: bold; }
    .custom-breadcrumbs li a {
      font-weight: normal; }
      .custom-breadcrumbs li a:hover {
        color: #fff; }

.timeline-item {
  padding: 3em 2em 2em;
  position: relative;
  border-left: 2px solid #dee2e6; }
  .timeline-item::before {
    content: attr(date-is);
    position: absolute;
    left: 2em;
    font-weight: bold;
    top: 1em;
    display: block;
    font-weight: 700;
    font-size: .785rem; }
  .timeline-item::after {
    width: 10px;
    height: 10px;
    display: block;
    top: 1em;
    position: absolute;
    left: -6px;
    border-radius: 10px;
    content: '';
    border: 2px solid #dee2e6;
    background: white; }
  .timeline-item:last-child {
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #dee2e6), to(rgba(222, 226, 230, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(top, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(top, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%;
    border-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #dee2e6), to(rgba(222, 226, 230, 0))) 1 100%;
    border-image: linear-gradient(to bottom, #dee2e6 60%, rgba(222, 226, 230, 0)) 1 100%; }

.custom-pagination {
  text-align: center; }
  .custom-pagination ul {
    padding: 0;
    margin: 0; }
    .custom-pagination ul li {
      display: inline-block; }
      .custom-pagination ul li a {
        background: #fff;
        border-radius: 50%;
        border: 1px solid transparent; }
        .custom-pagination ul li a:hover {
          border: 1px solid #d9d9d9;
          -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); }
      .custom-pagination ul li a, .custom-pagination ul li span {
        display: inline-block;
        width: 47px;
        margin: 2px;
        height: 47px;
        font-size: 1.2rem;
        line-height: 47px; }
      .custom-pagination ul li.active span {
        background: #ff0000;
        color: #fff;
        border-radius: 50%; }

.pb_navbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 20px 0; 
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(1,9,20,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1,9,20,1)), color-stop(100%, rgba(0,0,0,0.04))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(1,9,20,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(1,9,20,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(1,9,20,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%, rgba(1,9,20,1) 100%); /* w3c */
}
  .pb_navbar .navbar-toggler:active, .pb_navbar .navbar-toggler:focus {
    outline: none; }
  .pb_navbar .navbar-brand {
    width: 225px;padding-left: 15px;    padding-top: 0;padding-bottom: 0;}
  .pb_navbar > .container {
    position: relative; }
  .pb_navbar .navbar-toggler {
    border: none;
    cursor: pointer;
    padding-right: 0; }
    .pb_navbar .navbar-toggler i {
      font-size: 30px; }
  .pb_navbar ul > li.cta-btn > a > span {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5); }
    @media (max-width: 991.98px) {
      .pb_navbar ul > li.cta-btn > a > span {
        border: none;
        background: #ff0000;
        color: #fff; } }
  .pb_navbar .nav-link {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
    @media (max-width: 1199.98px) {
      .pb_navbar .nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem; } }
    @media (max-width: 991.98px) {
      .pb_navbar .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media (max-width: 767.98px) {
      .pb_navbar .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
  @media (max-width: 991.98px) {
    .pb_navbar .navbar-nav {
      border-radius: 0px; }
      .pb_navbar .navbar-nav a {
        color: #000; } }
  @media (max-width: 991.98px) {


    body{color: #e6e6e6;}
    .pb_navbar {
      padding: 15px 15px; background:none;}
      #vincell-navbar-nav .navbar-nav{width:100%;}
      #vincell-navbar-nav .navbar-nav .nav-item {width:100%;}
      .pb_navbar .navbar-brand {
        display:none;}
        .bannerHead h2 {
          width: 72%;
      }
      .bannerDesc {
        width: 75%;}
      .mask_1{display:none;}
      .mask_1container{height:75vh;}
      .mask_2{display:none;}
      .mask_2container{height:70vh;}

      .aboutSec{left: 4%;    right: auto;     top: 17%;    width: 50%;}
      .bgoverlay::before{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: rgba(0, 0, 0, 0.70);
      }
      #map.bgoverlay::before{background: rgba(0, 0, 0, 0);}
      #map.mapSec{margin-top: -16vh;}
      .bgoverlay#sctnabout::before{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: rgba(0, 0, 0, 0.6);
      }
      .homesection{background-image: url('../images/murder_mystery_banner.png') !important;  }
      .mobileLogo{display:block; text-align: center;        position: absolute;
        width: 100%;
        top: 0px;}
      .mobileLogo img{width:240px;}
      .bannerHead{top: 12%;}
      .vincellcontact {
        width: 36%;}


      .pb_navbar .navbar-nav {
        background: #fff !important; }
      .pb_navbar .navbar-toggler {
        color: black !important;
        border-color: black !important;
        cursor: pointer; }
      .pb_navbar ul li a {
        color: #000 !important; } 
      
        .gameshombnr{padding: 0}
      
      
      }
  .pb_navbar.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    background: #fff;
    padding: 0px 0; }
    #vincell-games-navbar-nav .nav-link{color:#000;}
    #vincell-games-navbar-nav .navbar-nav{width: 65%;}
    #vincell-games-navbar-nav .navbar-nav .nav-item{width: 25%; text-align: center;}
    #vincell-games-navbar-nav .navbar-nav .nav-item .nav-link{padding:0 !important;}
    #vincell-games-navbar-nav .nav-link span{padding-left: 10px; padding-right: 10px;    font-weight: 400;padding-bottom: 6px; transition:0.2s;}
    #vincell-games-navbar-nav .nav-link span:hover{color:#000; border-bottom:2px solid #fff;} 
    #vincell-games-navbar-nav .nav-link.active span{color:#E74003 !important; border-bottom:2px solid #fff;}
    .pb_games_navbar{
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100%;
      padding: 20px 0;
      background: #b2b2b2de;
    }

    #vincell-games-navbar-nav .navbar-nav {
      width: 100%;
    }
    #vincell-games-navbar-nav ul li{width:20%;text-align: center;}
    .losttmplogo{text-align: center;width: 100%;    position: absolute;top: 45vh;}
    .losttmplogo img{width: 25%;}
    .trailerbutton{    display: block;
      margin: 20px auto 0 auto;
      background-color: #fff;
      border: none;
      border-radius: 30px;
      padding: 5px 24px;
      outline: none;
      font-size: 13px;
      letter-spacing: 0.3px;    font-weight: 600;cursor: pointer; border: 1px solid #fff; transition:0.5s !important;}
      .trailerbutton:hover{background-color: transparent;  color:#fff;}
      .storyContainer{background:#fff;}
      .storyContainer .rightconteiner{padding: 140px 0;}
      .storyContainer .rightconteiner h2{font-family: futuretimesplitter;
        letter-spacing: 4px;
        color: #7E754A;
        font-size: 2.6rem;
        }
      .storyContainer .rightconteiner .innercontainer{margin-top: 38px;}
      .storyliner{    display: block;
        width: 110px;
        height: 4px;
        border-radius: 3px;
        background: #6C501E;
        margin: -1px 0px 0 146px;}
      .storyContainer .rightconteiner .innercontainer .head{    font-size: 19px;
          letter-spacing: 0.4px;
          color: #000;
          font-weight: normal;}
      .storyContainer .rightconteiner .innercontainer p{    margin: 8px 0 0 0px;
        color: #000;
        font-size: 14px;
        font-weight: 300;
        padding-right: 30%;
        letter-spacing: 0.3px;}
      .storyContainer .leftconteiner{padding: 80px 0;position:relative;    margin-top: 5%;}
      .storyContainer .graveimg img{width: 110px;}
      .storyContainer .graveimg {    position: absolute;
        right: 30%;border-radius: 50%;
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        -webkit-animation: float 6s ease-in-out infinite;
        animation: float 6s ease-in-out infinite;}
      .storyContainer .centerimg img{width: 165px;}
      .storyContainer .centerimg {    position: absolute;
        right: 47%;
        top: 73%;border-radius: 50%;
        box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        -webkit-animation: float 3s ease-in-out infinite;
        animation: float 3s ease-in-out infinite;}
        .storyContainer .boatimg img{width: 210px;}
        .storyContainer .boatimg {    position: absolute;
          right: 63%;
          top: 166%;border-radius: 50%;
          box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
          -webkit-transform: translatey(0px);
          transform: translatey(0px);
          -webkit-animation: float 4s ease-in-out infinite;
          animation: float 4s ease-in-out infinite;}
          .storyContainer .liamimg img{width: 366px;}
          .storyContainer .liamimg {     position: absolute;
            right: 14%;
            top: 58%;
            z-index: 1;}

            /* .storyContainer .leelaimg img{width: 158px;}
            .storyContainer .leelaimg {      position: absolute;
              right: 17%;
              top: 70%; z-index: 1;} */
     .game-carousel{overflow:hidden;}
      .game-carousel.owl-carousel .owl-dots {display:none;}
      .slidDescContainer{      position: absolute;
        top: 0;
        width: 100%;
        padding: 13% 10% 25.4% 5%;
        color: #fff;
        background: linear-gradient(91deg, rgba(23, 19, 12, 0.7) 0%, rgba(75, 57, 20, 0.39) 32%, rgba(98, 74, 24, 0.4) 66%, rgba(204, 153, 43, 0.03) 100%);}
        .game-carousel .slidDescContainer .slidHead{    font-family: futuretimesplitter;
          letter-spacing: 4px;
          color: #ffffff;
          font-size: 2.6rem;}
        .game-carousel .slidDescContainer .slidliner{display: block;
          width: 110px;
          height: 4px;
          border-radius: 3px;
          background: #B98A26;
          margin: -6px 0px 0 4%;}
          .game-carousel .slidDescContainer .sliddesc{margin-top: 33px;}
          .game-carousel .slidDescContainer .sliddesc .slidsubhd{    font-weight: 400;
            font-size: 1.1em;}
        .game-carousel .slidDescContainer .sliddesc p{    margin-top: 12px;
          font-size: 0.85em;
          letter-spacing: 0.4px;}
        .game-carousel .owl-nav{
          top: 78%;
          left: 5%;
          display: block !important;
        }
        .game-carousel .owl-nav button{
          position: relative !important;
          color: #ffffff !important;
          width: 40px;
          height: 40px;
          background: #B98A26 !important;
          border-radius: 50%;
        }
        .game-carousel .owl-nav button span::before{    font-size: 22px !important;
          vertical-align: middle;}
      .game-carousel .owl-nav button.owl-next{    margin-left: 10px;}
      .game-carousel .owl-nav button.owl-prev{    margin-right: 10px;}
      .game-carousel .owl-nav button.disabled{background: #b98a268a !important;}
        @-webkit-keyframes float {
          0% {
            box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
            -webkit-transform: translatey(0px);
                    transform: translatey(0px);
          }
          50% {
            box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.1);
            -webkit-transform: translatey(-10px);
                    transform: translatey(-10px);
          }
          100% {
            box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
            -webkit-transform: translatey(0px);
                    transform: translatey(0px);
          }
        }
        
        @keyframes float {
          0% {
            box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
            -webkit-transform: translatey(0px);
                    transform: translatey(0px);
          }
          50% {
            box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.1);
            -webkit-transform: translatey(-10px);
                    transform: translatey(-10px);
          }
          100% {
            box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2);
            -webkit-transform: translatey(0px);
                    transform: translatey(0px);
          }
        }

        .gamefooter{    padding: 4% 0;
          background: #fff;}
        .gamefooter .head{    text-align: center;
          font-size: 1.2em;
          font-weight: bold; color:#000;margin-bottom: 6vh;}
        .followuscontainer{      /*margin: 2.3% 32% 0 32%;*/
          text-align: center;}
        .gamefooter .cell{padding: 4% 2%;}
        /* .gamefooter .cell.cellborder{border-right: 1px solid #b3b3b3;} */
        .gamefooter .cell .socialIcon{    background: #F0F0F0;
          width: 40px;
          height: 40px;transition: 0.5s;}

        .gamefooter .cell .socialIcon:hover{background: #E74003; color:#fff;} 
        .gamefooter .cell span{    display: block;
          font-size: 11px;
          color: #000;
          font-weight: 600;
          margin-top: 5px;}
          .flwussec{ border-right: 1px solid #e2e2e2;}
          .facebookcell{text-align: right;padding-right: 8% !important;}
          .linkedincell{text-align: right;padding-right: 8% !important;}
          .twittercell{text-align: left;padding-left: 8% !important;}
          .youtubecell{text-align: left;padding-left: 8% !important;}
          
        .gamecopyfooter{padding: 3% 3%;}
      .comingsoonmsg{ position: absolute; width: 100%; top: 50vh;}
      .comingsoonmsg h2{color:#ff8428; font-size: 2.3rem;text-align: center;}
      .comingsoon{    position: absolute;
        left: 53vw;
        bottom: 34vh;
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        background: #131212a1;
        padding: 1% 2%;
        border-radius: 5px;}
      .googleplaybadge{    width: 181px;
        height: auto;
        position: absolute;
        left: 53vw;
        bottom: 25vh;}
        .appstorebadge{    width: 181px;
          height: auto;
          position: absolute;
          left: 67vw;
          bottom: 25vh;}
        .loader {
          position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
           background: rgb(9, 16, 35);
           background-size: 100px;
           display: flex;
           align-items: center;
           justify-content: center;
           flex-direction: column;
        }
        .loader img{width:100px;    animation: animateloader 1s infinite ; }
        .privacycontainer{padding-top: 190px; padding-bottom: 80px;color:#000;}
        .privacycontainer h2{text-align: center; margin-bottom:50px;    margin-top: 50px;}
        .privacycontainer h5{margin-top:30px;}
        .privacycontainer h4{margin-top:30px;}
        .privacycontainer p span{font-weight:bold;}
        .messagebox{    text-align: center;
          font-size: 14px;
          margin-top: 15px;display:none;}
        .messagebox .danger{  color: #fff;;}

        .messagebox .success {    color: #ffffff;font-weight: bold;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
.footerlogo{}
.careerbannerSec .inner{padding: 30vh 0;text-align: center;}
.careerbannerSec .inner h1{ font-family: 'Segoe UI Local', 'Segoe UI Web (West European)'; color:#fff;
  font-weight: 200;    line-height: 33px;}

.careerbannerSec .inner span{color: #E74003;}
.careerbannerSec .inner span.liner{display: inline-block;
width: 112px;
height: 4px;
border-radius: 3px;
background: #ffffff;
margin: -2px 0px 0 12%;}
.careerbannerSec .inner p{color: #fff;
font-size: 17px;
letter-spacing: 0.7px;margin-top:20px;}
.jobseccontainer{padding: 7vh 0px 20vh 0}
.jobseccontainer h2{    font-family: 'Segoe UI Local', 'Segoe UI Web (West European)';
  color: #fff;
  font-weight: 200;    font-size: 1.6em;}
  .jobliner {
    display: block;
    width: 77px;
    height: 4px;
    border-radius: 3px;
    background: #e84f1d;
    margin: -1px 0px 0 16%;
}
.joblistingwrapper{padding: 4vh 0;}
.joblistingwrapper .jobdesc{    padding: 3vh 0 5vh 0;
  border-bottom: 1px solid #ffffff1f;}
.joblistingwrapper .jobdesc h2{    color: #E74003;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.6px;}
.joblistingwrapper .jobdesc button{       width: 120px;
  text-align: center;
  background: #E74003;
  color: #fff;
  border-radius: 32px;
  padding: 6px 8px;
  font-size: 0.8em;
  cursor: pointer;
  display: block;
  border: none;
  outline: none;
  margin-top: 4vh;}
.joblistingwrapper .jobdesc .preview{    margin: 2.5vh 0 2vh 0;
  font-size: 14px;
  letter-spacing: 0.5px;    color: #949aa0;}
.joblistingwrapper .jobdesc .listsection{ margin: 3vh 0 5vh 0;} 
.joblistingwrapper .jobdesc .listsection h2{    color: #ffffffd4;
  font-size: 15px;
  font-weight: 200;
  letter-spacing: 0.7px;
}
.jobseccontainer .descrip{margin: 2.5vh 0 2vh 0;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #949aa0;}
.jobseccontainer .descrip a{color:#E74003;}
.jobseccontainer .applybtn{    float: none !important;
  font-size: inherit !important;}
.joblistingwrapper .jobdesc .listsection ul{    font-size: 14px;
  letter-spacing: 0.5px;
  list-style: none;
  padding-left: 0;
  color: #949aa0;}
  .joblistingwrapper .jobdesc a{    float: right;
    font-size: 14px;
    color: #E74003;}
.careerbannerSec .inner p span{color: #fff;}


.spy-agent-left-container{position: relative;left: 7%;}
.dropdown-menu{background-color: #020a15a6 !important;
  border-radius: 3px;}
.storyContainer .characterimg img {width: 700px;margin-top:15%;}
.spy-agent-left-container .storyliner{margin: 0px 0px 0 60px;}
.spy-agent-left-container .innercontainer p {padding-right: 6% !important;}
.spy-agent-left-container .SpyAgentTitle-logo{width:10%;width: 20%;margin-top: 15px;}

.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {background-color: rgb(231, 231, 231);color: rgb(85, 85, 85);}
li.dropdown:hover > .dropdown-menu {display: block;}

#vincell-navbar-nav .dropdown-menu .nav-link span{border:none !important;}
#vincell-navbar-nav .dropdown-menu .nav-link span:hover{border:none !important;}
.spy-agent-comingsoon-section .comingsoon {left: 40.5vw;background: #131212a1;padding: 1% 2%;border-radius: 5px;}
.spy-agent-comingsoon-section .googleplaybadge {left: 40vw !important;}

.spy-agent-comingsoon-section .appstorebadge {left: 54vw !important;
  bottom: 25vh;}

.scrolled #vincell-navbar-nav .dropdown-menu .nav-link span {color: #FFF;}

.home-banner-head-section .bannerLiner {width: 80px;
  /* margin: 3px 27% 0 auto; */
  position: absolute;
    right: 0;
}

        @keyframes animateloader {
          0% {
              transform: scale(1,1);
          }
          50% {
              transform: scale(1.2,1.2);
          }
          100% {
              transform: scale(1,1);
          }
      }
          @media(min-width:1900px){
            .comingsoon{  
              bottom: 30.5vh;
              left: 60.5vw;
          }
            .googleplaybadge{ 
              left: 60vw;
            }
            .appstorebadge{ 
              left: 71vw;
            }
            .storyContainer .liamimg{right: 28%;}
            .slidDescContainer {padding: 20% 10% 15.4% 5%;}
          }
    @media(max-width:1440px){  /*started here*/
      .comingsoon{     left: 55vw;}
      .googleplaybadge{ left: 54.5vw;}
      .appstorebadge{ left: 68.5vw;}

    }
    @media(max-width:1390px){
      .comingsoon{     left: 54vw;}
      .googleplaybadge{ left: 53.5vw;}
      .appstorebadge{  left: 67.5vw;}

    }
    @media(max-width:1300px){
      .game-carousel .owl-nav {
        top: 86%;}
    }
    @media(max-width:1245px){
      .googleplaybadge {left: 51.5vw;}
      .appstorebadge {left: 70.5vw;}
    }
    @media(max-width:1120px){
      .slidDescContainer{padding: 7% 10% 18.4% 5%;}
      .comingsoon{     left: 53vw;font-size: 33px;}
      .googleplaybadge{ left: 50.5vw; width: 171px;}
      .appstorebadge{ left: 69.5vw; width: 171px;}


    }
    @media (max-width: 1024px) {
      .storyContainer .liamimg{    right: 0%;}
      .storyContainer .boatimg img { width: 186px;}
      .storyContainer .graveimg{    right: 18%;}
      .storyContainer .leftconteiner{margin-top: 17%;}
      .comingsoon{     left: 53vw;  bottom: 31vh; font-size: 31px;}
      .googleplaybadge{     left: 48.9vw;bottom: 21vh;}
      .appstorebadge{     left: 67.9vw;bottom: 21vh;}
      .game-carousel .owl-nav {
        top: 90%;
      }
    }
    @media (max-width: 991.98px) {
      .pb_navbar.scrolled .navbar-nav {
        background: none;
        border-radius: 0px;
        padding-left: 0rem !important;
        padding-right: 0rem !important; } 
      
        .game-carousel .owl-nav {
          top: 92%;
          left: 45vw;}
          #sctnabout{background-size:cover!important;}
      }
   
      @media (max-width: 850px) {
        .googleplaybadge {
          left: 50.9vw;width: 150px;}
          .appstorebadge {
            left: 71.9vw;    width: 150px;}
      }

    @media (max-width: 768px) {
      body{    font-size: 15px;}
      .bannerHead h2 {
        width: 84%;
      }
      .bannerDesc {
        width: 80%;
      }
      .mask_2container {
        height: 95vh;
      }
      .aboutSec{width: 60%;}
      .contactliner{ margin: -1px 0px 0 30%;}
      .vincellcontact {
        width: 44%;
      }
      .losttmplogo{top: 35vh;}
      .slidDescContainer {
        padding: 1% 3% 18% 5%;
        width: 100%;
      }
      .comingsoon{ font-size: 22.5px;bottom: 22vh;}
      .googleplaybadge{ bottom: 14vh; width: 135px;}
      .appstorebadge{ bottom: 13.5vh; width: 135px;}
      .storyContainer .leftconteiner {
        margin-top: 0%;
        padding: 74px 0;
        }

    }
    @media(max-width:766px){
      .storyContainer .rightconteiner{padding: 53% 2% 4% 6%;}
    }
    @media (max-width: 560px) {
      .bannerHead{    margin: 0;
        padding-left: 35px;}
      .bannerHead h2 {
          width: 70%;
      }
      .bannerDesc {
        width: 55%;
      }
      .nextScroller .first{
        margin: auto 20px auto auto;
      }
      .nextScroller .second{
        margin: -18px 20px auto auto;
      }
      .aboutSec {
        width: 75%;
      }
      .img-content{color: #000;}

      .vincellcontact {
        width: 80%;
        margin: auto;
        position: relative;
        left: 0;
        margin-top: 6%;
        padding: 8%;
      }
      .contactliner {
        margin: -1px 0px 0 45%;
      }
      .deskMenu{display: none;}
      .footerlogo{display: none;}
      .deskcontact{display: none;}
      .footerHead{text-align: center;margin-top: 55px;}
      .socailContainer{text-align: center;}
      .socialIcon{    width: 40px;font-size: 23px;height: 40px;}
      .footersection .copyRight .copytxt{    font-size: 14px;}
      .footercontiner{    margin: 0;
        width: 100%;
        text-align: center;    padding-bottom: 0 !important;}
      .mobilefooterlogo{    display:block;text-align: center;
        font-weight: 600;
        font-size: 22px;
        color: #E74003;
        margin: 24px 0;
        letter-spacing: 0.6px;}
      .footersection .copyRight{    padding-top: 1rem !important;
        padding-bottom: 1rem !important;     margin-top: 1rem !important;}
        .mobilefootrmenu{display:block;}
        .mobilefootrmenu li a{color:#fff;}
        .losttmplogo {
          top: 25vh;
      }
      .storyContainer .rightconteiner {
        padding: 79% 2% 4% 6%;
      }
      .gamefooter .cell.cellborder {
        border-right: none;
      }
      .comingsoon{ font-size: 16.5px;bottom: 17vh;}
      .googleplaybadge{ bottom: 10vh; width: 85px;}
      .appstorebadge{ bottom: 9.5vh; width: 85px;}

    }

    @media (max-width: 474px) {
      .bannerHead h2 {
        width: 78%;
      }
      .bannerDesc {
        width: 75%;
      }
      .aboutSec {
        width: 100%;
        left: 0;
      }
      .teamcontainer{    background-size: 150% 100%;
        background-position-x: -137px;}
      .whiteliner{    margin: -9px 23.9% 0 auto;}
      .losttmplogo {
        top: 22vh;
      }
      .game-carousel .slidDescContainer .slidHead{font-size: 1.6rem;}
      .game-carousel .slidDescContainer .sliddesc {
        margin-top: 5px;
      }
      .storyContainer .rightconteiner {
        padding: 99% 2% 4% 6%;
      }
      .storyContainer .rightconteiner .innercontainer p{padding-right: 4%;}
    }
    @media (max-width: 425px) {
      .game-carousel .owl-nav{left: 0vw;    padding-left: 8vw;    top: 94%;}
      .game-carousel {
        overflow: visible;
        height: 78vh;
        
      }
      .owl-carousel .owl-stage-outer {
        overflow: visible;}
      .gameImg{height: 59vh;}
      .comingsoon{     font-size: 18.5px;
        left: 48.5vw;bottom: 13vh;}
      .googleplaybadge{ bottom: 7vh; width: 93px;}
      .appstorebadge{ bottom: 6.5vh; width: 93px;}
      .mapSec{    background-position-x: 90%;}
      .storyContainer .liamimg img {
        width: 279px;
      }
      .storyContainer .boatimg img {
        width: 118px;
      }
      .storyContainer .centerimg img {
        width: 124px;
      }
      .storyContainer .graveimg img {
        width: 92px;
      }
      .game-carousel .owl-nav button.owl-next {
        margin-right: 27px;
        float: right;
      }
      .gamefooter .cell {
        padding: 4% 2% 14% 2%;
      }
      .storyContainer .rightconteiner .innercontainer p{font-size: 15px;}
      .game-carousel .slidDescContainer .sliddesc p{font-size: 0.98em;}
    }
    @media (max-width: 375px){
      .mobileLogo img {
        width: 190px;
      }
      .nextScroller{top:82vh;}
      .aboutBtngrp .vincellBtn{    width: 130px;}
      .bannerHead h2 {
        width: 100%;
      }
      .bannerDesc {
        width: 90%;
      }
      .contactliner {
        margin: -1px 0px 0 60%;
      }
      .teamcontainer {
        background-size: 170% 100%;
      }
      .losttmplogo {
        top: 12vh;
      }
      .storyContainer .rightconteiner {
        padding: 89% 2% 4% 6%;
      }
    }
    @media(max-width: 320px){
      .bannerHead {
        padding-left: 15px;
      }
      .bannerDesc {
        width: 95%;
      }
      .aboutBtngrp .vincellBtn{    width: 115px;}
      .mask_2container {
        height: 90vh;
      }
      .teamcontainer {
        background-size: 183% 100%;
        background-position-x: -157px;
      }
      .aboutSec {top:12%;}
      .losttmplogo {
        top: 11vh;
      }
      .storyContainer .rightconteiner {
        padding: 104% 2% 4% 6%;
      }
      .comingsoon{ font-size: 18px;bottom: 10vh;}
      .googleplaybadge{ bottom: 5vh; width: 84px;}
      .appstorebadge{ bottom: 4.5vh; width: 84px;}

    }
    @media (max-width: 767.98px) {


      .pb_navbar.scrolled .navbar-nav {
        background: none;
        padding-left: 0 !important;
        padding-right: 0 !important; } 
      
      }
    .pb_navbar.scrolled .navbar-toggler {
      border: none;
      color: rgba(0, 0, 0, 0.5);
      border-color: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      padding-right: 0; }
    .pb_navbar.scrolled .nav-link {
      padding-top: .5rem;
      padding-bottom: .5rem; }
    .pb_navbar.scrolled.awake {
      margin-top: 0px;
      -webkit-transition: .3s all ease-out;
      -o-transition: .3s all ease-out;
      transition: .3s all ease-out; }
    .pb_navbar.scrolled.sleep {
      -webkit-transition: .3s all ease-out;
      -o-transition: .3s all ease-out;
      transition: .3s all ease-out; }
    .pb_navbar.scrolled.pb_scrolled-light {
      background: #fff !important;
      -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.15); }
      .pb_navbar.scrolled.pb_scrolled-light .navbar-brand {
        color: #000;
        }
      @media (max-width: 991.98px) {
        .pb_navbar.scrolled.pb_scrolled-light .navbar-nav {
          background: none;
          border-radius: 0px;
          padding-left: 0rem !important;
          padding-right: 0rem !important; } }
      .pb_navbar.scrolled.pb_scrolled-light ul li a {
        color: #212529 !important; }
        .pb_navbar.scrolled.pb_scrolled-light ul li a:hover, .pb_navbar.scrolled.pb_scrolled-light ul li a:active, .pb_navbar.scrolled.pb_scrolled-light ul li a:focus {
          color: #E74003 !important; }
        
      .pb_navbar.scrolled.pb_scrolled-light ul li.cta-btn > a > span {
        border: none;
        background: #ff0000;
        color: #fff; }

.pb_offcanvas-nav_v1 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #000;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .pb_offcanvas-nav_v1.active {
    opacity: 1;
    visibility: visible; }
  .pb_offcanvas-nav_v1 .pb_main-nav {
    padding-top: 50px;
    padding-right: 50px;
    float: right;
    text-align: right;
    font-size: 30px;
    height: 100vh;
    overflow-y: auto; }
    .pb_offcanvas-nav_v1 .pb_main-nav li {
      list-style: none;
      line-height: 1.5;
      margin-bottom: 10px; }
      .pb_offcanvas-nav_v1 .pb_main-nav li a {
        color: #fff; }
        .pb_offcanvas-nav_v1 .pb_main-nav li a.active {
          text-decoration: underline; }

.pb_offcanvas-header_v1 {
  padding-top: 40px;
  z-index: 2;
  position: absolute;
  width: 100%; }
  .pb_offcanvas-header_v1 > .container {
    position: relative; }
  .pb_offcanvas-header_v1 .pb_site-name {
    position: absolute;
    left: 15px; }
  .pb_offcanvas-header_v1 .pb_toggle-menu {
    position: absolute;
    right: 0px;
    top: 17px; }
    @media (max-width: 767.98px) {
      .pb_offcanvas-header_v1 .pb_toggle-menu {
        top: 13px; } }



        .product-navigation {
          position: fixed;
          height: 0px;
          width: 100%;
          z-index: 100;
          background-color: transparent;
          margin-top: 105px;
          overflow: hidden;
          transition: all .4s ease;
      }
      .curtain {
          position: absolute;
          width: 100%;
          height: 0px;
          overflow: hidden;
          transition: all .4s ease;
      }
      .productlistContainer {
        height: 60px;
        width: 50%;
        margin: auto;
          /* position: absolute;
          right: 18vw; */
      }
      .prodctListmenuItem {
        float: left;
        line-height: 60px;
        height: 60px;
        margin-right: 61px;
        cursor: pointer;
        transition: all .2s ease;
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.2s;
    }
    .product-navigation.unfolding {
    height: 300px;
    transition: height .4s ease;
}
.curtain.unfolding {
    height: 230px;
    background-color: #121226;
    transition: height .4s ease;
}
#vincell-navbar.gamesPanelOpen{
  background-color: #121226;
  transition: 0.5s;
}
.scrollUnfolding{margin-top:74px !important;}
.prodctListmenuItem.active{border-bottom: 2px solid #E74003;}
.productDetailContainer{
        width: 50%;
        margin: auto;
    }
.productDetailContainer h3{color: #fff; margin: 24px 0 0 0;}
.productDetailContainer span{color: #9a9a9a;}
.productDetailContainer .storeIcons span{color: #d4d4d4}
.productDetailContainer .storeIcons span:nth-child(even) {
  font-size: 13px;
    margin-right: 6px;
}
.productDetailContainer .storeIcons span:nth-child(odd) {
  font-size: 27px;
    vertical-align: sub;
    margin-right: 6px;
}
.dropdown-toggle:after{display:none;}
.productDetailContainer .storeIcons a:nth-child(even){border-left: 1px solid #6b6b6b;padding-left: 9px;}
#spyAgentBlock{display:none;}

.spy-adventure-carousel .owl-nav{top: 50% !important;}
		.spy-adventure-carousel .owl-nav button.disabled {background: #F90 !important; color: #FFF !important;}
		.spy-adventure-carousel .owl-nav button{    color: #1f1f1fdb !important;background: #ffffff !important;}
		.spy-adventure-carousel .owl-nav {width: 90% !important;}
		.spy-adventure-carousel .owl-nav button.owl-next {float: right;}
		 .owl-nav button .ion-chevron-left::before {margin-left: -10%;     margin-top: -5%;}
		  .owl-nav button .ion-chevron-right::before{margin-top: -5%;margin-right: -5%;}
		
		.owl-carousel .googleplaybadge, .owl-carousel .appstorebadge{width:11% !important;}
		.owl-carousel .googleplaybadge{left: 38.5vw !important;}
		.owl-carousel .appstorebadge{left: 50.5vw !important;}
    .secretspy-comingsoon{left:37.1%;position: absolute; bottom: 33vh;font-size: 36px;color: #fff;font-weight: bold;    background: #131212a1;padding: 1% 2%;border-radius: 5px;}
    .testimonial-carousel{background-image:url(../images/review_bg_v2.png); padding:50px 0px;    background-position: center;
      background-size: cover;    border: 2px solid #6ddbdd;
      border-radius: 11px;}
      .testimonial-carousel h1{color:#000000;}
.testimonial-carousel .carousel-item img{width: 40%;height: auto;position: relative;margin: 0 auto;margin-left: 30%;margin-top: 25px;}
.testimonial-carousel h1{text-align: center;}
.testimonial-carousel h2{width:6%;border: 1px solid #d98164; margin:0 auto; margin-bottom:30px;}

.testimonial-content{background-size: cover !important;width:70%;margin: 0 auto;    background-size: contain !important;background-repeat: no-repeat;background-position: center;}
.secret-agent-section{background-image: url(../images/review-1-bg_v2.png);}
.lost-temple-section{background-image: url(../images/review-2-bg_v2.png);}
.murder-mestery-section{background-image: url(../images/review-3-bg_v2.png);}
.carousel-control-prev-icon {/*background-image:url(../images/games/spy-adventure/left-arrow.png);*/position: relative;left: 120% !important;width: 17px;height: 29px;}
.carousel-control-next-icon{/*background-image:url(../images/games/spy-adventure/right-arrow.png);*/position: relative;right: 120% !important;width: 17px;height: 29px;}
.testimonial-carousel .bg-dark {background-color: #57626d00!important;}
.testimonial-carousel a.bg-dark:focus, .testimonial-carousel a.bg-dark:hover, 
.testimonial-carousel button.bg-dark:focus, .testimonial-carousel button.bg-dark:hover{background-color: #57626d00!important;}
		
/* medium - display 2  */
@media (min-width: 768px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next{transform: translateX(50%);}

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev{transform: translateX(-50%);}
}

/* large - display 3 */
@media (min-width: 992px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {transform: translateX(50%);}

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {transform: translateX(-50%);}
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {display: none;}

  .carousel-inner .carousel-item>div:first-child {display: block;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {display: flex;}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {transform: translateX(0);}

/****** Style Star Rating Widget *****/

.rating { border: none;}

.rating > input { display: none; } 
.rating > label:before { margin: 5px;font-size: 1.25em;font-family: FontAwesome;display: inline-block;content: "\f005";}
/* .rating > .half:before { content: "\f089";position: absolute;} */
.rating > label { color: #ddd;  }

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.testimonial-content fieldset{width:50%; margin:0 auto; text-align:center;    padding-top: 3%; }
.testimonial-content .rating > label:before {font-size: 1em;}
.customer-name{min-height: 325px;position: relative;}
.customer-name h3{font-family: 'Segoe UI Web (West European)';text-align:center; color:#FFF;     font-size: 22px;}
.customer-name h3:before{font-family:'FontAwesome';content:"\f2bd"; font-size:25px; line-height:28px;}
.customer-name h4{border-top:1px solid #FFF; width:10%; margin:0 auto;}
.customer-name  p{font-size: 17px;line-height: 26px;text-align: center;color: #FFF;width: 70%;margin: 0 auto;padding: 0%;text-align: justify}
.customer-name  p:before{content: "\f10d";font-family: 'FontAwesome';font-weight: 900;display: inline-block;
float: left;padding: 0 15px 5px 0;font-size: 30px;color: #FFF;text-align: center;position: absolute;top: 10%;left: 12%;}
	
.customer-name p:after{content: "\f10e";font-family: 'FontAwesome';font-weight: 900;display: inline-block;float: right;
padding: 0 15px 5px 0;font-size: 30px;color: #ffffff;text-align: center;position: relative;right: 12%;position: absolute;bottom: 30%;}



.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
    width: 285px;
    left: -3rem;
    padding: 0.5rem 1rem;
}


.dropdown-menu li{
  padding: 4px 0px;
  border-bottom: 1px solid #00000047;
}

.dropdown-menu li:last-child{
  border:none;
}
.dropdown-menu li a{text-transform: unset !important;} 
.spyAgentStory .rightconteiner{padding: 66px 0;}
.spyAgentStory  .leftconteiner{padding:40px 0 70px 0px;}
.spyAgentStory .characterimg img{    margin-top: 8%;}
.gameIcon{    width: 50px  !important;
  border: 1px solid #c1b6b6;
  border-radius: 10px;}
  .iconText{    color: #000;
    font-weight: 800;
    font-size: 33px;
    vertical-align: bottom;
    margin-left: 10px;}



    /*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #fff;
  color: #020202;
  border-color: #eb5803;
  font-weight: 600;

}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #b9eb03a2;

}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}
.list-group-item{color:#000;font-size: 20px;    border-radius: 0 !important;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.downloadSec{position: absolute;
  left: 50%;
  bottom: 6vh;}
.downloadSec .downloadTxt{    position: relative;
  left: -50%;
  font-size: 31px;
  color: #fff;
  font-weight: bold;
  background: #131212c9;
  padding: 2%;
  border-radius: 5px;
  width: 350px;
  text-align: center;}
.downloadSec  .downloadImages{position: relative;
  left: -51.5%;
  margin-top: 8px;}
.downloadSec  .downloadImages .gplay{width: 180px;}
.downloadSec  .downloadImages .appstore{width: 180px;}
.footerDesc.indian a{padding:0; border:none;}

@media(max-width: 1150px){
  .downloadSec{bottom: 3vh;}
  .downloadSec .downloadTxt{width: 300px;font-size: 22px;}
  .downloadSec .downloadImages .gplay{ width: 150px;}
  .downloadSec .downloadImages .appstore{ width: 150px;}
}
@media(max-width: 830px){
  .downloadSec{bottom: 1vh;}
  .downloadSec .downloadTxt{width: 260px;font-size: 18px;}
  .downloadSec .downloadImages .gplay{ width: 130px;}
  .downloadSec .downloadImages .appstore{ width: 130px;}
}
@media(max-width: 630px){
  .downloadSec{bottom: 4vh;}
  .downloadSec .downloadTxt{display: none;}
  .downloadSec .downloadImages .gplay{ width: 130px;}
  .downloadSec .downloadImages .appstore{ width: 130px;}
}
@media(max-width: 528px){
  .downloadSec .downloadImages{width:100vw; text-align: center;}
}
@media(max-width: 397px){
  .downloadSec{bottom: 1vh;}
  .downloadSec .downloadImages .gplay{ width: 90px;}
  .downloadSec .downloadImages .appstore{ width: 90px;}
}