html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	/* position: relative; */
}

.border {
	border: 1px solid #F00;
}

body {
	background-color: #666666;
	/* overflow-x: hidden; */
}

body.chaitanya {
	background-color: #ffffff;
	overflow-x: hidden;
}

body.aeshaane {
	background-color: #ffffff;
	overflow-x: hidden;
}

/*Navbar*/
.navbar-right {
	margin-right: 40px;
}

.navbar-custom {
	height: 145px;
	padding-top: 0;
	background: none;
	border: none;
	padding-right: 0;
	transition: background-color 1s ease, height 1s ease;
}

.navbar-toggle {
	margin-top: 30px;
}

.navbar-custom.affix {
	height: 70px;
	background-color: #FFF;
	box-shadow: 0px 0px 7px #aaaaaa;
}

.navbar-custom .navbar-brand {
	padding-left: 55px;
	padding-top: 36px;
	transition: padding-left 1s ease, padding-top 1s ease;
}

.navbar-custom.affix .navbar-brand {
	padding-left: 55px;
	padding-top: 20px;
	transition: padding-left 1s ease, padding-top 1s ease;
}

.navbar-custom.affix {
	height: 90px;
}

.navbar-custom.affix .navbar-brand img {
	width: 140px;
}

.navbar-custom .navbar-custom-links ul li {
	padding: 10px 10px;
}

.navbar-custom .navbar-custom-links ul li a {
	margin-top: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 5px;
	transition: margin-top 1s ease;
}

.navbar-custom.affix .navbar-custom-links ul li a {
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
}

@media(min-width:992px) {
	.navbar-custom.affix .navbar-custom-links ul li a {
		margin-top: 20px;
		color: #555555;
		font-size: 14px;
		font-weight: 400;
	}
}

.navbar-custom .navbar-custom-links ul li a:hover {
	color: #e0e0e0;
	border-bottom: 2px solid #01adee;
}

.navbar-custom.affix .navbar-custom-links ul li a:hover {
	color: #777777;
	border-bottom: 2px solid #01adee;
}

.navbar-custom .navbar-custom-links ul li.noUnderline a:hover {
	color: #777777;
	border-bottom: none;
}

.navbar-custom.affix .navbar-custom-links ul li.noUnderline a:hover {
	color: #777777;
	border-bottom: none;
}

.navbar-custom .navbar-toggle {
	border: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: none;
}

/* Slider */

@-moz-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.arrow-row {
	position: relative;
}

.arrow {
	position: absolute;
	z-index: 300;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTEyMS4zLDM0LjZjLTEuNi0xLjYtNC4yLTEuNi01LjgsMGwtNTEsNTEuMS01MS4xLTUxLjFjLTEuNi0xLjYtNC4yLTEuNi01LjgsMC0xLjYsMS42LTEuNiw0LjIgMCw1LjhsNTMuOSw1My45YzAuOCwwLjggMS44LDEuMiAyLjksMS4yIDEsMCAyLjEtMC40IDIuOS0xLjJsNTMuOS01My45YzEuNy0xLjYgMS43LTQuMiAwLjEtNS44eiIgZmlsbD0iI0ZGRkZGRiIvPgogIDwvZz4KPC9zdmc+Cg==);
	background-size: contain;
	cursor: pointer;
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

.myCarousel {
	/* overflow: hidden; */
}

.indicators-main-container {
	position: absolute;
	height: auto;
	top: 22%;
	right: 80px;
}

.indicators-main-container ol {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0 auto;
	width: auto;
}

.indicators-main li {
	display: block;
	padding: 15px 10px;
	background: none;
	border: none;
	text-indent: 0px;
	position: relative;
}

.indicators-main li .carousel-indicators-line {
	width: 12px;
	height: 2px;
	border: 1px solid #acacac;
	background-color: #acacac;
	border-radius: 0px;
}

.indicators-main li.active {
	padding: 15px 4px;
	background: none;
	border: none;
}

.indicators-main li.active .carousel-indicators-line {
	width: 20px;
	height: 2px;
	border: 1px solid #01adee;
	background-color: #01adee;
	border-radius: 0px;
	margin-left: 8px;
}

.indicators-main li .carousel-indicators-number {
	display: none;
}

.indicators-main li.active .carousel-indicators-number {
	display: block;
	color: #01adee;
	position: absolute;
	top: 7px;
	right: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.indicators-main li .carousel-indicators-text {
	display: none;
}

.indicators-main li:hover .carousel-indicators-text {
	display: block;
	color: #acacac;
	position: absolute;
	top: 7px;
	right: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
}

.indicators-main li.active:hover .carousel-indicators-text {
	display: none;
}

/*Header*/

.header {
	height: 100%;
	width: 100%;
	/*min-height: 600px;*/
	background-image: url('https://yvdigitals.com/images/powergas-1.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	/* overflow-y: hidden;
    overflow-x: hidden; */
}

#myCarousel .overlay {
	min-height: 1000px;
}

.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	min-height: 300px;
	width: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.7);
}

.header-banner {
	height: 100%;
}

.header-banner-content {
	position: relative;
	width: 100%;
	z-index: 10;
	top: 25%;
}

a.sectionLink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
}

.homeVideoCnt {
	width: 100%;
	max-width: 600px;
}

.header-banner-content-text {
	text-align: left;
}

.header-banner-content-text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #01adee;
	font-size: 45px;
	text-align: left;
	text-transform: uppercase;
}

.header-banner-content-text h1 span {
	color: #01adee;
	font-weight: 600;
	text-transform: none;
}

.header-banner-content-text h2.homeh {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 23px;
	text-align: left;
}

.header-banner-content-text p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	font-size: 27px;
	text-align: left;
	margin-left: 3px;
}

.header-banner-content-text h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	text-align: left;
	margin-left: 3px;
	line-height: 1.4;
	margin-top: -20px;
	max-width: 490px;
}

a.clickToReadLink {
	display: inline-block;
	margin: 15px 0 0 3px;
	position: relative;
}

.header-banner-content-text .sliderimg {
	margin-right: 90px;
}

.header-banner-footer {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.header-banner-footer .social-logo-main {
	position: absolute;
	bottom: 0px;
}

.header-banner-footer .social-logo-main ul {
	position: absolute;
	right: 40px;
	bottom: -10px;
	z-index: 50;
}

.header-banner-footer .social-logo-main-first ul {
	position: absolute;
	right: 100px;
	bottom: 0px;
	z-index: 50;
}

.header-banner-footer .social-logo-main ul li {
	display: inline-block;
	padding: 3px 10px;
}

.header-banner-footer .social-logo-main ul li a img {
	height: 12px;
}

.scrollimg {
	z-index: 50;
}

.second-banner-text {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #000;
	font-size: 27px;
	text-align: center;
	margin-left: 3px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.header-banner-content-text h1,
.header-banner-content-text h5,
.header-banner-content-text a {
	position: relative;
	opacity: 1;
	left: 0;
	-webkit-transition: opacity 0.8s, left 0.8s;
	-moz-transition: opacity 0.8s, left 0.8s;
	transition: opacity 0.8s, left 0.8s;
}

.item.active .header-banner-content-text h1,
.item.active .header-banner-content-text h5,
.item.active .header-banner-content-text a {
	opacity: 1;
	left: 0;
}

/* End of Header Banner */

/*Home*/

.secondbanner {
	background-color: #ffffff;
	padding: 120px 20px;
}

.evolution {
	padding: 50px 20px;
	padding-bottom: 360px;
	background-color: #f6f6f6;
}

.evolution h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #b2866f;
	font-size: 36px;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 50px;
}

.evolution p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #808285;
	font-size: 14px;
	text-align: center;
	line-height: 200%;
}

.evolution-line {
	width: 70%;
	border: 1px solid #dfdfdf;
	margin-top: 70px;
	margin-bottom: 70px;
}

.gallery {
	padding: 50px 0px;
}

.about-gallery-img {
	position: relative;
	margin-top: -300px;
}


.gallery p {
	margin-top: 90px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #808285;
	font-size: 14px;
	text-align: center;
	line-height: 200%;
}

.gallery-list {
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 0px;
	padding-right: 0px;
}


.gallery-list table {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.gallery-list table tr.bottom-same td {
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.gallery-list table tr.top-same td {
	vertical-align: top;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

/* China House  */

.china-house-1 {
	padding: 50px 0px;
	background: #ffffff;
}

.china-house-1-logo {
	/* margin-bottom: 120px; */
}

.china-house-1 h2.second-banner-text-china {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #000;
	font-size: 27px;
	text-align: center;
	margin-top: 20px;
}

.china-house-1 h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #e61e3c;
	font-size: 32px;
	text-align: center;
	margin-top: 70px;
}

.china-house-1 h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #e61e3c;
	font-size: 24px;
	text-align: center;
	margin-top: 5px;
}

.china-house-1 p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #6d6e70;
	font-size: 14px;
	text-align: center;
	width: 70%;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.china-gallery-img {
	padding: 0px 0px;
}

.china-table-gallery table {
	max-width: 950px;
	margin: 0px auto;
	margin-top: 40px;
}

.china-table-gallery table td {
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.testimonials {
	padding: 100px 20px;
	background-color: #000000;
}

.testimonial-content p {
	margin-top: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 200%;
}

.testimonial-content h3.testimonial-name-top {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #b2866f;
	font-size: 18px;
	text-align: center;
	margin-top: 45px;
}

.testimonial-content h3.testimonial-name-bottom {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #b2866f;
	font-size: 18px;
	text-align: center;
}

.social {
	padding: 70px 20px;
	background-color: #ffffff;
}

.social h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #231f20;
	font-size: 32px;
	text-align: center;
}

.social ul {
	list-style: none;
	width: 200px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.social ul li {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

/*Who We Are*/
.about-header {
	height: 100%;
	background-image: url('../images/Aboutus-banner.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.about-header-banner {
	height: auto;
	position: relative;
	z-index: 10;
	top: 30%;
}

.about-header-banner-content {
	position: relative;
	/*left: -30%;*/
}

.about-header-banner-content-text {
	margin-top: 5%;
}

.aboutCntWrap {
	margin: 0 auto;
	width: 100%;
	max-width: 780px;
}

.about-header-banner-content-text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 50px;
	text-align: left;
}

.about-header-banner-content-text h1 span {
	color: #01adee;
}

.about-header-banner-content-text p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 15px;
	text-align: left;
}

.about-header-banner-content-text .sliderimg {
	margin-top: 32px;
}

.about-header-banner-footer {
	margin-top: 3%;
}

.about-header-banner-content-text .sliderimg {
	margin-top: 32px;
	margin-right: 90px;
}

.about-header-banner-footer-main .social-logo-main {
	margin-top: 5%;
}

.whoimg {
	margin-top: 30px;
}

.whatwedo {
	padding: 70px 20px;
	background-color: #ffffff;
}

.whatimg {
	margin-top: 42px;
}

.what-head-1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #01adee;
	font-size: 65px;
	text-align: left;
}

.what-head-w-2 {
	padding-left: 10px;
}

.what-head-2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #464646;
	font-size: 25px;
	text-align: left;
}

.what-head-3 {
	border: 3px solid #01adee;
	margin-top: -10px;
	margin-left: 10px;
	width: 18px;
}

.whatwedo-content-col {
	margin-bottom: 50px;
}

.whatwedo-content-col td,
.whatwedo-content-col th {
	vertical-align: middle;
}

.whatwedo-content-col div {
	padding: 10px 15px;
}

.whatwedo-content-col p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #595959;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}

.whatwedo-content-col-line {
	width: 100%;
	margin: 20px 0px;
}

.ideafactory-portfolio {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #666666;
	font-size: 21px;
	border: 1px solid #01adee;
}

.clients {
	background-color: #f6f6f6;
	padding: 30px 20px;
}

.clientimg {
	margin-top: 60px;
}

.client-list-row {
	margin-top: 30px;
	margin-bottom: 30px;
}

.client-list-row div {
	padding: 0px;
	height: 100%;
}

.client-list-row div img {
	width: 150px;
}

.clear {
	margin: 0 auto;
	clear: both;
	display: block;
}

.inMedia {
	padding: 50px 20px;
	background-color: #000;
}

.inmediaimg {
	margin-top: 20px;
}

.inMedia h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 24px;
	text-align: center;
	line-height: 120%;
	margin-top: 30px;
}

.inMedia p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #ffffff;
	font-size: 14px;
	text-align: left;
	margin-top: 30px;
}

.inMedia-col {
	padding: 10px 10px;
}

.inMedia-col-cont {
	position: relative;
}

.inMedia-col img {
	width: 100%;
}

.inmedia-caption {
	position: absolute;
	bottom: 0px;
	z-index: 100;
	width: 100%;
}

.inmedia-caption-cont {
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	padding: 20px 2px;
}

.inmedia-caption h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.culture {
	padding: 0px 0px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	/* min-height: 750px; */
}

.videoBackgroundC {
	width: 100%;
	height: auto;
}

.culture-Video-Cont {
	padding: 40px 30px;
}

.cultureimg {
	margin-top: 5px;
}

