/*Basic  */
body
{
    font-family: 'Helvetica';
    color: #444444;
    font-size: 9pt;
}
.no-banner-name {
    display: none;
}
#main {
	  display: inline-block;
    width: 69%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  font-size: 30px;
}

/*Navbar  */
.sidenav {
    color: #000;
    background-color: #fff;
    transition: transform 0.5s ease-in-out;
    transform: translateX(-100%);
    z-index: 999;
}
#sidenav {
    width: 1291px;
    position: absolute;
    background: #f4f4f4;
}
.sidemenu {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    background: #fff;
    height: 3938px;
}
.hamburger.close {
    display: none !important;
}
.open .hamburger.close {
    display: block !important;
}
.sidenav.open {
    transform: none;
}
.hamburger.close {
    display: none;
    top: 39px !important;
    opacity: 1111111111;
}
.open .hamburger img {
    display: none;
}
.explore-section {
    cursor: pointer;
    width: 30%;
    left: 10px;
   position: relative;
}
.banner-part .cover-bar {
    right: -13px;
}
.event-module .cover-bar {
    background: #000;
    right: -30px;
  }
.open .hamburger.close {
    display: block;
}
.open .hamburger.close img {
    display: block;
}
.sidenav a {
    color: white;
    text-decoration: none;
}
.top-container .container-fluid {
    padding-left: 0;
}
.sidenav li {
    padding: 4px;
    margin-bottom: 0px;
    list-style: none;
    padding-left: 47px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.footer-mode .cover-bar {
    background: #000;
    top: -2px;
    right: -29px;
}
#sidenav .col-md-12 {
    padding-left: 0;
}
.sidenav .small-text li {
    font-size: 7px;
}
.sidenav .hamburger, .sidenav .hamburger:after, .sidenav .hamburger:before {
    content: "";
    height: 4px;
    width: 0;
    background-color: #444344;
    display: block;
    clear: both;
    position: absolute;
    border-radius: 3px;
    top: 30px;
    right: -37px;
    transition: all 0.3s ease-in-out 0.3s;
}
.environment-details .environment-title p {
    font-size: 11px !important;
    text-transform: capitalize;
    color: #545454 !important;
    padding: 0 !important;
    font-weight: 500 !important;
		margin-bottom: 46px !important;
}
.small-text {
    position: relative;
    top: 40px;
}
.sidenav .hamburger:before {
    position: relative;
    top: 14px;
}

.sidenav .hamburger:after {
    position: relative;
    top: 3px;
    right: 0;
}

.sidenav.open .hamburger, .sidenav.open .hamburger::after, .sidenav.open .hamburger::before {
    background-color: #000;
    right: 98%;
    top: 14px;
}
.hamburger.close img {
    height: 11px;
}

.sidenav.open .hamburger:before {
    right: 0;
    transform: translateY(-14px) rotate(90deg);
}

.sidenav.open .hamburger:after {
    right: 0;
    transform: translateY(-7px) rotate(45deg) scale(0) ;
}
#sidenav p {
    font-size: 24px;
    padding: 12%;
    width: 90%;
    line-height: 26px;
    color: #000;
    font-weight: bold;
    margin-bottom: 105px;
    padding-top: 21%;
}
.et-social-icon i {
    color: #000;
}
#sidenav .et-social-icon {
    display: inline-block;
    margin-top: 79px;
    padding-left: 9px;
    padding-right: 27px;
		margin-bottom: 24px;
}
#sidenav .copyright-details {
    font-size: 8px;
    color: #a2a2a2;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#sidenav .copyright-details {
    font-size: 7px;
    color: #a2a2a2;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 14px;
}
.sidenav .copyright-details a {
    color: #000;
}
.environment-image {
    margin-top: 7px;
}
.environment-image img {
    width: 100%;
}
.environment-text h4 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0;
}
.environment-text {
    display: inline-block;
    width: 45%;
}
.environment-title {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 20px;
}
.environment-title p {
    font-size: 11px;
    text-transform: capitalize;
    color: #545454;
}
.environment-text h3 {
    margin-bottom: 0;
    text-transform: capitalize;
    color: #050505;
}
.environment-text span {
    font-weight: bold;
}
.environment-works {
    margin-bottom: 6%;
}
.hamburger .fa.fa-bars {
    color: #000;
    margin-left: 5%;
    position: relative;
    top: 34px;
    font-size: 20px;
}
.environment-details {
    width: 93%;
    margin-left: 5%;
}
.logo-part h5 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
		position: relative;
		font-size: 10px;
}
.logo-part span {
    color: #3c3c3c;
    font-weight: 500;
}
.logo-part {
    margin-top: 22px;
    margin-bottom: 22px;
    padding-left: 11px;
}
.hamburger img {
    margin-top: -25px;
    margin-left: -16px;
}
.explore-part.first .total-logo {
    text-align: left;
    margin-left: 8px;
}
.logo-part h5::before {
    border-bottom: 2px solid #000;
    bottom: -2px;
    content: "";
    position: absolute;
    width: 11px;
    left: 0%;
    top: 0px;
}
.scroll-bar-wrap {
  width: 4px;
  position: relative;
}
.scroll-box {
  width: 100%;
  height: 640px;
  /* overflow-y: scroll; */
}
#Div2 {
  display: none;
}
.scroll-box::-webkit-scrollbar {
  width: .1em;
}
.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
}
.cover-bar {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: -29px;
    width: .1em;
    -webkit-transition: all .1s;
    opacity: 1;
}
.cover-text {
	  display:none;
}
.scroll-bar-wrap:hover .cover-text {
  display:block;
}
.banner-part .col-md-1 {
    padding-right: 0;
}
.banner-part .col-md-11 {
    padding-left: 0;
		padding-right: 0;
}
.banner-image img {
    width: 102.3%;
    height: 570px;
}
.cover-text {
    display: none;
    width: 221px;
    z-index: 999999;
    position: relative;
    background: #fff;
    padding-top: 23px;
    padding-bottom: 21px;
    padding-left: 12px;
}
.cover-text:hover {
    background: #dddddd;
    border-left: 1px solid #000;
		color:#000;
}
.cover-text p {
    color: #575757;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
}
.cover-text p:hover {
    color: #000;
}
.total-logo img {
    width: 42% !important;
    position: relative;
    left: -7px;
}
.total-logo {
    text-align: center;
}
.explore-section .fa.fa-long-arrow-down {
    font-size: 24px;
    margin-top: 4px;
    padding-right: 16px;
}
.explored {
    position: relative;
    top: -3px;
    text-transform: uppercase;
    font-size: 8px;
    color: #000;
    left: 12px;
}
.distant {
    padding-left: 15px;
    color: #000 !important;
    font-weight: bold !important;
}
.belief-text {
    margin-top: 155px;
}
.belief-text h6 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.workspaces .workstation p {
    font-size: 10px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 10px;
    color: #fff;
}
.workstation {
    margin-top: 50px;
}
.belief-text h1 {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 40px;
    margin-bottom: 47px;
}
.cover-text .thumb-text {
    display: inline-block;
    width: 44%;
}
.cover-text .thumb {
    width: 45%;
    display: inline-block;
}
.belief-text p {
    color: #838383;
    width: 84%;
    line-height: 17px;
    margin-bottom: 27px;
    font-size: 10px;
}
/* .event-module .owl-item.active {
  width: 920.17px !important;
  margin-right: 40px !important;
  margin-left: 39px;
} */
.belief-module .col-md-11 {
    padding-right: 0;
}
.left.carousel-control {
    background-image: none;
}
.right.carousel-control {
    background-image: none;
}
.glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 92%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: 472px;
}
.glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 322px;
    font-size: 12px;
    color: #000;
    right: -52px;
}
#slidetext {
    /* text-align: center;
    position: relative;
    width: 21%;
    float: right;
    left: 0;
    margin: 0;
    padding: 2.5% 0;
    background: #f4f4f4;
    font-size: 13px;
    color: #000;
    z-index: -999;
    font-weight: bold; */
}
.banner-part .scroll-box.section {
    margin: 3px;
}
.explore-part .col-md-11 {
    padding-left: 0;
}
.belief-image {
    background: url("../images/01.png");
    height: 660px;
		background-size: cover;
		background-position: right;
}
.belief-image.one {
    background: url("../images/02.png");
    height: 660px;
		background-size: cover;
		background-position: right;
}
#manage-banner {
    background: #fff;
}

.belief-image.two {
    background: url("../images/03.png");
    height: 660px;
		background-size: cover;
		background-position: right;
}
.belief-image img {
    width: 60%;
    position: relative;
    top: 73%;
    right: 10%;
    float: right;
    cursor: pointer;
}
.carousel-indicators {
    display: none;
}
.event-module .logo-part h5 {
    color: #fff;
}
.event-module .logo-part h5::before {
    border-bottom: 2px solid #fff;
}
.event-module .distant {
    color: #fff !important;
}
.event-module .logo-part span {
    color: #d5d5d5;
}
.event-module {
    background: #000;
}
.event-module .owl-carousel.owl-loaded.owl-drag {
    margin-top: 58px;
}
.event-timing {
    width: 43%;
    display: inline-block;
    margin-top: 3%;
    padding-left: 61px;
}
.event-performer {
    display: inline-block;
    width: 55%;
    vertical-align: top;
}
.event-timing h5 {
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
}
.event-timing h6 {
    color: #9b9b9b;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}
.event-timing h6 {
    color: #9b9b9b;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
    margin-bottom: 14%;
}
.event-timing p {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}
.event-performer {
    display: inline-block;
    width: 55%;
    vertical-align: top;
    background: #000;
    padding: 3% 5%;
    position: relative;
    top: -61px;
}
.event-performer h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
}
.event-performer h6 {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 8px;
}
.event-performer p {
    color: #e1e2e4;
    font-size: 11px;
    width: 74%;
    line-height: 16px;
    margin-top: 8%;
    margin-bottom: 17%;
}
.event-performer span {
    color: #dd7773;
    font-size: 7px;
}
.event-performer:hover {
    background: #2c2d32;
    cursor: pointer;
}
.contact-text {
    margin-top: 16%;
}
.contact-text h1 {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 41px;
    margin-bottom: 7%;
}
.contact-text p {
    color: #515151;
    width: 70%;
    font-size: 10px;
		line-height: 19px;
}
.locations h4 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
}
.locations h5 {
    text-transform: capitalize;
    color: #000;
    font-weight: bold;
    font-size: 10px;
}
.locations p {
    line-height: 7px;
}
.locations span {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    line-height: 15px;
    width: 12%;
    display: inline-block;
		font-size: 8px;
}
.locations {
    margin-top: 60px;
}
.contact-module .col-md-11 {
    padding-left: 0;
}
.contact-module {
    margin-bottom: 10px;
}
/* form starting stylings ------------------------------- */
.group {
    position: relative;
    margin-bottom: 35px;
}



/* LABEL ======================================= */
.contact-module label {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    pointer-events: none;
    left: 1px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}


/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #9f9f9f;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #fff;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }



/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}


