@font-face {
	font-family:'Swis721 LtCn BT';
	src: url('3362793964.ttf');
	font-weight: normal;
	font-style: normal;
}




body{padding:0px;	margin:0px;	font-size:18px;	color:#fff;	font-family:arial;	background:#000; font-family: 'Swis721 LtCn BT';}



.preloader{width:60px; height:60px; left:50%; top:50%; z-index:1000000; background:#fff; margin-left:-30px; margin-top:-30px; position:absolute;}


.preloader-contact{width:60px; height:60px; z-index:1000000; background:#fff; text-align:center; margin-left:50%; margin-top:50%;}


.scroll-top{position:fixed; top:600px; z-index:10000; width:40px; height:10px; margin-left:40px; float:right; cursor:pointer;}

ul{list-style-type:none;}

li{list-style-type:none;}

.table-font{padding:5px; font-size:18px; font-family: 'Swis721 LtCn BT'; color:#333;}

.table-font a{font-family: 'Swis721 LtCn BT'; color:#333; text-decoration:none;}

.table-font a:hover{font-family: 'Swis721 LtCn BT'; color:#333; text-decoration:underline;}

.dot-space{padding-left:13px;}

.table-font1{padding:10px 15px; font-size:16px; font-family: 'Swis721 LtCn BT'; color:#fff; line-height:25px;}

.table-font2{padding:5px; font-size:16px; font-family: 'Swis721 LtCn BT'; color:#312b49;}

.contact-address{width:100%; float:left; background:#555555;}

.contact-address-mg{width:35%; float:left; max-height:100%;}


.contact-img{
background:url("../images/Contact.jpg") top left  no-repeat;
height:418px;
width:286px;  
}

.contact-img img{
height:418px;
width:286px;
margin:0px;
padding:0px; 
}

.empty-div{float:left; width:100%; height:50px;}

.contact-address-text{width:65%; float:right; background:#555555;}

.contact-map{width:100%; margin-bottom:50px;  float:left; margin-top:-10px; background:#edeee8; position:relative;-index:10000;}

.award{width:500px;}

.year{width:100px; float:right;}

.contact-image h4 {font-size: 22px; color: #312B49; font-weight: bold; padding: 10px 0 10px; font-family: 'Swis721 LtCn BT';}

.contact-image h4 span{color: #605c5e; font-weight: normal; line-height: 27px; font-family: 'Swis721 LtCn BT'; font-size:18px;}

.contact-image p {color: #605c5e; font-weight: normal; line-height: 27px; font-family: 'Swis721 LtCn BT';}

.award-heighlight{font-style:italic; color:#0070c0;}
.award-heighlight1{font-style:italic; color:#0070c0; width:150px;}


.orange-font{font-size:18px;     margin-top:25px;font-family: 'Swis721 LtCn BT'; color:#e36c0a; padding:10px 0px;}

.orange-font span{font-size:18px;     margin-top:25px;font-family: 'Swis721 LtCn BT'; color:#0070c0; text-decoration:underline;}

.orange-font span a{font-size:18px;     margin-top:25px;font-family: 'Swis721 LtCn BT'; color:#0070c0; text-decoration:underline;}

.orange-font a{font-size:18px;     margin-top:25px;font-family: 'Swis721 LtCn BT'; color:#0070c0; text-decoration:underline;}

.orange-font a:hover{font-size:18px;     margin-top:25px;font-family: 'Swis721 LtCn BT'; color:#0070c0; text-decoration:underline;}


.contact-image{width:100%; margin-bottom:100px;  float:left;}

.live-map{width:48%; float:left;}

.live-map h1{font-size:22px;  padding-left:10px; padding-top:10px; font-weight:bold; margin-top:25px;font-family: 'Swis721 LtCn BT';}

.live-map-content{width:100%; float:left; border:solid 2px #000; height:300px;}

.direction-map{width:48%; float:right;}

.direction-map h1{font-size:22px;  padding-left:10px; padding-top:10px; font-weight:bold;  margin-top:25px;font-family: 'Swis721 LtCn BT';}

.direction-map-content{width:100%; float:left; border:solid 2px #000; height:300px; background:#e0e0e0; vertical-align:middle;}

.direction-map-content img{max-height:300px; width:100%;}


.direction-map-content h1{color:#fff; text-align:center; padding-top:100px;  font-family: 'Swis721 LtCn BT';}

.partial-functionality{line-height:22px; font-size:15px; padding-top:350px; color:#837d99; font-family: 'Swis721 LtCn BT';} 


article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section,  video { 
display: block;	padding:0px;	margin:0px;}
	
h1,h2,h3,h4,h5,h6,ul,li,p{	padding:0px;	margin:0px;	font-weight:normal;}

h1,h2,h3,h4,h5,h6{	font-family: 'Swis721 LtCn BT';}

h1{	font-size:28px;	color:#22223e;	margin-bottom:10px;}

img{ 	border:0px;	max-width:100%;	height:auto;}

a{color:#fff;	text-decoration:none;}

a:hover, a.active{color:#9db057; text-decoration:underline; 	outline:none;}

a:focus{ outline:none;}

p{ padding-bottom:16px;}

.clear{	clear:both;}

.player-volume{margin:25px auto 0px auto; width:210px;}

#mainparent {
	margin: 0 auto;
	max-width: 100%; /*1024px*/
	width:100%;
	position:relative;
	background:#312B49;
	min-height:657px;
	/*overflow:hidden;*/
}
.wrapper{
	max-width:100%;/*1024px*/
	width:100%;
	margin:0px auto;
	position:relative;
	background:#312B49;
}
.menu-bg {
	left: 0px;
	position: absolute;
	top: 0px;
	padding:10px 5px;
	/*height:97.4%;*/
	background:#fff;
	z-index:9999;
}


.designed{float:left; color:#837d99; padding-top:10px;  font-size:15px; padding-left:35px; font-family: 'Swis721 LtCn BT';}
.designed a{ color:#837d99; font-size:15px; text-decoration:underline; font-family: 'Swis721 LtCn BT';}
.designed a{ color:#837d99; font-size:15px; text-decoration:normal; font-family: 'Swis721 LtCn BT';}

.copy-rights{float:right; color:#808080; padding-top:10px; padding-right:35px; font-size:15px;  padding-bottom:0px; font-family: 'Swis721 LtCn BT';}


.readmore{font-size:16px;
padding-left:15px;
font-weight:bold;
color:#993300;}



.readmore a{font-size:16px;
padding-left:16px;
text-decoration:none;
font-weight:bold;
color:#993300;}

.readmore a:hover{font-size:16px;
padding-left:15px;
text-decoration:underline;
font-weight:bold;
color:#993300;}


header {
  max-width:100%;/*1024px*/
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.h-left, .h-right {
  float: left;
  max-width: 47%;
  padding: 15px 0 23px 62px;
  width: 100%;
}
.h-right {
  max-width: 45%;
  padding: 15px 0 0 35px;
}
/*.left-cont-menu {
	position : absolute
	 z-index : 9999;
	 background: #fff;
}*/


/* #rightdiv .menu-bg {
  left: 0;
}*/
.top{
	min-height:90px;
	padding:0px;
}

.left-cont{
	max-width:47%;
	float:left;
	width:100%;
	padding:110px 0 0px 0px;
	background:#fff;
	position:relative;
	z-index:9999;
	min-height:589px !important;
}
#divheader .right-cont{
	padding:15px 0 18px 35px;
}

.font1{color:#fff; font-size:13px; padding-left:10px; text-align:left; font-family: 'Lato', sans-serif; padding-top:10px;}
.font2{color:#333; font-size:13px; padding-right:10px;  text-align:right; font-family: 'Lato', sans-serif;  padding-top:10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { #divheader .right-cont{	padding:15px 0 20px 35px;}}
#divheader .right-cont p{
	font-size:15px;
	font-weight:600;
}
#divheader .right-cont p span{
	color:#fde800;
}
.right-cont{
	background:#312b49;
	position:relative;
	max-width:46%;/*484px*/
	float:left;
	width:100%;
	padding:125px 0 0px 0px;
	max-height:575px !important;
}

.left-cont-menu{
	position: absolute;
}


:-webkit-full-screen {
background-color:#000 !important;
z-index: 2147483647;
}


/*
.left-cont-menu {
	position : absolute
		 z-index : 9999; 
		 background: #fff;
}*/

.overlay {
	position:absolute;
	/*top:0px;
	height:100%;
	width:100%;
	max-width:1024px;*/
	/*z-index:9999;*/
}

#logo{
	float:left;
	width:100%;
	margin-right:10px;
}
#company-name{
	float:left;
	padding-top:13px;
/*	color:#f4640e;
	font-weight:bold;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;*/
}

#company-name img{
max-width:100%;}
#company-name span{
	float:left;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 1.4px;
	-webkit-letter-spacing: 1.89px;
	-o-letter-spacing: 1.89px;
	-ms-letter-spacing: 1.89px;
	-moz-letter-spacing: 1.80px;
}

.top .left-cont{
	padding:25px 0 0px 35px;
}
.top .right-cont{
	padding:25px 0 20px 35px;
}
.top .right-cont p{
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	float:left;
}
.full-scrn{
	float:right;
	padding-right:0px;
	margin-top:-25px;
	width:150px;
	text-align:center;
	font-size:15px;
	color:#837d99;
	 font-family: 'Swis721 LtCn BT';
}
.h-right p {
	font-size: 15px;
	font-weight: 700;
}
.h-right p span{
	color:#fde800;
}
.full-scrn h6 {
  font-size: 12px;
  font-family: 'Lato',sans-serif;
}

.social-network{
	position:absolute;
	right:5px;
	top:300px;
	z-index:99;
}
.social-network ul{
}
.social-network li{
	list-style:none;
	display:block;
	padding:5px;
}
.social-network li a{
	background:url(../images/social-network.png) no-repeat 0 0;
	padding:3px 14px;
}
.social-network li a:hover{
	opacity:0.8;
}
.social-network li a.facebook{
	background-position:0px -26px;
}
.social-network li a.twitter{
	background-position:0 -53px;
}
.social-network li a.linkedin{
	background-position:0 -80px;
}
.social-network li a.skype{
	background-position:0 -108px;
}
.top p a{
	color:#fff;
	text-decoration:none;
}
.top p span{
	color:#fde800;
	padding-right:5px;
}
#container{
	max-width:100%;
	position:relative;
}
.consult-pan{
	padding-bottom:20px;
}
.consult-left{
	max-width:205px;
	width:100%;
	float:left;
	padding-right:20px;
	text-align:right;
	color:#22223e;
}
.consult-left h2{
	font-size:22px;
	font-weight:bold;
}
.consult-left h3{
	font-size:18px;
}
.consult-right{float:left;	max-width:140px;}
nav{
	width:100%;
	float:left;
	margin-bottom:15px;
	padding-left:30px;
}
nav .left-nav{
	float:left;
	max-width:103px;
	width:100%;
	padding-top:95px;
	border-right:3px solid #312b49;
}
nav .left-nav ul{
	float:left;
	padding-top:10px;
}
nav li{
	display:block;
	list-style:none;
	padding:2px 8px 2px 0;
	background:url(../images/menu-li-bg.jpg) no-repeat right;
}
nav li a{
	padding:6px 17px;
	color:#312b49;
	font-size:22px;
	display:block;
	line-height:24px;
	text-align:right;
	font-family: 'Swis721 LtCn BT';
}
nav a:hover, nav a.active{
	background:#e3e3e3;
	text-decoration:none;
	color:#312b49;
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
nav .right-nav{
	float:left;
	padding-top:2px;
}
nav .right-nav ul{
	float:left;
}
nav .right-nav li{
	padding:9px 0 9px 7px;
	position:relative;
	background:url(../images/menu-li-bg.jpg) no-repeat left;
}
nav .right-nav li a{
	text-align:left;
	font-size: 26px;
    font-weight: bold;
	padding:8px 7px;
	font-family: 'Swis721 LtCn BT';
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}


nav .right-nav li a.arctitechure{
	text-align:left;
	font-size: 26px;
    font-weight: bold;
	padding:8px 7px;
	font-family: 'Swis721 LtCn BT';
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
	 cursor:default;
}

nav .right-nav li a.arctitechure:hover{
background:none;
 cursor:default;

}



nav .right-nav li:hover a{
	background:#e3e3e3;
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
nav .right-nav li:hover ul{
	display:block;
}
nav .right-nav li ul{
	display:none;
	position:absolute;
	top:9px;
	left:100%;
	background:#e3e3e3;
	padding:5px 0;
	z-index:999;
}
nav .right-nav li ul li{
	padding:0px;
	background:none;
}
nav .right-nav li ul li a{
	padding:1px 20px;
	font-size:18px;
}
nav .right-nav li ul li a:hover{
	background:#8e8e8e;
	color:#fff;
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
.rht-hgt{
	min-height:400px;
	text-align:center;
	margin:65px 0 0 20%;
	position:relative;
	max-width:340px;
}

//#slideshow {
//    position:relative;
//    height:350px;
//}

.hgt1 IMG, .hgt2 IMG, .hgt3 IMG, .hgt4 IMG, .hgt5 IMG, .hgt6 IMG, .hgt7 IMG, .hgt8 IMG, .hgt9 IMG  {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.hgt1 IMG.active, .hgt2 IMG.active, .hgt3 IMG.active, .hgt4 IMG.active, .hgt5 IMG.active, .hgt6 IMG.active, .hgt7 IMG.active, .hgt8 IMG.active, .hgt9 IMG.active{
    z-index:10;
}

.hgt1 IMG.last-active, .hgt2 IMG.last-active, .hgt3 IMG.last-active, .hgt4 IMG.last-active, .hgt5 IMG.last-active, .hgt6 IMG.last-active, .hgt7 IMG.last-active, .hgt8 IMG.last-active, .hgt9 IMG.last-active{
    z-index:9;
}

.lft-clr{
	max-width:80%;
	float:right;
	min-height:25px;
	background:#312b49;
	width:100%;
	margin-top:72px;
}
.rht-clr {
  background: none repeat scroll 0 0 #FFFFFF;
 /* bottom: 78px;*/
  left: -35px;
  max-width: 470px;
  min-height: 25px;
  position: relative;
  width: 100%;
}
.interior{
	background:#dad5d1;
	padding:10px 26px 0;/*10px 10px 0*/
	width:95.5%;/*98%*/
	margin-top:8.7%;
	float:left;
	min-height:576px;
}
.in-int {
   background:#EDEEE8;
}
.in-int p{
	color:#000000;
}
.bread-crumb{
	float:left;
	/*background:#e5e4e2;*/
	padding:0 10px;
	
}



.top-links{
margin-left: 35px;
border:solid 1px #312b49;
background:#8f8f8f;
float:left;
}


.top-links-head{
float:left;
color:#312b49;
list-style-type:none;
font-size:24px;
background:#e4e5e1;
padding:2px 10px;
}

.top-links-head1{
float:left;  
color:#fff;
list-style-type:none;
font-size:18px;
padding:5px 10px;
}

.top-links-head2{
float:left;
color:#414141;
list-style-type:none;
font-size:30px;
padding:0px 0px 10px 350px;
text-align:left;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
}

.top-links-head3{
color:#414141;
list-style-type:none;
font-size:30px;
text-align:center;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
z-index:100;
padding:10px 0 15px 0px;
}

.top-links-head4{
color:#414141;
list-style-type:none;
font-size:30px;
text-align:center;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
z-index:100;
padding:10px 0 15px 8px;
}



.bread-crumb ul{
list-style-type:none;
margin-left: 21px;
}
.bread-crumb li{
	 font-size:24px;
 font-family: 'Swis721 LtCn BT';
  font-weight:bold;
  color:#fff;
  list-style-type:none;
  font-size:24px;
  list-style-type:none;
}
.bread-crumb li a{
	color:#000;
}
.bread-crumb li a:hover{
	color:#fe5d02;
	text-decoration:none;
}
.in-int .bread-crumb li{
  color: #312B49;
  font-size:24px;
font-family: 'Swis721 LtCn BT';
  font-weight:normal;
  list-style-type:none;
  font-weight:bold;
  list-style-type:none;
/*	background:#aeaeae;\
*/}
.back{
	float:right;
	background:#312b49;
	color:#fff;
	padding:3px 20px;
	font-size:18px;
	font-weight:700;
}
.back:hover{
	text-decoration:none;
	color:#fe5d02;
}
.design-pan{
	padding:20px 8% 0px;
}
.indesign-pan{
	height:491px;
	overflow-y:scroll;
	padding:20px 30px 19px 40px;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .indesign-pan{ height:480px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) { .design-pan{	padding:25px 30px 0px;}}*/
.indesign-pan .design-pan-left, design-pan-left-2{
	max-width:100%;
}
.indesign-pan .design-pan-left img, design-pan-left-2 img{
	margin-right:25px;
}
.indesign-pan .design-pan-right{
	max-width:100%;
}
.design-pan-left{
	max-width:50%;/*280px*/
	float:left;
	width:100%;
	margin-right:20px;
}

.design-pan-left-2{
max-width:30%;/*280px*/
	float:left;
	width:100%;
	margin-right:20px;
	text-align:center;
	}





.design-pan-right-2{
	max-width:60%;/*500px*/
	float:left;
	color:#0a0907;
	padding: 40px 0px 0px 0px;
}


.dsg img{
	filter:none;
}
.design-pan-left img, design-pan-left-2 img{
	/*border:2px solid #999;*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1);
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
.design-pan-left img:hover, design-pan-left-2 img:hover{
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
.dsg img{
	filter:none;
}
.design-pan-right{
	max-width:40%;/*500px*/
	float:left;
	color:#0a0907;
	padding: 6px 0px 0px 0px;
}

.design-pan-right p{
line-height:25px;
font-family: 'Swis721 LtCn BT';
}
.grey-font{
color:#45403c;
font-family: 'Swis721 LtCn BT';
}
.grey-font2{
color:#696161;
font-family: 'Swis721 LtCn BT';
font-weight:bold;
}


.design-pan-mid-content p {
color: #605c5e;
font-weight:normal;
line-height: 27px;
font-family: 'Swis721 LtCn BT';
}

.design-pan-mid-content{
	margin: 0px auto;
	width:600px;
}

.design-pan-mid-content2{
	margin: 0px auto;
	width:900px;
}

.design-pan-mid-content3{
	margin: 0px auto;
	width:600px;
}


.design-pan-mid-content-scroll{
  height: 447px;
  overflow-y:scroll;
  width:100%;
}

.design-pan-mid-content2 h1{
color:#414141;
list-style-type:none;
font-size:30px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;}

.clear-left{
width:100%; float:left;
}

.design-contact-mid-content{
	margin: 0px auto;
	width:85%;
}



.design-pan-mid-content li{
color:#605c5e;
list-style-type:disc;
margin-left:30px;
line-height:27px;
font-weight:normal;
font-family: 'Swis721 LtCn BT';
}
.thumbs-pan{height:460px; overflow-y:scroll;}


.design-pan-mid-content h4 {
font-size: 22px;
color: #312B49;
font-weight: bold;
padding: 10px 0 10px;
	font-family: 'Swis721 LtCn BT';
}


.design-pan-right p{
	padding-bottom:7.3px;
}
.design-pan-right h4{
	font-size:20px;
    color: #312b49;
	font-weight:bold;
	padding:0px 0 10px;
	font-family: 'Swis721 LtCn BT';
}


.design-pan-right h4 a{
	font-size:20px;
    color: #312b49;
	font-weight:bold;
	font-family: 'Swis721 LtCn BT';
	text-decoration:none;
}

.design-pan-right-2 h4{
	font-size:20px;
    color: #312b49;
	font-weight:bold;
	padding:0px 0 10px;
	font-family: 'Swis721 LtCn BT';
}

.design-pan-right-2 h4 a{
	font-size:20px;
    color: #312b49;
	font-weight:bold;
	font-family: 'Swis721 LtCn BT';
	text-decoration:none;
}

.design-pan-right-2 h4 span{
color:#45403c;
font-family: 'Swis721 LtCn BT';
font-weight:normal;
font-size:16px;
}

.inner-cont{
	max-width:92% !important;
	float:right;
}
.inner-cont .menu-bg{
  left: -32px;
}

.clr-bg {
	background:#312B49;
}
.hgt1, .hgt2, .hgt3, .hgt4 ,.hgt5, .hgt6, .hgt7, .hgt8, .hgt9{
	  float: left;
	  height: 110px;
	  overflow: hidden;
	  width: 110px;
	  position:relative;
	}

.hgt8, .hgt5{border-left:1px solid #fff;}

.hgt9, .hgt2{border-top:1px solid #fff;}

.hgt4, .hgt6, .hgt7, .hgt3{border-left:1px solid #fff; border-top:1px solid #fff;}


.ado{
	float:right;
	padding:0 20px 10px 0;
	margin-top:0px;
	width:80px;
	overflow:hidden;
}

.span4 {
    width: 80px;
    float: right;
	display:none;
}
.pro-bg{
	background:#edeee8;
}
.pro-bg .bread-crumb li{
list-style-type:none;
}

.pro-bg .bread-crumb li a {
  color: #312B49;
  font-size:24px;
 font-family: 'Swis721 LtCn BT';
  font-weight:bold;
}
.profile-pan {
  height: 528px;
  overflow-y:scroll;
}
.profile-pan-in{
	margin:3% 35%;
	padding:20px 0;
	min-height:170px;
	max-width:100%;
}
.profile-pan-top{
	background:#FFF;
	float:left;
	max-width:80px;
	padding:10px;
	margin-left:20%;
}
.profile-pan-top ul{
	border-right: 3px solid #312B49;
}
.profile-pan-top li {
  background: url("../images/menu-li-bg.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
  display: block;
  list-style: none outside none;
  padding: 2px 8px 2px 0;
}
.profile-pan-top li a {
  color: #312B49;
  display: block;
  font-family: 'Swis721 LtCn BT';
  font-size: 24px;
  line-height: 24px;
  padding: 4px 7px;
  text-align: right;
}
.profile-pan-top li a:hover, .profile-pan-top li a.active{
	background:#e3e3e3;
	text-decoration:none;
	color:#312b49;
	-webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all  0.2s ease;
}
.profile-pan-mid{
	padding:0% 5%;
}
.profile-pan-mid h4 {
  color: #413549;
  font-size: 25px;
  padding: 20px 0 10px;
}
.profile-pan-mid p{
	color:#413549;
	text-align:justify;
	font-size:13px;
}


.dsplay-hide{
	display:none;
}
.dsplay-show{
	display:block;
}
@media screen and (min-width: 100px) and (max-width: 767px){
	nav .right-nav li ul{
		left:31%;
		top:49px;
	}
	header {
	  width: 95%;
	  background:#312B49;
	  padding:8px;
	}
	nav{
		width:auto;
		padding-left:30px;
	}
	.left-cont, .right-cont{
		max-width:100%;
	}
	.social-network{
		display:none;
	}
	.top {
	    padding: 0 10px;
	}
	.consult-left{
		max-width:140px;
		padding-left:6px;
	}
	.consult-pan {
	    padding-bottom: 60px;
	}
	.mob-bg{
		background:#312B49;
	}
	.interior {
	  	margin-top: 62%;
	  	padding: 10px 15px 0 26px;
	  	width: 87%;
	}
	
	.animateclass {
		right: '49%';
	}
	
	.menu-icon{ /*margin-left:-48%;*/ position:relative; z-index: 9; cursor:pointer;}
//	.menu-icon:before{ content:url(../images/menu-icon.jpg); width:20px; height:13px; position:absolute; top:10px; right:21px;}
	.menu-icon-full{ width:98%; }
	
	.slide-nav-bar, .right-side-cont{ display:inline-block; width:50%;min-height:500px; float:left; margin-top:-95px;}
	#divheader .right-cont {
	  padding: 15px 0 15px 30px;
	  max-width:90%;
	}
	.bread-crumb {
	  padding-left: 14px;
	}
	.menu-bg{
		left:0;
		z-index:99999;
	}
	#player, .full-scrn{
		display:none;
	}
	#logo{
	    padding-left:30px;
    }
	.h-left, .h-right{
		max-width:90%;
		padding:15px 0 10px 30px;
	}
	#logo {
	   padding-left: 0;
	   width:100%;
	}
	.h-right {
	  max-width: 90%;
	  padding: 0 0 0 30px;
	}
	.left-cont{
		padding:215px 0 20px;
	}
	.right-cont{
		padding:0 0 10px;
	}
	.lft-clr, .rht-clr{
		display:none;
	}
	.rht-hgt{
		min-height:375px;
	}
	.design-pan-left, .design-pan-right {
	    max-width: 100%;
		margin:0;
	}
	 .design-pan {
	    padding: 20px 0 0 15px;
	}
	.back{
	padding:3px 15px;
	}
	
	
	.indesign-pan{overflow-y:hidden; height:100%;}
}



@media screen and (min-width: 480px) and (max-width: 767px){
header {
	  width: 96.6%;
	 }
.interior {
  margin-top: 35%;
  width: 91%;
}
}
@media screen and (min-width: 320px) and (max-width: 480px){
.bread-crumb li{
	margin-right:0;
}
.back{
	margin-top:15px;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px){

.rht-hgt { margin: -6px 0 0 6.5% !important;}

.table-font1{padding:5px 10px!important; line-height:20px !important;}

.design-pan-mid-content-scroll {
    height: 900px;
    overflow-y: scroll;
    width: 100%;
}


.scroll-top {
margin-left: 40px !important;
top: 560px;
}


.left-cont{
	max-width:350px !important;
}
.right-cont{
	max-width:348px;
}
.h-right{
	max-width:42% !important;
}
#divheader .right-cont {
  padding: 10px 0 0 35px;
}
.rht-hgt {
  min-height: 487px;
}



.design-pan-right h4 {
    padding: 0px;
}

.design-pan-right {
  max-width: 390px;
}
.bread-crumb {
  padding-left: 22px;
}
.menu-bg{
	left:0;
	z-index:9999;
}


.rht-clr{margin-top:140px !important;}

.design-pan-left{max-width: 50%;}

.design-pan-right{max-width: 40%;}

.design-pan-mid-content2{
	margin: 0px auto;
	width:90%;
}


/*.rht-clr{
	bottom:15.2%;
}*/
body{
	overflow:hidden;
}
/*.rht-clr{
	bottom:54px !important;
}
*/
}
@media screen and (min-width: 1001px) and (max-width: 1024px){
body{
	overflow:hidden;
}
.left-cont{
	max-width:450px;
}
.right-cont{
	max-width:450px;
}
.h-left, .h-right{
	max-width:44%;
	padding-bottom: 8px;
	padding-top: 8px;
}


.indesign-pan{
	height:440px;
}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){

.design-pan-right {
    color: #0a0907;
    float: left;
    padding: 0px 0 0;
}

.design-pan-left{max-width: 49%;}

.left-cont {min-height: 930px !important; max-width:384px !important;}
.right-cont{max-width:384px !important;}



.h-right { max-width: 47% !important;     padding: 15px 0 23px 11px !important;}
.h-left {  padding: 15px 0 23px 65px;  max-width: 43% !important; }

.lft-clr{ margin-top: 73px; max-width:350px;}
.rht-clr{ max-width:350px; bottom:0; left:0px;}


.rht-hgt {min-height: 409px;  margin: 65px 0 0 21%;}

.menu-bg{min-height: 1004px !important;}

#mainparent {min-height:1024px !important;}

.interior {min-height: 867px !important;}
.profile-pan{height:810px!important;}
.indesign-pan{height:810px!important;}

.table-font1 {padding: 7px 15px;}
.design-pan-right {  max-width: 65%;}

nav{width:90%;}

.interior { margin-top: 12%;}

.social-network {
    position: absolute;
    right: -26px;
    top: 103px;
    z-index: 99;
}

.design-contact-mid-content {
    margin: 0 auto;
    width: 95%;
}

.contact-img img{height:438px; width:286px;}

.contact-img{height:438px; width:286px;}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape){
/*.left-cont{
	max-width:460px !important;
}
*//*.right-cont{
	max-width:450px !important;
}
*/

.rht-clr{
	bottom:78px;
}
.menu-bg{
	left:0;
}
.bread-crumb{
	margin-left:25px;
}
/*body, #mainparent{
	overflow:hidden;
}*/
.interior {
  margin-top: 12%;
}
}