.culture-content p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #000000;
	font-size: 18px;
	text-align: center;
	line-height: 150%;
}

/*Contact*/

.contact {
	padding: 70px 20px;
	padding-top: 150px;
	background-color: #ffffff;
	min-height: 100%;
}

.career {
	padding-top: 100px;
}

.contactimg {
	margin-top: 25px;
}

.contact-content a {
	color: #01adee;
}

.contact-content h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 43px;
	text-align: left;
	margin-bottom: 55px;
}

.contact-content h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #666666;
	font-size: 30px;
	text-align: left;
	margin-bottom: 55px;
}

.contact-content h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #000;
	font-size: 18px;
	text-align: left;
	margin-bottom: 5px;
}

.contact-content p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #666666;
	font-size: 14px;
	text-align: left;
}

.contact-content hr {
	margin-top: 2px;
	margin-bottom: 15px;
}

.contact-social ul {
	list-style: none;
	margin-left: 0px;
	width: 220px;
	padding-left: 0px;
	margin-top: 20px;
}

.contact-social ul li {
	display: inline;
	padding: 10px 15px;
}

.contact-social ul {}

/* Video */
.video {
	height: 100%;
	width: 100%;
	position: relative;
}

.homeVidWrap .mainVideoContainer {
	-webkit-transition: -webkit-filter 0.5s linear;
	-webkit-transition: filter 0.5s linear;
	-moz-transition: -moz-filter 0.5s linear;
	-moz-transition: filter 0.5s linear;
	transition: -webkit-filter 0.5s linear;
	transition: -moz-filter 0.5s linear;
	transition: filter 0.5s linear;

	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(0);
	/* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(0);
	/* Microsoft Edge and Firefox 35+ */

}

.homeVidWrap.finished .mainVideoContainer {
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(1);
	/* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1);
	/* Microsoft Edge and Firefox 35+ */
}

.mainVideoContainer {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.videoContainer {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
}

.videoBackground {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/* background: url(imgs/Brief Wall.jpg) no-repeat; */
	background-size: cover;

}

.videoBackgroundR {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	background: #f9f9f9;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}


.video .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	min-height: 300px;
	width: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.homeVidWrap.finished .overlay {
	background: rgba(0, 0, 0, 0.7);
	min-height: 100%;
}

.scrollInfo {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.scrollInfo::after,
.scrollInfo::before {
	content: '';
	background: url(../imgs/scrollDownArrow.png);
	width: 35px;
	height: 14px;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-animation: scrollInfoAnime 1.5s linear infinite;
	-moz-animation: scrollInfoAnime 1.5s linear infinite;
	animation: scrollInfoAnime 1.5s linear infinite;
}

.scrollInfo::before {
	background: url(../images/down-arrow.png);
	-webkit-animation: scrollInfoAnime2 1.5s linear 0.7s infinite;
	-moz-animation: scrollInfoAnime2 1.5s linear 0.7s infinite;
	animation: scrollInfoAnime2 1.5s linear 0.7s infinite;
}

.scrolled .scrollInfo {
	display: none;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}


@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* Banana Header */
.banana {
	height: 100%;
	background-image: url('../imgs/IMG_4878.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

/* Chaitanya */
.chaitanya-header {
	height: 100%;
	background-image: url('../imgs/budh.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
}

.chaitanya-header-banner {
	height: 100%;
	position: relative;
	z-index: 10;
	top: 36%;
}

.chaitanya-header-banner-content {
	position: relative;
	/*left: -30%;*/
}

.chaitanya-header-banner-content-text {
	/*margin-top: 10%;*/
}

.chaitanya-header-banner-content-text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #FFFFFF;
	font-size: 50px;
	text-align: left;
}

.chaitanya-header-banner-content-text h1 span {
	color: #01adee;
}

.chaitanya-header-banner-content-text p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	font-size: 15px;
	text-align: left;
}

.chaitanya-header-banner-content-text .sliderimg {
	margin-top: 32px;
}

.chaitanya-header-banner-footer {
	margin-top: 6%;
}

.chaitanya-header-banner-footer-main .social-logo-main {
	margin-top: 15%;
}

.chaitanya-header-banner-content-text .sliderimg {
	margin-top: 32px;
	margin-right: 90px;
}

.chaitanyalogo {
	background-color: #FFF;
	padding: 30px 20px;
}

.chaitanyacalender {
	min-height: 300px;
	background-color: #f6f6f6;
	padding: 50px 20px;
}

.chaitanyacalender h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #66abdb;
	font-size: 23px;
	text-align: center;
}

.chaitanyacalender p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #9e9e9e;
	font-size: 17px;
	text-align: center;
	padding-bottom: 30px;
}

.chaitanyacalender img {
	margin-top: 75px;
	margin-bottom: 75px;
}

.chaitanyacalenderimg {
	background-color: #fff;
	padding: 50px 20px;
}

.chaitanyacalenderimgcontainer {
	position: relative;
}

.chaitanyacalenderimgcontainer .img2 {
	margin-top: 10%;
}

.chaitanyacalenderslide {
	min-height: 300px;
	background-color: #fff;
	padding: 50px 15px;
	position: relative;
}

.chaitanyacalenderslide h2 {
	text-align: center;
	margin-top: 30%;
}

.indicators-chaitanya {
	left: 75%;
	top: 52%;
}

.indicators-chaitanya li {
	border: 1px solid #acacac;
	background-color: #acacac;
	border-radius: 0px;
}

.indicators-chaitanya li.active {
	border: 1px solid #01adee;
	background-color: #01adee;
	border-radius: 0px;
}

.chaitanyafooter {
	min-height: 300px;
	background-color: #4d4d4d;
	padding: 50px 20px;
	padding-bottom: 200px;
	position: relative;
	top: -300px;
}

.chaitanyafooter p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 20px;
}

.chaitanyafooter h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #b2866f;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 50px;
	line-height: 2;
}

/* Zammor */
.zaamor-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/nexus-banner.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.zaamor-header-banner {
	height: 100%;
	position: relative;
	z-index: 10;
	top: 36%;
}

.zaamor-header-banner-content {
	position: relative;
}

.zaamor-header-banner-content-text h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #FFFFFF;
	font-size: 50px;
	text-align: left;
}

.zaamor-header-banner-content-text h1 span {
	color: #01adee;
}

.zaamor-header-banner-content-text p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	font-size: 15px;
	text-align: left;
}

.zaamor-header-banner-content-text .sliderimg {
	margin-top: 32px;
}

.zaamor-header-banner-footer {
	margin-top: 6%;
}

.zaamor-header-banner-footer-main .social-logo-main {
	margin-top: 6%;
}

.zaamor-header-banner-content-text .sliderimg {
	margin-top: 32px;
	margin-right: 90px;
}

.zaamorlogo {
	min-height: 300px;
	background-color: #FFF;
	padding: 120px 20px;
}

.zaamorlogo h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #01adee;
	font-size: 20px;
	text-align: center;
	margin-top: 45px;
	padding-bottom: 20px;
}

.zaamorlogo h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #15161a;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

.zaamorlogo p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #7d7d7d;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

.zaamorvideo {
	background-color: #f6f6f6;
	/* padding: 0px 0px; */
}

.zamorvideocont {
	padding: 0px 0px;
}

.zaamoryoutube {
	padding: 0px 0px;
	padding-bottom: 40px;
}

.zaamoryoutube iframe {
	width: 100%;
	height: 500px;
}

.zaamormessage {
	min-height: 300px;
	background-color: #4d4d4d;
	padding: 50px 20px;
}

.zaamormessage p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 20px;
}

.zaamormessage h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #b2866f;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 50px;
	line-height: 2;
}

.zaamorfooter {
	min-height: 300px;
	background-color: #fff;
	padding: 50px 20px;
}

.zaamorfooter h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #231f20;
	font-size: 32px;
	text-align: center;
	margin-top: 30px;
	line-height: 2;
}

.header {
	position: relative;
}

.header-banner-footer-cont {
	position: absolute;
	bottom: 10px;
}

.career-options h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 25px;
	text-align: left;
	margin-top: 45px;
}

.career-options h2 span {
	color: #666666;
}

.career-options p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin-top: 15px;
}

.career-options p span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin-top: 15px;
}

.career-options ul {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 14px;
	padding: 0px 20px;
	padding-bottom: 20px;
	color: #000;
}

.contact-social-career ul {
	padding: 0px 0px;
}

.career-role-select .btn-default {
	width: 300px;
	height: 45px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 18px;
	background: none;
	border: 1px solid #01adee;
	color: #666666;
	text-align: left;
}

.career-role-select .btn-default:hover {
	width: 300px;
	height: 45px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 18px;
	background: none;
	border: 1px solid #01adee;
	color: #666666;
}

.careerPage .open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	width: 250px;
	height: 45px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 18px;
	background: none;
	border: 1px solid #01adee;
	color: #666666;
}

.careerPage .dropdown-menu {
	width: 300px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 18px;
	background: #fff;
	;
	border: 1px solid #01adee;
	z-index: 1100;
}

.clients h3 {
	color: #01adee;
}

.clientLogos>div {
	width: 20%;
	float: left;
}

.careerPage .dropdown-menu>li>a {
	color: #666;
	text-align: left;
}

.tab-content {
	display: none
}

/* Michelin */
.michelin-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/ce-power.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.michelin-logo {
	padding: 40px 20px;
	background-color: #ffffff;
}

.michelin-brief {
	padding: 30px 0px;
	background-color: #f6f6f6;
}

.michelin-brief h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #60a6d9;
	font-size: 27px;
	text-align: center;
	margin-top: 30px;
}

.michelin-brief p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #919191;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.michelin-gallery {
	margin-top: 140px;
}

/* Suriyan Fm */
.suriyan-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/daraju-banner.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.suriyan-content {
	padding: 70px 0px;
	background-color: #f6f6f6;
}

.suriyan-content h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #eb008a;
	font-size: 27px;
	text-align: center;
	margin-top: 90px;
}

.suriyan-content p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #666666;
	font-size: 14px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.suriyan-no-padding {
	padding: 0px 0px;
	padding-top: 20px;
}

.suriyan-gallery-col {
	padding: 5px 3px;
}

/* The Entrance Cafe */
.entrancecafe-header {
	height: 100%;
	background-image: url('../imgs/entrancecafebg.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.entrancecafe-logo {
	padding: 70px 20px;
	background-color: #ffffff;
}

.entrancecafe-brief {
	padding: 30px 0px;
	background-color: #ffffff;
}

.entrancecafe-brief h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #eb008a;
	font-size: 27px;
	text-align: center;
	margin-top: 30px;
}

.entrancecafe-brief p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #593a25;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.entrancecafe-gallery {
	margin-top: 140px;
}

/*The Madras Bungalows */
.madrasbungalows-header {
	height: 100%;
	background-image: url('../imgs/madrasbungalows_bg.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.entrancecafe-logo {
	padding: 70px 20px;
	background-color: #ffffff;
}

.entrancecafe-brief {
	padding: 30px 0px;
	background-color: #ffffff;
}

.entrancecafe-brief h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #eb008a;
	font-size: 27px;
	text-align: center;
	margin-top: 30px;
}

.entrancecafe-brief p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #593a25;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.entrancecafe-gallery {
	margin-top: 140px;
}

.mb-last-img {
	width: 50%;
	float: left;
	padding: 15px 0px 0px 15px;
}


/*Upstream Sports*/
.upstreamsports-header {
	height: 100%;
	background-image: url('../imgs/upstream_bg.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.entrancecafe-logo {
	padding: 70px 20px;
	background-color: #ffffff;
}

.entrancecafe-brief {
	padding: 30px 0px;
	background-color: #ffffff;
}

.entrancecafe-brief h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #eb008a;
	font-size: 27px;
	text-align: center;
	margin-top: 30px;
}

.entrancecafe-brief p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #593a25;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.entrancecafe-gallery {
	margin-top: 140px;
}

/*Hybus*/
.hybus-header {
	height: 100%;
	background-image: url('../imgs/hybus/hybus-bg.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.hybus_logo {
	width: 30%;
}

.hybus-left {
	width: 90%;
	padding: 0px;
}

.mobile-img {
	margin: 20px 0px 30px 0px;
}

.bus-outer {
	margin-bottom: 20px;
}

.shirt-outer,
.content-outer {
	padding: 50px 40px;
	float: left;
	width: 100%;
}

.content-outer p {
	text-align: left;
	padding: 90px 0px 0px 0px;
}

.container1 {
	display: flex;
	gap: 0%;
	margin: 20px 0px;
	flex-wrap: wrap;
	width: 100%;
}

.left {
	display: flex;
	flex-direction: column;
	gap: 2%;
	flex: 2;
	min-width: 60%;
}

.top-row {
	display: flex;
	gap: 2%;
	flex-wrap: wrap;
}

.right {
	display: flex;
	flex-direction: column;
	gap: 2%;
	flex: 1;
	min-width: 30%;
}

.large {
	width: 48%;
	padding-top: 36%;
	background: #005984 !important;
}

.large1 {
	background: #ecece7 !important;
}

.xlarge {
	width: 98%;
	padding-top: 56%;
	background: #14dcf0 !important;
	margin-top: 15px;
}

.small {
	width: 100%;
	padding-top: 56.5%;
	background: #005984 !important;
}

.medium {
	width: 100%;
	padding-top: 40%;
	background: #f3c716 !important;
}

.small1 {
	background: #68c184 !important;
}

.box p {
	margin: 0px !important;
	padding: 0px 10px 10px 10px !important;
	float: left;
	text-align: left;
	width: 100%;
}

.box p span {
	float: right;
}


/* Responsive tweaks */
@media (max-width: 768px) {
	.container1 {
		flex-direction: column;
	}

	.top-row,
	.right {
		flex-direction: column;
	}

	.large,
	.xlarge,
	.small,
	.medium {
		width: 100% !important;
		padding-top: 40% !important;
		margin-bottom: 20px;
	}

	.xlarge {
		margin-top: 0px;
	}

	.right {
		display: block;
	}
}

.color-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 15px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	position: relative;
}

