@import url('http://fonts.googleapis.com/css?family=Roboto Condensed');
@import url('http://fonts.googleapis.com/css?family=Oswald');
@import url('http://fonts.googleapis.com/css?family=Pragati Narrow');
@import url('http://fonts.googleapis.com/css?family=Anton');
@import url('http://fonts.googleapis.com/css?family=Oleo Script');
@import url('http://fonts.googleapis.com/css?family=Grand Hotel');
@import url('http://fonts.googleapis.com/css?family=Saira Condensed');
@import url('http://fonts.googleapis.com/css?family=Great Vibes');
@import url('http://fonts.googleapis.com/css?family=Rancho');
@import url('http://fonts.googleapis.com/css?family=Italianno');
@import url('http://fonts.googleapis.com/css?family=Grand Hotel');
@import url('http://fonts.googleapis.com/css?family=Rouge Script');

body {margin:0 0 0 0;background-color:#fcf8f2;}

img {border:0px;}


/* the band at the top of the page with menu, email address and phone numbers*/

#topmost_band {width:100%;background-color:#36a0d1;padding:0 0 0 0;position:relative; top:0px;z-index:9999;}


#topmost_band_inner {width:80%; max-width:81.5vw; display:table; padding:8px 0 8px 0;}

@media only screen and (max-width: 1124px) {#topmost_band_inner {display:table;width:95%; max-width:95vw; }}

@media only screen and (max-width: 808px) {#topmost_band_inner {display:table;width:95%; max-width:95vw; padding:8px 4px 8px 4px;}}
@media only screen and (max-width: 550px) {#topmost_band_inner {display:table;width:95%; max-width:95vw; padding:2px 4px 2px 4px;}}


#topmost_band_inner img {height:26px; width:auto;padding:5px 12px 0 0;margin:0 0 -7px 0;}
@media only screen and (max-width: 1248px) {#topmost_band_inner img {height:17px; width:auto;margin:0 0 -2px 0;}}
@media only screen and (max-width: 450px) {#topmost_band_inner img {height:13px; width:auto;margin:0 0 -2px 0;}}

#topmost_band_inner_left {display:table-cell; text-align:left;color:#ffae0c;text-shadow:4px 4px 12px #000000; font-family:'Pragati Narrow';}
@media only screen and (max-width: 1024px) {#topmost_band_inner_left {display:table-cell;padding:0 0 0 8px;font-size:10px; }}
@media only screen and (max-width: 450px) {#topmost_band_inner_left {float:left;padding:0 0 0 2px;font-size:17px;min-width:20vw; }}
@media only screen and (max-width: 1024px) {#topmost_band_inner_left {float:left;padding:0 0 0 2px;font-size:10px;min-width:5vw; }}


#topmost_band_inner_right {display:table-cell;text-align:right;font-family:'Roboto Condensed';color:#ffffff;vertical-align:top;}
@media only screen and (max-width: 1248px) {#topmost_band_inner_right {padding:8px 0 0 0;font-size:13px;text-align:right;max-width:340px;} }
@media only screen and (max-width: 650px) {#topmost_band_inner_right {padding:5px 0 0 0;font-size:13px;text-align:right;max-width:340px;} }
#topmost_band_inner_right a:link, a:visited, a:hover {color:#ffffff;text-decoration:none;}


#contact {text-align:right;}
@media only screen and (max-width: 350px) {#contact {padding:0px 0 0 0;margin:-9px 0 0 0;font-size:12px; max-width:220px;text-align:right;float:right;} }


/* _____________________________________the area containing the name, welcome note and translator__________________*/


#top_total {width:100%;background-color:rgba(255, 255, 255, 0.8);position:absolute; top:51px; z-index:999}
@media only screen and (max-width: 950px) {#top_total{position:relative;top:0px;margin-bottom:8px; }}
@media only screen and (max-width: 495px) {#top_total{position:relative;top:0px;margin-bottom:-12px; }}

#top {width:80%; max-width:81.5vw; display:table;padding:3px 0 0 0;}
@media only screen and (max-width: 1124px) {#top{display:table;width:95%; max-width:95vw; }}
@media only screen and (max-width: 498px) {#top{display:inline;}}

#top_left {display:table-cell;text-align:left;vertical-align:top;}
@media only screen and (max-width: 598px) {#top_left {vertical-align:middle; }}
@media only screen and (max-width: 498px) {#top_left{display:inline;text-align:left;float:left;padding:0 0 0 7px;}}
#top_right {display:table-cell;text-align:right;}
@media only screen and (max-width: 498px) {#top_right{display:inline;text-align:left;float:left;padding:0 0 0 7px;}}

#top_left_inner {display:table;}

#top_left1 {display:table-cell;}
#top_left1 img {}
@media only screen and (max-width: 950px) {#top_left1 img{width:60px; height:auto; }}
@media only screen and (max-width: 598px) {#top_left1 img{width:45px; height:auto; }}
#top_left2 {display:table-cell;vertical-align:middle;padding:0 0 0 10px; text-align:left;}

#slogan {font-family:'Roboto Condensed';color:#666666; font-size:21px;}
@media only screen and (max-width: 950px) {#slogan{font-size:16px; }}
@media only screen and (m6px 6px 0 6pxax-width: 598px) {#slogan{font-size:13px; }}
#name {font-family:'Oswald';color:#2a6caa; font-size:40px;font-weight:normal; text-shadow:1px 1px 1px #cccccc;margin:-3px 0 0 -2px;}
@media only screen and (max-width: 950px) {#name{font-size:23px; }}
@media only screen and (max-width: 598px) {#name{font-size:19px; }}
#welcome {font-family:"Oswald"; color:#666666; font-size:21px;}
@media only screen and (max-width: 950px) {#welcome{font-size:14px; }}
@media only screen and (max-width: 598px) {#welcome{font-size:12px; }}
#translate {font-size:16px;color:#000000;font-family:"Oswald";margin:5px 0 9px 0;}
@media only screen and (max-width: 950px) {#translate{font-size:12px; }}
@media only screen and (max-width: 598px) { #translate {font-size:11px;}}

#translate select {border-radius:20px; background-color:#ffffff;border:none;}
@media only screen and (max-width: 950px) {#translate select{font-size:12px; }}
@media only screen and (max-width: 598px) {#translate select{font-size:11px; }}
@media only screen and (max-width: 495px) {#translate select{font-size:11px; margin:0 0 -16px-7px;}}

/* contact info page css*/

#contact_content_total
{
    width:100%;
    display:table;
    background-color:#f7f2ca;
}
#contact_content_left
{
    width:50%;
    display:table-cell;
}
#contact_content_left_total
{
    width:100%;
}
#contact_content_right
{
    width:50%;
    display:table-cell;
}
#cont-title
{
    display:table-row;
    width:100%;
}
#cont-content
{
    display:table-row;
    width:100%;
}
#cont-content_inner
{
    display:table;
    width:100%;
}
/* _____________________________________the area distorted by sukanya__________________*/

#card {display:table;}
#card_image
{display: table-cell;}
#card_image_inner
{border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-radius: 2px;
    padding: 4px;
    margin-left:74px;
}
@media only screen and (max-width: 778px) {#card_image_inner {margin-left:32px;}}
@media only screen and (max-width: 1024px) {#title_main {text-align:center;margin-left:32px;}#front_page_text {text-align:center;margin-left:32px;}}

#card
{display:table;}
@media only sleftcreen and (max-width: 1024px)
{
	#title
	{margin-top:-50px}
	#madhu div{}
}
@media only screen and (max-width: 768px) 
{
	
	#title
	{margin-top:-82px}
	#anjali
	{text-align:center;}
	#slogan3
	{margin-left:0; text-align:center;}
	#madhu
	{text-align:left;}
	#an_text
	{text-align:center;margin-bottom:30px;}
	#alaka{text-align:center;}
	#alaka div{padding-left:5px;margin-bottom:30px;font-size: 16px;}
	#madhu div{font-size: 16px;}
}

	#title
	{margin-top:-82px}
	#slogan3
	{margin-left:0; text-align:center;}
	#madhu
	{text-align:left;}
	#an_text
	{text-align:left;padding-left: 30px;margin-bottom:30px;}
	#alaka div{padding-left:5px;margin-bottom:30px;}
	#madhu div{padding-left:5px;margin-bottom:30px;}
}

	#title
	{margin-top:-82px}
	#slogan3
	{margin-left:0; text-align:center;}
	#madhu
	{text-align:left;}
	#an_text
	{text-align:center;padding-left: 30px;margin-bottom:30px;}
	#alaka div{padding-left:5px;margin-bottom:30px;}
	#madhu div{padding-left:5px;margin-bottom:30px;}
}
@media only screen and (max-width: 320px)
{
	
	 #card{display: inline-table; width:100%;}
	 #card_image{display: inline-table;}
	#card_image_inner{margin:0;}
}
@media only screen and (max-width: 425px)
{
    #contact_content_left
    {
        width:100%;
        display:table-row;
    }
    #contact_content_right
    {
        width:100%;
        display:table-row;
    }
}


/* _____________________________________the main page area__________________*/


#page_outer {width:100%;font-family:'Saira Condensed';}
@media only screen and (max-width: 808px) {#page_outer {top:10px;}}
@media only screen and (max-width: 350px) {#page_outer {margin-top:-70px;}}
#page {width:80%; max-width:81.5vw; display:table;}
@media only screen and (max-width: 955px) { #page {width:95%;max-width:95vw;}}

#page_left {display:table-cell;text-align:left;}
@media only screen and (max-width: 768px) { #page_left {display:table-row;text-align:center;}}
@media only screen and (max-width: 320px) { #page_left {display:table-row;text-align:center;}}


#page_left1 {display:table-cell;text-align:right;}

#page_left img {width:700px; height:auto;max-width:40vw;}
@media only screen and (max-width: 768px) { #page_left img {max-width:90vw;}}
@media only screen and (max-width: 768px) { #page_left img {max-width:90vw; margin-top:50px;}}

#page_right {display:table-cell;vertical-align:top;}
@media only screen and (max-width: 768px) { #page_right {display:table-row;}}

#texts {text-align:justify; font-family:'Saira Condensed'; line-height:29px; font-weight:200;font-size:17px;padding:5px 25px 5px 25px;color:#000000;margin:35px 0 0 0px;}
#texts a{font-family:'Saira Condensed'; font-weight:200;font-size:17px; color:#000000; text-decoration:none;}
@media only screen and (max-width: 320px) { #texts {text-align:justify; font-family:'Pragati Narrow'; line-height:21px; font-weight:200;font-size:13px;padding:12px 0 0 0;color:#000000;margin:5px 5px 5px 5px;}}
@media only screen and (max-width: 335px) { #texts {text-align:justify; font-family:'Pragati Narrow'; line-height:21px; font-weight:200;font-size:13px;padding:12px 0 0 0;color:#000000;margin:5px 5px 5px 5px;}}
@media only screen and (max-width: 768px) { #texts {text-align:justify; font-family:'Pragati Narrow'; line-height:21px; font-weight:200;font-size:13px;padding:25px 0 0 0;color:#000000;padding: 4px 7px 0 7px;}}

#page_left_about img
{
clip-path: inset(10px 10px 10px 10px);
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
    -webkit-filter: grayscale(50%);
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    vertical-align: bottom;
   
}
#page_left_about
{
box-shadow: 3px 3px 7px #243d09;
   text-align:center;
    vertical-align: bottom;
text-align: center;
}
#texts_about
{text-align:justify;padding: 0px 25px 5px 25px;}
#content {width:98%;text-align:center;font-size:20px; font-family:'Oswald';}

@media only screen and (max-width: 768px) { #content {font-size:12px;}}
#content img {max-width:19vw;border:10px solid #ffffff;box-shadow:4px 4px 12px #000000;-webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;text-align:center;opacity:.8;}
#content img:hover {max-width:21.2vw;border:0px solid #ffffff;box-shadow:4px 4px 12px #000000;opacity:1;}

#tariff {background-color:#eaf2f7;padding:45px 0 0 45px;}
@media only screen and (max-width: 768px) { #tariff{padding: 2px 0 0 2px;}}



#separator {width:98.5%; text-align:center;height:2px; margin:20px 0 20px 0;background-color:#ff9d00;}

#title {font-family: 'Roboto Condensed';font-size:25px; text-align:left; text-shadow:1px 1px 2px #666666; border-bottom:1.5px solid #cccccc; display:block;text-transform:uppercase;padding:25px 0 25px 0;font-weight:normal;}

@media only screen and (max-width: 320px) { #title {font-size:15px; margin-top:-15px;}
#title{
    margin: 0px 0 10px 0;
}}
@media only screen and (max-width: 358px) { #title {font-size:15px; margin-top:-105px;}}
@media only screen and (max-width: 1008px) { #title {font-size:25px; margin-top:-45px;}}
@media only screen and (max-width: 1024px) { #title {font-size:25px; margin-top:-33px;}}
@media only screen and (max-width: 768px) { #title {font-size:22px;padding:0 0 0 0;} #director_text{margin-bottom:20px;}}


#title2 {font-family: 'Roboto Condensed';font-size:25px; text-align:left; left:10%;text-shadow:1px 1px 2px #666666;  display:block;text-transform:uppercase;padding:25px 0 25px 0;font-weight:normal;}

@media only screen and (max-width: 320px) { #title2 {font-size:15px; padding:0 0 0 0;}}

@media only screen and (max-width: 768px) { #title2 {font-size:15px;padding:0 0 0 0;}}



#title1 {font-family: 'Roboto Condensed';font-size:25px; text-align:left; left:20%;text-shadow:1px 1px 2px #666666;  display:block;text-transform:uppercase;padding:0 0 40px 0;font-weight:normal;padding:15px 0 0 0; margin-left:152px;}
@media only screen and (max-width: 768px) { #title1 {font-size:15px;padding:0 0 0 0; margin-left:40px;text-align:left;}}
@media only screen and (max-width: 1024px) { #title1 {font-size:20px;padding:10px 0 0 0; margin-left:100px;}}
@media only screen and (max-width: 320px) { #title1 {font-size:20px; text-align:left; margin-left:20px;}}
#title div
{margin-top:15px;}
/*_______________________________the first footer__________________________________________*/

#footer_outer {width:100%;}
#footer {width:80%; max-width:80vw;display:table;}
#footer_left {display:table-cell; padding:0 10px 0 0;}@media only screen and (max-width: 768px) { #footer_left {display:table-row;}}
#footer_right {display:table-cell;}@media only screen and (max-width: 768px) { #footer_right {display:table-row;}}
#footer_right h1 {text-align:left; padding:4px 4px 4px 4px;color:#ffffff; font-family:'Pragati Narrow';font-size:19px; font-weight:normal;background-color:#6fb7f2; display:block;}
#footer_left h1 {text-align:left; padding:4px 4px 4px 4px;color:#ffffff; font-family:'Pragati Narrow';font-size:19px; font-weight:normal;background-color:#6fb7f2; display:block;}





/*_______________________________the lower footer__________________________________________*/

#lower_footer_outer {background-color:#74aec9;display:table;width:100%;padding:20px 0 20px 0;}
#lower_footer {width:81%; max-width:81.5vw;display:table;font-family:'Oswald'; font-size:12px; font-weight:normal;margin:0 0 0 -20px;}
#lower_footer_left {display:table-cell;text-align:left;}
#lower_footer_right {display:table-cell;text-align:right; }
#lower_footer_right a:link {font-family:'Oswald';text-decoration:none; color:#000000; font-size:12px;line-height:22px; font-weight:normal;}
#lower_footer_right a:visited {font-family:'Oswald';text-decoration:none; color:#000000; font-size:12px;line-height:22px;}
#lower_footer_right a:hover {font-family:'Oswald';text-decoration:none; color:#ff0000; font-size:12px;line-height:22px;}



/*_______________________________enquiry__________________________________________*/


#enquiry {padding:400px 0 0 0;}



#gallery_outer {}
#gallery_inner {}
@media only screen and (max-width: 768px) { #gallery_inner {margin-top:-45px;}}
#gallery_inner img {}

#ex1 { 
  padding:15px;
  padding-bottom:2px;
  font-family:Roboto Condensed;
}

#space {height:90px;}
@media only screen and (max-width: 768px) { #space {height:50px;;}}
#space1 {height:60px;}
div#managing_director {}
#managing_director_inner {box-shadow:3px 3px 7px #243d09;display:inline-block;vertical-align:bottom;}
#managing_director_inner:hover {box-shadow:0px 0px 0px #ffffff;display:inline-block;}
#managing_director img { clip-path: inset(10px 10px 10px 10px);-webkit-filter: brightness(90%); /* Safari */
    filter: brightness(90%);-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
    filter: grayscale(50%);  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease; border:0px solid #676377;height:100%;vertical-align:bottom;}


#managing_director img:hover {clip-path: inset(0px 0px 0px 0px);-webkit-filter: brightness(110%); /* Safari */
    filter: brightness(110%);-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}

#name_designation {font-size:18px;font-weight:bold;color:#ff6600;padding:4px 0 0 0;text-align:center;}
#designation {margin:-5px 0 0 0;text-align:center;}
#directors {display:table;width:80%;}
@media only screen and (max-width: 600px) { #directors {width:100%;}}
@media only screen and (max-width: 450px) { #directors {display:inline;}}
#directors_left {display:table-cell;margin-right:100px;}
@media only screen and (max-width: 450px) { #directors_left {display:inline;}}
#directors_right {display:table-cell;margin-left:100px;}
@media only screen and (max-width: 450px) { #directors_right {display:inline;}}

/*---------------------------------gallery----------------------------------*/

#gallery
{
	padding-top:25px;
}
#gallery_col img
{
	width:100%;
}
#gallery_col img:hover
{
	opacity:0.8;
}
#gallery_row
{
	width:100%;
	max-width: 91.5vw;
	display:table;
	margin-bottom:5px;
}
#gallery_col
{
	display:table-cell;
}
#gallery_inn_col
{
	padding: 6px 6px 0 6px;
    	border: 2px solid #ddd;
	width:92%;
}

@media only screen and (max-width:699px) {#gallery_row {display:inline;} #gallery_col {display: inline-block;margin-bottom: 20px;}}