@charset "utf-8";

@font-face {
    font-family: 'myriad';
    src: url('fonts/tringle-webfont.eot');
    src: url('fonts/tringle-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/tringle-webfont.html') format('woff'),
         url('fonts/tringle-webfont.ttf') format('truetype'),
         url('fonts/tringle-webfont.svg#myriad_proregular') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('fonts/myriadpro-regular.html') format('woff2'),
         url('fonts/myriadpro-regular-2.html') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'ostrich_sanscondensed_light';
    src: url('fonts/ostrich-light-webfont.eot');
    src: url('fonts/ostrich-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-light-webfont.html') format('woff2'),
         url('fonts/ostrich-light-webfont-2.html') format('woff'),
         url('fonts/ostrich-light-webfont.ttf') format('truetype'),
         url('fonts/ostrich-light-webfont.svg#ostrich_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ostrich_sansblack';
    src: url('fonts/ostrich-black-webfont.eot');
    src: url('fonts/ostrich-black-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-black-webfont.html') format('woff2'),
         url('fonts/ostrich-black-webfont-2.html') format('woff'),
         url('fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('fonts/ostrich-black-webfont.svg#ostrich_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('fonts/ostrich-regular-webfont.eot');
    src: url('fonts/ostrich-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-regular-webfont.html') format('woff2'),
         url('fonts/ostrich-regular-webfont-2.html') format('woff'),
         url('fonts/ostrich-regular-webfont.ttf') format('truetype'),
         url('fonts/ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	 font-weight:400;
	line-height:normal;
}


html {
    -webkit-text-size-adjust: 100%;
}

body {margin:0px; padding:0px; font-family:arial; font-size:12px; background:#000; color:#fff; overflow:hidden;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
a {text-decoration:none; color:#fff;}
.clear {clear:both; display:block;}
i{font-style:normal;font-family:fontAwesome;}
.fl {float:left;}
.fr {float:right;}
.marRight { margin-right:0px!important;}
.marLeft0 { margin-left:0px!important;}
.martop-15 { margin-top:-15px!important;}
.widthfull { width:954px!important;}
.posAbs { position:absolute!important;}
.posRel { position:relative;}
.width130 {width:130px!important;}
.width500 {width:500px!important;}
.width72 { width:72%!important}
.last { border-bottom:none!important;}

h4 { font-family:'myriad'; font-size:14px; color:#fff; margin-bottom:5px;}



.success{
    position: absolute;
    bottom: 100px;
    left: 0;
	color:#fff;
	background:#551458;
	padding:10px;
	border-radius:0 5px 5px  0 ;
	-webkit-animation: blink 1s infinite;
	-ms-animation: blink 1s infinite;
	-moz-animation: blink 1s infinite;
	-o-animation: blink 1s infinite;
	animation: myanimation 1s infinite;
}

.list{
    position: absolute;
    bottom: 0;
    right: 0;
	left:0;
	top:0;
}

@-webkit-keyframes blink{
	50% {color:#7BFFCB;}
	100% {color:#fff;}
}

@-ms-keyframes blink{
	50% {color:#7BFFCB;}
	100% {color:#fff;}
}

@-moz-keyframes blink{
	50% {color:#7BFFCB;}
	100% {color:#fff;}
}

@-o-keyframes blink{
	50% {color:#7BFFCB;}
	100% {color:#fff;}
}

@keyframes myanimation{
	50% {color:#7BFFCB;}
	100% {color:#fff;}
}






/*--------Home Slider Start Here------------------*/
.homeslides{width:100%; position:relative; z-index:-1}
/*--------Home Slider End Here------------------*/


/*--------supersized Supporting Css Start Here------------------*/
#supersized-loader { position:fixed; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(img/progress.html) no-repeat center center;}

#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%;  }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(img/progress.html) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.html'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }

/*#slidecaption{font-size:30px; color:#fff; margin:150 0 0 0px;}*/
/*--------supersized Supporting Css End Here------------------*/



.wrapper {width:1004px; margin:0 auto;}

/*--------Header Start Here------------------*/
.header { margin-top:10px; }
.logo { background:#fff; position:fixed; left:0; top:0; margin-left:10px; padding:5px 15px 5px 12px; margin-top:14px; -webkit-box-shadow: 1px 0px 4px 0px #898989; -moz-box-shadow: 1px 0px 4px 0px #898989; box-shadow: 1px 0px 4px 0px #898989; margin-left:-226px}

.logo1 { position:fixed; left:0; top:0; padding:5px 15px 5px 25px; margin-top:14px;}

.topmenu { position:fixed; right:0; top:0; margin-top:10px;}
.topmenu .socialMedia { margin:0px 24px 3px 0px; text-align:right;}
.topmenu .socialMedia a { text-decoration:none;}
.topmenu .socialMedia a:hover {}

.topmenu .socialMedia .msg { background:url(images/icon-msg.png) no-repeat 0 0; width:27px; height:27px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.topmenu .socialMedia .msg:hover { background:url(images/icon-msg.png) no-repeat 0 -27px;}

.topmenu .socialMedia .face { background:url(images/icon-face.png) no-repeat 0 0; width:27px; height:27px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.topmenu .socialMedia .face:hover { background:url(images/icon-face.png) no-repeat 0 -27px;}

.topmenu .socialMedia .twitt { background:url(images/icon-twitt.png) no-repeat 0 0; width:27px; height:27px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.topmenu .socialMedia .twitt:hover { background:url(images/icon-twitt.png) no-repeat 0 -27px;}

.topmenu .socialMedia .youtube { background:url(images/icon-youtube.png) no-repeat 0 0; width:27px; height:27px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.topmenu .socialMedia .youtube:hover { background:url(images/icon-youtube.png) no-repeat 0 -27px;}


.topmenu .menu { color:#fff; font-family:'myriad';}
.topmenu .menu ul { margin:0px; padding:0; list-style:none; }
.topmenu .menu ul li { float:left; }
.topmenu .menu ul li a { padding:10px 23px; font-family:'myriad'; color:#fff; font-size:13px; text-transform:uppercase; display:block; background:url(images/link-bg1.png) repeat;}
.topmenu .menu ul li a:hover { background:url(images/wbg1.png); color:#000;}
.topmenu .menu ul li .active { background:url(images/wbg1.png); color:#000!important;}
/*--------Header End Here------------------*/




/*--------mobile menu Css Start Here------------------*/
#mobilemenu {position:absolute; top:0px; left:0px; width:100%; min-height:100%;  background:url(images/link-bg.png);  z-index:1111111111111; display:none;}
.mobilemenucontent {width:90%; margin:0px 0px 0px 5%; border:1px solid #fff; margin-bottom:30px; font-family:'Myriad';}
.mobilemenuclose {width:90%; margin:20px 0px -5px 5%; text-align:right; cursor:pointer;}
.homebannermobile{width:100%; float:left;  margin-bottom:29px; display:none;}

.mobilemenuicon{float:right; display:none; cursor:pointer;}

.minimbut {display:none;}
/*--------mobile menu Css End Here------------------*/



/*--------Pop-menu Start Here------------------*/
.header .menuformat {background:url(images/link-bg1.png); width:130px; position:absolute; top:0; left:0; z-index:10; margin-left:79px; margin-top:72px; padding:10px; display:none;}
.header .menuformat h1 {color:#f58345; font-size:14px; font-family:'myriad'; margin:0 0 15px 0; padding:0}
.header .menuformat ul {margin:0; padding:0 0 10px 0;}
.header .menuformat ul li {margin:0; padding:0;}
.header .menuformat ul li a {border-bottom:1px solid #646464; display:block; color:#fff; font-weight:400; padding:5px;}
.header .menuformat ul li a:hover {color:#FFF; background:#51c3c5; border-bottom:1px solid #00b3b5;}
.header .menuformat ul li a.menu-active1 {border-bottom:1px solid #00b3b5; display:block; color:#fff; font-size:12px; font-weight:400; padding:5px; background:#51c3c5;}
.header .menuformat .linkssubpro { width:100px; color:#FFF; text-decoration:none; display:block; font-size:11px; text-align:center; float:left; margin-right:15px; margin-bottom:25px}
.header .menuformat .linkssubpro:hover {color:#51c3c5;}
.header .menuformat .linkssubpro img {border: 1px solid #51c3c5; -webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);  -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); margin: 0 0 5px 0; filter:alpha(opacity=100); opacity:1.0; width:100px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.header .menuformat .linkssubpro:hover img {border: 1px solid #51c3c5;}

.header .menuformat .menutab {margin:0; padding:10px 0;}
.header .menuformat .menutab li {margin:0; padding:0;}
.header .menuformat .menutab li a {border-bottom:1px solid #646464; display:block; color:#fff; font-weight:400; padding:5px 10px; float:left; margin-right:10px; margin-bottom:20px}
.header .menuformat .menutab li a:hover {color:#FFF; background:#51c3c5; border-bottom:1px solid #00b3b5;}
.header .menuformat .menutab li a.menu-active1 {border-bottom:1px solid #00b3b5; display:block; color:#fff; font-weight:400; padding:5px 10px; float:left; margin-right:10px; margin-bottom:20px; background:#51c3c5;}
.header .positionmenusub {position:absolute; top:0; left:0; margin-top:65px; margin-left:10px}
/*--------Pop-menu End Here------------------*/


.enquirybtn { position:absolute; top:30%; left:0; cursor:pointer; z-index:9999}

.closebtn { position:absolute; top:-10%; left:208px; cursor:pointer;}
.form { position:absolute; width:168px; top:30%; left:-230px; background:url(images/link-bg1.png); padding:10px 10px 10px 50px; z-index:1;}
.form input, textarea, select{ border:none!important; text-align:left; color:#676767; font-size: 12px; padding:2px 4px; line-height:16px; font-family:'myriad';  width:158px; margin-bottom:4px; outline:0; }
.form .input-but { text-align:left; color:#fff; font-size: 12px; font-family:'myriad'; padding:3px 10px; line-height:16px; cursor:pointer; font-weight:700; width:auto!important; background:none!important; border:1px solid #ccc!important;}
.form .input-but:hover { color:#00b8c4; border:1px solid #00b8c4!important;}

.form1 { position:absolute; width:168px; top:30%; left:-230px; background:url(images/link-bg1.png); padding:10px 10px 10px 50px; z-index:1;}
.form1 input, textarea, select{ border:none!important; text-align:left; color:#676767; font-size: 12px; padding:2px 4px; line-height:16px; font-family:'myriad';  width:158px; margin-bottom:4px; outline:0; }
.form1 .input-but { text-align:left; color:#fff; font-size: 12px; font-family:'myriad'; padding:3px 10px; line-height:16px; cursor:pointer; font-weight:700; width:auto!important; background:none!important; border:1px solid #ccc!important;}
.form1 .input-but:hover { color:#00b8c4; border:1px solid #00b8c4!important;}


/*--------HomePage Title Css start Here------------------*/
.hometilte { width:954px; background:url(images/link-bg.png) repeat; height:110px; position:fixed; bottom:0; left:100%;  margin:0px 0px 19px 0px; z-index:-1; }
.hometilte .left-title { float:left; font-family:'ostrich_sanscondensed_light'; font-size:100px; color:#fff; margin:55px 0px 0px 15px;}
.hometilte .left-title pre { font-family:'ostrich_sansblack'; font-size:48px; color:#fff; margin-top:5px;}
.hometilte .left-title pre span{ color:#00b3b5; background:url(images/title-arrow.png) no-repeat right 6px; padding-right:25px;  }

.hometilte .right-title { float:right;}
.hometilte .right-title .box {  width:148px; float:left; padding:15px 15px 0px 0px; color:#000; position:relative;}
.hometilte .right-title .box a { text-decoration:none; }
.hometilte .right-title .box a span{ position:absolute; left:0; bottom:0; background:url(images/box-bg.png) repeat; color:#000; font-family:'myriad'; font-size:13px; text-transform:uppercase; display:block; padding:3px 0px 3px 0px; width:148px; text-align:center;  }
/*--------HomePage Title Css End Here------------------*/


/*--------HomePage Title1 Css start Here------------------*/
.hometilte1 { width:460px; background:url(images/link-bg.png) repeat; height:77px; position:fixed; bottom:0; left:100%; margin-bottom:58px; z-index:0; }
.hometilte1 .left-title { float:left; font-family:'ostrich_sanscondensed_light'; font-size:100px; color:#fff; margin:18px 0px 0px 15px;}
.hometilte1 .left-title pre { font-family:'ostrich_sansblack'; font-size:48px; color:#fff; margin-top:5px;}
.hometilte1 .left-title pre span{ color:#00b3b5; background:url(images/title-arrow.png) no-repeat right 7px; padding-right:40px;  }


/*--------HomePage Title1 Css End Here------------------*/


/*--------Content Area Css Start Here------------------*/
.contentPojects { width:750px; position:absolute; left:100%; margin-left:-750px; margin-top:85px; background:url(images/link-bg.png) repeat; padding-bottom:30px;}
.contentPojects .opendiv { }

.contentPojects .opendiv .projectBanner { padding:5px 3px 4px 4px; display:none;}
.contentPojects .opendiv .bredcum { color:#fff; font-size:13px; font-family:'myriad'; background:#000; padding:13px 0 12px 15px; margin-bottom:9px;}
.contentPojects .opendiv .bredcum a { color:#fff;}
.contentPojects .opendiv .bredcum a:hover { color:#00b3b5;}
.active { color:#00b3b5!important;}


.closediv { font-size:34px; font-family:'myriad'; display:none;}



.left-menuLinks { background:#000;}
.leftmenu1 ul { margin:0px; padding:0px; list-style:none;}
.leftmenu1 ul li { font-family:'Myriad'; color:#fff; float:left; background:url(images/link-bg.png) repeat; border-bottom:none!important;}
.leftmenu1 ul li a { /*font-family:'Myriad'; color:#fff; font-size:13px; line-height:24px; text-transform:uppercase; padding:5px 10px!important; display:block; font-weight:400;*/
font-family: 'Myriad';
    color: #fff;
    font-size: 11px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 5px 7px!important;
    display: block;
    font-weight: 400; }
.leftmenu1 ul li a:hover { color:#00b3b5;}
.leftmenu1 ul li span { font-family:'Myriad'; color:#00b3b5; font-size:13px; line-height:24px; text-transform:uppercase; padding:5px 14px; display:block; font-weight:400;}

.rightmenu1 {float:right; margin-right:0px; padding-top:20px; padding-bottom:20px;}
.rightmenu1 .quickLinks { font-family:'Myriad'; color:#fff; font-size:13px; text-transform:uppercase; float:left; margin-right:5px;}
.rightmenu1 .quickLinks a { font-family:'Myriad'; color:#fff; font-size:13px; text-transform:uppercase; display:block; padding:5px 8px;  background:#551458}
.rightmenu1 .quickLinks a:hover {color:#fff; background:#00b3b5} 



.contentText { width:746px; margin-top:10px;}
.contentText .mainText { font-family:'ostrich_sansmedium'; font-size:49px; color:#000; background:#fff; padding:18px 0px 18px 32px; margin-bottom:5px;}
.contentText .mainText span{ font-family:'ostrich_sansblack'; font-size:30px; color:#000; background:#fff; padding:0px 0px 18px 0px}
.fp {margin-left:24px; margin-bottom:30px; float:left; line-height:16px !important; width:210px; text-align:center; font-size:12px; color:#fff;}
.fp img{border:1px solid #874600; float:left; margin-bottom:5px;}
.fp img:hover{border:1px solid #00b3b5;}
.fp span {color:#fff; font-size:14px;}
.fp span:hover {color:#00b3b5;}
.fp a {color:#635856;}
.contentText h1 { font-family:'ostrich_sansblack'; font-size:30px; color:#00b3b5; border-bottom:1px solid #999999; margin:0px 0px 15px 24px; padding:0px 0 14px 0px}
.contentText h2 { font-family:'Myriad'; font-size:15px; color:#fff; font-weight:700; text-transform:uppercase; margin-bottom:8px; margin-left:24px;}
.contentText p { font-family:'Myriad'; color:#ccc; font-size:15px; line-height:24px; margin:0px 0px 24px 24px;}
.contentText ul { margin:0; padding:0; list-style:none;}
.contentText ul li{ font-family:'Myriad'; color:#ccc; font-size:14px; line-height:20px; border-bottom:1px solid #444; padding:5px 0px; margin-left:24px; }

.loc { width:697px; margin-left:25px;}
.loc a { text-decoration:none; border:1px solid #874600; display:block;} 
.loc a:hover { border:1px solid #00b3b5;} 

.spec { margin:0px; padding:0px;}
.spec h2 { background:#ccc; color:#000; font-size:13px; padding:4px 5px; margin-top:10px;}
.spec .spec-cont { width:697px; margin:5px 0 5px 25px; font-size:14px; border-bottom:1px solid #444; padding-bottom:5px;}
.spec .spec-cont .spec-left {float:left; margin-right:20px; line-height:22px;}


.map {float:right; background:#ccc; padding:3px; border:1px solid #858585;}


.contentText .manage{padding:35px 10px 10px 10px; margin:10px 0 30px 25px !important; border:1px solid #D8D8D8; position:relative;}
.contentText .manage:hover{background:#000;}
.contentText .manage h2 {border-bottom:0px solid #aaa89e !important; font-size:15px !important; color:#ccc !important; padding: 5px 5px 5px 5px !important; margin:-46px 0 0 5px !important;-moz-box-shadow: 0px 0px 5px 0 #c4c4c4; -webkit-box-shadow: 0px 0px 5px 0 #c4c4c4; box-shadow: 0px 0px 5px 0 #c4c4c4; background:#f4f3f3; position:absolute; text-transform:none !important; height:107px; width:100px;}
.contentText .manage h2 span{font-size:13px !important; text-transform:none;}
.contentText .manage h4 {font-size:18px !important; text-transform:none; color:#00b3b5;}
.contentText .manage ul {margin:-24px 0 0 0px; padding:0; border-bottom: none;}
.contentText .manage ul li { text-align:justify; font-size:15px; color:#ccc; padding: 0 0 5px 0px; line-height:19px; background:url(images/arrow-ul.html) no-repeat 0 6px; border-bottom: none;}
.contentText .manage img {position:absolute; margin:0px 0 0 0px;}

#pdf-issuu { width:672px; height:250px; border:1px solid #9a9a9a; padding:10px; margin-left:25px; margin-top:30px; }



.close { width: 28px; height: 71px; position: absolute; margin: 0px 0 0 -30px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;}
/*.close:hover{-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);transform:rotateZ(180deg)}*/

.scroll {overflow: auto; height: 100px; outline: none; padding-right:20px; margin-right:5px;}
.scroll1 {overflow: auto; height: 373px; outline: none; padding-right:20px}
.scroll2 {overflow: auto; height: 325px; outline: none; padding-right:20px}
.nicescroll-rails {z-index:10!important}

.inside-image{
	width:auto;
	height:225px;
	margin:0 0 20px 20px;
}

.inside-image img{
	width:100%;
	height:225px;
}


/*--------Content Area Css End Here------------------*/

/* Accordion */
.ui-accordion { width: 100%;}
.ui-accordion .ui-accordion-header {cursor: pointer; position: relative; margin-top: 15px!important; zoom: 1; padding:0px 22px 15px 0px!important; border-bottom:1px solid #333 !important; outline:none; color: #ffffff !important; font-size:15px !important; font-weight:400; font-family:'Myriad' !important; text-transform:none !important; line-height:21px; margin-left: 25px;}
.ui-accordion .ui-accordion-li-fix {display: inline}
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;}
.ui-accordion .ui-accordion-header a {color: #002338!important; font-size: 14px !important; margin: 0;font-weight: 700; line-height: 25px; text-decoration:none!important}
.ui-accordion-icons .ui-accordion-header a {padding-left: 0px;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: 8px; top: 10px; margin-top: -6px; width:11px; height:11px; }
.ui-accordion .ui-accordion-header .ui-icon-circle-arrow-e {background-image:url(images/icon-plus.png); margin-top:-5px;}
.ui-accordion .ui-accordion-header .ui-icon-circle-arrow-s {background-image:url(images/icon-minus.png); margin-top:-5px;}
.ui-accordion .ui-accordion-content {padding: 0px; border-top: 0; margin-top: 15px; position: relative; top: 0px; margin-bottom: 2px; display: none; zoom: 1; overflow:auto;}
.ui-accordion .ui-accordion-content-active { display: block; border-top:0px;}
.ui-accordion .hr{border:1px solid #fff; margin-left:25px;}
.ui-accordion h3{ margin-left:24px!important; padding-right:40px!important;}
.ui-accordion p{ font-size:14px;}
/* End of Accordion */


/*---specification table start here--------*/
.table-format {margin:5px 0px 25px 25px; padding:0;}
.table-format td {vertical-align: top; border-bottom: 1px solid #cdcdcd; text-align:left; color:#fff; font-size: 13px; padding:5px 0px; line-height:18px;}
.table-format td a{color:#00b3b5; font-size: 13px;}
.table-format td a:hover{color:#fff;}
.table-head{vertical-align: top; font-size: 14px !important; font-weight: 700 !important; color:#000!important; background:#e0e0e0 !important; padding:7px 0 7px 5px !important;}
.table-format td strong{font-weight:700;}
.table-format td span{color:#3d3d3d; padding-left:4px;}
.table-format td .but {border:0px solid #aaa !important; background-color:#4DBFBF; padding:5px 0px 5px 0; color:#000; width:85px; font-size:16px; color:#222; outline:0; cursor:pointer;}
.table-format td .but:hover {background-color:#f2f2f2; color:#531C53;}
.table-format td ul{margin-top:-5px !important; margin-bottom:5px !important; }

/*---specification table end here--------*/


/*--------Media Page Css Start Here------------------*/
.mediamonths {float:left; margin-bottom:15px; margin-left:23px;}
.mediamonths ul {list-style:none; padding:0; margin:0;}
.mediamonths ul li { float:left; border:0px !important; margin-left:1px!important}
.mediamonths ul li a { background:#00B3B5; padding:3px 10px;}
.mediamonths ul li a:hover {background:#000;}
.mediamonths .active { background:#000 !important; color:#fff !important; padding:3px 10px;}
.mediamonths .deactive { background:#C5C5C5 !important; color:#fff !important; padding:3px 10px;}

.prulli {padding:0; margin:0; list-style:none;}
.prulli li {border-bottom:1px solid #B9B9B9; margin-bottom:10px !important; padding:0px 0px 5px 0px !important;}
.prulli li span {color:#838383; font-size:13px;}
.prulli li a {padding:3px 5px 0px 5px; color:#ccc; display:block; line-height:20px;}
.prulli li a:hover {color:#00B3B5;}

.mediapc {float:left; margin-right:9px; margin-bottom:15px; margin-left:24px;}
.mediapc img {border:3px solid #00B3B5;}
.mediapc p {color:#474747 !important; margin-bottom:0px !important; font-size:15px !important; padding-left:5px;}
.mediapc span { text-align:center; margin-left:18px;}
.mediapc a {display:block;}
.mediapc a:hover img {opacity:0.8;}

.mediaprtitle {padding:0px 0px 5px 24px !important; font-family: 'Myriad'; color:#00B3B5; font-size:16px;} 
.mediaprdate {color:#8F8F8F; font-size:13px !important; font-family: 'Myriad'; margin-bottom:10px; margin-left:24px;}

.mediaem {margin-bottom:10px; margin-left:24px; margin-right:20px; float:left; color:#00B3B5; font-size:14px !important; font-family: 'Myriad';}
.mediaem img {border:3px solid #00b3b5; margin-bottom:5px;}

.back {float:right; font-family:'Myriad'; font-size:13px; margin-top:4px;}
.back a {background:#00b3b5; color:#fff; padding:4px 7px;}
.back a:hover {background:#fff; color:#000;}
/*--------Media Page Css End Here------------------*/



/*--------Feedback Page Css Start Here------------------*/
.feedbackform {float:left;}
.feedbackfieldnames {float:left; margin:0px 0px 0px 24px; padding:5px; width:100px; font-family:'Myriad'; font-size:14px; color:#ccc;}
.feedbackinput {float:left; margin:0px 0px 0px 24px; padding:5px; vertical-align:top;}
.feedbackinput input {outline:none; background:#EAEAEA; font-family:'Myriad'; border:1px solid #D0D0D0; padding:3px; color:#696969; width:200px;}
.feedbackinput textarea { font-family:'Myriad'; background:#EAEAEA; border:1px solid #D0D0D0; outline:none; padding:3px; color:#696969; width:200px; vertical-align:top;}
.submitbtn {float:left; margin-left:43px; font-family:'Myriad'; font-size:14px; margin-top:10px; background:#00BCBE; color:#fff; padding:5px 10px; text-decoration:none; cursor:pointer; border:none;}
.submitbtn:hover {background:#2d2d2d; color:#fff; text-decoration:none;}

.emaillink {text-decoration:none; color:#00B3B5; border-bottom:1px solid #00B3B5; padding-bottom:0px;}
.emaillink:hover {text-decoration:none; color:#ccc; border-bottom:1px solid #ccc;}
/*--------Feedback Page Css End Here------------------*/



/*--------HomePage Footer Css Start Here------------------*/
#footer1 { width:100%; height:158px; position:fixed; bottom:-105px; background:url(images/footer-bg.jpg) repeat-x; color:#fff; }

.posRel { position:relative !important;}

#footer1 .wrapper .footerLeft { float:left; margin-left:25px; border-left:0px solid #5b2e5c;}
#footer1 .wrapper .footerLeft ul { margin:0px; padding:0px; list-style:none;}
#footer1 .wrapper .footerLeft ul li { text-decoration:none; float:left;}
#footer1 .wrapper .footerLeft ul li a { font-family:'Myriad'; font-size:17px; color:#fff; line-height:18px; text-transform:uppercase; background:url(images/h-line.png) no-repeat 0px; /*border-right:1px solid #5b2e5c;*/ padding:15px 18px 5px 25px; display:block;}
#footer1 .wrapper .footerLeft ul li a:hover{ color:#00b3b5;}

#footer1 .wrapper .footerRight { float:right; margin-right:25px; margin-top:10px; text-align:right; color:#888888; line-height:20px; font-family:'Myriad'; font-size:13px; }
#footer1 .wrapper .footerRight strong{ color:#fff; }
#footer1 .wrapper .footerRight a { text-decoration:none; color:#888888;}
#footer1 .wrapper .footerRight a:hover { text-decoration:underline; color:#fff;}

#footer1 .wrapper .footLinks { display:none; position:absolute; left:50%; margin-left:-250px; text-align:center}
#footer1 .wrapper .footLinks ul { margin:0; padding:0; list-style:none; margin-left:25px; margin-top:18px;}
#footer1 .wrapper .footLinks ul li { float:left; font-family:'myriad'; font-size:14px; color:#fff; border-right:1px solid #643b66;}
#footer1 .wrapper .footLinks ul li a { font-family:'myriad'; font-size:14px; color:#fff; padding:2px 10px; display:block;}
#footer1 .wrapper .footLinks ul li a:hover{  color:#ccc;}
/*--------HomePage Footer Css End Here------------------*/


#footer { width:100%; height:158px; position:fixed; bottom:-105px; background:url(images/footer-bg.jpg) repeat-x; color:#fff; }
#footer .wrapper .footerLeft { float:left; margin-left:25px; border-left:0px solid #5b2e5c;}
#footer .wrapper .footerLeft ul { margin:0px; padding:0px; list-style:none;}
#footer .wrapper .footerLeft ul li { text-decoration:none; float:left;}
#footer .wrapper .footerLeft ul li a { font-family:'Myriad'; font-size:17px; color:#fff; line-height:18px; text-transform:uppercase; background:url(images/h-line.png) no-repeat 0px; /*border-right:1px solid #5b2e5c;*/ padding:15px 18px 5px 25px; display:block;}
#footer .wrapper .footerLeft ul li a:hover{ color:#00b3b5;}

#footer .wrapper .footerRight { float:right; margin-right:25px; margin-top:10px; text-align:right; color:#888888; line-height:20px; font-family:'Myriad'; font-size:13px; }
#footer .wrapper .footerRight strong{ color:#fff; }
#footer .wrapper .footerRight a { text-decoration:none; color:#888888;}
#footer .wrapper .footerRight a:hover { text-decoration:underline; color:#fff;}

#footer .wrapper .footLinks { display:none; position:absolute; left:50%; margin-left:-250px; text-align:center}
#footer .wrapper .footLinks ul { margin:0; padding:0; list-style:none; margin-left:25px; margin-top:18px;}
#footer .wrapper .footLinks ul li { float:left; font-family:'myriad'; font-size:14px; color:#fff; border-right:1px solid #643b66;}
#footer .wrapper .footLinks ul li a { font-family:'myriad'; font-size:14px; color:#fff; padding:2px 10px; display:block;}
#footer .wrapper .footLinks ul li a:hover{  color:#ccc;}





.project-icon { width:1004px; }
.project-icon ul { margin:0px; padding:0px; margin-left:40px;}
.project-icon ul li { text-decoration:none; float:left;}
.project-icon ul li a { margin:10px 10px 0px 0px; color:#fff; display:block;}



.imgBor{border:1px solid #CCC; padding:2px;}

.downloadreraBtn{
	width: 100%;
    padding: 0px 24px 24px;
    text-align: center;
    box-sizing: border-box;
}
.downloadreraBtn a{
	background: #a84caa;
    padding: 6px 10px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 6px;
}
.downloadreraBtn a img{
	width: 30px;
    float: left;
}
.downloadreraBtn a span
{
	float: left;
    padding: 7px;  
}

.santuaspira{ position: fixed; bottom:140px; left:0;}


.santuaspira-box img{ width:94%;
padding:3px;
    border-radius: 0px 10px 10px 0;
}	
.santuaspira-box{
    width: 130px;	
	position:relative;
	background:#633367;
	animation-name: example;
    border-radius: 0px 10px 10px 0;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0%   {background-color:#633367; left:0px; top:0px;}
  25%  {background-color:#633367; left:0px; top:0px;}
  50%  {background-color:#633367; left:0px; top:5px;}
  75%  {background-color:#633367; left:0px; top:5px;}
  100% {background-color:#633367; left:0px; top:0px;}
}

@media (max-width: 990px){
.wrapper { width:100%;}
.header{margin-top:0px;}

.logo { position:absolute; padding-left:5px; padding-right:5px; }
.topmenu { position:absolute;}
.topmenu .socialMedia { margin-right:5px;}

.topmenu .menu { display:none;}
.mobilemenuicon{display:block;}

.leftmenu1 { display:none; width:100%!important; text-align:center;}
.minimbut {background:#00b3b5; padding:3px 0; text-align:center; border-bottom:3px solid #000; display:block; cursor:pointer;}

.rightmenu1 { padding-top:5px; padding-bottom:10px; line-height:18px;}
.jk {display:none;}

.close  { display:none}
.contentPojects { position:relative; left:0; top:0; z-index: 0; margin:120px auto -100px auto; width:100%; height:auto !important;}
.contentText h1 { margin-left:29px;}
.contentText { width:98%; margin-right:20px;}
.leftmenu1 ul li { float:none;}
.leftmenu1 ul li a { border-bottom:1px solid #454545; padding-bottom:10px}
.leftmenu1 ul li span { border-bottom:1px solid #454545;}
.scroll{ width:97% !important; margin-left:0; padding:0 2% 10px 1%; height:auto !important;}

.width130 { width:80px!important}
.width72 { width:80%!important;}

.spec .spec-cont { width:97%}
.spec .spec-cont .spec-left { }
#pdf-issuu { width:95%;}

.hometilte1 { width:100%; margin-left:0px!important; position:absolute!important;}	
.hometilte1 .left-title { width:100%; text-align:center; margin-left:0px;}


#footer1 { position:absolute!important; bottom:-105px; width:100%; }

#footer { position:relative!important; bottom:-105px; width:100%; }
.project-icon { width:100%;}
.jcarousel-container-horizontal { width:100%!important;}
}

@media (max-width: 940px){
.home-popup-cont { width:98%; left:50%!important; top:50%!important; margin:-25% 0 0 -49%!important;}	
}


@media (max-width: 900px){
.project-icon { width:100%;}	
.jcarousel-item { width:100%;}
.jcarousel-container-horizontal { width:100%!important;}	
.jcarousel-clip-horizontal { width:92%!important;}	
}

@media (max-width: 845px){
.feedbackfieldnames { width:12%;}

}

@media (max-width: 835px){
/*.homeslides {width:100%; height:550px !important; position:absolute !important; left:0 !important; top:0px !important;}
.homeslides ul {height:450px !important; position:absolute !important;}
.homeslides ul li {height:450px !important; position:absolute !important;}*/	
	
	
.hometilte1 { bottom:-55px!important}	

.loc { width:96%;}
#pdf-issuu { width:93%;}

	
#footer1  { height:215px!important; top:100%;  }	
#footer  { height:215px!important; top:100%;  }	
.footerLeft { float:none!important; text-align:center!important; width:98%!important;}
.footerRight { float:none!important; text-align:center!important; width:98%!important; position:absolute; bottom:0; margin-bottom:20px!important;}

.width72 { width:78%!important;}
}





@media (max-width: 768px){
.hometilte1 { bottom:125px!important}	

.contentPojects { margin-bottom:70px;}

/*.enquirybtn { display:none;}
.closebtn { display:none;}
.form { width:100%; left:0; top:100%; padding:5px 0px 10px 0px; margin-top:-180px;}
.form input, textarea, select { width:96%; font-family:'myriad'; margin:5px 10px 0px 10px}*/
.input-but { margin-bottom:10px;}

.form1 { width:100%; position:relative; left:0; bottom:0; padding:5px 0px 10px 0px; margin-top:-280px;}
.form1 input,.form1  textarea, select { width:96%; font-family:'myriad'; margin:5px 10px 0px 10px}
.input-but { margin-bottom:10px;}

#prevslide, #nextslide { margin-top:-110px!important;}

.map { float:none; margin-left:24px; margin-bottom:20px;}
.map iframe { width:100%;}
.form {
    position: absolute;
    width: 168px;
    top: 55%;
    transform: translateY(-50%);
}
.enquirybtn {
    position: absolute;
    top: 45%;
    left: 0;
    cursor: pointer;
    z-index: 9999;
}
.closebtn {
    position: absolute;
    top: -13%;
    left: 198px;
    cursor: pointer;
}
.closebtn img{
   width: 30px;
}



}

@media (max-width: 730px){
.width72 { width:75%!important;}

}


@media (max-width: 705px){
.form input, textarea, select { width:95%;}
.form1 input, textarea, select { width:95%;}
.spec .spec-cont { width:96%}

}

@media (max-width: 650px){
.width72 { width:72%!important;}

}

@media (max-width: 640px){
#pdf-issuu { width:92%;}

.home-prev{
    width: 23px !important;
    left: auto !important;
    right: 55px !important;
    background: url(/images/left-arrow.png) no-repeat left center !important;
    margin: 0px !important;
    background-size: 20px !important;
}
.home-next {
    right: 15px !important;
    background: url(/images/right-arrow.png) no-repeat left center !important;
    width: 23px !important;
    margin: 0px !important;
    background-size: 20px !important;
}
.home-prev, .home-next{ 
    top: auto !important;
	bottom:10px;
} 

}

@media (max-width: 610px){
.width500 { width:98%!important; margin-right:10px;}
}

@media (max-width: 610px){
.jcarousel-clip-horizontal { width:90%!important;}	
}

@media (max-width: 590px){
.width72 { width:69%!important;}
}

@media (max-width: 570px){
.form input, textarea, select { width:94%;}
.form1 input, textarea, select { width:94%;}
.loc { width:95%;}
#pdf-issuu { width:90%;}
}

@media (max-width: 525px){
.width72 { width:66%!important;}
}


@media (max-width: 510px){
.jcarousel-clip-horizontal { width:89%!important;}	
}


@media (max-width: 500px){
.form input, textarea, select { width:93%;}
.form1 input, textarea, select { width:93%;}
#footer1 .wrapper .footerLeft ul li a { padding-right:10px; font-size:16px;}	
#footer .wrapper .footerLeft ul li a { padding-right:10px; font-size:16px;}	
}


@media (max-width: 490px){
#footer1 .wrapper .footerLeft { margin-left:2px;}	
#footer .wrapper .footerLeft { margin-left:2px;}	
.spec .spec-cont { width:94%}
.width72 { width:63%!important;}


}



@media (max-width: 475px){
.hometilte1 .left-title { width:100%; text-align:center; margin-left:0px;}
.hometilte1 .left-title pre { font-size:40px;}
.hometilte1 .left-title pre span { background-position:right 5px;}
#pdf-issuu { width:88%;}

}


@media (max-width: 460px){
#footer1 .wrapper .footerLeft ul li a { padding-right:10px; font-size:15px;}	
#footer .wrapper .footerLeft ul li a { padding-right:10px; font-size:15px;}	
.jcarousel-clip-horizontal { width:88%!important;}	
.loc { width:94%;}
.width72 { width:60%!important;}
}




@media (max-width: 425px){
.rightmenu1 .quickLinks {margin-right:2px;} 	 
.rightmenu1 .quickLinks a { padding:5px 4px} 	 
.form input, textarea, select { width:92%;}
.form1 input, textarea, select { width:92%;}
#footer1 .wrapper .footerLeft ul li a { padding-right:10px; font-size:14px;}	
#footer .wrapper .footerLeft ul li a { padding-right:10px; font-size:14px;}	

.width72 { width:58%!important;}
}

@media (max-width: 410px){
.quickLinks a { font-size:11px!important;}
}

@media (max-width: 405px){
#footer1 .wrapper .footerLeft ul li a { padding-right:8px; font-size:14px;}	
#footer .wrapper .footerLeft ul li a { padding-right:8px; font-size:14px;}	
#pdf-issuu { width:86%;}
.width72 { width:55%!important;}


}


@media (max-width: 400px){
.hometilte1 { height:70px;}
.hometilte1 .left-title pre { font-size:35px; }
.hometilte1 .left-title pre span { background-position:right 3px;}

#footer1 .wrapper .footerLeft ul li a { padding:15px 6px 5px 14px; font-size:14px;}
#footer .wrapper .footerLeft ul li a { padding:15px 6px 5px 14px; font-size:14px;}
.jcarousel-clip-horizontal { width:86%!important;}	
	
}

@media (max-width: 370px){
.width72 { width:53%!important;}
}

@media (max-width: 350px){
.logo { width:50%;}
.logo img { width:100%;}
.hometilte1 { height:65px;}
.hometilte1 .left-title pre { font-size:30px; }
.hometilte1 .left-title pre span { background-position:right 2px;}

.quickLinks a { font-size:12px!important;}

.spec .spec-cont { width:92%}
.loc { width:92%;}
#pdf-issuu { width:84%;}

.rightmenu1 .quickLinks a { font-size:10px!important;} 	 

.form input, textarea, select { width:91%;}
.form1 input, textarea, select { width:91%;}
.spec .spec-cont .spec-right { float:right; width:200px;}


/*.feedbackinput {float:left; margin:0px 0px 0px 24px; padding:5px; vertical-align:top;}
.feedbackinput input {outline:none; background:#EAEAEA; font-family:'Myriad'; border:1px solid #D0D0D0; padding:3px; color:#696969; width:200px;}
.feedbackinput textarea { font-family:'Myriad'; background:#EAEAEA; border:1px solid #D0D0D0; outline:none; padding:3px; color:#696969; width:200px; vertical-align:top;}
*/


.feedbackfieldnames { width:90%; }
.feedbackinput { padding-top:0px!important;}
.feedbackinput input { width:255px;}
.feedbackinput span { display:none!important;}
.feedbackinput textarea { width:255px; margin-top:0px!important;}
.submitbtn { margin-left:30px; margin-top:0px; outline:none!important;}


#footer1 .wrapper .footerLeft ul li a { padding:15px 3px 5px 14px; font-size:13px;}	
#footer .wrapper .footerLeft ul li a { padding:15px 3px 5px 14px; font-size:13px;}	
.jcarousel-clip-horizontal { margin-left:24px!important;}	

.footerRight { font-size:11px!important;}	
.width72 { width:50%!important;}
}

@media (max-width: 345px){
.spec .spec-cont .spec-right { float:right; width:150px!important; }
.santuaspira{ bottom:78px;}

}

@media (max-width: 335px){
.spec .spec-cont .spec-right { float:right; width:150px!important; }
.width72 { width:45%!important; margin-right:5px!important;}


}

@media (max-width: 320px){
.spec .spec-cont .spec-right { float:right; width:150px!important; }

}


@media (max-width: 283px){
.spec .spec-cont .spec-right { float:right; width:150px!important; }
}