.color-box span {
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

/* TSK */
.tsk-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/cilantro-banner.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

/*TSK */

/* Portfolio Modal  */
.portfolio-modal {}

.custom-modal {
	height: 100%;
	width: 100%;
	margin: 0px auto;
}

.modal-backdrop.in {
	opacity: 0.9;
}

.portfolio-modal-header {
	position: fixed;
}

.custom-modal .modal-content {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	background: rgba(0, 0, 0, 0.9);
	/* overflow-y: scroll; */
}

.portfolio-modal-header {
	height: 70px;
	width: 100%;
	border: none;
	position: fixed;
	z-index: 100;
	background-color: #000;
}

.portfolio-modal-header h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #01adee;
	font-size: 27px;
	text-align: center;
	margin-top: 20px;
}

.portfolio-modal-header .close {
	font-size: 40px;
	color: #fff;
	opacity: 1;
	font-weight: 200;
	margin-right: 40px;
	margin-top: 25px;
}

.portfolio-modal-header .close span {
	cursor: pointer;
}

.portfolio-modal-body {
	padding-top: 110px;
}

.portfolio-modal-body h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}

.portfolio-cont-col {
	margin: 20px 0px;
	cursor: pointer;
}

/* Recognition */
.recognition-header {
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

.recognition {
	padding: 150px 20px 50px;
	background-color: #ffffff;
	min-height: 100vh;
}

.recognitionimg {
	margin-top: 10px;
}

.recognition .awardCarousel a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.recognition .awardCarousel a,
.recognition .awardCarousel a:hover {
	text-decoration: none;
}

.recognition-content h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 63px;
	text-align: left;
	line-height: 90%;
}

.recognition-content h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #01adee;
}

.recognition-content h3 span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 23px;
	text-align: left;
	line-height: 90%;
}

.recognition-content p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #000000;
	font-size: 14px;
	text-align: left;
	line-height: 150%;
}

.recognition-content .reco-btn {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	border-color: #01adee;
}

.recognition-content h2 span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	color: #000000;
	font-size: 58px;
	text-align: left;
}

.recognition-line {
	border: 3px solid #01adee;
	width: 18px;
	margin-left: 0px;
	margin-top: 0px;
}

.recognition-list {
	background: #fff;
	padding-bottom: 50px;
}

.recognition-list h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #01adee;
	font-size: 32px;
	text-align: left;
	line-height: 90%;
	margin-bottom: 30px;
}

.recognition-list table {
	margin: 0px auto;
	margin-top: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 14px;
	text-align: left;
}

#clientTbl {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
}

#clientTbl .tblHeader {
	font-weight: bold;
	font-size: 15px;
}

#clientTbl .tblRow {
	width: 100%;
	border-bottom: 1px solid #DDD;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#clientTbl .tblRow:not(:first-child):hover {
	background-color: #eee;
}

#clientTbl .tblRow::after {
	content: '';
	clear: both;
	display: block;
}

#clientTbl .tblCol {
	float: left;
	padding: 10px 5px;
}

#clientTbl .tblCol:nth-child(1) {
	width: 40%;
}

#clientTbl .tblCol:nth-child(2) {
	width: 10%;
}

#clientTbl .tblCol:nth-child(3) {
	width: 30%;
}

#clientTbl .tblCol:nth-child(4) {
	width: 10%;
}

#clientTbl .tblCol:nth-child(5) {
	width: 10%;
}

#clientTbl h4 {
	display: none;
}

#clientTbl p {
	margin: 0 auto;
}

.slick-dotted.slick-slider {
	padding: 0;
}

#myCarousel .slick-dots {
	position: absolute;
	right: 20px;
	left: auto;
	bottom: auto;
	width: auto;
	top: 20px;
}

#myCarousel .slick-dots li button {
	opacity: 0;
}

#myCarousel .slick-dots li {
	display: block;
	margin: 10px auto;
	background-color: #acacac;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 10px;
	height: 10px;
}

#myCarousel .slick-dots li.slick-active {
	background-color: #01adee;
}

.awards-video {
	width: 100%;
}

/* Roof and Floor */
.raf-header {
	height: 100%;
	width: 100%;
	background-image: url('../imgs/The-Hindu.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

#raf-header .overlay {
	opacity: 0.4;
}

.raf-second {
	padding: 70px 0px;
	background-color: #ffffff;
}

.raf-third {
	padding: 10px 0px;
	background-color: #f6f6f6;
	overflow: hidden;
}

.raf-third h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #015dbc;
	font-size: 32px;
	text-align: center;
	margin-top: 40px;
}

.raf-third p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #58595b;
	font-size: 14px;
	text-align: center;
	width: 70%;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.raf-3-fill-img {
	padding: 0px 0px;
	padding-top: 60px;
}

.raf-3-fill-img-1 {
	padding: 0px 0px;
	padding-top: 60px;
}

.raf3-img-cont {
	padding: 0px 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	/* overflow: hidden; */
}

.raf3-img-cont-alt {
	padding: 0px 0px;
	padding-bottom: 5px;
	overflow: hidden;
}

.raf-3-video {
	padding: 0px 0px;
	padding-top: 40px;
}

.raf-3-video iframe {
	width: 100%;
	height: 500px;
}

.bottom-nav {
	padding: 30px 20px;
}

.bottom-nav a {
	text-decoration: none;
	color: #000;
}

.lightTheme a {
	color: #fff;
}

.bottom-nav a span {
	position: relative;
	left: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.bottom-nav a.pull-left:hover span {
	left: -5px;
}

.bottom-nav a.pull-right:hover span {
	left: 5px;
}

.bottom-nav.nav-chaitanya {
	margin-top: 100px;
}

h3.splTitle {
	text-align: center;
	font-size: 25px;
	font-weight: 400;
	color: #01adee;
	letter-spacing: 3px;
	margin-bottom: 30px;
}

.carousel-awards .item a {
	color: #01adee;
}

.raf-header#aeshaane-header {
	background-image: url(../imgs/Aeshaane.jpg);
}

.raf-header#sunrisers-header {
	background-image: url(../imgs/Sunrisers-Hyderabad.jpg);
}

.raf-header#entrancecafe-header {
	background-image: url(../imgs/entrancecafebg.png);
}

.raf-header#madrasbungalows-header {
	background-image: url(../imgs/madrasbungalows_bg.png);
}

.raf-header#upstreamsports-header {
	background-image: url(../imgs/upstream_bg.png);
}

.raf-header#hybus-header {
	background-image: url(../imgs/hybus/hybus-bg.png);
}

.portfolio {
	padding: 70px 20px 150px;
	padding-top: 150px;
	background-color: #000;
	min-height: 100%;
}

.filterBtns {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 10px 0 30px;
}

.filterBtns a {
	margin: 5px 4px;
	display: inline-block;
	border: 1px solid #01adee;
	padding: 5px 15px;
	color: #01adee;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.filterBtns a:hover,
.filterBtns a.selected {
	background: #01adee;
	color: #fff;
}

.filterGrid {
	margin: 0 auto;
	width: 100%;
	max-width: 1120px;
}

.grid-item {
	width: 280px;
	height: 200px;
	padding: 2px;
}

.grid-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.grid-item a::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #01adee;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.grid-item a:hover::before {
	opacity: 0.7;
}

.grid-item a h5 {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: 20px;
	color: #fff;
	z-index: 5;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-align: center;
	left: 10px;
	right: 10px;
	font-size: 16px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
}

.grid-item a:hover h5 {
	margin-top: 0;
	opacity: 1;
}

.grid-item img {
	width: 100%;
	height: 100%;
	position: relative;
}

.grid-item-full {
	width: 1120px;
	height: 560px;
}

.SunrisersPadding {
	margin-bottom: 25px;
}

.hinduPadding {
	padding-bottom: 200px;
}

.hindu-img {
	position: relative;
	margin-top: -275px;
}

.aeshaanepadding {
	padding: 0;
}

.caseTxt {
	font-weight: 200 !important;
	color: #919191 !important;
	font-size: 12px !important;
}

#portfolioPopup {
	display: none;
}

.inMediaWrap {
	text-align: center;
}

.inMediaGrid {
	margin: 0 auto;
	display: inline-block;
	width: 250px;
	padding: 5px;
}

.inMediaGrid figure {
	position: relative;
	display: block;
}

.inMediaGrid figure img {
	display: block;
	margin: 0 auto;
}

.inMediaGrid figure::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #01adee;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.inMediaGrid figure:hover::before {
	opacity: 0.8;
}

.inMediaGrid figure h4 {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: 20px;
	color: #fff;
	z-index: 5;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-align: center;
	padding: 0 15px;
	left: 0;
	right: 0;
	font-size: 16px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0;
}

.inMediaGrid figure:hover h4 {
	margin-top: 0;
	opacity: 1;
}

.inMediaGrid figure a:not(.pArcLink):not(.fVidLink) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.inMediaGrid figure a.pArcLink {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	bottom: 10px;
	left: calc(50% - 60px);
	z-index: 5;
	background: url(../imgs/icon-article.png) center;
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1) -webkit-transition:all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.inMediaGrid figure a.fVidLink {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	bottom: 10px;
	right: calc(50% - 60px);
	z-index: 5;
	background: url(../imgs/icon-video.png) center;
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1) -webkit-transition:all 0.3s linear 0.1s;
	-moz-transition: all 0.3s linear 0.1s;
	transition: all 0.3s linear 0.1s;
}

.inMediaGrid figure:hover a.pArcLink,
.inMediaGrid figure:hover a.fVidLink {
	bottom: 30px;
	opacity: 1;
}

.inMediaGrid figure a.pArcLink:hover,
.inMediaGrid figure a.fVidLink:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}

.careerPage.contact-content h1 {
	margin-bottom: 20px;
}

.careerSelect a {
	margin: 5px 3px;
	display: inline-block;
	color: #666;
	font: 400 14px 'Montserrat', sans-serif;
	padding: 10px 15px;
	border: 1px solid #ccc;
	text-decoration: none;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.careerSelect a::after {
	content: '';
	position: absolute;
	bottom: -7px;
	right: -7px;
	border: 7px solid transparent;
	border-left-color: #01adee;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.careerSelect a:hover,
.careerSelect a.active {
	color: #01adee;
	border-color: #01adee;
}

.careerSelect a.active::after {
	opacity: 1;
}

.tabSpacing {
	margin: 20px auto;
	width: 100%;
	height: 0;
	display: block;
}

h3.caseStudy {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #60a6d9;
	font-size: 27px;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 1100px) {
	.what-head-1 {
		font-size: 55px;
	}

	.what-head-2 {
		font-size: 22px;
	}

	.clientLogos>div {
		width: 33.3%;
	}
}

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

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-left: auto;
		margin-right: auto;
	}

	.navbar-custom .container-fluid {
		padding: 0;
	}

	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
		margin-right: 50px;
		padding: 10px;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin: 7.5px auto;
	}

	.navbar-nav>li {
		float: none;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-text {
		float: none;
		margin: 15px 0;
	}

	/* since 3.1.0 */
	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.collapsing {
		overflow: hidden !important;
	}

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: 100vh;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background: #000;
	}

	.navbar-custom .navbar-custom-links ul {
		margin: 0 auto;
	}

	.navbar-custom .navbar-custom-links ul li {
		padding: 0;
		border-bottom: 1px solid #EEE;
		margin-bottom: 10px;
	}

	.navbar-custom .navbar-custom-links ul li a {
		padding: 10px 20px;
		margin: 0 auto;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	.navbar-custom .navbar-custom-links ul li a {
		color: #777;
	}

	.navbar-custom.affix .navbar-custom-links ul li a {
		margin: 0 auto;
	}

	.navbar-custom .navbar-custom-links ul li a:hover,
	.navbar-custom.affix .navbar-custom-links ul li a:hover {
		border: none;
		color: #01adee;
	}

	.indicators-main-container {
		right: 20px;
	}

	.indicators-main li,
	.indicators-main li.active {
		padding-left: 0px;
		padding-right: 0px;
		width: 20px;
	}

	.indicators-main li .carousel-indicators-line,
	.indicators-main li.active .carousel-indicators-line {
		height: 10px;
		width: 100%;
	}

	.indicators-main li.active .carousel-indicators-number {
		top: 11px;
		right: 25px;
	}

	.indicators-main li:hover .carousel-indicators-text {
		top: 11px;
		right: 25px;
	}

	.indicators-main li.active .carousel-indicators-line {
		margin: 0 auto;
	}

	.header-banner-footer .social-logo-main ul {
		right: 20px;
		bottom: 10px;
	}

	.grid-item a h5 {
		top: auto;
		bottom: 0;
		padding: 10px;
		margin-top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		opacity: 1;
		background: #01adee;
	}

}