#panel {
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); /* Standard syntax (must be last) */
    border-radius: 4px;
    top: 50px;
}
.contact-form select {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding: 3%;
    width: 100%;
}
.contact-form .btn-warning {
    color: #000 !important;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    width: 69%;
    padding: 5%;
    float: left;
    font-size: 11px;
    text-align: left;
    font-size: 8px;
}
.contact-img img {
    float: right;
}
.contact-form {
    margin-top: 221px;
}
.contact-form p {
    text-transform: uppercase;
    font-size: 8px;
}
.footer-image img {
    width: 100%;
    height: 400px;
		margin-top: 12px;
}
.footer-module .logo-part h5 {
    color: #fff;
}
.footer-module .logo-part span {
    color: #d3d3d3;
}
.footer-module .logo-part h5::before {
    border-bottom: 2px solid #fff;
}
.footer-mode {
    background: #000;
		padding-bottom: 3%;
}
.footer-mode .col-md-11 {
    padding: 0;
}
.footer-mode .et-social-icon i {
    color: #fff;
}
.footer-mode .et-social-icon {
    display: inline-block;
		padding-right: 16px;
}
.footer-mode .et-social-icons {
    padding: 0;
		margin-bottom: 50px;
}
.footer-note h2 {
    color: #fff;
    font-weight: bold;
    font-size: 27px;
    line-height: 37px;
    margin-top: 43px;
}
.footer-note p {
    color: #fff;
    margin-top: 33px;
    font-weight: bold;
    font-size: 9px;
}
.workspaces {
    margin-top: 52px;
    margin-bottom: 50px;
}
.workspaces h6 {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.workspaces span {
    color: #d1d1d1;
    font-weight: 500;
}
.footer-mode .copyright-details {
    color: #6f6f6f;
    font-size: 8px;
    text-transform: uppercase;
    white-space: pre;
    line-height: 3px;
}
.footer-mode a {
    color: #959595;
}
.workspaces p {
    color: #c6c6c6;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 16px;
}
.owl-prev {
	font-size: 12px;
	text-transform: uppercase;
	padding: 20px;
	margin-top: 8px;
	color: #fff;
}
.owl-next {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 20px;
    color: #fff;
    margin-top: -35px;
}
.owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 101%;
    left: 84%;
    margin-top: 15px;
		color: #fff;
}
.owl-nav {
    width: 27%;
    float: right;
}
.right-value-image span img {
    display: inline-block !important;
    width: 13% !important;
}
.see-events {
    float: right;
    width: 39.5%;
    background: #f4f4f4;
    padding: 2.5%;
    position: relative;
    left: 15px;
}

.see-events p {
    color: #161616;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}
.see-events span {
    width: 31%;
    float: right;
}
.owl-dots:after {
  content: counter(slides-num);
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
  padding-left: 5px;
	left: 0;
	position: relative;
	top: 7px;
}
.owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  /* Increment counter */
  margin-right: 5px;
}
.owl-dot span {
  display: none;
}
.owl-dot.active:before {
  content: counter(slides-num) " of";
  /* Use the same counter to get current item. */
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  position: absolute;
	left: 18px;
	top: 7px;
}
.owl-nav {
    width: 27%;
    float: right;
    background: #1c2023;
    position: relative;
    left: 14px;
}
.total-logo.white {
    margin-top: 0px;
}
.belief-text a {
    color: #ee827e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 7px;
}
.architect-carousel-text{
    background: url("../images/ja.png");
    height: 660px;
    background-size: cover;
    background-position: right;
}
#chartdiv {
  width: 100%;
  height: 350px;
}
.map-module .amcharts-chart-div {
    background: #d2d2d2;
}
.map-module .see-events {
    background: #222528;
}
.map-module .see-events span {
    margin-left: 27px;
    color: #ee7e79;
    font-size: 8px;
    width: auto;
    float: none;
}
.see-events .refine {
    color: #fff !important;
}
.see-events .fa.fa-filter {
    color: #ebebec;
    font-size: 14px;
}
.map-module .col-md-11.col-sm-11.col-xs-11 {
    padding-left: 0;
}
.map-module .col-md-1.col-sm-1.col-xs-1 {
    padding-right: 0;
}
/**
 *  Progress Bar
 */
 .progress {
    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
}
 .para-text h4 {
    color: #101010;
    font-size: 15px;
    margin-top: 25px;
}
.para-text span {
    font-weight: bold;
}
.explore-product .para-text {
    display: inline-block;
    width: 60%;
}
.explore-product .products-explore {
    display: inline-block;
    float: right;
    margin-top: 17px;
    width: 13%;
}
.products-explore h6 {
    color: #ee7e79;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
    cursor: pointer;
}
.product-data {
    font-size: 15px;
    position: relative;
    left: 9px;
    top: 3px;
}
.products-slider .slick-slide.slick-cloned {
    width: 366px !important;
}
.product-description h5 {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
}
.product-description p {
    color: #a7a7a7;
    font-weight: bold;
    font-size: 10px;
}
.product-description h6 {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    line-height: 6px;
}
.product-description {
    margin-left: 45px;
}
.products-slider .slick-next {
    right: 7px;
    background: transparent;
    top: 109%;
    border-radius: 50%;
}
.products-slider .slick-prev {
    background: transparent;
    margin-top: 14%;
    position: absolute;
    left: 78.5%;
    top: 214px;
    border-radius: 50%;
}
.progress-carosuel {
    padding-top: 28px;
    background: #f4f4f4;
    padding-bottom: 18px;
    width: 23%;
    float: right;
}
.Team-module {
    background: #000;
}
.Team-module .logo-part h5 {
    color: #fff;
}
.Team-module .logo-part span {
    color: #b5b5b5;

}
.Team-module .distant {
    color: #fff !important;
}
.Team-module .belief-text h1 {
    color: #fff;
    margin-bottom: 18px;
}
.Team-module .belief-text h6 {
    color: #646464;
    font-size: 10px;
    margin-bottom: 14%;

}
.Team-module .belief-text p {
    color: #969696;
  }
  .Team-module .col-md-8.col-sm-8 {

}
.Team-module .col-md-4.col-sm-4 {
}
.Team-module img {
    width: 100%;
}
.product-description.team h1 {
    font-weight: bold;
    color: #fff;
    font-size: 32px;
    margin-top: -23px;
}
.product-description.team p {
    color: #fff;
    line-height: 17px;
    margin-left: 20px;
    margin-top: 36px;
}
.product-description.team h6 {
    color: #969696;
    line-height: 16px;
    margin-left: 20px;
}
.product-description.priniciple {
        display: inline-block;
    position: absolute;
    /* width: 25%; */
    margin-left: 0;
    vertical-align: top;
    margin: 46px 0 0 -70px;
    text-align: right;	
}
.product-description.team {
    width: 98%;
    display: inline-block;
    margin: 25px 0;
}
.product-description.priniciple p {
    color: #e57974;
}
.Team-module .progress-carosuel {
    background: #222528;
    padding-bottom: 12px;
    width: 34%;
}
.Team-module .slick-next {
    right: 7px;
    background: #000;
    top: 105%;
    border-radius: 50%;
}
.Team-module .slick-prev {
    background: #000;
    margin-top: 46.5%;
    position: absolute;
    left: 67.5%;
    border-radius: 50%;
}
.Team-module .distant {
    color: #fff !important;
}
.news .see-events {
    float: right;
    width: 40.7%;
    background: #f4f4f4;
    padding: 2%;
    left: -19px;
    position: relative;
}
.news img {
    width: 100%;
}
.product-description.news h6 {
    color: #c2c2c2;
    font-size: 7px;
    line-height: 18px;
    width: 64%;
}
/**
 *  Demo Styles from the Slick Slider
 *  website
 */
.content {
  margin: auto;
  padding: 10px;
}
.image {
  padding: 80px;
}
.products-slider img {
    border: 5px solid #fff;
    display: block;
    width: 100%;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.news .slick-next {
    right: 7px;
    background: transparent;
    top: 105%;
    border-radius: 50%;
}
.news .slick-prev {
    background: transparent;
    margin-top: 27%;
    position: absolute;
    left: 78.5%;
    border-radius: 50%;
}
.news .progress-carosuel {
    background: transparent;
}
.news .slick-slide.slick-cloned {
    width: 360px !important;
}
.awards .slick-slide.slick-cloned {
    width: 265px !important;
}
.Team-module .slick-slide.slick-cloned {
    
}
.news .total-logo img {
    width: 42%;
    top: -23px;
}
.news .news-title h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 37px;
}
.awards .news-title h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
}
.awards .news-title p {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
}
.awards .product-description {
    margin-left: 0;
    margin-top: 87px;
}
.awards .product-description p {
    color: #7f7f7f;
    font-size: 7px;
    margin-bottom: 0;
}
.awards .product-description h4 {
    color: #fff;
    font-weight: bold;
    line-height: 22px;
    text-transform: capitalize;
    padding-bottom: 20px;
}
.awards .product-description h5 {
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 9px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 33px;
}
.awards .slick-next {
    right: 7px;
    background: #000;
    top: 106.7%;
    border-radius: 50%;
}
.awards .slick-prev {
    background: #000;
    margin-top: 22.5%;
    position: absolute;
    left: 78.5%;
    border-radius: 50%;
}
.awards .progress-carosuel {
    background: #222528;
    padding-bottom: 11px;
}
.image-propost {
    height: 100px;
}
.careers .belief-text h1 {
    color: #fff;
    margin-bottom: 0;
}
.careers .belief-text p {
    color: #c2c2c2;
    width: 71%;
}
.careers .slick-slide.slick-cloned {

}
.image-carrers img {
    width: 100%;
}
.careers-description {
    width: 66%;
    float: right;
    background: #2f3135;
    position: relative;
    top: -91px;
    padding: 5% 9%;
}
.careers-description p {
    color: #ee7e79;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}
.careers-description h3 {
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 28px;
}
.careers-description h6 {
    color: #cececf;
    font-size: 9px;
    line-height: 14px;
    margin-bottom: 32%;
}
.slick-slide span img {
    display: inline-block;
}
.careers-description span {
    color: #ee7e79;
    text-transform: uppercase;
    font-size: 8px;
}
.careers .slick-next {
    right: 7px;
    background: #000;
    top: 105.5%;
    border-radius: 50%;
}
.careers .slick-prev {
    background: #000;
    margin-top: 39%;
    position: absolute;
    left: 74.5%;
    border-radius: 50%;
}
.careers .progress-carosuel {
    background: #222528;
    padding-bottom: 11px;
    width: 27%;
}
.careers .progress {
    width: 61%;
}
.edesign-text {
    margin-top: 16%;
}
.edesign-text h6 {
    color: #121212;
    width: 77%;
    line-height: 16px;
    font-size: 10px;
    font-weight: bold;
    margin-top: 20px;
}
.edesign-text h1 {
    color: #000;
    font-weight: bold;
    line-height: 42px;
}
.edesign-text p {
    color: #808080;
    font-size: 10px;
    width: 74%;
    margin-top: 22%;
    line-height: 19px;
}
.edesign-text span {
    color: #f08d88;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
}
.edesign-image img {
    width: 100%;
    margin-top: 30px;
    position: relative;
    left: -2%;
    bottom: -2%;
}
.contact-module.edesign {
    margin-bottom: 0;
}
.homes-block .see-events {
    float: right;
    width: 48%;
    padding: 3%;
    background: #1c2023;
    position: relative;
    left: 12px;
}
.homes-block .see-events p {
    color: #fff;
    font-size: 8px;
    margin-top: 12px;
}
.col-md-6.homes-block {
    padding: 0;
}
.scroll-box.section.home-banner {
    margin: 3px 31px;
}
.cover-bar.homes-firstsection {
    right: -41px;
}
.explore-part.first.homesection .total-logo {
    text-align: center;
    position: relative;
    left: 12px;
}
.homesection .explore-section {
    width: 6%;
}
.explore-part.first.homesection {
    margin-bottom: 12px;
}
.see-events.home-map {
    float: right;
    width: 50%;
    padding: 3%;
    position: relative;
    left: 14px;
}
.careers .belief-text span {
    color: #c06f6c;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}
.home-map .slick-prev.slick-arrow {
    top: 211px;
}
.rent-description img {
    width: 100%;
}
.rent-description {
    margin-top: 10%;
}
.rented-text h3 {
    color: #fff;
    font-weight: bold;
    position: relative;
    top: -62px;
}
.rented-price p {
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    line-height: 6px;
}
.rented-price {
    margin-top: 21px;
}
.col-md-7.col-sm-7.col-xs-12.rent-segment {
    padding-right: 0;
    position: relative;
    right: -15px;
}
.MachineCraft .edesign-text h1 {
    font-size: 44px;
}
.edesign-text h5 {
    color: #000;
    font-size: 21px;
    font-weight: bold;
    width: 77%;
}
.crafting p {
    font-size: 9px;
    width: 74%;
    margin-top: 3%;
    font-weight: bold;
}
.crafts p {
    margin-top: 16px;
}
.white {
    background-color: transparent !important;
}
.card:not([class*="card-outline-"]){
  box-shadow: none;
  margin-top: 45px;
}
.product-description.neighbours h1 {
    font-size: 35px;
    margin-top: -33px;
}
.product-description.neighbours p {
    color: #a2635f;
    margin: 0 ;
}
.product-description.neighbours h5 {
    color: #fff;
    font-weight: bold;
    text-transform: none;
    font-size: 9px;
    margin-top: 0;
}
.Team-module.testimonial .slick-prev {
    margin-top: 42%;
}
.testimonial-slab .see-events {
    width: 40%;
    background: #f4f4f4;
    padding: 2%;
    position: relative;
    left: 1%;
}
.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
}
.videoWrapper43 {
  padding-top: 75%;
}
.videoWrapper169 {
    padding-top: 43%;
    margin-top: 4%;
}
.col-md-12.mb-12.machinecraft-video {
    padding-right: 0;
    position: relative;
    left: 15px;
}
.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.videoPoster:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -40px 0 0 -40px;
  border: 5px solid #fff;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster::after {
    content: '';
    position: absolute;
    top: 49%;
    left: 49%;
    width: 0;
    height: 0;
    margin: -20px 0 0 -10px;
    border-left: 19px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    -webkit-transition: border-color 300ms;
    -moz-transition: border-color 300ms;
    transition: border-color 300ms;
}
.videoPoster:hover:before, .videoPoster:focus:before {
  border-color: #f00;
}
.videoPoster:hover:after, .videoPoster:focus:after {
  border-left-color: #f00;
  cursor: pointer;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}
