@font-face {
  font-family: 'Novecentowide-light';
  src: url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.eot');
  src: url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.woff2') format('woff2'), url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.woff') format('woff'), url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.ttf') format('truetype'), url('font/nv/fonts/Light/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Novecentowide-book';
  src: url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.eot');
  src: url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.eot?#iefix') format('embedded-opentype'), url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.woff2') format('woff2'), url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.woff') format('woff'), url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.ttf') format('truetype'), url('font/nv/fonts/Book/Novecentosanswide-Book-webfont.svg#novecento_sans_wide_bookbold') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Novecentowide-normal';
  src: url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.eot');
  src: url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'), url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.woff2') format('woff2'), url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.woff') format('woff'), url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.ttf') format('truetype'), url('font/nv/fonts/Regular/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
  font-weight: 100;
  font-style: normal;
}


@font-face {
  font-family: 'opensans';
  src: url("font/opensans/OpenSans-Regular.eot?v=1.1.0");
  src: url("font/opensans/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("font/opensans/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("font/opensans/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("font/opensans/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("font/opensans/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'opensanslight';
  src: url("font/opensans/OpenSans-Light-webfont.eot?v=1.1.0");
  src: url("font/opensans/OpenSans-Light-webfont.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("font/opensans/OpenSans-Light-webfont.woff2?v=1.1.0") format("woff2"), url("font/opensans/OpenSans-Light-webfont.woff?v=1.1.0") format("woff"), url("font/opensans/OpenSans-Light-webfont.ttf?v=1.1.0") format("truetype"), url("font/opensans/OpenSans-Light-webfont.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica-new';
  src: url("font/hel/helvetica-neue-webfont.eot?v=1.1.0");
  src: url("font/hel/helvetica-neue-webfont.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("font/hel/helvetica-neue-webfont.woff2?v=1.1.0") format("woff2"), url("font/hel/helvetica-neue-webfont.woff?v=1.1.0") format("woff"), url("font/hel/helvetica-neue-webfont.ttf?v=1.1.0") format("truetype"), url("font/hel/helvetica-neue-webfont.svg?v=1.1.0#Regular") format("svg");
  
}




/*@font-face {
  font-family: 'Novecentowide-normal';
  src: url('font/Synthview-Novecentowide-Normal_0.otf') format('opentype') 
}


@font-face {
  font-family: 'Novecentowide-medium';
  src: url('font/Synthview-Novecentowide-Medium.otf') format('opentype') 
}


@font-face {
  font-family: 'Novecentowide-light';
  src: url('font/Synthview-Novecentowide-Light_0.otf') format('opentype') 
}

@font-face {
  font-family: 'Novecentowide-book';
  src: url('font/Synthview-Novecentowide-Book.otf') format('opentype')
}


@font-face {
  font-family: 'helvetica-new';
  src: url('font/helvetica-neue-ce-35-thin-1361522164.ttf') format('truetype') 
}*/


@font-face {
  font-family: 'Lato';
  src: url('font/new/Lato-Light.ttf') format('truetype') 
}

@font-face {
  font-family: 'RPROMESH';
  src: url('font/new/PROMESH-Regular.ttf') format('truetype') 
}




@font-face {
  font-family: 'Dekar-Light';
  src: url('font/Dekar-Light.otf') format('truetype') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       
}



@font-face {
  font-family: 'ACaslonPro';
  src: url('font/ACaslonPro-Regular.otf') format('truetype') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       
}



.preload-content span {font-family:lato !important;text-transform:uppercase}

.square-grid:before, .text-section .columns:before, .contact-form #contact-form:before, .square-grid:after, .text-section .columns:after, .contact-form #contact-form:after {
    content: "";
    display: table;
}
.square-grid:after, .text-section .columns:after, .contact-form #contact-form:after {
    clear: both;
}
.hero-section, .square-grid a.square, .media-section .media.image, .main-nav, .loader:before, .loader:after, .work-hero .images .layer, .expertise-area .less, .expertise-video .image, .culture-hero .image, .text-section.office-listing .map {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.video-container iframe, .video-container embed, .video-container object, .hero-section .outer, .square-grid .outer, .media-section .media, .main-header .text span, .main-nav, .slider .slides, .slider .slides > *, .share-panel, .loader:before, .loader:after, .work-hero .images, .work-hero .images .layer, .work-hero .loading-overlay, .expertise-area .less, .expertise-area .less:after, .expertise-area .interlay, .expertise-area .more > .outer, .expertise-video .image, .expertise-video .video, .expertise-video .image:after, .expertise-video .video .video-container, .culture-hero .image, .culture-hero .video, .culture-hero .video .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.hero-section .outer, .main-nav .outer, .share-panel .outer, .expertise-area .less .outer {
    display: table;
    box-sizing: content-box;
    width: 100%;
}
.hero-section .outer > .inner, .main-nav .outer > .inner, .share-panel .outer > .inner, .expertise-area .less .outer > .inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%}
	
	
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html, body {
height: 100%;
width: 100%;

}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


body {
  
  margin: 0;
  min-height: 100%;
  font-family:opensans;
  font-size: 14px;
  background-color:#fff;
}


.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}



	

h1, h2, h3, h4, h5, h6 {
    line-height: .9;
    font-weight: 900;
    letter-spacing: .006em;
    text-transform: uppercase;
}
@media (max-width:639px) {
    h1 {
    font-size: 32px;
}
}@media (min-width:640px) and (max-width:1023px) {
    h1 {
    font-size: 45px;
}
}@media (min-width:1024px) {
    h1 {
    font-size: 60px;
}
}@media (max-width:639px) {
    h2 {
    font-size: 27px;
}
}@media (min-width:640px) and (max-width:1023px) {
    h2 {
    font-size: 38px;
}
}@media (min-width:1024px) {
    h2 {
    font-size: 50px;
}
}ul, ol {
    list-style: none;
    font-weight: 300;
}
ul li, ol li {
    line-height: 1.38;
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
p {
    font-weight: 300;
    line-height: 1.38;
}






/* menu bar desktop*/


	@media (min-width: 1800px) {
	.slideout-menu {
	font-family:Novecentowide-normal;
		position: absolute;
		top: 0;
		left: -350px;
		width: 350px;
		height: 100%;
		background: #fff;
		opacity:0.9;
		z-index: 99999;
	}
	
	.slideout-menu ul {
	font-size:21px;
	font-family:Novecentowide-light;
		list-style: none;
		font-weight: bold;
		/*border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;*/
		position:relative;
		top: 40%;
		-ms-transform: translate(0%,-40%);
		-webkit-transform: translate(0%,-40%);
		-moz-transform: translate(0%,-40%);
		-o-transform: translate(0%,-40%);
		transform: translate(0%,-40%);
	}
	
	.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top: 20px;
		left: 20px;
		display: inline-block;
		
		font-weight: bold;
		line-height: 1;
		color: #000;
		text-decoration: none;
		vertical-align: top;
		font-size:40px;
	}
	
	
	}
	
	@media (min-width: 1200px) and (max-width: 1799px){
	
	
	.slideout-menu {
	font-family:Novecentowide-light;
		position: absolute;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #fff;
		opacity:0.9;
		z-index: 99999;
	}
	
	
	.slideout-menu ul {
	font-size:18px;
	font-family:Novecentowide-light;
		list-style: none;
		font-weight: bold;
		/*border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;*/
		position:relative;
		top: 40%;
		-ms-transform: translate(0%,-40%);
		-webkit-transform: translate(0%,-40%);
		-moz-transform: translate(0%,-40%);
		-o-transform: translate(0%,-40%);
		transform: translate(0%,-40%);
	}
	
	.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top:0px;
		left: 20px;
		display: inline-block;
		
		font-weight: bold;
		line-height: 1;
		color: #000;
		text-decoration: none;
		vertical-align: top;
		font-size:40px;
	}
	
	}
	
	@media (max-width:1199px) {
	
	.slideout-menu {
	font-family:Novecentowide-light;
		position: absolute;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #fff;
		opacity:0.9;
		z-index: 99999;
	}
	
	
	.slideout-menu ul {
	font-size:18px;
	font-family:Novecentowide-light;
		list-style: none;
		font-weight: bold;
		/*border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;*/
		position:relative;
		top: 40%;
		-ms-transform: translate(0%,-40%);
		-webkit-transform: translate(0%,-40%);
		-moz-transform: translate(0%,-40%);
		-o-transform: translate(0%,-40%);
		transform: translate(0%,-40%);
	}
	
	.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top:0px;
		left: 20px;
		display: inline-block;
		
		font-weight: bold;
		line-height: 1;
		color: #000;
		text-decoration: none;
		vertical-align: top;
		font-size:40px;
	}
	
	
	}
	
	
	.slideout-menu h3 {
		position: relative;
		padding: 12px 10px;
		color: #000;
		font-size: 1.2em;
		font-weight: 400;
		
	}
	
	.slideout-menu .slideout-menu-toggle:hover {
		color: #000;
	}
	.slideout-menu ul {
	font-family:Novecentowide-light;
		list-style: none;
		font-weight: bold;
		/*border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;*/
		position:relative;
		top: 40%;
		-ms-transform: translate(0%,-40%);
		-webkit-transform: translate(0%,-40%);
		-moz-transform: translate(0%,-40%);
		-o-transform: translate(0%,-40%);
		transform: translate(0%,-40%);
		
		
	}
	
	.slideout-menu ul li a {
		font-family:Novecentowide-light;
		position: relative;
		display: block;
		padding: 10px;
		color: #000;
		text-decoration: none;
		text-align:center;
	}
	.slideout-menu ul li a:hover {
		background: #baa17a;
		color: #fff;
	}
	.slideout-menu ul li a i {
		position: absolute;
		top: 15px;
		right: 10px;
		opacity: .5;
	}
	