@media screen and (max-width: 991px) {
	.navbar-toggle {
		display: block;
		position: relative;
		z-index: 1101;
		/* Ensure toggle stays on top */
	}

	.navbar-collapse {
		position: fixed;
		top: 85px;
		right: 0;
		width: 100%;
		background-color: #111;
		/* Dark background */
		z-index: 1100;
		transform: translateX(100%);
		transition: transform 0.3s ease-in-out;
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
		padding: 50px 0 !important;
		height: 100vh;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
		transform: translateX(0);
	}

	.navbar-nav {
		float: none;
		margin: 0;
		padding: 0 20px;
	}

	.navbar-nav>li {
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.navbar-nav>li>a {
		color: #fff;
		padding: 15px 10px;
		display: block;
		text-transform: uppercase;
	}

	.navbar-header {
		float: none;
	}

	collapse {
		max-height: 100vh;
	}
}


@media screen and (max-width: 800px) {
	.aboutCntWrap {
		padding: 0 20px;
	}

	.table-responsive {
		border: none;
	}

	#clientTbl {
		width: 100%;
		margin: 0 auto;
	}

	#clientTbl .tblRow {
		margin-bottom: 20px;
		display: block;
		border-top: 1px solid #DDD;
		border-bottom: none;
	}

	#clientTbl h4 {
		font-weight: bold;
	}

	#clientTbl h4,
	#clientTbl p {
		display: inline-block;
		float: none;
		vertical-align: middle;
		width: 40%;
		font-size: 15px;
		margin: 5px auto;
	}

	#clientTbl p {
		width: 55%;
	}

	#clientTbl .tblCol:nth-child(4) p {
		margin-left: 40%;
	}

	#clientTbl .tblRow::after {
		content: '';
		clear: both;
		display: block;
	}

	#clientTbl .tblCol:nth-child(1),
	#clientTbl .tblCol:nth-child(2),
	#clientTbl .tblCol:nth-child(3),
	#clientTbl .tblCol:nth-child(4),
	#clientTbl .tblCol:nth-child(5),
	#clientTbl .tblCol {
		display: block;
		float: none;
		width: 100%;
		border-bottom: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-right: 1px solid #DDD;
		padding: 10px;
	}

	#clientTbl .tblRow .tblCol:last-child {
		width: 100%;
	}

	#clientTbl .tblRow:first-of-type {
		display: none;
	}

	#clientTbl .tblRow.tblHeader {
		display: none;
	}

	.clientLogos>div {
		width: 50%;
	}

}


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

	.navbar-custom .navbar-brand {
		padding-left: 20px;
		padding-top: 20px;
	}

	.header-banner-content-text h1 {
		font-size: 25px;
	}

	.header-banner-content-text h5 {
		font-size: 12px;
		max-width: 100%;
	}

	.indicators-main-container {
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.indicators-main li {
		display: inline-block;
		height: 5px;
		margin: 10px 5px 0px 10px;
		border: 1px solid #acacac;
		background-color: #acacac;
		border-radius: 0px;
		padding: 0px;
	}

	.indicators-main li .carousel-indicators-line {
		display: none;
	}

	.indicators-main li.active {
		height: 5px;
		margin: 10px 5px 0px 10px;
		border: 1px solid #01adee;
		background-color: #01adee;
		border-radius: 0px;
		padding: 0px;
	}

	.homeVideoCnt {
		padding: 0 20px;
		max-width: none;
	}

	.scrollInfo.homeSI {
		display: none;
	}

	.about-header-banner-content-text h1 {
		font-size: 25px;
	}

}

@media screen and (max-width: 540px) {
	.recognition-content h2 {
		color: #01adee;
		font-size: 23px;
		text-align: left;
		line-height: 130%;
	}

	.recognition-content h2 span {
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
		color: #000000;
		font-size: 20px;
		text-align: left;
	}

	.careerSelect {
		text-align: center;
	}

	.careerSelect a {
		padding: 5px 10px;
	}

	.tabSpacing {
		margin: 5px auto;
		border-bottom: 1px dashed #DDD;
	}

	.recognition-content .reco-btn {
		font-size: 12px;
	}

	#myCarousel .slick-dots {
		right: 0;
	}

	.header-banner-footer .social-logo-main ul {
		padding: 0;
		right: 0;
	}

	.header-banner-footer .social-logo-main ul li {
		display: block;
	}

}