.products-explore.product-browser {
    display: block;
    width: 75%;
    float: right;
    text-align: right;
    margin-top: 7%;
    position: relative;
    left: -9%;
    margin-bottom: 1%;
}
.product-browser .slick-prev {
    margin-top: 42.5%;
}
.product-browser .slick-slide.slick-cloned {
    width: 589px !important;
}
.product-browser .slick-next {
    top: 105%;
  }
.belief-text.product-browser h5 {
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
}
.complete-browserscreen {
    padding-left: 21%;
}
.product-browserslider {
    width: 49%;
    display: inline-block;
}
.product-dummy{
  width: 49%;
  display: inline-block;
}
.product-browserslider h1 {
    font-size: 93px;
    font-weight: bold;
    color: #fff;
    margin-top: -83px;
}
.product-browserslider p {
    color: #808082;
    text-transform: uppercase;
    font-size: 7px;
    margin-left: 28%;
}
.product-browserslider h5 {
    color: #808080;
    text-transform: uppercase;
    font-size: 22px;
    margin-left: 28%;
    font-weight: bold;
}
.product-dummy h4 {
    color: #818181;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 14px;
}
.product-dummy span {
    width: 56%;
    float: right;
}
.product-dummy h5 {
    font-size: 23px;
    font-weight: bold;
    color: #808080;
}
.product-dummy p {
    font-size: 10px;
}
.see-events.Restaurants p {
    text-align: right;
    color: #ee7e79;
    font-size: 7px;
}
.Restaurants .fa.fa-calendar {
    font-size: 14px;
}
.see-events.Restaurants {
    background: transparent;
    margin-top: 10px;
}
.caret {
    color: #000 !important;
    position: relative;
    top: -3px;
}
#dLabel {
    width: 200px;
    height: 60px;
    background-color: #fff;
    border: solid 1px #cccccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #000;
    letter-spacing: 0.7px;
    margin-left: 50px;
    position: relative;
    top: -22px;
    font-weight: bold;
}
 .caret {
    float: right;
    margin-top: 9px;
    display: block;
  }
.dropdown-menu {
  width: 240px;
  padding: 0;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdown button:hover, .dropdown button:focus {
  border: none;
  outline: 0;
}
.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
    margin-top: -21px;
    width: 80%;
    margin-left: 50px;

}
.explore-restaurant .logo-part h5 {
    position: relative;
    top: -23px;
}
.dropdown.open ul {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-top: none;
  height: 200px;
  overflow-y: scroll;
}
.dropdown-menu li {
  line-height: 1.5;
  letter-spacing: 0.7px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding: 7.5px 15px;
  border-top: solid 1px #f3f3f3;
  }
.dropdown-menu li:hover {
  background-color: #ccc;
}
.explore-restaurant h5 {
    display: inline-block;
}
.explore-restaurant .dropdown {
    display: inline-block;
}
.explore-restaurant .news-title h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 24px;
}
.explore-restaurant img {
    width: 100%;
}
.restaurant-address {
    display: inline-block;
    width: 46%;
    margin-left: 22px;
}
.restaurant-text {
    width: 46%;
    display: inline-block;
}
.restaurant-text h1 {
    color: #fff;
    font-weight: bold;
    position: relative;
    top: -46px;
}
.restaurant-text h6 {
    color: #fff;
    line-height: 19px;
}
.restaurant-address p {
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 8px;
}
.complete-restaurant {
    background: #2f3135;
    padding: 0 14%;
    padding-bottom: 11%;
}
.explore-restaurant .slick-slide.slick-cloned {
    width: 530px !important;
}
.explore-restaurant .slick-next.slick-arrow {
    background:transparent;
    top: 106.6%;
    border-radius: 50%;
    right: 7px;
}
.explore-restaurant .slick-prev.slick-arrow {
  background: transparent;
    margin-top: 14%;
    position: absolute;
    left: 78.5%;
    top: 77%;
    border-radius: 50%;
}
.see-events.music-events {
    float: right;
    width: 40%;
    background: #f4f4f4;
    padding: 2%;
    position: relative;
    left: 5px;
    text-align: center;
}
.belief-text.music h1 {
    color: #fff;
    margin-bottom: 19px;
}
.belief-text.music p {
    color: #fff;
}
.music-dates {
    background: #f4f4f4;
    padding: 2%;
    width: 70%;
}
.music-dates p {
    color: #000 !important;
    margin-top: 16px;
    width: 100% !important;
    padding-left: 14px;
}
.music-dates .fa.fa-calendar {
    float: right;
    padding-right: 14px;
    font-size: 17px;
}
.events-image {
    background: url("../images/26.png");
    height: 355px;
    background-size: contain;
}
.Restaurants .event-timing {
    width: 100%;
}
.Restaurants .event-performer {
    width: 100%;
}
.explore-restaurant .glyphicon.glyphicon-chevron-left {
    margin-left: 0px;
    color: #fff;
}
.explore-restaurant .glyphicon.glyphicon-chevron-right {
    color: #fff;
    margin-top: 306px;
}
.explore-restaurant #slidetext {
    text-align: center;
    position: relative;
    width: 28%;
    float: right;
    left: -12px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 3%;
    top: -12px;
    background: #222528;
    z-index: 9;
    color: #fff;
}
.explore-restaurant .col-md-8.col-sm-8.col-xs-12 {
    padding-right: 0;
    /* position: relative; */
}
.restaurant .product-description.priniciple p {
    color: #e57974;
    font-size: 10px;
}

.mobile-linkedscroll {
    display: none;
}

.belief-mobile {
    display: none;
}

.eventson-mobile {
    display: none;
}


/* Responsive section starts here */
@media(max-width:1600px){



	.scroll-bar-wrap {
   width: 4px;
}
.scroll-box {
    background: url("../images/line1.png");
    width: 38px;
    margin-left: 19px;
    height: 707px;
    top: -11px !important;
    position: relative;
    background-repeat: no-repeat;
}
.scroll-box.section2 {
    background: url("../images/line2.png");
    background-repeat: no-repeat;
    height: 685px;
  }
  .scroll-box.section3 {
    background: url("../images/line1.png");
    background-repeat: no-repeat;
    background-position: left;
    height: 671px;

}
      .scroll-box.section4 {
          background: url("../images/line2.png");
          background-repeat: no-repeat;
          height: 703px;
        }
        .scroll-box.section5 {
            background: url("../images/margin.png");
            background-repeat: no-repeat;
            height: 656px;
          }
          .scroll-box.section7 {
            background: url("../images/margin.png");
            background-repeat: no-repeat;
            height: 613px;
          }

          .scroll-box.section6 {
              background: url("../images/line4 (1).png");
              background-repeat: no-repeat;
            }
.glyphicon.glyphicon-chevron-left {
   margin-left: 661px;
 }
#sidenav {
   width: 1519px;
 }
#sidenav p {
   font-size: 24px;
   padding: 12%;
   width: 88%;
   line-height: 32px
 }
}
@media(max-width:1400px){
  .scroll-box {
    height: 582px;
}
	#sidenav {
    width: 1291px;
	}
	.glyphicon.glyphicon-chevron-left {
	   margin-left: 481px;
	 }
   #sidenav p {
    font-size: 24px;
    padding: 20% 12%;
    width: 88%;
    line-height: 32px;
    padding-bottom: 8%;
   }
}
@media(max-width:1240px){
  .glyphicon.glyphicon-chevron-left {
    top: 93%;
    left: 433px;
}
}
@media(max-width:1200px){
  .glyphicon.glyphicon-chevron-left {
    left: 375px;
}
.workspaces h6 {
    font-size: 10px;
}
.workspaces p {
    font-size: 10px;
}
}
@media(max-width:1100px){
  .glyphicon.glyphicon-chevron-left {
    left: 327px;
}
}
@media(max-width:1050px){
  .glyphicon.glyphicon-chevron-left {
    left: 281px;
}
}
@media(max-width:991px){
  .banner-part .col-md-11 {
   }
   .banner-part .col-md-1 {
   }
   .scroll-box {
    margin-left: 0px;
  }
  .sidenav .hamburger, .sidenav .hamburger::after, .sidenav .hamburger::before {
    right: -19px;
  }
  .belief-text {
    margin-top: 10px;
   }
  .scroll-box {
    height: 491px;
   }
   .cover-bar {
    right: -8px;
  }
  .glyphicon.glyphicon-chevron-left {
    display: none;
   }
   .glyphicon.glyphicon-chevron-right {
     display: none;
    }
  .event-module {
    padding: 0 2%;
    }
    .footer-mode .copyright-details {
    white-space: initial;
    line-height: 13px;
}
}
@media(max-width:800px){
  .event-timing {
    padding-left: 0;
}
}
@media(max-width:768px){
  .scroll-box {
    height: 379px;
}
.cover-text {
    padding-top: 26px;
    padding-bottom: 26px;
  }
}
@media(max-width:767px){
  .contact-form {
      margin-top: 35px;
  }
  .contact-text p {
    width: 100%;
  }
  .contact-text {
    margin-top: 3%;
  }
  .total-logo img {
    width: 100%;
    left: 0px;
   }
   .event-performer {
    display: block;
    width: 100%;
    top: 0;
  }
  .event-timing {
    width: 100%;
  }
  .workspaces {
    margin-top: 17px;
  }
}


/*




Added by Rajath M on 6th Sept




*/

.slick-prev::before {
    background-image: url('../images/arrow-left-white.png');
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.slick-next::before {
    background-image: url('../images/arrow-right-white.png');
    background-size: 10px 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
}


.table.table-borderless tbody tr td{
    border: none;
}


.belief-module .col-md-1.col-sm-1.col-xs-1 {
    padding-left: 1px;
}
.static-ham img {
    padding-left: 24px;
    padding-top: 20px;
}

.static-ham-white img {
    width: 27%;
    padding-top: 22px;
    padding-left: 5px;
    margin-left: 17px;
}

.back-btn {
    padding-left: 12em;
}

.back-btn a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.back-btn a span {
    padding-right: 9px;
}

.left-side {
    height: 570px;
    background-color: #000;
    color: #fff;
}
.left-side h3 {
    padding: 33px 33px 10px 33px;
    color: #fff;
    font-weight: bold;
}

.sml-txt {
    padding-left: 33px;
    font-size: 8px;
    color: #ccc;
}
.sml-txt2 {
    padding: 10px 33px 0px 33px;
    color: #bbb;
}
.sml-exp {

    font-size: 8px;
    color: #bbb;
    padding: 0px 0 0px 33px;

}

.glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 279px;
    font-size: 12px;
    color: #000;
    right: -52px;
}