.header {position:absolute;top:20px;left:0px;background: #000;opacity: 0.7;text-align: center;padding:2px 15px}
.header .slideout-menu-toggle {	color: #000;	text-decoration: none;	}
















@media (min-width: 1700px) {

.headingheight1 {letter-spacing:2px;text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:helvetica-new;font-size:24px}
.innercontent1{font-family:calibri;font-size:23px}


.headingheight2 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:opensans;font-size:30px}
.innercontent2{font-family:opensans;font-size:26px}

.headingheight3 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:ACaslonPro;font-size:25px}
.innercontent3{font-family:ACaslonPro;font-size:22px}

.headingheight4 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:SourceSansPro;font-size:30px}
.innercontent4{font-family:SourceSansPro;font-size:26px}

.headingheight5 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:CicleGordita;font-size:32px}
.innercontent5{font-family:CicleGordita;font-size:28px}


.content-box-new { position:absolute;top:35%;width:100%;float:left;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }


.content-box { position:absolute;top:50%;width:100%;float:left;height:50%;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }
.abs-logo {position: absolute; top:0%; left: 50%;-ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.menustyle {position: absolute; top:20px; left: 0px;padding:10px 0px;background:none;}

 .preload-content { position: absolute; top:50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: ACaslonPro; font-size:16px; }
.life-content { font-size:16px;font-weight:bold;background:#000; color:#fff; opacity:0.6; text-align:Center;padding:15px 0px 18px 0px;font-family:Novecentowide-light }

.slideleftbutton {margin-top:15px; width:100%;float:left;text-align:center;}
.slideleftbutton a {display:block;font-size:12px;font-weight:normal;color:#fff;text-align:Center;font-family:Novecentowide-light}
.logodimension{width:100%}

.tcontainer {position: absolute;top: 32%;left:50%;ms-transform: translate(-50%,-32%); -webkit-transform: translate(-50%,-32%); -moz-transform: translate(-50%,-32%); -o-transform: translate(-50%,-32%); transform: translate(-50%,-32%);}

#display-container {display:table; position: absolute; top: 50%;  margin-top:1px; font-family:opensans;z-index:666;background:#000;opacity:0.8 }
.lcontent { display:table-cell;vertical-align:middle;text-align:justify; }

.lcontent-heading{text-align:left;color:#fff;font-size:29px;font-family:Novecentowide-light;margin-bottom:25px;}
.lcontent p {word-spacing:7px;color:#fff;text-align:justify;margin-bottom:20px;font-size:16px;font-family:opensans;}


.contact-us {
font-family:opensans;
}	

.contact-us p{
font-family:opensans;
font-size:20px;
}	

.copyright {font-size:16px;color:#000;}
.copyright a {font-size:16px;color:#000; text-decoration:none;outline:none;}

.text-line-height {line-height:40px;}
.text-font{font-size:40px;font-weight:bold;font-family:helvetica-new}
.text-font-small{font-size:25px;font-family:helvetica-new;font-weight:bold;}

.helvet-text-font{font-size:40px;font-weight:bold;font-family:helvetica-new}
.helvet-text-font-small{font-size:22px;font-family:helvetica-new}

.opensans-text-font{font-size:30px;font-weight:bold;font-family:opensans}
.opensans-text-font-small{font-size:22px;font-family:opensans}


.baskvill-text-font{font-size:50px;font-weight:normal;font-family:BASKVILL}
.baskvill-text-font-small{font-size:35px;font-family:BASKVILL}

.lineheight {line-height:50px;}
.emptyheight{float:left;height:120px;background:#fff;width:100%;}

.vyoma-logo {position: absolute; top:20px; right: 30px;}

}



@media (min-width: 1500px) and (max-width: 1699px){

.lineheight {line-height:40px;}

.headingheight1 {letter-spacing:2px;text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:helvetica-new;font-size:22px}
.innercontent1{font-family:calibri;font-size:18px}

.headingheight2 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:opensans;font-size:22px}
.innercontent2{font-family:opensans;font-size:18px}


.headingheight3 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:ACaslonPro;font-size:22px}
.innercontent3{font-family:ACaslonPro;font-size:18px}


.headingheight4 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:SourceSansPro;font-size:22px}
.innercontent4{font-family:SourceSansPro;font-size:18px}

.headingheight5 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:CicleGordita;font-size:26px}
.innercontent5{font-family:CicleGordita;font-size:22px}



.text-line-height {line-height:40px;}
.text-font{font-size:40px;font-weight:bold;font-family:Novecentowide-book}
.text-font-small{font-size:22px;}

.helvet-text-font{font-size:40px;font-weight:bold;font-family:helvetica-new}
.helvet-text-font-small{font-size:22px;font-family:helvetica-new}


.opensans-text-font{font-size:30px;font-weight:bold;font-family:opensans}
.opensans-text-font-small{font-size:22px;font-family:opensans}


.baskvill-text-font{font-size:30px;font-weight:bold;font-family:BASKVILL}
.baskvill-text-font-small{font-size:22px;font-family:BASKVILL}



.content-box-new { position:absolute;top:56%;width:100%;float:left;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }


.content-box { position:absolute;top:56%;width:100%;float:left;height:55%;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }
.abs-logo {position: absolute; top:0%; left: 50%;-ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.menustyle {position: absolute; top:20px; left: 0px;padding:10px 0px;background:none;}

 .preload-content { position: absolute; top:50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: ACaslonPro; font-size:16px; }
.life-content { font-size:16px;font-weight:bold;background:#000; color:#fff; opacity:0.6; text-align:Center;padding:15px 0px 18px 0px;font-family:Novecentowide-light }

.slideleftbutton {margin-top:15px; width:100%;float:left;text-align:center;}
.slideleftbutton a {display:block;font-size:12px;font-weight:normal;color:#fff;text-align:Center;font-family:Novecentowide-light}
.logodimension{width:100%}

.tcontainer {position: absolute;top: 32%;left:50%;ms-transform: translate(-50%,-32%); -webkit-transform: translate(-50%,-32%); -moz-transform: translate(-50%,-32%); -o-transform: translate(-50%,-32%); transform: translate(-50%,-32%);}

#display-container {display:table; position: absolute; top: 50%;  margin-top:1px; font-family:opensans;z-index:666;background:#000;opacity:0.8 }
.lcontent { display:table-cell;vertical-align:middle;text-align:justify; }
.lcontent p {word-spacing:7px;color:#fff;text-align:justify;margin-bottom:20px;font-size:16px;font-family:opensans;}
.lcontent-heading{text-align:left;color:#fff;font-size:29px;font-family:Novecentowide-light;margin-bottom:25px;}





.contact-us {
font-family:opensans;
}	

.contact-us p{
font-family:opensans;
font-size:20px;
}	
.copyright {font-size:16px;color:#000;}
.copyright a {font-size:16px;color:#000; text-decoration:none;outline:none;}
.emptyheight{float:left;height:120px;background:#fff;width:100%;}
}
@media (min-width: 1200px) and (max-width: 1599px){
.emptyheight{float:left;height:120px;background:#fff;width:100%;}

.vyoma-logo {position: absolute; top:20px; right: 20px;}
}


@media (min-width: 1200px) and (max-width: 1499px){

.lineheight {line-height:40px;}
.headingheight1 {letter-spacing:2px;text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:helvetica-new;font-size:18px}
.innercontent1{font-family:calibri;font-size:19px}

.headingheight2 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:opensans;font-size:21px}
.innercontent2{font-family:opensans;font-size:19p}

.headingheight3 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:ACaslonPro;font-size:20px;margin-bottom:35px;}
.innercontent3{font-family:ACaslonPro;font-size:19px}


.headingheight4 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:SourceSansPro;font-size:20px;margin-bottom:35px;}
.innercontent4{font-family:SourceSansPro;font-size:19px}


.headingheight5 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:CicleGordita;font-size:24px;margin-bottom:35px;}
.innercontent5{font-family:CicleGordita;font-size:22px}



.text-line-height {line-height:30px;}
.text-font{font-size:30px;font-weight:bold;font-family:Novecentowide-book}
.text-font-small{font-size:18px;}

.helvet-text-font{font-size:30px;font-weight:bold;font-family:helvetica-new}
.helvet-text-font-small{font-size:18px;font-family:helvetica-new}


.opensans-text-font{font-size:30px;font-weight:bold;font-family:opensans}
.opensans-text-font-small{font-size:18px;font-family:opensans}


.baskvill-text-font{font-size:30px;font-weight:bold;font-family:BASKVILL}
.baskvill-text-font-small{font-size:18px;font-family:BASKVILL}




.content-box-new { position:absolute;top:30%;width:100%;float:left;height:70%;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }


.content-box { position:absolute;top:55%;width:100%;height:65%;float:left;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }


.abs-logo {position: absolute; top:0%; left: 50%;-ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.menustyle {position: absolute; top:20px; left: 0px;padding:10px 0px;background:none;}

 .preload-content { position: absolute; top:50%; left: 50%;-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: ACaslonPro; font-size:16px; }
 
 .life-content { font-size:14px;font-weight:bold;background:#000; color:#fff; opacity:0.6; text-align:Center;padding:15px 0px 18px 0px;font-family:Novecentowide-light }
.slideleftbutton {margin-top:15px; width:100%;float:left;text-align:center;}
.slideleftbutton a {font-size:12px;font-weight:normal;color:#fff;text-align:Center;font-family:Novecentowide-light}
.logodimension{width:75%}

.tcontainer {position: absolute;top: 30%;width:100%;left:50%;ms-transform: translate(-50%,-30%); -webkit-transform: translate(-50%,-30%); -moz-transform: translate(-50%,-30%); -o-transform: translate(-50%,-30%); transform: translate(-50%,-30%);}

#display-container {display:table; position: absolute; top: 48%;  margin-top:1px; font-family:opensans;z-index:666;background:#000;opacity:0.8 }
.lcontent { display:table-cell;vertical-align:middle;text-align:justify; }
.lcontent p {word-spacing:7px;color:#fff;text-align:justify;margin-bottom:20px;font-size:14px;font-family:opensans;}
.lcontent-heading{text-align:left;color:#fff;font-size:25px;font-family:Novecentowide-light;margin-bottom:25px;}







.contact-us {
font-family:opensans;
}	

.contact-us p{
font-family:opensans;
font-size:16px;
}	

.copyright {font-size:12px;color:#000;}
.copyright a {font-size:12px;color:#000; text-decoration:none;outline:none;}
.vyoma-logo {position: absolute; top:20px; right: 0px;}


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


.slideleftbutton {margin-top:15px; width:100%;float:left;text-align:center;}
.slideleftbutton a {font-size:12px;font-weight:normal;color:#fff;text-align:Center;font-family:Novecentowide-light}

.lineheight {line-height:40px;}
.headingheight1 {letter-spacing:2px;text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:helvetica-new;font-size:15px}
.innercontent1{font-family:calibri;font-size:16px}

.headingheight2 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:opensans;font-size:18px}
.innercontent2{font-family:opensans;font-size:16px}

.headingheight3 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:ACaslonPro;font-size:18px}
.innercontent3 {font-family:ACaslonPro;font-size:16px}


.headingheight4 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:SourceSansPro;font-size:18px}
.innercontent4 {font-family:SourceSansPro;font-size:16px}


.headingheight5 {text-transform:uppercase;font-weight:bold;z-index:999;margin-bottom:20px;font-family:CicleGordita;font-size:18px}
.innercontent5 {font-family:CicleGordita;font-size:16px}



.vyoma-logo {position: absolute; top:20px; right: 0px;}
.emptyheight{float:left;height:130px;background:#fff;width:100%;}
.content-box { position:absolute;top:55%;width:100%;float:left;background: #fff;filter: alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.9;zoom: 1; }

.main-header .text { margin-left:-8px; }
.abs-logo {position: absolute; top:0%; left: 50%;-ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}

.menustyle {width:144px;position: absolute; top:156px; left: 50%; -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}

.preload-content { width:100%;position: absolute; top:50%; left: 50%;font-family: ACaslonPro; font-size:16px; -ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.life-content { font-size:14px;font-weight:bold;background:#000; color:#fff; opacity:0.6; text-align:Center;padding:15px 0px 18px 0px;font-family:Novecentowide-light }
.life-content a {font-size:13px;font-weight:normal;background:#000; color:#fff;text-align:Center;padding:5px 10px 7px 10px;font-family:Novecentowide-light}

.tcontainer {position: absolute;top: 32%;width:100%;left:50%;ms-transform: translate(-50%,-32%); -webkit-transform: translate(-50%,-32%); -moz-transform: translate(-50%,-32%); -o-transform: translate(-50%,-32%); transform: translate(-50%,-32%);}

#display-container {display:table; position: absolute; top: 45%;  margin-top:1px; font-family:opensans;z-index:666;background:#000;opacity:0.8 }
.lcontent { display:table-cell;vertical-align:middle;text-align:justify; }
.lcontent p {word-spacing:7px;color:#fff;text-align:justify;margin-bottom:20px;font-size:14px;font-family:opensans;}
.lcontent-heading{text-align:left;color:#fff;font-size:20px;font-family:Novecentowide-light;margin-bottom:25px;}


.contact-us {
font-family:opensans;
}	

.contact-us p{
font-family:opensans;
font-size:14px;
}	

.copyright {font-size:12px;color:#000;}
.copyright a {font-size:12px;color:#000; text-decoration:none;outline:none;}


.text-line-height {line-height:30px;}
.text-font{font-size:30px;font-weight:bold;font-family:Novecentowide-book}
.text-font-small{font-size:18px;}

.helvet-text-font{font-size:30px;font-weight:bold;font-family:helvetica-new}
.helvet-text-font-small{font-size:18px;font-family:helvetica-new}


.opensans-text-font{font-size:30px;font-weight:bold;font-family:opensans}
.opensans-text-font-small{font-size:18px;font-family:opensans}


.baskvill-text-font{font-size:30px;font-weight:bold;font-family:BASKVILL}
.baskvill-text-font-small{font-size:18px;font-family:BASKVILL}



 }


.outer ul li a {color:#000;}
.outer ul li a:hover {background:#baa17a;color:#fff !important;}
.nopadding { padding:0px !important;}





/*SITE PLAN PAGE*/
.fullscreen {
height:100%;
position:relative;
}

.item1 {
float:left;

background-size: cover;
width:100%;
}

.item2 {
float:left;

background-size: cover;
width:100%;
}

.item3 {
float:left;

background-size: cover;
width:100%;
}


.item11 {
float:left;
background: url(../images/p11.jpg);
background-size: cover;
width:100%;
}


.item22 {
float:left;
background: url(../images/p2.jpg);
background-size: cover;
width:100%;
}


.item33 {
float:left;
background: url(../images/p33.jpg);
background-size: cover;
width:100%;
}



.item4 {
float:left;
background: url(../images/p44.jpg);
background-size: cover;
width:100%;
}





.pmain {
float:left;
background: url(../images/pmain.jpg);
background-size: cover;
width:100%;
height:100%;
}


.item-detail {position: absolute; z-index: 1;top:50%; left: 0%;width:100%;text-align:center;opacity:0.7;-ms-transform: translate(0%,-50%);
-webkit-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-o-transform: translate(0%,-50%);transform: translate(0%,-50%); }

.item-bg1{background:#000;color:#fff;opacity:0.8;}
.item-bg2{background:#fff;opacity:1;}

.item-detail1 {position: absolute; z-index: 1;top:50%; left: 0%;-ms-transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-o-transform: translate(0%,-50%);transform: translate(0%,-50%);background:#fff;width:100%;text-align:center; padding:20px 0px;}

.item-detail .item-detail-title {font-size:25px;}
.item-detail .item-detail-roman {font-size:40px;}
.item-detail .item-short-desc {font-family:ACaslonPro;padding:20px 60px 0px 60px}





.towerplan-detail .plan-heading {color:#baa17a;margin-top:4%;text-align:center;font-weight:bold;text-decoration:underline;font-size:16px;}

.towerplan-detail .plan-sub-heading {color:#baa17a;margin-top:20px;margin-bottom:10px;font-weight:bold;}

.towerplan-detail .plan-desc ul {list-style-type:none;}

.towerplan-detail .plan-desc ul li {color:#000;padding:5px 0px;text-align:justify;font-family:ACaslonPro}

.towerplan-detail .plan-desc ul > li:before
{
content: '\25CF ';
font-size: 8px;
color: #baa17a;
margin-right: 10px;
padding: 0px;
line-height: 15px;
}



.menuheading {
text-align:center;
font-weight:bold;
color:#fff;
margin-bottom:20px;
font-family:helvetica-new;
font-size:32px;

}


/*FOOTER MENU*/
.footer-menu {position:fixed;bottom:0px;width:100%;float:left;background:#000;opacity:0.9;}
.footer-menu {width:100%;float:left;background:#000;opacity:0.9;}
.ftr_menu_content a {display:block;width:100%;padding:10px 0px;text-align:center;color:#fff;font-family:Novecentowide-light;font-size:16px}
.ftr_menu_content a:hover {color:#fff;background:#baa17a;}
.ftr_mn_active{color:#fff;background:#baa17a;}



.valign{display:table;}
.dptable {display:table-cell;vertical-align:middle;text-align:center;font-family:Novecentowide-normal;font-size:40px;font-weight:bold;}
.dptable p {text-align:justify;font-size:16px;font-family:opensans;margin:20px 0px;padding-right:20px}
.dptable2 {display:table-cell;vertical-align:middle;text-align:center;font-family:calibri;font-size:18px;font-weight:bold;}
.dptable2 p {text-align:justify;margin-bottom:20px;}
.dptable3 {display:table-cell;vertical-align:middle;text-align:center;font-family:Novecentowide-normal;font-size:40px;font-weight:bold;}
.dptable3 a {display:block;outline:none;}
.dptable4 {text-align:center;font-family:calibri;font-size:18px;font-weight:bold;}


.arrow {
  
  
  
  width: 30px;
  height: 14px;
 
  background-size: contain;
  
}


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

/* Scroll down indicator (bouncing) */
/*@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
	
	
	
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }*/
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  60% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }


/*SPECIFICATION */
.spec-sub-heading {margin-bottom:20px}
.specification h2{margin-bottom:20px;}
.specification h4{margin-bottom:15px;text-transform:uppercase;font-weight:bold}
.specification p{text-align:justify;margin-bottom:10px}



.absolute-top {
top: 50%;
-ms-transform: translate(0%,-50%);
-webkit-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
-o-transform: translate(0%,-50%);
transform: translate(0%,-50%);


}

.twrpdng {padding:0% 3% !important;}	
	
.towerlist ul {text-align:right;width:100%;}
.towerlist ul li{display:inline;padding:5px 20px;background:#e6e6e6}
.towerlist ul li a{text-decoration:none;outline:none;color:#000}
.towerlist ul li a:hover{color:#fff}
.towerlist ul li:hover{background:#baa17a;color:#fff}
.towerlist ul .active{background:#baa17a;color:#fff;}


	
@media (min-width:1900px) {
.trlogo { position:absolute;top:40%;left:50%;translate(-50%,-40%); -webkit-transform: translate(-50%,-40%); -moz-transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); transform: translate(-50%,-40%); }
}

@media (min-width:1500px) and (max-width: 1899px) {
.trlogo { position:absolute;top:40%;left:50%;translate(-50%,-40%); -webkit-transform: translate(-50%,-40%); -moz-transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); transform: translate(-50%,-40%); }
}

@media (min-width:1200px) and (max-width: 1499px) {
.trlogo { position:absolute;top:40%;left:50%;translate(-50%,-40%); -webkit-transform: translate(-50%,-40%); -moz-transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); transform: translate(-50%,-40%); }
}


@media (max-width: 1199px) {
.trlogo { position:absolute;top:26%;left:50%;translate(-50%,-26%); -webkit-transform: translate(-50%,-26%); -moz-transform: translate(-50%,-26%); -o-transform: translate(-50%,-26%); transform: translate(-50%,-26%); }
}


@media (max-width: 1199px) {
.anim{ position: absolute; top:55%; left:50%;
translate(-50%,-55%); -webkit-transform: translate(-50%,-55%); -moz-transform: translate(-50%,-55%); -o-transform: translate(-50%,-55%); transform: translate(-50%,-55%); }



}

@media (min-width: 1200px) {
.anim{ position: absolute; top:55%;left:50%;
translate(-50%,-55%); -webkit-transform: translate(-50%,55%); -moz-transform: translate(-50%,55%); -o-transform: translate(-50%,55%); transform: translate(-50%,55%);
 }
}