@media screen and (max-width: 480px) {
	.navbar-custom {
		padding-right: 0px;
		height: 100px;
	}

	.navbar-custom .navbar-brand {
		padding-left: 20px;
		padding-top: 20px;
		transition: padding-left 1s ease, padding-top 1s ease;
	}

	.navbar-custom.affix .navbar-brand {
		padding-left: 20px;
		padding-top: 20px;
		transition: padding-left 1s ease, padding-top 1s ease;
	}

	.navbar-custom .navbar-brand img {
		width: 140px;
	}

	.navbar-custom.affix {
		height: 95px;
	}

	.navbar-custom .navbar-custom-links {
		margin-top: 10px;
	}

	.navbar-custom .navbar-custom-links ul li a {
		margin: 0 auto;
		color: #777777;
		font-size: 12px;
		font-weight: 400;
	}

	.navbar-custom.affix .navbar-custom-links ul li a {
		margin: 0 auto;
		font-size: 12px;
	}

	.navbar-custom .navbar-custom-links ul li a:hover,
	.navbar-custom.affix .navbar-custom-links ul li a:hover {
		color: #01adee;
		border: none;
	}

	.second-banner-text {
		margin-bottom: 30px;
	}

	.header-banner-content {
		top: 15%;
	}

	.header-banner-content-text h1 {
		font-size: 32px;
	}

	.header-banner-content-text p {
		font-size: 16px;
	}

	.header-banner-content-text h5 {
		font-size: 14px;
	}

	.header-banner-footer {
		bottom: 40px;
	}

	.header-banner-footer .social-logo-main ul {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.secondbanner {
		padding: 40px 20px;
	}

	.evolution {
		padding: 30px 20px;
		padding-bottom: 180px;
	}

	.evolution-line {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.gallery {
		padding: 0px 0px;
		padding-bottom: 20px;
	}

	.about-gallery-img {
		margin-top: -150px;
	}

	.gallery-list {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	.china-house-1-logo {
		/* margin-bottom: 30px; */
	}

	.testimonials {
		padding: 30px 20px;
	}

	.social {
		padding: 30px 20px;
	}

	.about-header-banner {
		top: 16%;
	}

	.about-header-banner-content-text h1 {
		font-size: 23px;
		margin-bottom: 5px;
	}

	.about-header-banner-content-text p {
		font-size: 14px;
	}

	.whatwedo {
		padding: 30px 20px;
		padding-top: 70px;
	}

	.what-head-1 {
		font-size: 50px;
	}

	.clients {
		padding: 30px 20px;
	}

	.contact {
		padding: 30px 5px;
		padding-top: 120px;
	}

	.chaitanya-header-banner {
		top: 27%;
	}

	.chaitanya-header-banner-content-text h1 {
		font-size: 36px;
	}

	.chaitanya-header-banner-content-text p {
		font-size: 14px;
	}

	.chaitanyalogo {
		padding: 50px 20px;
	}

	.chaitanyacalender {
		padding: 30px 20px;
	}

	.chaitanyacalenderimgcontainer {
		position: relative;
	}

	.chaitanyacalenderslide h2 {
		text-align: center;
		margin-top: 30px;
	}

	.indicators-chaitanya {
		left: 50%;
		top: 100%;
	}

	.zaamor-header-banner {
		top: 27%;
	}

	.zaamor-header-banner-content-text h1 {
		font-size: 36px;
	}

	.zaamor-header-banner-content-text p {
		font-size: 14px;
	}

	.zaamorlogo {
		padding: 50px 20px;
	}

	.zaamoryoutube iframe {
		height: 300px;
	}

	.zaamoryoutube {
		width: auto;
		height: 100%;
	}

	.clientLogos>div {
		width: 100%;
		float: none;
	}

	.career-role-select .btn-default {
		width: 270px;
	}

	.career-role-select .btn-default:hover {
		width: 270px;
	}

	.careerPage .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover {
		width: 270px;
	}

	.careerPage .dropdown-menu {
		width: 270px;
	}

	.michelin-logo {
		padding: 20px 20px;
	}

	.michelin-gallery {
		margin-top: 40px;
	}

	.suriyan-content {
		padding: 30px 0px;
		background-color: #f6f6f6;
	}

	.suriyan-content h3 {
		margin-top: 50px;
	}

	.portfolio-modal-body {
		padding-top: 80px;
	}

	.recognition {
		padding: 30px 20px;
		padding-top: 100px;
	}

	.recognition-list {
		padding: 10px 0px;
	}

	.awards-table-container {
		height: auto;
		/* overflow-y: scroll; */
	}

	.carousel-awards {
		/* position: relative; */
		min-height: 200px;
	}

	.carousel-awards .carousel-indicators {
		top: 2%;
		left: auto;
		right: 0;
	}

	.awards-video {
		margin-top: 30px;
	}

	.raf-third p {
		width: 90%;
	}

	.raf-3-video iframe {
		height: 300px;
	}

	.bottom-nav {
		padding-top: 40px;
	}

	.bottom-nav a img {
		height: 20px;
	}

}

@media screen and (max-width: 414px) {
	.inMedia-col {
		width: 100%;
	}
}

@-webkit-keyframes scrollInfoAnime {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@-moz-keyframes scrollInfoAnime {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes scrollInfoAnime {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@-webkit-keyframes scrollInfoAnime2 {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@-moz-keyframes scrollInfoAnime2 {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@keyframes scrollInfoAnime2 {
	0% {
		opacity: 0;
		bottom: 40px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		bottom: 25px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		bottom: 10px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}

/* Entrance Cafe */
.modal-dialog {
	width: 98% !important;
	margin: 20px 10px;
}

.modal-header .close {
	border: 1px solid #ccc !important;
	border-radius: 50% !important;
	height: 30px !important;
	width: 30px !important;
	position: absolute;
	top: 40px;
	z-index: 1;
	right: 20px;
}

.close {
	opacity: .5;
}

.modal-content {
	background: none !important;
	color: #fff;
}

.modal-body {
	height: auto !important;
	float: left;
	width: 100%;
	padding: 0px;
	background-color: #fff;
	border-radius: 5px;
}

.madras-dialog iframe {
	width: 100%;
	height: 710px;
	overflow: hidden;
}

.modal-header {
	padding: 0px !important;
}

.enterance__text {
	display: none;
}

.img p {
	display: block;
}

.mackbook__ou1 {
	display: none;
}

.outer {
	float: left;
	width: 100%;
	padding: 20px 0px;
	background: #EAEBEB;
	margin-bottom: 0px;
}

.text-left {
	text-align: left;
	padding: 140px 0px;
}

.text-left h3 {
	color: black;
	text-align: left;
	font-weight: 600;
	margin-top: 0px;
}

.text-left p {
	text-align: left !important;
	font-weight: 400;
	line-height: 1.9;
}

.left_outer {
	padding: 20px 0px 0px 50px;
}

.layout__out {
	float: left;
	width: 100%;
	background: #000;
	padding: 0px 0px;
	margin: 15px 0px 15px 0px;
	padding-right: 0px;
}

.logo-img {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.logo-img img {
	width: 40%;
}

.r12_img {
	width: 50%;
	float: left;
}

.p-0 {
	padding: 0px !important;
}

.layout__out h2 {
	font-size: 25px;
	margin: 0px;
}

.layout__out h2,
.layout__out p {
	text-align: left;
	color: #ffffff;
}

.layout__out p {
	margin: 0px;
	line-height: 1.9;
	font-weight: 500;
	padding: 10px 0px;
}

.p-5 {
	padding: 0px 0px 0px 0px;
}

.pb-0 {
	padding-bottom: 0px;
}

.px-0 {
	padding-left: 0px;
	padding-right: 0px;
}

.pb-2 {
	padding-bottom: 0px;
}

.macbook__out {
	margin: 60px 0px;
	display: block;
}

.social__out {
	position: relative;
}

.social__inner {
	/*color: #201103;
	font-weight: 600;*/
	position: absolute;
	left: 45%;
	top: -30px;
}

.social__out h3 {
	color: #201103;
	font-weight: 600;
}

.title {
	color: #81614c !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	margin-top: 0px !important;
}

.col {
	float: left;
	width: 20%;
	margin-top: 10px;
}

.title1 {
	font-weight: 600 !important;
}

.color__name {
	text-align: center;
	padding: 10px 0px;
	font-family: 'Montserrat', sans-serif;
	float: left;
	width: 100%;
	font-size: 17px;
}

.img {
	float: left;
	width: 100%;
	/*background-image:url('../imgs/ecbrandsymbolise.png');*/
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
}

.img p {
	position: absolute;
	top: 22%;
	text-align: left;
	left: 10%;
	font-size: 15px;
	line-height: 1.9;
	margin: 0px;
	width: 30%;
	font-weight: 400;
}

.color p {
	float: left;
	width: 100%;
	padding: 40px 0px;
	margin: 0px !important;
	line-height: 2.1;
}

.right__out {
	float: left: width:100%;
	position: relative;
	/*background:#ccc1af;
	padding:73.5px 40px !important;*/
}

.brand__story__content {
	position: absolute;
	top: 15%;
	left: 50px;
}

.left_content {
	top: 15%;
	left: 20%;
}

.col-md_6 {
	padding: 0px !important;
	margin-bottom: 0px;
}

.wb_color {
	display: block;
}

.color_out {
	position: absolute;
	right: 0;
	width: 50%;
	top: 23%;
}

.color_txt {
	width: 100% !important;
	float: left !important;
	left: 0px !important;
	top: 0px !important;
	position: relative !important;
	text-align: center !important;
	margin: 10px 0px 30px 0px !important;
}

.color_out img {
	top: 120px;
}

.right__out h3 {
	font-weight: 600 !important;
	color: black;
	text-align: left;
}

.right__out p {
	text-align: left;
	line-height: 1.9;
	margin: 0px;
	padding: 15px 0px;
	width: 88%;
	font-weight: 400;
}

.col-md_7 {
	padding: 0px !important;
	margin-bottom: 0px;
}

.col-md_5 {
	padding: 0px !important;
	margin-bottom: 0px;
}

.right__img {
	/*height:471px;*/
	height: 548px;
}

.right__img img {
	width: 100%;
	height: 100%;
}

.pr-0 {
	padding-right: 0px;
}

.outer p {
	margin: 0px;
}

.p_0 {
	padding: 0px 0px 15px 15px;
}

.pr_0 {
	padding-right: 0px;
}

.pb_0 {
	padding-bottom: 0px;
}

.menubook {
	width: 100%;
}

.salad__img img {
	height: 203px;
}

.mt-2 {
	margin-top: 15px;
}

.entrance__out p {
	margin: 0px;
}

.mobile__logo,
.mobile__social,
.ec_clock,
.entrance__out,
.mobile,
.mobile__carousel,
.mobile_color,
.web_img,
.mobile_brand_out,
.mobile_video,
.mobile_content {
	display: none;
}

.web__social,
.web_video,
.web__img,
.brand-img,
.web_content {
	display: block;
}

.objective {
	float: left;
	width: 100%;
	padding: 40px 0px;
	background: #f8f8f8;
}

.objective p {
	line-height: 1.9;
	margin-top: 30px;
	padding: 0px 150px;
	font-weight: 400;
}

.col-md-3 {
	padding-right: 15px;
	padding-left: 0px;
}

.col-md-3 img {
	width: 100%;
	height: 451px;
}

.last_video {
	height: 466px;
}

.video {
	border: 1px solid #ccc;
}

.insta__img {
	padding-left: 20px;
}

.insta__img i,
.insta__img span {
	color: #593a25;
}

.insta__img i {
	font-size: 30px;
	float: left;
}

.insta__img span {
	float: left;
	font-size: 19px;
	padding-left: 10px;
}

.insta__img span:hover {
	text-decoration: none;
}

.video_out1 {
	padding-right: 0px !important;
	width: 23.7% !important;
	margin-left: 14px;
}

.video_out {
	float: left;
	width: 25%;
	padding-left: 0px;
	padding-right: 15px;
}


/*Madras Bungalows */
.third_outer {
	float: left;
	width: 100%;
}

.left_madras_content {
	float: left;
	width: 50%;
	background: #4b0e35;
	padding: 50px 0px;
}

.right_madras_image {
	float: left;
	width: 50%;
	background: #FFFBF5;
	height: 372px;
	text-align: center;
	position: relative;
}

.left_madras_content p {
	color: #fff;
	padding-left: 120px;
	line-height: 1.9;
	text-align: left;
	width: 92%;
	font-weight: 500;
}

.brand_color {
	padding: 100px 0px;
	float: left;
	width: 100%;
}

.brand_color h3 {
	margin-bottom: 30px;
}

.brand_color p {
	font-weight: 500;
}

.brand_comm_out {
	position: relative;
}

.brand_out {
	position: absolute;
	right: 0;
	width: 42%;
	top: 17%;
	float: left;
	display: block;
}

.brand_txt {
	text-align: left !important;
	font-weight: 500 !important;
	line-height: 1.9 !important;
	width: 70%;
	margin: 0px !important;
}

.brand_out h3 {
	text-align: left !important;
}

.outdoor_txt {
	font-weight: 500;
}

.pl-0 {
	padding-left: 0px;
	height: 540px;
}

.pl-0 img {
	height: 100%;
	width: 100%;
}

.last_img {
	height: 688px;
}

.luxury_out {
	float: left;
	width: 100%;
	background: #e7e7e7;
	padding: 50px 0px;
	margin: 30px 0px;
}

.title1 {
	color: #000 !important;
}

.madras_logo {
	width: 18%;
}

.luxury-left {
	float: left;
	width: 50%;
	padding: 0px 7.5px 0px 15px;
}

.luxury-right {
	float: right;
	width: 50%;
	padding: 0px 15px 0px 7.5px;
}

.luxury_img_out {
	float: left;
	width: 100%;
	padding: 10px;
}

.luxury-img {
	float: left;
	width: 33.333%;
	padding-left: 15px;
}

.pr--0 {
	padding-right: 15px;
}

/*Upstream CSS Start*/
.upstream_logo {
	width: 35%;
}

.row_two {
	float: left;
	width: 100%;
	padding: 80px 0px;
}

.row_two p {
	text-align: left !important;
	margin: 0px 0px !important;
}

.upstream-right {
	width: 70%;
	padding: 30px 0px;
}

.upstream_video {
	padding: 20px 50px 0px;
	width: 100%;
}

.cricket-img {
	position: relative;
}

.cricket-img {
	position: absolute;
	right: 0px;
}

.upstream_out {
	position: absolute;
	right: 0px;
	width: 38%;
	bottom: 26%;
	padding-left: 20px;
}

.iconography-out {
	float: left;
	padding: 70px 0px;
}

.left-iconography {
	float: left;
	width: 50%;
	padding-left: 100px;
}

.right-iconography {
	float: left;
	width: 50%;
}

.left-iconography p {
	margin-top: 0px !important;
	width: 90% !important;
	text-align: left;
	padding: 10px 0px;
}

.basketball-out {
	position: relative;
}

.basketball-out p {
	position: absolute;
	width: 26%;
	text-align: left;
	left: 12%;
	top: 17%;
}

.brand-manual-left {
	float: left;
	width: 40%;
}

.brand-manual-right {
	float: left;
	width: 60%;
}

.brand-manual-left img {
	width: 100%;
	padding: 100px 0px 0px 0px;
}

.brand-manual-right img {
	width: 100%;
}

.stationary-out {
	float: left;
	width: 100%;
	padding: 7.5px 0px 0px 0px;
}

.purpose_out {
	float: left;
	width: 100%;
	background: #F8F8F8;
	padding: 0px 0px;
}

.purpose-left {
	float: left;
	width: 55%;
}

.purpose-right {
	float: left;
	width: 45%;
}

.purpose-right h3 {
	text-align: left;
	margin-top: 20px;
	font-size: 24px;
	/*background-image: linear-gradient(to right, #17498d, #d51820);*/
	background-image: linear-gradient(3deg, #1c4488, #d51820);
	background-clip: text;
	-webkit-background-clip: text;
	/* For Safari/Chrome */
	color: transparent;
	font-weight: 600;
}

.color-palette {
	width: 70%;
	padding: 20px 0px 30px 30px;
	float: left;
}

.purpose-right p {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.color-palatte p {
	padding: 0px;
	text-align: left;
}

.color-palatte {
	float: left;
	width: 100%;
	padding: 40px 0px;
}

.r8_bg_img {
	float: left;
	width: 100%;
	margin: 30px 0px;
}

.us-brand-out {
	padding: 40px 0px;
}

.stationary-img {
	float: left;
	width: 50%;
	padding: 7.5px;
}

.bg-color {
	float: left;
	width: 100%;
	background: #fffbf3;
}

.us-img {
	padding: 0px 7.5px;
	float: left;
}

.upstream_video_out {
	padding: 0px 100px;
}

.upstream_row {
	float: left;
	width: 100%;
	padding: 50px 0px;
}

.left_video {
	float: left;
	width: 20%;
	height: 385px;
	background: #000;
}

.center_img {
	float: left;
	width: 50%;
}

.row_last_img {
	float: left;
	width: 30%;
}

.row_last_img img {
	height: 385px;
}

.second_row_left {
	float: left;
	width: 30%;
}

.second_row_left img {
	height: 449px;
	width: 100%;
}

.second_row_right {
	width: 70%;
	float: left;
	height: 449px;
}

/*Upstream CSS End*/

.coming_soon {
	position: absolute;
	right: 13%;
	bottom: 0px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 11px;
}

.moreLink {
	font-size: 17px;
	color: #fff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

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

.moreLink::before {
	content: "";
	float: left;
	width: 60px;
	height: 1.5px;
	background: #01adee;
	margin: 12px 10px 0px 0px;
}

/*bombayshtan CSS Start*/
.bombayshtan-logo {
	padding: 50px 20px;
}

.bombayshtan_logo {
	width: 30%;
}

.interior_outer {
	padding: 50px 0px 150px 120px;
	background: #EAEAEA;
}

.interior-brand {
	float: left;
	width: 54%;
	padding-left: 40px;
}

.interior-brand h3 {
	text-align: left;
	float: left;
	width: 100%;
}

.interior-brand p {
	text-align: left;
	float: left;
	width: 75%;
	margin: 0px;
}

.interior-img {
	float: right;
	width: 46%;
}

.three-img-out {
	float: left;
	width: 100%;
	padding-left: 50px;
	margin-top: -90px;
}

.three-img-out img {
	float: left;
	width: 33.33%;
}

.single-img {
	float: left;
	width: 100%;
	padding: 100px 0px;
}

.single-img img {
	width: 45%;
}

.bombaysthan-img {
	float: left;
	width: 33.33%;
	padding: 6px;
}

/*bombayshtan CSS End*/

/*Michelin Pune Brand Start */
.michelin-video-img img {
	width: auto;
}

.michelin-outer {
	padding: 7.5px 120px 7.5px 120px;
	float: left;
	width: 100%;
}

.michelin-r4-img img {
	width: 45%;
	padding-right: 15px;
	padding-bottom: 15px;
	float: left;
}

.michelin-r5-img img {
	width: 100%;
}

.michelin-outer p {
	width: 100%;
}

.michelin-r5-img {
	padding: 7.5px;
	float: left;
}

.michelin-img {
	width: 60%;
}

.michelin-img1 {
	width: 40%;
	height: 301px;
}

.michelin-img1 img {
	width: 100%;
	height: 100%;
}

.michelin-img2 {
	height: 640px;
}

.michelin-img2 img {
	height: 100%;
}

.michelin-second-img {
	padding-top: 15px;
}

.michelin-img3 {
	width: 40%;
	height: 309px;
}

.michelin-img3 img {
	height: 100%;
	width: 100%;
}

.left-con {
	float: left;
	width: 60%;
	padding: 20px;
}

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

/*Michelin Pune Brand End */


@media screen and (max-width:1600px) {
	.right_madras_image {
		height: 347px !important;
	}

	.right_madras_image img {
		width: 35% !important;
		top: 15% !important;
		right: 31% !important;
	}
}

@media screen and (max-width:1460px) {
	.right_madras_image {
		height: 373px !important;
	}
}

@media screen and (max-width:1320px) {
	.right_madras_image {
		height: 400px;
	}
}


@media screen and (max-width:1050px) {
	.color__name {
		font-size: 14px;
	}
}

@media screen and (max-width:1200px) {
	.video_out1 {
		margin-left: 11px;
	}

	.menubook {
		height: 250px;
	}

	.right__out p {
		padding: 0px;
	}

	.right__img {
		height: 469px;
	}

	.salad__img img {
		height: 161px;
	}

	.text-left {
		padding: 80px 0px;
	}

	.social__out .insta__img {
		left: 41%;
		top: 72px;
	}

	.last_img {
		height: 562px !important;
	}

	.pl-0 {
		height: 440px;
	}

	.madras_logo {
		width: 28%;
	}

	.basketball-out p {
		width: 24%;
		left: 13%;
		top: 10%;
	}

	.left_video,
	.center_img img,
	.row_last_img img {
		height: 362px;
	}

	.second_row_left img {
		height: 370px;
	}

	.second_row_right {
		height: auto;
	}
}

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

	.left-outer,
	.right-outer {
		width: 100%;
	}

	.color_out {
		top: 9%;
	}

	.logo-img img {
		width: auto;
	}

	.left_outer {
		padding: 20px 0px 0px 10px;
	}

	.web__img {
		display: none;
	}

	.web_img {
		display: block;
	}
}

@media screen and (max-width:990px) {
	.shirt-outer {
		padding: 0px 0px;
	}

	/*.shirt-outer div{
		width:50% !important;
		float:left;
	}*/
	.shirt-outer img {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.right__img {
		height: auto;
	}

	.hybus-left {
		margin-top: 20px;
	}

	.content-outer {
		padding: 50px 0px;
	}

	.img-outer {
		float: left;
		width: 100%;
	}

	.img-outer img {
		margin-bottom: 15px;
	}

	.content-outer p {
		padding: 0px 0px 20px 0px;
		margin: 0px;
		text-align: center;
	}

	.mobile-img {
		margin: 0px;
	}

	.img p {
		top: 12%;
		left: 5%;
		font-size: 15px;
	}

	.video_out,
	.video_out1 {
		width: 100% !important;
		margin: 0px;
	}

	.col-md_7 {
		padding-right: 0px;
	}

	.col-md_5 img {
		width: 100%;
	}

	.salad__img img {
		height: auto;
	}

	.col-md_6 {
		margin-bottom: 0px;
	}

	.col-md-3 img,
	.col-md-5 img {
		width: 100%;
		height: auto;
	}

	.col-md-3 {
		padding: 0px;
	}

	.logo-img img {
		width: auto;
	}

	.social__inner {
		left: 45%;
		top: -20px;
	}

	.social__out h3 {
		margin: 0px;
	}

	.left_madras_content {
		width: 100%;
		padding: 0px 50px;
	}

	.right_madras_image {
		width: 100%;
		background: #fffbf5;
		float: left;
		text-align: center;
		padding: 40px 0px;
		height: auto !important;
	}

	.right_madras_image img {
		position: initial !important;
		display: inline-block;
	}

	.objective br,
	.brand_color br {
		display: none;
	}

	.left_madras_content p {
		padding-left: 0px;
		width: 100%;
		margin: 20px 0px 20px 0px;
		text-align: center;
	}

	.brand_color {
		padding: 30px 0px;
	}

	.col-md-2 {
		width: 16.666%;
		float: left;
		padding: 0px 5px;
	}

	.title1 {
		font-size: 20px !important;
		line-height: 1.5;
		margin-bottom: 15px !important;
	}

	.right_madras_image {
		height: 250px;
	}

	.mobile_brand_out {
		display: block !important;
	}

	.mobile_brand_out {
		background: #ffeeda;
		padding: 20px 0px 0px 0px;
	}

	.brand_txt {
		width: 100%;
		padding: 10px 15px;
		text-align: center !important;
	}

	.brand_comm_out {
		display: none;
	}

	.mobile_brand_out img {
		width: 100%;
	}

	.pl-0 {
		padding-left: 15px;
		height: auto;
	}

	.brand_color img {
		width: 100%;
	}

	.pr--0 {
		padding: 0px;
	}

	.luxury-left,
	.luxury-right,
	.luxury-img,
	.luxury-img img,
	.mb-last-img {
		width: 100%;
		padding: 0px;
	}

	.last_img {
		height: auto !important;
	}

	.left_video,
	.center_img,
	.row_last_img,
	.second_row_left,
	.second_row_right,
	.center_img img,
	.row_last_img img,
	.second_row_left img,
	.left-iconography,
	.right-iconography {
		width: 100%;
		height: auto;
	}

	.upstream-right {
		width: 35%;
	}

	.row_two {
		padding: 20px 0px;
	}

	.row_two p {
		padding: 10px 0px;
		text-align: center !important;
	}

	.purpose-right h3 {
		margin: 10px 0px 0px 0px;
		font-size: 22px;
	}

	.purpose-right p {
		font-size: 13px;
	}

	.color-palette {
		width: 35%;
		float: none;
		padding: 10px 0px;
	}

	.color-palatte {
		width: 100%;
	}

	.color-palette p {
		float: left;
		width: 100%;
	}

	.col {
		width: 18%;
		margin: 7px;
	}

	.left-iconography {
		padding: 0px;
		text-align: center;
	}

	.iconography-out {
		padding: 20px 0px;
	}

	.video-txt {
		padding: 10px;
	}
}

@media screen and (max-width:500px) {
	.salad__img img {
		height: auto;
	}

	.left_outer {
		padding: 40px 0px 20px 0px;
	}

	.col-md-5 {
		padding: 0px;
	}

	.logo-img {
		text-align: center;
	}

	.p_0 {
		padding-left: 0px;
		padding-bottom: 0px;
	}

	.insta__img {
		width: 100%;
	}

	.img-responsive {
		width: 100%;
	}

	.pr-0 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.color img {
		padding: 10px;
	}

	.col-md_7 {
		padding-right: 0px;
		margin-bottom: 0px;
	}

	.layout__out {
		padding: 0px 0px;
		margin: 0px 0px;
	}

	.p-5 {
		padding: 0px 0px 0px 0px;
	}

	.pb_0 {
		padding-bottom: 0px;
	}

	.right__out br {
		display: none;
	}

	.right_out {
		padding: 30px !important;
	}

	.text-left {
		padding: 10px 0px;
	}

	.pb-2 {
		padding-bottom: 0px;
	}

	.right__out h3 {
		margin-top: 0px;
	}

	.col {
		width: 20%;
		margin: 20px 0px;
		padding: 5px;
	}

	.color__name {
		font-size: 10px;
		padding: 0px;
	}

	.right__out p {
		text-align: center;
		width: 100%;
	}

	.right__out h3 {
		font-size: 25px;
		text-align: center;
		margin-top: 0px;
	}

	.text-left h3 {
		font-size: 25px;
		font-weight: 600 !important;
		color: black;
		margin: 0px 0px 20px 0px;
		text-align: center;
	}

	.text-left p {
		text-align: center !important;
	}

	.macbook__out {
		display: none !important;
	}

	.mackbook__ou1 {
		display: block !important;
		margin: 40px 0px;
	}

	.enterance__text {
		display: block;
	}

	.img p {
		display: none;
	}

	.entrance_logo img {
		width: 60%;
		margin-top: 50px;
	}

	.title {
		font-weight: 600;
	}

	.entrancecafe-brief h3 {
		font-size: 25px;
	}

	.container1 {
		padding: 0px !important;
		display: block;
	}

	.entrance__out {
		display: block;
	}

	.brand__story__content {
		top: 40px;
		left: 0px;
	}

	.right__out img {
		height: auto;
	}

	.img img,
	.logo_element,
	.wb_color,
	.brand-img {
		display: none;
	}

	.ec_clock,
	.mobile__logo,
	.mobile__social,
	.mobile__carousel,
	.mobile_color,
	.color_palatte_img,
	.mobile_video,
	.mobile_content {
		display: block !important;
	}

	.mobile {
		float: left;
		width: 100%;
		display: block;
	}

	.entrance__out p {
		line-height: 1.9;
	}

	.right__out {
		margin-bottom: 0px !important;
	}

	.right__img {
		height: auto;
	}

	.web__social,
	.web_video,
	.brand_out,
	.web_content {
		display: none;
	}

	.social_media {
		padding: 0px !important;
	}

	.mobile {
		position: absolute;
		top: 90px;
	}

	.social__out {
		text-align: center;
		float: left;
		width: 100%;
	}

	.insta__img {
		width: 100%;
		margin-top: 13px;
		padding-left: 31%;
	}

	.insta__img img {
		width: 29%;
		float: none;
		display: inherit;
	}

	.objective {
		padding: 20px 5px 0px 5px;
		margin: 0px 0px 0px 0px;
	}

	.objective br,
	.color p br {
		display: none;
	}

	.entrance__out p,
	.color p {
		padding: 20px 15px;
		float: left;
	}

	.brand__story__content p {
		padding: 15px;
	}

	.col-md-3 {
		padding: 0px;
	}

	.color p {
		padding: 20px 10px;
	}

	.social__out h3 {
		font-size: 22px;
		margin-top: 0px;
	}

	.social__inner {
		left: 0px;
		top: 0px;
		float: left;
		width: 100%;
		text-align: center;
	}

	.color__name {
		font-size: 9px;
	}

	.mobile__carousel {
		float: left;
		width: 100%;
		margin-top: 15px;
	}

	.objective p {
		margin-top: 10px;
		padding: 0px 0px;
	}

	.layout__out h2,
	.layout__out p {
		padding: 0px 10px;
	}

	.color_out {
		width: 100%;
		top: 7%;
	}

	.color_out p,
	.color_out img {
		display: block;
	}

	.right__out img {
		height: 382px;
	}

	.last_video {
		height: auto;
	}

	.insta__img i {
		font-size: 27px;
		margin-left: 10px;
	}

	.insta__img span {
		font-size: 18px;
	}

	.right_madras_image img {
		width: 45% !important;
		top: 13% !important;
		right: 28% !important;
	}

	.brand_color {
		padding: 30px 0px !important;
	}

	.left_madras_content {
		padding: 10px 30px;
	}

	.pl-0 {
		height: auto;
	}

	.outdoor_txt {
		margin: 10px 0px !important;
	}

	.madras_logo {
		width: 50%;
	}

	.luxury-left,
	.luxury-right,
	.luxury-img {
		width: 100%;
		padding: 0px;
	}

	.luxury_img_out {
		padding: 10px 0px;
	}

	.pr--0 {
		padding-right: 0px;
	}

	.row_two {
		padding: 0px 0px 20px 0px;
	}

	.row_two p {
		text-align: center !important;
	}

	.left-iconography,
	.right-iconography,
	.left-iconography p,
	.brand-manual-left,
	.brand-manual-right,
	.purpose-right {
		width: 100% !important;
	}

	.brand-manual-left,
	.brand-manual-right,
	.last-row {
		padding: 0px;
	}

	.stationary-out {
		padding-top: 10px;
	}

	.upstream_video {
		padding: 10px 0px;
	}

	.upstream_logo {
		width: 70%;
	}

	.upstream_out {
		display: none;
	}

	.basketball-out p {
		width: 100%;
		position: relative;
		left: 0px;
		padding: 10px;
		text-align: center;
		margin: 0px;
		background: #fffbf3;
	}

	.upstream-right {
		width: 50%;
	}

	.purpose-left {
		width: 100%;
	}

	.purpose-right {
		padding: 0px 10px;
	}

	.purpose-right h3 {
		margin-bottom: 0px;
		margin-top: 10px;
		text-align: center;
	}

	.purpose-right p {
		text-align: center;
	}

	.purpose_out {
		padding-bottom: 20px;
	}

	.color-palette {
		padding: 0px;
		width: 50%;
		float: none;
	}

	.color-palatte p {
		text-align: center;
		margin: 10px 0px;
	}

	.color-palatte {
		padding: 20px 0px;
	}

	.r8_bg_img {
		margin: 0px;
	}

	.left-iconography {
		padding-left: 0px;
		text-align: center;
	}

	.left-iconography img {
		display: inline-block;
	}

	.left-iconography p {
		text-align: center;
	}

	.us-brand-out {
		padding: 20px 0px;
		float: left;
	}

	.brand-manual-left img {
		padding: 0px;
		width: 60%;
	}

	.iconography-out {
		padding: 40px 0px;
	}

	.us-img,
	.stationary-img {
		padding: 0px 0px 0px 0px;
		width: 100%;
	}

	.left_video,
	.center_img,
	.row_last_img,
	.row_last_img img,
	.second_row_left img,
	.second_row_left,
	.second_row_right {
		width: 100%;
		height: auto;
	}

	.tsk-header {
		background-image: url('https://yvdigitals.com/images/cilantro-banner.jpg');
	}

	.quantum-header {
		background-image: url('');
	}

	.coming_soon {
		bottom: -150px;
		letter-spacing: 4px;
		text-align: center;
		width: 100%;
		font-size: 15px;
		font-weight: 600;
		right: 0px;
	}

	.moreLink {
		margin-top: 0px !important;
	}

	.mb-last-img {
		width: 100%;
		padding: 0px;
	}
}

@media screen and (max-width:450px) {
	.insta__img i {
		margin-left: 17px;
	}

	.left_content {
		top: 0px;
	}

	.brand__story__content p {
		padding: 0px 15px 0px 15px;
	}

	.social__out h3,
	.entrancecafe-brief h3 {
		font-size: 21px;
	}

	.right__out h3 {
		margin-top: 20px;
	}

	.text-left {
		padding: 0px;
	}

	.insta__img {
		padding-left: 26%;
	}

	.right_madras_image img {
		top: 15% !important;
	}

	.upstream_logo {
		width: 90%;
		padding-top: 30px;
	}
}

@media screen and (max-width:360px) {
	.right__out img {
		height: 330px;
	}

	.right__out img {
		height: 400px;
	}
}

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

	.col-md_7 img,
	.right__out img,
	.right__img img,
	.col-md_6 img,
	.img img,
	.logo_element img {
		width: 100%;
	}

	.right_madras_image {
		height: 321px;
	}

	.right_madras_image img {
		position: absolute;
		width: 26%;
		top: 11%;
		right: 35%;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
.quantum-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/Quantum-banner-2.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.index-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/main.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.navbar-brand>img {
	display: block;
	width: 200px;
}

.header-banner-content-text h1 {
	color: #01adee;
}

.indicators-main li.active .carousel-indicators-number {
	color: #01adee;
}

.moreLink::before {
	background: #01adee;
}

.indicators-main li .carousel-indicators-line {
	border: 1px solid #fff;
	background-color: #fff;
}

.indicators-main li.active .carousel-indicators-line {
	border: 1px solid #01adee;
	background-color: #01adee;
}

.indicators-main li .carousel-indicators-text {
	color: #fff !important;
}

.michelin-brief p {
	font-weight: 500;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: start;
	line-height: 1.7;
	color: #333333;
}

.contact-content p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #666666;
	font-size: 16px;
	text-align: left;
}

h5 {
	margin-top: 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.heading-1 {
	margin-top: 80px;
}

.michelin-logo {
	padding: 40px 20px;
	background-color: #ffffff;
}

.container1 {
	padding-top: 30px;
}

.bottom-nav {
	padding: 0px !important;
	margin-top: 20px !important;
}

.tsk-header {
	height: 100%;
	background-image: url('https://yvdigitals.com/images/cilantro-banner.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.styled-img {
	width: 100%;
	border: 1px solid #ddd;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 8px;
	background: #fff;
	border-radius: 4px;
}

.image-grid {
	margin-top: 20px !important;
}

.what-head-2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}

.clients-1 {
	background-color: #fff;
}

.client-logo-title {
	color: #333;
	font-weight: 600;
	font-size: 30px;
}


.contact-content h1 {
	margin-bottom: 15px;
}


form {
	max-width: 600px;
	margin: 20px auto;
	padding: 1rem;
	text-align: center;

}

.form-content {
	background-color: #f5f5f5;
	padding: 40px 20px;
}

form input,
form textarea {
	border: 1px solid #ccc;
	outline: none;
	padding: 0.75rem 1rem;
	border-radius: 8px;
	display: block;
	width: 100%;
	margin-top: 1em;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	resize: none;
}

form input:focus,
form textarea:focus {
	border: 2px solid #01adee !important;
}


#input-submit {
	color: white;
	background-color: #01adee;
	border: none;
	cursor: pointer;
	margin-top: 1rem;
	transition: box-shadow 0.3s ease;
}


textarea {
	height: 126px;
}


@media (max-width: 768px) {
	.half {
		width: 100% !important;
		float: none;
	}
}

.contact-content h3 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.navbar-custom.affix .navbar-custom-links ul li a {
	font-size: 14px;
	font-weight: 600;
}

.navbar-custom .navbar-custom-links ul li a {
	font-weight: 600;
	font-size: 14px;

}

.whatwedo-content-col p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;

}

@media (min-width: 768px) {
	.center-inline {
		display: inline;
	}
}

@media (min-width: 768px) {

	.img-responsive-1,
	.thumbnail a>img,
	.thumbnail>img {
		width: 250px;
	}
}

@media screen and (max-width: 500px) {
	.img-responsive-1 {
		width: 100%;
	}
}

.logo-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logo-img {
	width: 100%;
	max-width: 250px;
	margin-bottom: 10px;
}

/* Medium devices and up (768px+) */
@media (min-width: 768px) {
	.logo-container {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}

	.logo-img {
		margin: 10px;
		width: 250px;
	}
}

.img-responsive-1,
.thumbnail a>img,
.thumbnail>img {
	padding: 20px;
}

.image-gallery table {
	margin-top: 40px;
}

.top-same {
	margin: 50px 0px;
}

.gallery-list table {
	margin-top: 60px;
	margin-bottom: 40px;
	display: block;
	float: left;

}

.gallery-list table h1 {
	padding-top: 30px !important;
	text-align: center !important;
}

.gallery-list-container {
	background-color: rgba(1, 173, 238, 0.1);
	background-color: #fff;
}

.indicators-chaitanya li {
	position: relative;
	top: 70px;
}

.para {
	text-align: center !important;
	/*padding:0 100px;*/
	padding: 0 30px 0 30px;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	/*font-weight: 400;*/
	/*color: #666666;*/
	/*font-size: 16px;*/
}

.logo-slide {
	padding: 10px;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.logo-slide img {
	max-width: 100%;
	height: 100px;
}

.slick-dots li.slick-active button {
	animation: pop 0.3s ease;
}

@keyframes pop {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1);
	}
}

/* Custom Slick Dots */
.slick-dots {
	text-align: center;
	padding: 15px 0;
}

.slick-dots li {
	display: inline-block;
	margin: 0 6px;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ccc;
	border: none;
	transition: all 0.3s ease;
	cursor: pointer;
	opacity: 0.7;
}

.slick-dots li button:hover {
	background: #888;
	opacity: 1;
}

.slick-dots li.slick-active button {
	background: #01adee;
	width: 18px;
	height: 18px;
	opacity: 1;
}

@media (min-width: 1024px) {
	.slick-dots {
		display: none;
	}
}

.slick-dotted.slick-slider {
	background-color: #fff;
	padding: 70px 0px;
}

.swiper {
	width: 100%;
	padding: 20px 0;
}

.swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

@media only screen and (max-width: 800px) {
	ol.carousel-indicators.indicators-chaitanya {
		left: 50%;
		top: 92%;
	}
}

.swiper-horizontal {
	padding: 30px !important;
	/*background-color:#fff;*/
}

.swiper h2 {
	text-align: center;
	margin-bottom: 30px;
}

.swiper-button-next:after {
	font-size: 25px !important;
}

.swiper-button-prev:after {
	font-size: 25px !important;
}

.center-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.spotmedia-slide-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.spotmedia-img-col,
.spotmedia-text-col {
	padding: 20px;
}

.spotmedia-img-col img {
	width: 100%;
	height: auto;
}

.spotmedia-text-col h2 {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
}

.spotmedia-text-col p {
	font-size: 16px;
	line-height: 1.6;
}

.indicators-spotmedia {
	text-align: center;
	margin-top: 20px;
}

.indicators-spotmedia li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	background-color: #ccc;
	border-radius: 0%;
	cursor: pointer;
}

.indicators-spotmedia .active {
	border: 1px solid #01adee;
	background-color: #01adee;
	border-radius: 0px;
}

/* Responsive stacking on tablets and smaller */
@media (max-width: 767px) {
	.spotmedia-slide-content {
		display: block;
	}

	.spotmedia-text-col {
		text-align: center;
	}
}

.indicators-spotmedia {
	left: 75%;
	top: 65%;
}

@media (max-width: 767px) {
	.indicators-spotmedia {
		top: 94%;
		left: 50%;

	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.indicators-spotmedia {
		top: 71%;

	}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.indicators-spotmedia {
		top: 73%;

	}
}

@media (min-width: 1600px) {
	.indicators-spotmedia {
		top: 60%;

	}
}

.spotmediacalenderslide {
	padding: 50px 0px;
	background-color: #fff;
}


.bg-lightgrey {
	background-color: #f6f6f6;
}


.spotmedia-text-block {
	display: flex;
	align-items: center;
}

.spotmedia-text-inner {
	padding: 30px;
}

.spotmedia-text-inner h3 {
	color: #333;
}

.spotmedia-section-row {
	/*margin-bottom: 20px;*/
	padding: 30px 10px;
}

@media (max-width: 767px) {
	.spotmedia-text-inner {
		padding: 20px;
	}
}

/*video player*/
.reel-container {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
	/* 9:16 aspect ratio (height/width = 16/9 * 100%) */
	overflow: hidden;
	/*border-radius: 10px;*/
	background-color: #000;
	margin: 30px 0;
}

.reel-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* cover to simulate reel look */
	transition: transform 0.3s ease;
}

.reel-container video:fullscreen {
	object-fit: contain;
}

.spotpadding {}

@media (max-width: 767px) {
	.para {
		padding: 0 50px;
	}
}

.team-text {
	color: #01adee !important;
	padding-bottom: 30px;
}

.inMedia {
	background-color: #f3f3f3;
	/*text-align:start !important;*/
}

.ppt {
	font-family: 'Montserrat', sans-serif;
}

.justify-text {
	text-align: justify !important;
}

.text-5 {
	padding: 30px 0px;
}

.michelin-brief-1 {
	background-color: #fff;
}

.text-6 {
	padding: 50px 0px 20px;
}


/*SEO IMAGE GRID*/
.image-stack-section {
	width: 100%;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	.image-stack-section {
		padding-left: 25px;
	}
}

.image-stack {
	position: relative;
	width: 500px;
	height: 350px;
}

.stack-img {
	position: absolute;
	width: 400px;
	height: auto;
	border-radius: 10px;
	box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease;
}

/* Image 1 */
.img1 {
	top: 30px;
	left: -60px;
	transform: rotate(-7deg);
}

/* Image 2 */
.img2 {
	top: 150px;
	left: 30px;
	transform: rotate(2deg);
}

/* Image 3 */
.img3 {
	top: 70px;
	left: 250px;
	transform: rotate(-5deg);
}

/* Responsive */
@media (max-width: 768px) {
	.image-stack {
		width: 90%;
		height: auto;
	}

	.stack-img {
		position: static;
		width: 90%;
		margin: 20px 0;
		transform: none;
	}
}

.seo-section {
	background-color: #f3f3f3;
}

.text-7 {
	padding-top: 20px;
}

.spotmedia-img-col img {
	border: 1px solid #ddd;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: auto;
}

.spotmedia-text-inner h3 {
	text-align: left !important;
}

.text-8 {
	padding: 30px 0px 0px;
}

.para-1 {
	margin-bottom: 10px !important;
}

/*quantum slide*/
.quantum-slide-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantum-img-col,
.quantum-text-col {
	padding: 20px;
}

.quantum-img-col img {
	width: 100%;
	height: auto;
}

.quantum-text-col h2 {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
}

.quantum-text-col p {
	font-size: 16px;
	line-height: 1.6;
}

.indicators-quantum {
	text-align: center;
	margin-top: 20px;
}

.indicators-quantum li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	background-color: #ccc;
	border-radius: 0%;
	cursor: pointer;
}

.indicators-quantum .active {
	border: 1px solid #01adee;
	background-color: #01adee;
	border-radius: 0px;
}

/* Responsive stacking on tablets and smaller */
@media (max-width: 767px) {
	.quantum-slide-content {
		display: block;
	}

	.quantum-text-col {
		text-align: center;
	}
}

.quantumcalenderslide {
	padding: 50px 0px;
	background-color: #f3f3f3;
}

@media (max-width: 767px) {
	.quantumcalenderslide {
		padding: 10px 0px;

	}
}

.logo-slide-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	/*height: 100%;*/
	padding: 20px;
}

.logo-image {
	max-width: 50%;
	height: auto;
}

.seo-section-row {
	padding: 30px 10px;
}

@media (max-width: 767px) {
	.quantum-slide-content {
		flex-direction: column-reverse;
		display: flex;
	}

	.carousel-control-mobile {
		display: flex;
		justify-content: left;
		margin-top: 10px;
	}

	.carousel-control-mobile a {
		display: inline-block;
		margin: 0 10px;
		font-size: 25px;
		color: #01adee;
		text-decoration: none;
		font-weight: 600;
	}

	/* Hide default carousel controls on mobile */
	#quantumCarousel .carousel-control {
		display: none;
	}
}

@media (min-width: 768px) {
	.carousel-control-mobile {
		display: none;
	}
}

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

.video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
	/* 16:9 is 56.25%, 9:16 is 177.78% */
	background-color: #000;
	overflow: hidden;
	border-radius: 10px;
}

.video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper.mySwiper {
	padding: 40px 0;
}

.website-arrow img {
	transform: rotate(180deg);
}

.quantum-text-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*height: 100%;*/
	text-align: center;
}

.website-arrow {
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.website-arrow img {
	width: 50px;
	height: auto;
	margin-right: 8px;
	font-size: 16px;
}

.website-arrow span {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.pull-right span {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.pull-left span {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

/*indicators-quantum responsive*/
.indicators-quantum {
	left: 75%;
	top: 75%;
}

@media (max-width: 349px) {
	.indicators-quantum {
		top: 47%;
		left: 50%;

	}
}

@media (min-width: 350px) and (max-width: 374px) {
	.indicators-quantum {
		top: 44%;
		left: 50%;

	}
}

@media (min-width: 375px) and (max-width: 409px) {
	.indicators-quantum {
		top: 41%;
		left: 50%;

	}
}

@media (min-width: 410px) and (max-width: 454px) {
	.indicators-quantum {
		top: 39%;
		left: 50%;

	}
}

@media (min-width: 455px) and (max-width: 499px) {
	.indicators-quantum {
		top: 35%;
		left: 50%;

	}
}

@media (min-width: 500px) and (max-width: 530px) {
	.indicators-quantum {
		top: 33%;
		left: 50%;

	}
}

@media (min-width: 531px) and (max-width: 587px) {
	.indicators-quantum {
		top: 30%;
		left: 50%;

	}
}

@media (min-width: 586px) and (max-width: 642px) {
	.indicators-quantum {
		top: 28%;
		left: 50%;

	}
}

@media (min-width: 643px) and (max-width: 697px) {
	.indicators-quantum {
		top: 26%;
		left: 50%;

	}
}

@media (min-width: 698px) and (max-width: 767px) {
	.indicators-quantum {
		top: 24%;
		left: 50%;

	}
}

@media (min-width: 768px) and (max-width: 810px) {
	.indicators-quantum {
		top: 77%;

	}
}

@media (min-width: 811px) and (max-width: 899px) {
	.indicators-quantum {
		top: 85%;

	}
}

@media (min-width: 900px) and (max-width: 1079px) {
	.indicators-quantum {
		top: 82%;

	}
}

@media (min-width: 1080px) and (max-width: 1261px) {
	.indicators-quantum {
		top: 80%;

	}
}

@media (min-width: 1367px) and (max-width: 1599px) {
	.indicators-quantum {
		top: 70%;

	}
}

@media (min-width: 1600px) and (max-width: 1657px) {
	.indicators-quantum {
		top: 69%;

	}
}

@media (min-width: 1658px) {
	.indicators-quantum {
		top: 66%;

	}
}

@media (max-width: 810px) {
	.logo-image {
		max-width: 40%;

	}
}

@media (min-width: 768px) and (max-width: 810px) {
	.quantum-slide-content {
		padding-bottom: 50px;

	}
}

@media (max-width: 767px) {
	.website-arrow img {
		width: 30px;
		height: auto;
		margin-right: 0px;
		font-size: 14px;
		transform: rotate(90deg);
	}
}

@media (max-width: 767px) {
	.quantum-text-col {
		padding-bottom: 50px;

	}
}


.grid-item-1 {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}

.grid-item a::before {
	background: rgba(1, 173, 238, 0.9);
}

.indicators-quantum {
	z-index: 1;
	/* Lower than clickable elements */
}

.indicators-quantum {
	pointer-events: none;
}

.indicators-quantum li {
	pointer-events: auto;
	/* Enable on actual dots only */
	border: none !important;
}


.grid-item {
	position: relative;
	overflow: hidden;
}

.grid-item a.overlay-link {
	display: block;
	position: relative;
}

.grid-item img {
	width: 100%;
	display: block;
}

.grid-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	/* semi-transparent dark overlay */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	text-align: center;
}

.grid-item:hover .overlay,
.grid-item:focus-within .overlay {
	opacity: 1;
}

@media (max-width: 767px) {
	.grid-item .overlay {
		opacity: 1;
		/* Always show overlay on mobile since hover isn't supported well */
	}
}

.grid-item a h5 {
	left: 10px;
	right: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.indicators-cilantro {
	display: none;
}

.logo-section {
	background-color: #fff;
	padding-right: 0px;
	padding-left: 0px;
}

.cilantro-top-section {
	padding: 0px 0px 30px;
}

.carousel-indicators-text {
	white-space: nowrap;
}

.spotmedia-section-row-1 {
	display: flex;
	align-items: center;
	padding: 10px 10px;
}

@media (min-width: 1600px) {
	.spotmedia-section-row-1 {
		padding: 30px 10px;
	}
}

@media (max-width: 968px) {
	.spotmedia-section-row-1 {
		display: block;
		padding: 10px 10px;
	}
}

.embed-responsive {
	display: flex;
	justify-content: center;
}

.embed-responsive iframe {
	width: 100%;
	height: auto;
}

.nexus-video-section {
	background-color: #fff;
	padding: 50px 10px;
}

.styled-image {
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
	max-width: 100%;
	height: auto;
}

.daruju-video-section {
	background-color: #fff;
	padding: 30px 10px;
}

.career {
	/*background-color: #f6f6f6;*/
}

/* Layout */
/*.career-section {*/
/*  background-color: #f4f6f8;*/
/*  padding: 150px 20px 50px;*/
/*}*/

.career-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Form Box */
.career-form-box {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Heading */
.career-heading {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 30px;
	text-align: center;
}

/* Inputs */
.career-input,
.career-textarea {
	width: 100%;
	padding: 12px 15px;
	margin-bottom: 20px;
	border: 1px solid #ced4da;
	border-radius: 6px;
	font-size: 16px;
	transition: border-color 0.3s ease;
}

.career-input:focus,
.career-textarea:focus {
	outline: none;
	border-color: #007bff;
}

#resume {
	margin-top: 0.3em;
}

#resume-1 {
	margin-top: 1em;
}

.form-label {
	text-align: start !important;
	color: #fff;
}

#input-submit-1 {
	margin-top: 1.5em !important;
}

.cilantro-gallery {
	padding-top: 20px !important;
}

.cilantro-gallery table {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.text-9 {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
	color: #333 !important;
	line-height: 33px !important;
}


.career-section {
	background-image: url('https://yvdigitals.com/images/career-3.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 150px 0;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}

/* Optional dark overlay for better form contrast */
.career-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, 0.2); */
	z-index: 2;
}

.career-heading {
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}


/* Glassmorphism form style */
.career-form-box {
	position: relative;
	z-index: 3;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 15px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.text-start {
	text-align: start !important;
}

.image-grid-text {
	margin-top: 0px !important;
}

.contact-title {
	text-align: center !important;
}

.service-header {
	height: 100%;
	background-image: url('../images/service-banner.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
}

.header-banner-content-text h1 {
	font-size: 35px;
}

.about-header-banner-content-text h1 {
	font-size: 35px;
}

.whatwedo-content-col div {
	padding: 0px 15px;
}

.what-head-2 {
	text-transform: uppercase;
	text-transform: capitalize !important;
}

.chaitanya-header {
	height: 100%;
	background-image: url('../images/lacasera-banner-new.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;

}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 40px !important;
	height: 40px !important;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #01adee;
	border-radius: 50%;
	transition: background-color 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 20px;
	color: #ffffff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: #00000050;
}

.swiper-button-next,
.swiper-button-prev {
	z-index: 20;
}

/*===========================================================================================*/

.yvdigital-section-row {
	padding: 70px 20px;
}

.yv-text-inner {
	padding: 0 30px;
}

.yv-text-inner h3 {
	text-align: left !important;
	line-height: 36px;
	color: #333;
}

@media (max-width:767px) {
	.yv-text-inner {
		padding: 30px 30px;
	}
}

.yv-text-inner ul {
	text-align: left !important;
	list-style: none;
	font-family: 'Montserrat';
	padding: 0;
	margin: 0;
}

.yv-text-inner ul li {
	text-align: left !important;
	padding: 10px 20px;
	font-size: 16px;
	display: flex;
	align-items: flex-start;
}

.yv-text-inner ul i {
	color: #01adee;
	margin-right: 10px;
	font-size: 16px;
	flex-shrink: 0;
}

.bg-grey {
	background-color: #f3f3f3;
}

.benefits-section-row {
	padding: 50px 20px;
}



.grid-item.socialmedia {
	width: 280px;
	height: 500px;
	padding: 0;
	overflow: hidden;
	position: relative;
	 margin: 20px 30px;

}

.grid-item.socialmedia video.reel-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

 /*Dropdown style*/
        .dropdown-menu {
    background: #ffffff;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 0;
    margin-top: 0;
    min-width: 250px;
    display: none;
    list-style: none;
    z-index: 9999;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-menu > li {
    list-style: none;
}

.dropdown-menu > li > a {
    padding: 12px 24px;
    color: #1a202c !important;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.dropdown-menu > li > a:hover {
    background: linear-gradient(135deg, #01adee 0%, #0190c7 100%) !important;
    color: white !important;
    padding-left: 28px;
}

.dropdown-menu > li > a i {
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

/* Desktop Hover */
@media (min-width: 769px) {
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
        animation: fadeInDown 0.3s ease;
    }
    
    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* Dropdown Arrow */
.dropdown > a::after {
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    border: none;
    margin-left: 6px;
    transition: transform 0.3s ease;
    display: inline-block;
}

.dropdown.active > a::after {
    transform: rotate(180deg);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .dropdown-menu {
        position: static !important;
        float: none !important;
        box-shadow: none !important;
        border-left: 3px solid #01adee;
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 0;
        background: #000000 !important;
        border-radius: 0;
        width: 100%;
    }
    
    .dropdown-menu > li {
        list-style: none;
    }
    
    .dropdown-menu > li > a {
        padding: 12px 20px !important;
        font-size: 0.9rem;
        color: #ffffff !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .dropdown-menu > li > a:hover {
        background: #01adee !important;
        padding-left: 30px !important;
    }
    
    .dropdown {
        position: relative;
    }
}
@media (min-width: 992px) {
    .navbar-custom.affix .navbar-custom-links ul li a {
        justify-content: center;
        color:#777777 !important;
    }
    .navbar-custom.affix .navbar-custom-links .dropdown-menu li a:hover {
        color:#fff !important;
    }
}
@media screen and (max-width: 991px) {
    .navbar-custom.affix .navbar-custom-links ul li a {
        background: #000 !important;
        color: #ffffff !important;
    }
}
@media screen and (min-width: 991px) and (max-width: 1088px) {

    .navbar-custom.affix .navbar-brand img {
    width: 90px;
}
.navbar-right {
    margin-right: 0px;
}
.navbar-custom .navbar-custom-links ul li a {
    font-size: 13px !important;
}
.navbar-brand>img {
    width: 120px  !important;
}
}

 .dropdown-menu li a {
   margin-top: 0px !important;
   text-align:center !important;
}


  /* Responsive Image Styles - No Stretching */

/* Featured Image Container */
.featured-image {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

.featured-image .image-placeholder {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.featured-image .image-placeholder img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain; /* Prevents stretching */
    max-height: 500px;
}

/* Screenshot Placeholders */
.screenshot-placeholder {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    overflow: hidden;
    border-radius: 8px;
}

.screenshot-placeholder img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain; /* Prevents stretching */
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

/* General Image Styles */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Responsive Breakpoints */

/* Tablets and Small Desktops */
@media screen and (max-width: 992px) {
    .featured-image {
        padding: 0 15px;
    }
    
    .featured-image .image-placeholder img {
        max-height: 400px;
    }
}

/* Mobile Devices */
@media screen and (max-width: 768px) {
    .featured-image {
        margin-bottom: 30px;
        padding: 0 10px;
    }
    
    .featured-image .image-placeholder {
        border-radius: 8px;
    }
    
    .featured-image .image-placeholder img {
        max-height: 300px;
    }
    
    .screenshot-placeholder {
        margin: 20px 0;
    }
    
    .screenshot-placeholder img {
        border-radius: 6px;
    }
}

/* Small Mobile Devices */
@media screen and (max-width: 480px) {
    .featured-image {
        padding: 0 5px;
    }
    
    .featured-image .image-placeholder img {
        max-height: 250px;
    }
}

/* Extra Small Devices */
@media screen and (max-width: 360px) {
    .featured-image .image-placeholder img {
        max-height: 200px;
    }
}

/* Optional: Maintain aspect ratio for specific image types */
.aspect-ratio-16-9 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 ratio */
    overflow: hidden;
}

.aspect-ratio-16-9 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Prevent layout shift while images load */


/* Loading state */
img:not([src]) {
    visibility: hidden;
}





.main-menu ul li.has-dropdown {
  position: relative;
}

.main-menu ul li.has-dropdown > a::after {
  content: "\f107"; /* Font Awesome down arrow */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 5px;
  font-size: 12px;
  transition: transform 0.3s ease;
  text-decoration: none;
}

.main-menu ul li.has-dropdown:hover > a::after {
  transform: rotate(180deg);
  text-decoration: none;
}

.main-menu .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  padding: 10px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 999;
  margin-top: 0;
}

.main-menu ul li.has-dropdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.main-menu .submenu li {
  display: block;
  margin: 0;
  padding: 0;
}

.main-menu .submenu li a {
  display: block;
  padding: 12px 25px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.main-menu .submenu li a:hover {
  background: #01adee;
  color: #fff;
  padding-left: 30px;
}

/* Mobile Menu Dropdown */
@media screen and (max-width: 1199px) {
  .mobile-menu .has-dropdown .submenu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: transparent;
    padding-left: 20px;
    display: none;
  }
  
  .mobile-menu .has-dropdown.active .submenu {
    display: block;
  }
  
  .mobile-menu .has-dropdown > a::after {
    float: right;
  }
  
  .mobile-menu .submenu li a {
    padding: 10px 15px;
    color: #666;
  }
  
  .mobile-menu .submenu li a:hover {
    background: rgba(1, 173, 238, 0.1);
    color: #01adee;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1199px) {
    .header-area .main-menu li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
    
}