.diff-left {
    padding: 50px 50px 50px 0;
}
.diff-head {
    font-size: 4em;
    font-weight: bold;
}

.diff-left-txt {
    font-size: 9px;
}

.diff-tabs {
    padding-top: 7px;
}
.diff-right-head {
    font-weight: bold;
    font-size: 28px;
}

.diff-right-sun-head {
    padding-bottom: 13px;
    line-height: 0px;
    font-size: 8px;
}
.small-banner img {
    width: 100%;
    height: 400px;
    position: relative;
    left: 15px;
}
.our-diff .col-md-8 {
    padding-right: 0;
}

.our-diff{
    height: 570px;
    padding-left: 0;
}

.our-diff table > tbody > tr > td{
    border-top: transparent !important;
    vertical-align: middle !important;
}

.map-banner img {
    width: 100%;
    height: auto;
    position: relative;
    left: 15px;
}

.diff-right-text p {
    font-size: 10px;
}

.diff-tabs table tbody tr td a {
    color: #222;
    font-size: 10px;
    font-weight: bold;
}

.diff-tabs table tbody tr td a:hover {
    text-decoration: none;
    color: #222;
    font-size: 10px;
}

.diff-tabs table tbody tr td {
    padding: 5px;
}

.diff-left {
    padding: 58px 105px 39px 0px;
}

.black-btn {
    padding: 20px;
    background-color: black;
    color: white;
}

.explore-left img {
    width: 40%;
    float: right;
}

.sec-header {
    font-size: 4em;
    font-weight: bold;
    padding: 20px 20px 0px 20px;
}

.sec-desc tbody tr td {
    padding: 5px;
    width: 50%;
    font-weight: bold;
    font-size: 14px;
}

.table.table-borderless.sec-desc {
    margin-left: 20px !important;
}

.homes-block .see-events {
    float: right !important;
    width: 48% !important;
    padding: 2% !important;
    background: #1c2023 !important;
    position: relative !important;
    left: 15px !important;
    padding-left: 4% !important;
    left: 0 !important;
}

.arrow-right img {
    width: 104%;
    margin-top: -3px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    padding-left: 40px;
}

.see-events {

    float: right;
    width: 42%;
    background: #f4f4f4;
    padding: 3% 2% 2% 4%;
    position: relative;
    left: 15px;

}

.static-ham-white-rent-our img {

    margin-left: 25px;
    padding-left: 12px;
    width: 28px;
    padding-top: 24px;

}

.testimonial-slab .see-events {
    width: 40% !important;
    background: #f4f4f4;
    padding: 2%;
    position: relative;
    left: 0px !important;
    padding-top: 22px;
}
.static-ham-home-page img {

    padding-left: 38px;
    padding-top: 20px;

}
.glyphicon.glyphicon-chevron-left {
    margin-left: 279%;
    margin-top: 8%;
}
.glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 178%;
    font-size: 12px;
    color: #000;
    right: -52px;
}

.event-performer {
    display: inline-block;
    width: 56%;
    vertical-align: top;
    background: #000;
    padding: 3% 5% 10% 5%;
    position: relative;
    top: -61px;
    right: -7px;
}

.contact-module .col-md-11 {
    padding-left: 15px;
}

.footer-mode .col-md-11 {
    padding-left: 15px;
}

.see-events p {
    color: #161616;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;

}

.see-events span {
    width: 35%;
    float: right;
}
.see-events span img {
    width: 92%;
}

.contact-img img {
    float: right;
    width: 30%;
    padding-top: 2px;
}

.contact-text {
    margin-top: 16%;
    padding-left: 10px;
}
.owl-nav {
    width: 27%;
    float: right;
    background: #1c2023;
    position: relative;
    left: 14px;
    top: -126px;
}

.owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 81.4%;
    left: 84%;
    margin-top: 15px;
    color: #fff;
}

.owl-next {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 20px;
    color: #fff;
    margin-top: -38px;
}

.owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 80.4%;
    left: 84%;
    margin-top: 36px;
    color: #fff;
}

.get-icon {
    padding: 5px;
    width: 22px;
}

.get-text {
    font-size: 9px;
    color: white;
}
.get-notified {
    position: relative;
    top: -119px;
    z-index: 9;
}
.nav-wrapper {
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
  }
 

   .no-padding {
    padding-left: 0;
}

.homesection .explore-section {
    width: 7%;
    padding-left: 28px;
}



.right-value-image span img {

    display: inline-block !important;
    width: 24% !important;

}

.scroll-box.section31 {
    background: url("../images/line1.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: left;
    height: 749px;
}

.scroll-box.section41 {
    background: url("../images/line2.png");
        background-repeat: repeat;
    background-repeat: no-repeat;
    height: 627px;
}

.home-map p img {
    width: 36px !important;
    padding-left: 20px;
    margin-top: -4px;
}

.Team-module .col-md-8.col-sm-8 {
}

.map-module .col-md-11.col-sm-11.col-xs-11 {
    padding-left: 0;
    padding-right: 0;
}

.products-slider .slick-next {
    right: 7px;
    background: transparent;
    top: 108.3%;
    border-radius: 50%;
}

.content {
    margin: auto;
    padding: 10px;
        padding-right: 10px;
    padding-right: 0px;
}

.testi1 .col-md-8.col-sm-8 {

}
.testimonial-slab {
        padding-right: 0;
    }

.no-right{
    padding-right: 0;
}

body{
    overflow-x: hidden;
}

.Team-module .progress-carosuel {
    background: #222528;
    padding-bottom: 24px;
    width: 37%;
    margin-right: -4px;
}


.awards .slick-prev {
    background: transparent;
    margin-top: 22.4%;
    position: absolute;
    left: 77.5%;
    border-radius: 50%;
}

.awards .slick-next {
    right: 10px;
    background:transparent;
    top: 106.9%;
    border-radius: 50%;
}

.progress {
    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: -2px;
}

.Team-module.testimonial .slick-prev {
    margin-top: 39.8%;
}
.Team-module .slick-prev {
    background: transparent;
    margin-top: 46.5%;
    position: absolute;
    left: 66.5%;
    border-radius: 50%;
}
.Team-module .slick-next {
    right: 10px;
    background: transparent;
    top: 104.3%;
    border-radius: 50%;
}

.homes-block .see-events p {
    color: #fff;
    font-size: 7px;
    margin-top: 12px;
}

.col-md-8.col-sm-8.leader-sec {


}

.leader-sec .slick-prev {
    background: transparent;
    margin-top: 45.2%;
    position: absolute;
    left: 66.5%;
    border-radius: 50%;
}

.product-browser .slick-prev {
    margin-top: 40.6% !important;
}
.gallery-progress {

    position: relative;
    right: -30px;

}

.scroll-box.section33 {
    background: url("../images/line1.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: left;
    height: 630px;
}
.news .see-events {
    float: right;
    width: 44.7%;
    background: #f4f4f4;
    padding: 4% 3% 2% 3%;
    left: 0px;
    position: relative;
}

.scroll-box.section34 {
    background: url("../images/line1.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: left;
    height: 500px;
}

.scroll-box.section35 {
    background: url("../images/line1.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: left;
    height: 565px;
}

.scroll-box.section36 {
    background: url("../images/line2.png");
        background-repeat: repeat;
    background-repeat: no-repeat;
    height: 614px;
}

.scroll-box.section37 {
    background: url("../images/line2.png");
        background-repeat: repeat;
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 703px;
}


.see-events p img {
    width: 70px;
}

.scroll-box.section43 {
    background: url("../images/line1.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: left;
    height: 579px;
}

.scroll-box.section44 {
    background: url("../images/line2.png");
        background-repeat: repeat;
    background-repeat: no-repeat;
    height: 690px;
}

#slidetext {
    text-align: center;
    position: relative;
    width: 22%;
    float: right;
    left: 0;
    margin: 0;
    padding: 2.5% 0;
    background: #f4f4f4;
    font-size: 13px;
    color: #000;
    z-index: -999;
    font-weight: bold;
}


#dLabel {
    width: 200px;
    height: 60px;
    background-color: #fff;
    border: solid 1px #cccccc;
    text-align: left;
    padding: 7.5px 24px;
    color: #000;
    letter-spacing: 0.7px;
    margin-left: 50px;
    position: relative;
    top: -22px;
    font-weight: bold;
    font-size: 11px;
}

.progress.progress-new {

    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: 4px;

}

.progress-carosuel {

    padding-top: 28px;
    background: #222528;
    padding-bottom: 18px;
    width: 23%;
    float: right;

}

.event-info img {

    float: right;
    width: 22px !important;
    padding-right: 7px;

}

.event-info {
    text-align: left;
    padding: 10px 7px 1px 15px;
}
.event-info img {
    float: right;
    width: 22px !important;
    padding-right: 7px;
    position: relative;
    top: -4px;
}


.music-dates img {

    width: 19%;
    float: right;
    padding-right: 23px;
    position: relative;
    top: -3px;

}

.music-dates {

    background: #f4f4f4;
    padding: 1px 2px 1px 11px;
        padding-top: 1px;
        padding-right: 2px;
        padding-bottom: 1px;
        padding-left: 11px;
    width: 70%;

}

.right-value-image span img {
    display: inline-block !important;
    width: 24% !important;
    padding-left: 26px;
}

.upcoming-shows p img {
    width: 61px;
}

.item .event-timing p {
    color: #fff;
    text-transform: none;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}

#sidenav {
    width: 100vw !important;
}

.sidemenu {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    background: #fff;
    height: 805px !important;
}

.our-diff-events p img {
    width: 90px;
}

.map-module .see-events span {
    margin-left: 27px;
    color: #ee7e79;
    font-size: 8px;
    width: auto;
    float: none;
    margin-right: 21px;
}

.see-events.home-map {
    float: right;
    width: 50%;
    padding: 4% 3% 2% 3%;
    position: relative;
    left: 14px;
}

.testi1 .slick-slide.slick-cloned {
    width: 365px !important;
}

.awards .slick-initialized .slick-slide {
    display: block;
    margin-left: -44px !important;
    cursor: pointer;
}
.product-description.neighbours h5 {
    color: #fff;
    font-weight: bold;
    text-transform: none;
    font-size: 10px;
    margin-top: 0;
}

.floor-details {
    padding-left: 25px !important;
}

.floor-name {
    float: left;
    color: #000;
}

.floor-basic {
    color: #000;
}
.floor-dimension {
    color: #000;
}
.floor-tabs-wrapper {
    padding-left: 150px;
    padding-top: 45px;
}
.floor-dimension h6 {
    font-weight: bold;
    font-size: 7px;
    margin: 0;
    color: grey;
}
.floor-para {
    color: gray;
    font-size: 10px;
}

.floor-basic tr td {
    font-size: 12px;
    font-weight: bold;
    padding: 0 !important;
}

.floor-header {
    margin: 0;
    font-weight: bold;
    padding: 10px 0px;
}

.floor-dimension h3 {
    margin: 0;
    padding-top: 10px;
    font-weight: bold;
    font-size: 25px;
}

.floor-dimension tbody tr td {
    border: none;
    padding-top: 33px !important;
}

.floor-space {
    padding-top: 100px;
}
.floor-dimension h3 sup {
    font-size: 10px;
    font-weight: bold;
    position: relative;
    top: -13px;
    left: 2px;
}

.floor-text {
    margin: 0;
    font-size: 40px;
    padding-left: 0;
    font-weight: bold;
}

.floor-tabs {
    font-weight: bold;
    color: #000;
    padding: 0 10px;
    font-size: 18px;
}

.small-heading {
    font-size: 7px;
    margin: 0;
    padding-left: 10px;
}

.map-module .progress-carosuel {
    padding-top: 28px;
    background: #f4f4f4;
    padding-bottom: 18px;
    width: 23%;
    float: right;
}

.MachineCraft {
    margin-bottom: 0px;
}

.pro-browser p img {
    width: 23px !important;
    padding-left: 6px;
    margin-top: -4px;
}

.pro-browser p .color {

    margin-left: 21px !important;
    color: #ee7e79;
    font-size: 8px;
    width: 127% !important;
    float: none;
    margin-right: -4px !important;

}

.pro-browser{
    float: right;
    width: 42%;
    background: #f4f4f4;
    padding: 5% 2% 3% 4%;
    position: relative;
    left: 15px;
}

.Team-module .slick-initialized .slick-slide {
    display: block;
    margin-left: 21px !important;
    cursor: pointer;
	width:300px;
	outline: none;
}

.leader-sec .progress-c{
    margin-right: -4px;
}

.leader-sec .progress {

    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: 10px;

}

.leader-sec .slick-next {

    right: 8px;
background: transparent;
top: 106.1%;
border-radius: 50%;

}

.news-sec .progress {
    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: 2px;
}

.talented-team .progress {
    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: 1px;
}

.slider-careers .slick-prev {
    background: #000;
    margin-top: 38.3%;
    position: absolute;
    left: 74.3%;
    border-radius: 50%;
}

.slider-careers .slick-next {
    right: 14px;
    background: #000;
    top: 104.8%;
    border-radius: 50%;
}

.product-data img {

    width: 13px;
    position: relative;
    top: -2px;
    left: -5px;

}

.no-left{
    padding-left: 0;
}

.gallery-slider .slick-prev {
    background: #000;
margin-top: -9px !important;
position: absolute !important;
left: -3% !important;
border-radius: 50% !important;
}

.gallery-slider .slick-next {
    right: -19px !important;
background: #000;
top: 48.8% !important;
border-radius: 50%;
}

.map-module .progress {

    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -41px;
    top: 0px;

}
.careers .slider-careers .slick-prev {
    background: transparent;
    margin-top: 38.5%;
    position: absolute;
    left: 74.3%;
    border-radius: 50%;
}

.careers .slider-careers .slick-next {
    right: 14px;
    background: transparent;
    top: 104.9%;
    border-radius: 50%;
}


.restaurant .slick-next {
    right: -12px;
    background: transparent;
    top: 104.9%;
    border-radius: 50%;
}

 .slick-prev {
    background: #000;
    margin-top: 47%;
    position: absolute;
    left: 71%;
    border-radius: 50%;
}

.restaurant .progress {
    display: block;
    width: 80%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -22px;
    top: 12px;
}


.Team-module.restaurant .progress-carosuel {
         background: #222528;
    padding: 20px;
    width: 33%;
    margin-right: -15px;
}

.Team-module.restaurant .slick-prev {
    background: transparent;
    margin-top: 41.6%;
    position: absolute;
    left: 70.5%;
    border-radius: 50%;
}

.comimg-show {

    text-align: center;
    position: relative;
    width: 35%;
    float: right;
    left: 14px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 21px 20px 5px 20px;
    top: -6px;
    background: #222528;
    color: #fff;

}

.center-text {
    padding-top: 100px;
}

.center-text h5 {

    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;

}


.left.carousel-control {
    background-image: none;
    z-index: 9999;
}

.explore-restaurant .glyphicon.glyphicon-chevron-left {
    margin-left: 50px;
    color: #fff;
    z-index: 9999;
    margin-top: 14px;
}

.explore-restaurant .glyphicon.glyphicon-chevron-right {
    color: #fff;
    margin-top: 327px;
    margin-left: -31px;
}

.font-design {

    font-size: 14px;

}

.comimg-show #slidetext {
    padding-top: 8px;
    padding-bottom: 0;
    width: 202px;
    margin-left: 33px;
}
.restaurant .slick-slide.slick-current.slick-active:hover {
    background-color: #2B2B2B;
    cursor: pointer;
}

.explore-restaurant .slick-slide.slick-current.slick-active:hover {
    background-color: #2B2B2B;
    cursor: pointer;
}


.career-sec .slick-slide.slick-current.slick-active:hover {
    background-color: transparent;
    cursor: pointer;
}

.complete-restaurant {
    background: transparent;
    padding: 0 14%;
        padding-bottom: 0px;
    padding-bottom: 11%;
}

.slick-initialized .slick-slide {
    display: block;
    margin-left: 28px;
    cursor: pointer;
}

.career-sec .careers-description {
    width: 66%;
    float: right;
    background: #000;
    position: relative;
    top: -91px;
    padding: 5% 9%;
    height: 293px;
}

.career-sec .careers-description:hover {
    width: 66%;
    float: right;
    background: #2B2B2B;
    position: relative;
    top: -91px;
    padding: 5% 9%;
    height: 293px;
    cursor: pointer;
}

.testi1 .progress-carosuel {
    background: #222528;
    padding-bottom: 20px;
    width: 37%;
    margin-right: -1px;
}

.testi1 .slick-prev {
    margin-top: 41.7% !important;
}

.testi1 .slick-next {
    right: 10px;
    background: transparent;
    top: 104.7%;
    border-radius: 50%;
}

.awards .progress-carosuel {
    background: #222528;
    padding-bottom: 21px;
}

.product-browser .progress-carosuel {
    background: #222528;
    padding-bottom: 20px;
    width: 36.8%;
    margin-right: -3px;
}

.product-browser .slick-next {
    right: 10px;
    background: transparent;
    top: 104.7%;
    border-radius: 50%;
}
.home-map .slick-prev.slick-arrow {
    top: 196px;
}

.products-slider .slick-prev {
    background:  transparent;
    background-repeat: no-repeat;
    margin-top: 14%;
    position: absolute;
    left: 78.5%;
    top: 198px;
    border-radius: 50%;
}

.map-module .slick-prev::before {
    background-image: url(../images/arrow-left.png);
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    background-size: 10px 10px;
    background-repeat: no-repeat;
}

.map-module .slick-next::before {
    background-image: url(../images/arroww-right.png);
    display: inline-block;
    width: 15px;
    height: 15px;
    content: "";
    background-size: 10px 10px;
    background-repeat: no-repeat;
}
.explore-restaurant .slick-prev.slick-arrow {
    background: transparent;
    background-repeat: no-repeat;
    margin-top: 14%;
    position: absolute;
    left: 78.5%;
    top: 76.5%;
    border-radius: 50%;
}


.news .slick-prev {
    background:  transparent;
    margin-top: 25.5%;
    position: absolute;
    left: 78.5%;
    border-radius: 50%;
}

.news .slick-next {
    right: 10px;
    background:  transparent;
    top: 105.5%;
    border-radius: 50%;
}

.awards .progress {

    display: block;
    width: 66%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition:0.4s ease-in-out;
    float: right;
    position: relative;
    left: -45px;
    top: 11px;

}

.career-arch .slider-careers .slick-prev {

    background: transparent;
    margin-top: 36.9%;
    position: absolute;
    left: 74.3%;
    border-radius: 50%;

}

.career-arch .slider-careers .slick-next {

    right: 14px;
    background: transparent ;
    top: 105.1%;
    border-radius: 50%;

}

.awards .progress-carosuel {
    padding-top: 17px;
    padding-bottom: 18px;
    width: 24.5%;
    float: right;
    background: rgb(34, 37, 40);
}

.news-heading {
    position: absolute;
    color: #fff;
    bottom: 32%;
    left: 30%;
}

.news-year {
    position: absolute;
    bottom: 43%;
    left: 30%;
    color: #fff;
}

.product-description {
    margin-left: 0px;
}

.banner-pro-details .glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 153%;
    font-size: 12px;
    color: #000;
    right: -52px;
}

.banner-pro-details .glyphicon.glyphicon-chevron-left {
    margin-left: 279%;
    margin-top: 3%;
}

.banner-part .carousel-inner {
    position: relative;
    width: 102% !important;
    overflow: hidden;
}

/* Career Page Designs Added by Rajath M */


.right-text-div {

    position: absolute;
    right: 0;
    bottom: -4em;
    background-color: white;
    padding: 4em;
    text-align: justify;

}
.left-text-div {

    position: absolute;
    left: 0;
    bottom: -1em;
    background-color: transparent;
    color: white;
    padding: 3em;
    text-align: justify;
    font-weight: 900;

}
.left-text-div h1 {
    font-size: 3.5em;
    line-height: 1.2em;
    font-weight: bold;
}

.inner-left-text-div h6 {
    line-height: 0;
}

.text-heading {
    font-weight: bold;
    color: black;
}

.right-text-div p {
    color: #aaa;
    line-height: 1.5em;
}


.left-side{
    height: 570px;
    background-color: #000;
}

.left-side h3 {

    padding: 33px 33px 10px 33px;
    color: #fff;
    font-weight: bold;

}
.sml-txt {

    padding-left: 33px;
    font-size: 8px;
    color: #ccc;

}

.sml-txt2 {

    padding: 10px 33px 0px 33px;
    color: #bbb;

}

.sml-exp {

    font-size: 8px;
    color: #bbb;
    padding: 0px 0 0px 33px;

}

.sml-exp span {

    font-size: 12px;
    color: #fff;

}

.our-diff{
    height: 570px;
    padding-left: 0;
}


.small-banner img {

    width: 100%;
    height: 400px;
    position: relative;
left: 15px;

}

.our-diff .col-md-8 {
    padding-right: 0;
}

.diff-left {
    padding: 50px 50px 50px 0;
}

.diff-left-txt {
    font-size: 9px;
}

.diff-head {
    font-size: 4em;
    font-weight: bold;
}

.diff-tabs {
    padding-top: 7px;
}
.diff-right-head {
    font-weight: bold;
    font-size: 28px;
}

.diff-right-sun-head {
    padding-bottom: 13px;
    line-height: 0px;
    font-size: 8px;
}

.diff-right-text p {
    font-size: 10px;
}

.diff-tabs table tbody tr td a {
    color: #222;
    font-size: 10px;
}

.diff-tabs table tbody tr td a:hover {
    text-decoration: none;
    color: #222;
    font-size: 10px;
}

.diff-tabs table tbody tr td {
    padding: 5px;
}

.slash-icon {
    padding: 0 15px;
    font-weight: 900 !important;
}

.black-btn {

    padding: 20px;
    background-color: black;
    color: white;

}
.explore {

    font-size: 8px;
    font-weight: bold;

}

.sec-desc tbody tr td {

    font-weight: bold;
    font-size: 14px;

}
.sec-header {
    font-size: 3.8em;
    font-weight: bold;
    padding: 24px 0px 0px 0px;
}
.row.header-row {
    padding-bottom: 30px;
}
.table.table-borderless.sec-desc {

    margin-left: 20px !important;

}

.sec-desc tbody tr td {

    padding: 5px;
    width: 50%;

}

.sec-heading2 {
    padding-top: 30px;
    font-size: 20px;
    padding-right: 90px;
}

.sec-heading2-sub{
    padding-bottom: 13px;
    line-height: 0px;
    font-size: 8px;
    padding-top: 20px;
}

.sec-detail {
    padding: 54px 90px 0px 4px;
}
.mach-craft {

    overflow: hidden;
    padding-left: 0;
}

.sec-header-h6 {

    padding: 2px 20px 0px 26px;
    font-size: 12px;
    font-weight: bold;

}

.cust-img img {
    padding: 0px 80px;
    position: relative;
    top: -92%;
}

.cust-img img {

    padding: 0px 80px;
    position: relative;
    margin-bottom: -30px;

}

.sec-awards{
    color: #fff;
}

.awards-heading{
    font-size: 4em;
    font-weight: bold;
}

.awards-sub {
    font-size: 16px;
    font-weight: bold;
}


.index-belief .glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 320px;
    font-size: 12px;
    color: #000;
    right: -52px;
}

.index-belief .glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 92.1%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: 472px;
    margin-left: 487px;
}


.glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 278px;
    font-size: 12px;
    color: #000;
    right: -52px;
}
.glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 92.5%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: 472px;
    margin-left: 487px;
}

.filter {
    padding: 19px;
    font-size: 9px;
    color: white;
    float: right;
    background-color: #2c2d32;
}

.filter-affected {
    padding: 0px 30px;

}

.filter-affected a{
    color: pink;
}
.filter-affected a:hover{
    color: pink;
    text-decoration: none;
}

.refresh-icon {
    color: #fff;
}

.refresh-icon:hover {
    color: #fff;
    text-decoration: none;
}

.col-md-6.filter-wrap {
    padding-right: 0;
}


.whole-body {
    padding-right: 60px;
}

.card {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    border: none;
    }

    .card .img-top {
    display: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    }

    .card:hover .img-top {
    display: inline;
    }

    .sec-heading {
        font-size: 14px !important;
        font-weight: bold !important;
        padding-top: 30px;
    }

    .filter {
        padding: 19px;
        font-size: 9px;
        color: white;
        float: right;
        background-color: #2c2d32;
    }

    .filter-affected {
        padding: 0px 30px;

    }

    .filter-affected a{
        color: pink;
    }
    .filter-affected a:hover{
        color: pink;
        text-decoration: none;
    }

    .refresh-icon {
        color: #fff;
    }
    .refresh-icon:hover {
        color: #fff;
        text-decoration: none;
    }

    .col-md-6.filter-wrap {
        padding-right: 0;
    }


    .whole-body {
        padding-right: 60px;
    }

    /* MODEL SECTION */


    .white-slider {
        background: #fff;
    }

    .white-slider .belief-text h1 {

        color: #000;
        margin-bottom: 18px;

    }

    .white-slider .col-md-8.col-sm-8 {
    }

    .white-slider .product-description.neighbours h1 {

        font-size: 30px;
        margin-top: -33px;
        color: #fff;

    }

    .white-slider .product-description.neighbours h5 {

        color: #000;
        font-weight: bold;
        text-transform: none;
        font-size: 10px;
        margin-top: 0;

    }

    .white-slider .progress-carosuel {
        background: #f4f4f4;
        padding-bottom: 24px;
        width: 37%;
        margin-right: -4px;
    }

    .white-slider .progress {

        display: block;
        width: 66%;
        height: 2px;
        border-radius: 0px;
        overflow: hidden;
        background-color: #d4d4d4;
        background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
        background-repeat: no-repeat;
        background-size: 0 100%;
        transition: background-size 0.4s ease-in-out;
        float: right;
        position: relative;
        left: -41px;
        top: 2px;

    }
    .white-slider .slick-next::before {
        background-image: url(../images/arroww-right.png);
        background-size: 10px 10px;
        display: inline-block;
        width: 15px;
        height: 15px;
        content: "";
        background-repeat: no-repeat;
    }

    .white-slider .slick-prev::before {
        background-image: url(../images/arrow-left.png);
        background-size: 10px 10px;
        display: inline-block;
        width: 15px;
        height: 15px;
        content: "";
        background-repeat: no-repeat;
    }

    .white-slider .slick-next {
        right: 8px;
        background: transparent;
        top: 105.5%;
        border-radius: 50%;
    }
    .white-slider.testimonial .slick-prev {
        margin-top: 42.5%;
    }

    .white-slider .belief-text h6 {
        color: #646464;
        font-size: 12px;
        margin-bottom: -4%;
        font-weight: bold;
    }

    .white-slider .product-description.neighbours p {
        color: #000;
        margin: 0;
        font-size: 8px;
        font-style: normal;
        font-weight: 100;
        font-variant: none;
        font: small-caps;
    }

    .white-slider .slick-track {
        position: relative;
        top: 0px;
        left: 323px;
        display: block;
    }

    .col-md-6.col-sm-6.white-slide-left {
        position: relative;
        top: 15px;
    }

    .col-md-6.col-sm-6.white-slide-right {
        position: relative;
        left: 100px;
        top: 15px;
    }

    .white-slider .product-description.team h6 {
        color: #000;
        line-height: 0px;
        margin-left: 0;
        padding-top: 20px;
    }

    .white-slider .distant {
        color: #000 !important;
    }
    .white-slide-left h3 {
        font-weight: bold;
    }

    .white-slider .logo-part h5 {
        color: #000;
    }

    .total-logo img {
        width: 35% !important;
        position: relative;
        left: -14px;
    }

    .white-slider .static-ham-home-page img {
        padding: 20px 35px 0 35px;
    }



    /* The container */
.contents {
    display: block;
    position: relative;
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11px;
    padding-top: 1px;
  }



  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
  }

 
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Style the checkmark/indicator */
  .contents .checkmark:after {
    left: 3px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid pink;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #FFF;
    background-color: #FFF;
}

.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 50%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}


.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}


.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.close {
    float: left;
    font-size: 10px;
}

.model-head-h6 {
    font-size: 10px;
}

.inner-model {
    padding: 45px;
}
.inner-h3 {
    font-size: 20px;
    font-weight: bold;
}

.inner-h6 {
    font-size: 10px;
    font-weight: 100;
}
.inner-table tbody tr td {
    font-size: 10px;
    padding: 4px;
}
.table.table-borderless.inner-table thead tr td {
    font-size: 10px;
    padding-left: 25px;
}

.inner-table {
    margin-top: 39px;
}


/* Product Detials Page */

.product_details .left-text-div h1 {

    font-size: 10.2em;
    line-height: 1.2em;

}

.product_details .inner-left-text-div h6 {

    line-height: 0;
    font-size: 8px;

}

.product_details .left-text-div h5 {

    font-size: 25px;
    font-weight: bold;

}

.map-module .homes-block .see-events span {
    margin-left: 90px;
    color: #ee7e79;
    font-size: 8px;
    width: auto;
    float: none;
    margin-right: 21px;
}

.map-module .homes-block .see-events {
    float: right !important;
    width: 43% !important;
    padding: 2% !important;
    background: #1c2023 !important;
    position: relative !important;
    left: 15px !important;
    padding-left: 4% !important;
    left: 0 !important;
}

/* Job Details page */

.apply-job .scroll-box {
    height: 634px;
}

.apply-job .diff-left h6 {
    font-size: 8px;
    padding-bottom: 21px;
}

.apply-job .black-btn {
    padding: 20px;
    background-color: black;
    color: white;
    margin-top: 30px;
}

.apply-job .black-btn1 {

    padding: 20px;
    background-color: #f4f4f4;
    color: #000;
    margin-top: 30px;

}

.black-btn1 .explore-left img {

    width: 35%;
    float: right;
    padding-right: 11px;
    padding-top: 5px;

}

.role-details .belief-text {
    margin-top: 50px;
}
.inter-details p {
    padding-top: 14px;
}

.position-details .image {
    padding: 0px;
}
.position-details .inner-image {
    padding: 60px 90px 40px 90px;
    background-color: #1c2023;
    color: #fff;
}
.role-details .slick-next {
    right: 8px;
    background: transparent;
    top: 105.9%;
    border-radius: 50%;
}

.role-details .slick-prev {
    background: transparent;
    margin-top: 40.5%;
    position: absolute;
    left: 66.5%;
    border-radius: 50%;
}
.musical.Restaurants {
    display: inline-block;
    margin-right: 23px;
    margin-top: 18px;
}
.musical.Restaurants p {
    color: #e6a5a1;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}
.musical .fa.fa-bell {
    font-size: 13px;
}
.product-browserslider.music-field {
    width: 100%;
}
.product-browserslider.music-field h5 {
    margin-left: 0;
    color: #c0c1c5;
    font-size: 8px;
    font-weight: 500;
    line-height: 13px;
    width: 73%;
}
.product-browserslider.music-field p {
    margin-left: 0;
}
.product-browserslider.music-field {
    width: 58%;
    float: right;
    padding: 4%;
}
.product-browserslider.music-field p {
    margin-left: 0;
    color: #b35f5b;
}
.product-browserslider.music-field h4 {
    color: #fff;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: bold;
    line-height: 29px;
}
.product-browserslider.music-field span {
    color: #b35f5b;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}
.explore-restaurant .music-dates p {
    margin-top: 7px;
    position: relative;
    top: 10px;
}
.musical.explore-restaurant .glyphicon.glyphicon-chevron-right {
    margin-top: 301px;
}
.musical.explore-restaurant .glyphicon.glyphicon-chevron-left {
    margin-top: 6px;
}
.musical .logo-part {
    position: relative;
    top: 13px;
}
.musical .events-image {
    background: url("../images/27.png");
    background-position: center;
}
.musical-section .glyphicon.glyphicon-chevron-right {
    margin-top: 321px;
}
.musical-section .belief-image {
    background: url("../images/vision.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.musical-section .belief-image.one {
    background: url("../images/vision2.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.musical-section .belief-image.two {
    background: url("../images/vision3.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.musical-section .belief-image.three {
    background: url("../images/vision4.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.news.music .slick-slide.slick-cloned {
    width: 300px !important;
}
.about-musicfield img {
    width: 100%;
}
.about-learn {
    padding: 2%;
    background: #f4f4f4;
    width: 71%;
}
.about-learn p {
    color: #000;
    font-size: 8px;
    margin-top: 15px;
    margin-bottom: 16px;
    padding-left: 15px;
}
.about-learn span {
    float: right;
}


.inner-image {

    height: 554px;
    overflow: hidden;

}
.inner-desc h6 {
    font-weight: bold;
}

.position-details .inner-image1 {
    padding: 60px 90px 40px 90px;
    background-color: #fff;
    color: #000;
}


.inner-image1 {

    height: 554px;
    overflow: hidden;

}
.inner-desc1 h6 {
    font-weight: bold;
}

/* About Tatal Page Desgin Starts From here */

.vision-philo .col-md-1.col-sm-1.col-xs-1 {
    padding-left: 15px;
}

.vision-philo .glyphicon.glyphicon-chevron-right {
    position: relative;
    font-size: 12px;
    color: #000;
    right: -52px;
    margin-top: 323px;
}


/* Machine Craft Page */

.machine-sec .col-md-1.col-sm-1.col-xs-1 {
    padding-left: 15px;
}

.machine-sec .belief-text {
    margin-top: 50px;
}

.machine-sec .belief-text h1 {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 40px;
    margin-bottom: 0;
}

.first-machine-text {
    padding-top: 200px;
}

.machine-sec .belief-text h6 {
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 10px;
}

.heading-machine-text {
    color: #000 !important;
    width: 84% !important;
    margin-bottom: 27px !important;
    font-size: 25px !important;
    line-height: 32px !important;
}

.heading-machine {
    border-left: 5px solid #000;
    padding: 0 0 0 15px;
}

.machine-sec-img {
    margin-bottom: 30px;
}

.machine-sec-2 h5 {

    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;

}

.machine-sec-2 {
    padding: 65px 0;
}

.machine-sec-3 {
    padding-left: 120px;
}

.machine-sec-2 .col-md-4 {
    padding-left: 40px;
}

.machine-sec-4 {
    padding: 40px 150px;
}

.machine-sec-4 h5 {
    font-weight: bold;
}

.machine-sec-5 h5 {
    font-size: 25px;
    font-weight: bold;
    padding: 24px 220px 50px 100px;
}

.machine-sec-5 img {
    padding: 0px 0 100px 98px;
}

.machine-sec-3 img {
    padding-top: 67px;
}


/* Neighborhood page Starts from Here */

.neighbor-details h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.review-neighbor {
    font-weight: bold;
    font-size: 7px !important;
    margin-top: 0;
}

.rest-name {
    font-size: 8px;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

.rest-distance {
    margin: 0;
    font-size: 8px;
}

.row.list-space {
    padding-top: 20px;
}

/* Publication Page Style Starts from here */

.publication-heading {
    color: #fff;
    font-weight: bold;
}

.publication-details {
    color: #fff;
}

.publication-details h2 {
    font-size: 25px;
    font-weight: bold;
}

.publication-link {
    color: #f08782;
    font-size: 8px;
}

.\.publication-year {
    font-size: 8px;
}

.publication-image img {
    padding: 17px 0;
}

.publication-details p {
    font-size: 9px !important;
}

.space-top {
    padding-top: 40px;
}



/* Contact Section CSS strats from Here */


.contact-items{
    padding-top: 70px;
}

.contact-items table tbody tr td a {
    color: black;
    font-size: 9px;
    font-weight: bold;
}

.contact-items table tbody tr td {
    padding: 4px;
}

.contact-heading {
    font-weight: bold;
    color: #000;
}

.contact-form.contact-page {
    margin-top: 10px !important;
}

.contact-header {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-top: 50px;
    margin: 0;
}

.bold-text {
    font-weight: bold;
    font-size: 9px;
}

.contact-sec-text {
    font-size: 9px;
}

.table.table-borderless.contact-table tbody tr td {
    padding-top: 4px;
    font-size: 9px !important;
    padding-left: 0;
    padding-bottom: 5px;
}

.contact-wrapper {
    padding-top: 80px;
}

.contact-sec-text {
    font-size: 9px;
    color: gray;
}
.contact-middle-sec {
    padding-right: 90px;
}

.contact-space{
    padding-top: 50px;
}

.artist-more-button {
    width: 82%;
    background: #f4f4f4;
    padding: 7% 0% 0.5% 8%;
    position: relative;
    margin-top: 50px;
}

.artist-more-button span {
    float: right;
}

.artist-more-button p {
    font-size: 7px;
    color: #000;
}

.artist-header {
    margin-top: 0 !important;
    padding-bottom: 50px;
}

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

.artist-website {

    color: #000 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 7px !important;

}
p.artist-text {
    padding-top: 50px;
}



/* Architecture Details Page CSS strats form here */



.arch-details .col-md-1.col-sm-1.col-xs-1 {
    padding-left: 16px;
}

.arch-details #slidetext {
    text-align: center;
    position: relative;
    width: 22%;
    float: right;
    left: 0;
    margin: 0;
    padding: 2.5% 0;
    background: #fff;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    top: -74px;
    z-index: 0;
}

.arch-details .glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 81.5%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: 472px;
}

.arch-phil .glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 322px;
    font-size: 12px;
    color: #000;
    right: -52px;
}

.arch-details .glyphicon.glyphicon-chevron-right {

    position: relative;
    margin-top: 86%;
    font-size: 12px;
    color: #000;
    right: -52px;

}

.carousel-section .left.carousel-control {
    height: 26%  !important;
}

.carousel-section .right.carousel-control {
    height: 26% !important;
}


.text-bold {
    font-weight: bold;
}

.design-text {
    font-size: 9px;
}

.design-details p {
    font-size: 9px !important;
    padding: 0;
    margin: 0 0 2px;
}

.design-details {
    padding: 0;
}

.design-heading {

    padding-top: 50px;
    font-weight: bold;

}

.awards-sm-img {
    float: left;
    padding: 10px 0;
}

.award-year {
    font-size: 8px;
    color: gray;
    margin: 0;
    padding-top: 17px;
}

.award-title {
    font-size: 9px;
    font-weight: bold;
    line-height: 16px;
    margin: 4px;
}

.award-header {
    font-size: 9px;
    font-weight: bold;
}

.right-arch-banner .glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 113.5%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: -427%;
}

.right-arch-banner .glyphicon.glyphicon-chevron-right {

    position: relative;
    margin-top: 105%;
    font-size: 12px;
    color: #000;
    right: -5px;

}

.arch-bottom-slider .glyphicon.glyphicon-chevron-left {
    position: relative;
    top: 237.5%;
    color: #000;
    margin-left: 496px;
    font-size: 13px;
    left: 458px;
}
.arch-bottom-slider .glyphicon.glyphicon-chevron-right {
    position: relative;
    margin-top: 189%;
    font-size: 12px;
    color: #000;
    right: -39px;
}

.arch-bottom-slider #slidetext {
    text-align: center;
    position: relative;
    width: 22%;
    float: right;
    left: 0;
    margin: 0;
    padding: 2.5% 0;
    background: #fff;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    top: 0;
    z-index: 0;
}

.right-arch-banner {
    padding: 0 60px;
}

.arch-bottom-slider .right.carousel-control {
    height: 67% !important;
}

.arch-bottom-slider .left.carousel-control {
    height: 38.5% !important;
}

.design-header {
    font-size: 28px;
    font-weight: bold;
    padding-top: 100px;
}

.arch-bottom-slider {
    padding-top: 100px;
}

/* Our Difference Page CSS starts from Here */

.our_difference img {
    height: 660px;
    width: auto;
}


.box-creation {
    height: 25px;
    width: 25px;
    border: solid 1px black;
    border-radius: 2px;
    transform: rotateZ(45deg);
    background-color: #fff;
    margin: -11px 0 0 0;
    text-decoration: none;
}
.box-outer {
    list-style-type: none;
}
.wrapper:hover ul li .box-creation {
    margin: 0px 0 25px 0;
}
​
.box-creation:hover {
    background-color: #f57d7b !important;
}
.wrapper {
    padding-top: 240px;
}

.circle-creation {
    width: 7px;
    height: 7px;
    border: 3px solid #f57d7b;
    border-radius: 50%;
    margin-left: 50px;
}

.circle-creation:hover {

    width: 10px;
    height: 10px;

}

.config-section {

    padding: 23px 0 0 0;

}



/* slider CSS starts here */

  .col-md-12.bed-slider {
}
.bed-slider .value {
    top: -29px;
    color: #ee7e79;
}
.bed-slider span {
    display: inline-block;
    width: 9%;
    color: #7e7e7e;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
.bed-slider span {
    display: inline-block;
    width: 15%;
    color: #7e7e7e;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs {
    height: 55px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height:6px; top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 8px;
    }
    .irs-line-right {
        height: 8px;
    }

    .irs-bar {
        height: 6px;
        top: 33px;
        border-top: 1px solid #ee7e79;
        border-bottom: 1px solid #ee7e79;
        background: #ee7e79;
    }
    .irs-bar-edge {
        height: 10px; top: 33px;
        width: 14px;
        border: 1px solid #428bca;
        border-right: 0;
        background: #428bca;
        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
        border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
    }

.irs-shadow {
    height: 2px; top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 25px;
    width: 18px; height: 18px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}

.irs-slider.state_hover, .irs-slider:hover {
    background: #FFF;
}

.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #ee7e79;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}
.irs-min {
    display: none;
}
.irs-max {
    display: none;
}
.irs-disabled {
}


/* Construction Gallery Section */

.construction-slab .see-events p {
    color: #fff;
    text-transform: uppercase;
    font-size: 7px;
    font-weight: bold;
}


.construction-slab .see-events {
    float: right;
    width: 100%;
    background: #1c2023;
    padding: 10% 5% 5.3% 9%;
    position: relative;
    left: 15px;
    color: white !important;
}

.construction-gallery .slick-prev {
    background: transparent;
    margin-top: 37.4%;
    position: absolute;
    left: 66.5%;
    border-radius: 50%;
}

.construction-gallery .slick-next {
    right: 8px;
    background: transparent;
    top: 106.5%;
    border-radius: 50%;
}

.construction-gallery .slick-slider img {
    width: 100%;
    margin-left: 70px;
}

.shre-btn {
    float: right;
}

.shre-btn img {
    width: 65px;
    padding: 30%;
    background-color: #f0f0f0;
    margin-right: 0 !important;
    position: relative;
    left: 15px;
}

.modal-dialog {
    width: 100%;
    margin: 0;
}
.newsletter-link {
    font-size: 8px;
    color: pink;
    font-weight: bold;
}

.news-icon {
    padding: 11px 1px 11px 15px;
    font-size: 26px;
}

.form-control.select {
    border: none;
    color: #000;
    float: left;
    box-shadow: none;
}

.share-link {
    font-size: 7px;
}

.copy-btn {
    font-size: 8px;
    float: right;
    color: purple;
}

.share-heading {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}

.btn.sub_btn {
    background-color: #000;
    border: none;
    box-shadow: none;
    font-size: 8px;
    font-weight: bold;
    padding: 17px 40px;
    color: #fff;
}

.back-btn-sub {
    text-align: center;
}

.close-modal-style {
    background: none;
    border: none;
    padding-top: 50px;
}
/* EVENT DETAILS PAGE CSS STARTS */


.event-date h6 {
    font-size: 8px;
    color: gray;
}

.event-date {
    margin-bottom: 9px;
    border-bottom: 2px solid black;
    width: 150px;
}

.event-details-main h4 {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}

.event-details-main h6 {
    font-weight: bold;
    font-size: 10px;
    margin: 0;
}

.event-details-main p {
    font-size: 7px;
}
.event-details-main p {
    font-size: 7px;
}

.event-details-main .row {
    padding-top: 20px;
}

.event-details-main {
    padding: 15px 0;
}

.event-filter-style p img {
    width: 17px;
}

.event-filter-style {
    float: right;
    width: 50%;
    background: #332f33;
    padding: 4% 2% 2% 4%;
    position: relative;
    left: 15px;
}

.event-filter-style .color {
    color: pink;
    font-size: 8px;
    font-weight: bold;
    padding-left: 30px;
}

.event-filter-style .refine {
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    float: right;
    padding-top: 3px;
}


.color-grey{
    color: gray;
}

.color-white{
    color: white;
}

.bread-crum{
    font-size: 10px;
    padding-top: 20px;
    padding-bottom: 40px;

}

.wider{
    padding-left: 20px;
    padding-right: 20px;
}

.underline{
    border-bottom: 1px solid white;
}

.setting{
    background-color: #444444;
}

.img-slider1{
    padding-top: 30px;
    padding-right:20px;

}

.img-slider1 p{
  font-size: 8px;
}



.img-slider1 h6{
    padding-top: 10px;
}

.content p{
    font-size:12px;
    font-weight: 400;
}

.move-right{
    float: right;
}

.card {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    border: none;
    }

    .card .img-top {
    display: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    }

    .card:hover .img-top {
    display: inline;
    }

    .sec-heading {
        font-size: 14px !important;
        font-weight: bold !important;
        padding-top: 30px;
    }

    .filter {
        padding: 19px;
        font-size: 9px;
        color: white;
        float: right;
        background-color: #2c2d32;
    }

    .filter-affected {
        padding: 0px 30px;

    }

    .filter-affected a{
        color: pink;
    }
    .filter-affected a:hover{
        color: pink;
        text-decoration: none;
    }

    .refresh-icon {
        color: #fff;
    }
    .refresh-icon:hover {
        color: #fff;
        text-decoration: none;
    }

    .col-md-6.filter-wrap {
        padding-right: 0;
    }


    .whole-body {
        padding-right: 60px;
    }

    /* MODEL SECTION */

    .modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-bottom-color: #FFF;
		background-color: #FFF;
    }

    .modal.right.fade .modal-dialog {
		right: 0px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}

	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 50%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}


	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}


	.modal.right .modal-body {
		padding: 15px 15px 80px;
    }

    .close {
        float: left;
        font-size: 10px;
    }

    .model-head-h6 {
        font-size: 10px;
    }

    .inner-model {
        padding: 45px;
    }
    .inner-h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .inner-h6 {
        font-size: 10px;
        font-weight: 100;
    }
    .inner-table tbody tr td {
        font-size: 10px;
        padding: 4px;
    }
    .table.table-borderless.inner-table thead tr td {
        font-size: 10px;
        padding-left: 25px;
    }

    .inner-table {
        margin-top: 39px;
    }

    /* Checkbox styleing */

    /* The container */

 
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }


  .radio-img  > img{
    cursor:pointer;
    border:2px solid transparent;
  }


  #building {
    background: url('../images/flat.png');
    background-repeat: no-repeat;
    background-size: 30% 30%;
    background-position: center;
    width: 150px;
    height: 150px;
    border: none;
  }

  #villa {
    background: url('../images/villa.png');
    background-repeat: no-repeat;
    background-size: 30% 30%;
    background-position: center;
    width: 150px;
    height: 150px;
    border: none;
  }

  .event-venue-name {
    color: gray;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0;
}

.event-venue-place {
    font-size: 7px;
    font-weight: bold;
    color: gray;
}

.event-filter-modal .inner-model {
    padding: 15px;
}

.artist-thumb {
    float: left;
    width: 60px;
    padding: 0px 5px;
}
.event-details .product-description.neighbours h5 {
    color: #000;
    font-weight: bold;
    text-transform: none;
    font-size: 16px;
    line-height: 25px;
}
.event-details .product-description.neighbours p {
    color: #000;
    margin: 0;
    font-size: 9px;
    font-style: normal;
    font-weight: 100;
    font-variant: none;
    text-transform: none;
}

.event-details .slick-prev {
    background: transparent;
    margin-top: 52.7%;
    position: absolute;
    left: 66.5%;
    border-radius: 50%;
}

.event-details .slick-next {
    right: 8px;
    background: transparent;
    top: 104.5%;
    border-radius: 50%;
}
.event-artist-name {
    font-size: 13px;
    font-weight: bold;
    padding-top: 3px;
}
.event-artist-show {
    color: gray;
    font-weight: bold;
    font-size: 7px;
    margin: 0;
    text-transform: uppercase;
}

.hover-view-video img {
    width: 96px;
    padding-left: 41px;
}

.hover-view-video {
    color: #f29c97;
    font-size: 8px;
    text-transform: uppercase;
    margin-top: 16px;
    display: none;
}
.hover-view-video:hover {
    text-decoration: none;
    color: #f29c97;
}
.event-tiles .event-hover-content {
    padding-top: 5px;
    height: 100px;
}
.event-hover-content {
    padding-top: 40px;
    height: 100px;
}
.event-tiles .products-slider .slick-next {
    right: 7px;
    background: transparent;
    top: 106.1%;
    border-radius: 50%;
}

.event-tiles .products-slider .slick-prev {
    background: transparent;
    background-repeat: no-repeat;
    margin-top: 28.6%;
    position: absolute;
    left: 78.5%;
    top: 198px;
    border-radius: 50%;
}
.event-hover-content:hover .hover-view-video{
    display: block;
}

.tiles-header {
    font-weight: bold;
    color: #000;
    padding: 40px 0;
}

.tiles-sub-header {
    padding-top: 50px;
    font-weight: bold;
    color: #000;
    line-height: 23px;
}

.tiles-dates {
    font-size: 7px;
    text-transform: uppercase;
    font-weight: bold;
}

.tile-add-cal {
    color: #ea7d79;
    padding-left: 40px;
}

.tiles-logo {
    display: block;
    text-align: center;
}

.tiles-logo img {
    width: 150px;
    padding: 75px 0 0 0;
}

.event-tiles .slick-list {

    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
        margin-left: 0px;
    padding: 0;
    margin-left: -20px;

}

.tiles-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    position: relative;
    bottom: 9px;
    right: 25px;
}

.tiles-price {
    float: right;
    color: #ea817d;
    font-size: 10px;
    font-weight: bold;
    padding-top: 15px;
}

.tiles-details {
    margin: 0;
}
.event-tiles .content p {
    font-size: 9px;
    font-weight: 400;
    text-transform: none;
    color: #000;
}
.tiles-heading img {
    width: 40px;
}

.tiles-heading {
    display: inline-flex;
    font-size: 16px;
    font-weight: bold;
}

.tiles-tickets {
    width: 41px !important;
}

.big-event-header {
    color: #fff;
    font-size: 111px;
}

.in-event-details .event-timing {
    width: 43%;
    display: inline-block;
    margin-top: -18%;
    padding-left: 61px;
}

.big-event-sub-header {
    font-size: 20px;
    padding-right: 30px;
    color: #fff;
    font-weight: bold;
}

.in-event-details .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
}

.in-event-details .comimg-show {
    text-align: center;
    position: relative;
    width: 26%;
    float: right;
    left: 30px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 29px 20px 5px 20px;
    top: -4px;
    background: #222528;
    color: #fff;
}

.in-event-details .events-image {
    background: url("../images/event2.png");
        background-repeat: repeat;
        background-size: auto;
    height: 410px;
    background-size: contain;
    background-repeat: no-repeat;
}




/* Event Library Page Starts from here */

.event-library {
    background: #fff;
}

.event-library .videoWrapper169 {
    padding-top: 55%;
    margin-top: 4%;
}

.event-library .space-top {
    padding-top: 0;
}

.event-library .publication-heading {
    color: #000;
    font-weight: bold;
    font-size: 25px;
}

.library-head {
    padding: 10px 0 0 0;
    font-size: 14px;
    font-weight: bold;

}

.library-genre {
    font-size: 8px;
    text-transform: uppercase;
}

.library-details tbody tr td {
    padding: 0;
}

.library-venue {
    font-size: 8px;
    text-transform: uppercase;
}

.library-duratuion {
    font-size: 7px;
    text-transform: uppercase;
    float: right;
    font-weight: bold
}
.event-library .event-filter-style {
    float: right;
    width: 44%;
    background: #EFEFEF;
    padding: 3% 2% 1% 3%;
    position: relative;
    left: 15px;
}

.event-library .refine {
    color: #000;
    font-size: 9px;
    font-weight: bold;
    float: right;
    padding-top: 3px;
}
.food-beverage .architect-carousel-text {
    background: url("../images/res_vision.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    height: 660px;
    background-size: cover;
    background-position: right;
}

.food-beverage .belief-image.one {
    background: url("../images/res_vision2.png");
    height: 660px;
    background-size: cover;
    background-position: right;
}
.food-beverage .belief-image.two {
    background: url("../images/res_vision3.png");
    height: 660px;
    background-size: cover;
    background-position: right;
    }


    /* Architecture Details List and Filter Style starts from here */

    .arch_list_img {
        width: 100%;
    }

    .arch_list_heading {
        font-weight: bold;
        font-size: 16px;
        padding-top: 20px;
        color: #000;
    }

    .arch_list_venue {
        font-size: 8px;
        text-transform: uppercase;
        color: gray;
    }

    .arch_list_details {
        color: #000;
        font-size: 8px;
        text-transform: uppercase;
        margin: 0;
        padding-top: 3px;
    }

    .arch_list .space-top {
        padding-top: 30px;
    }

#progressing {
background: url('../images/construction_black.png');
background-repeat: no-repeat;
background-size: 30% 30%;
background-position: center;
width: 150px;
height: 150px;
border: none;
}


#upcoming {
background: url('../images/planning_black.png');
background-repeat: no-repeat;
background-size: 30% 30%;
background-position: center;
width: 150px;
height: 150px;
border: none;
}

.event-module.gallery .image {
    padding: 5px;
    background: #000;
}


/* Dining page CSS starts here */
.menu-dining-section .nav.nav-pills.nav-stacked.col-md-6 {
    background: url('../images/menu...png');
    background-position: center;
    background-size: cover;
    padding: 10%;
}
.menu-dining-section .nav-pills > li.active > a{
  color: #fff;
  background-color: transparent;
  outline: none;
}
.menu-dining-section a {
    color: #a5a6a4;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 29px;
}
.menu-dining-section .nav > li > a:hover {
    background-color: transparent;
}
.dining-menupart h1 {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 67px;
}
.dining-menupart p {
    color: #000;
    font-weight: bold;
    font-size: 15px;
}
.menu-pricepart {
    width: 41%;
    display: inline-block;
    margin-right: 38px;
    margin-top: 60px;
}
.menu-pricepart p {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 15px;
}
.menu-pricepart span {
    float: right;
    color: #ee7e79;
    font-weight: bold;
    font-size: 10px;
}
.menu-pricepart h6 {
    color: #939393;
    line-height: 15px;
    font-size: 10px;
}
.menu-dining-section .tab-content.col-md-6 {
    padding-left: 5%;
    padding-right: 0;
}
.banner-part.dininng .container-fluid {
    padding-right: 0;
}
@media only screen and (max-width: 700px) and (min-width: 350px) {
	.belief-text {
    margin: 10px;
}
.belief-text h1 {
    font-weight: bold;
    font-size: 22px;
}
.Team-module .belief-text h6 {
    color: #646464;
    font-size: 12px;
    margin: 10px 0;
}
.product-description.team h1 {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    margin-top: -30px;
}
.Team-module .slick-initialized .slick-slide {
    display: block;
    margin: 0 0 0 -17px;
}	
.im{width:400px !important;}
.image{padding:0;}
.product-description.team {
    width: 98%;
    display: inline-block;
    margin: 30px 0 0 0px;
}
.product-description.team p {
    color: #fff;
    line-height: 15px;
    margin: 35px 0 0 10px;
}
.Team-module.restaurant .progress-carosuel {
        background: #222528;
    padding: 20px 0 5px 0;
    width: 50%;
    margin: 25px -15px 60px 0;
}
.restaurant .slick-next {
    right: -12px;
    background: transparent;
    top: 113.3%;
    border-radius: 50%;
}
.restaurant .progress {
    display: block;
    width: 67%;
    height: 2px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #d4d4d4;
    background-image: linear-gradient(to right, #5b5b5b, #5b5b5b);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    float: right;
    position: relative;
    left: -32px;
    top: 3px;
}
.product-description.priniciple {
        display: inline-block;
    width: 24%;
    margin: 59px 10px 10px 10px;
    text-align: right;
}
.restaurant .product-description.priniciple p {
    color: #e57974;
    font-size: 8px;
}
.Team-module.restaurant .slick-prev {
        background: transparent;
    margin-top: 52.2%;
    position: absolute;
    left: 55.5%;
    border-radius: 50%;
}
.Team-module .slick-initialized .slick-slide {
    display: block;
    margin-left: 21px !important;
    cursor: pointer;
	width:250px;
}
.image {
  padding: 0px;
}
}
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 0px !important;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 1600px) and (min-width: 1500px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 41.6%;
    position: absolute;
}
}
@media only screen and (max-width: 1500px) and (min-width: 1450px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 42.6%;
    position: absolute;
}
}
@media only screen and (max-width: 1450px) and (min-width: 1400px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 42.8%;
    position: absolute;
}
}
@media only screen and (max-width: 1400px) and (min-width: 1350px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 43.3%;
    position: absolute;
}
}
@media only screen and (max-width: 1350px) and (min-width: 1300px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 43.7%;
    position: absolute;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1250px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 45.7%;
    position: absolute;
}
}
@media only screen and (max-width: 1250px) and (min-width: 1200px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 46.5%;
    position: absolute;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1150px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 47.2%;
    position: absolute;
}
}
@media only screen and (max-width: 1150px) and (min-width: 1100px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 48.2%;
    position: absolute;
}
}
@media only screen and (max-width: 1100px) and (min-width: 1050px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 50.2%;
    position: absolute;
}
}

@media only screen and (max-width: 1000px) and (min-width: 950px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 42.6%;
    position: absolute;
}
}
@media only screen and (max-width: 950px) and (min-width: 900px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 43.5%;
    position: absolute;
}
}
@media only screen and (max-width: 900px) and (min-width: 850px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 45.6%;
    position: absolute;
}
}
@media only screen and (max-width: 850px) and (min-width: 800px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 46.6%;
    position: absolute;
}
}
@media only screen and (max-width: 800px) and (min-width: 750px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 47.7%;
    position: absolute;
}
}
@media only screen and (max-width: 750px) and (min-width: 701px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 50.6%;
    position: absolute;
}
}
@media only screen and (max-width: 600px) and (min-width: 500px) {
	.Team-module.restaurant .slick-prev {
    margin-top: 58.2%;
    position: absolute;
}
}

@media only screen and (max-width: 500px) and (min-width: 450px) {
	.Team-module.restaurant .slick-prev {
    margin-top:65%;
    position: absolute;
}
}

@media only screen and (max-width: 450px) and (min-width: 420px) {
	.Team-module.restaurant .slick-prev {
    margin-top:68%;
    position: absolute;
}
}
@media only screen and (max-width: 420px) and (min-width: 400px) {
	.Team-module.restaurant .slick-prev {
    margin-top:73%;
    position: absolute;
}
}
@media only screen and (max-width: 400px) and (min-width: 370px) {
	.Team-module.restaurant .slick-prev {
    margin-top:79%;
    position: absolute;
}
}
@media only screen and (max-width: 375px) and (min-width: 350px) {
	.Team-module.restaurant .slick-prev {
    margin-top:74%;
    position: absolute;
}
}