﻿@charset "UTF-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

/************************************************************************************
MOBILE
*************************************************************************************/

@media only screen and ( min-width: 481px) and ( max-width: 767px)
{


/*---------------Header Styling---------------*/
/*-------------------------------------------*/
header { background:#f05a28; height:140px; width:100%;}

#header {width:95%; height:110px; margin:0 auto; float:none; text-align:left; padding: 0px 0px; clear:both;  }
#header .logo	{display:table-cell; padding-top: 15px;}
#header .logo	img {width:180px;  float:left;}
#header .top-right {display:table-cell; padding-top: 0px; vertical-align:top; float:right;}


#header .social-media { width:100%; padding:0px; margin-right:00px; float:right; height:45px; clear:both;}
.social_media{	display:block; height:45px; text-align:left;  float:right;}
.social_media ul{ width:100px; text-align:right; float:right;}
.social_media li:first-child { float:left; width:100%; color:#333; display:none;}
.social_media li{float:left; display:inline-block; list-style-type:none; list-style-image:none; padding:8px 0px 0px 0px; margin:0px 0px 0px 10px;}
.social_media li a{display:block; width:29px; height:29px; text-indent: -9999px; background:transparent url(images/social_media.png) 0 0 no-repeat; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  }
#facebook{background-position: 0 0}#facebook:hover{background-position: 0px -30px}
#linkedin{background-position: -40px 0;  }#linkedin:hover{background-position: -40px -30px}
#blog{background-position: -80px 0}#blog:hover{background-position: -80px -30px}

#header .contact { float:right; text-align:right; }
#header .contact li{ padding:0px; margin:0px; list-style:none;  }
#header .contact .email a {color:#000; font-size:14px;  text-decoration:none;}
#header .contact .phone { font-size:21pt; color:#fff;  }

nav {background:#c1c1c1; height:40px; width:100%; text-align:center; }


/*---------------Header Styling---------------*/
/*-------------------------------------------*/


/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/
#home-containerpan		{width:100%;}
#home-container			{width:95%; margin:0px auto; float:none;}
#home-container .left{width:100%; margin:0px auto; padding:30px 0px; float:left; line-height:16pt}
.home-head{color:#f05a28;}

#home-container .right{width:100%; height:240px; margin:0px auto; padding:0px; float:right;  background:#f05a28 url(images/bg-right.gif) right no-repeat; margin-bottom:20px;}

#home-container .right .right-data{width:216px; float:left; margin:0px auto; height:240px; padding-left:10px; position:relative;}

.schedule{width:216px; float:none; margin:5px 0px 0px 0px;}
.schedule-text{width:66px; display:table-cell; margin:0px; padding:0px; color:#000; vertical-align:top;}
.schedule-input{width:150px; display:table-cell; margin:0px; padding:0px; color:#fff; }
.schedule-head{margin:15px 0px; display:block; padding:0px; color:#fff; clear:both}
.tb-text{background:#f05a28; border: 1px solid #FFF; border-width:0px 0px 1px 0px; outline:none; color:#fff;}
.submit-bt { padding:15px 0px;  margin:0px 0px; line-height:0px; background:#f05a28; border:none; font-size:14px; color:#fff; outline:none; cursor:pointer	 }
.submit{padding:0px; margin:0px;}

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/


/*---------------Visual Styling---------------*/
/*-------------------------------------------*/
#visualpan {width:100%; margin:0px auto; float:none; padding:0px; text-align:right;  z-index:99; position:relative; }

.home-link{ width:100%; padding:0px; margin:0px auto; float:none; text-align:center; position:absolute;  }
.home-lik ul{ text-align:center; margin:0px auto; float:none; margin-top:6%;}
.home-lik ul li{list-style:none; padding:0 0; margin:0px auto; display:inline-block; float:none; }

ul.icon_links { text-align:center; margin:0px auto; float:none; margin-top:4%;}
ul.icon_links li { width:120px; height:120px; background:#fff; display:inline-block;  margin: 0 2%; position:relative;}
ul.icon_links li img{ width:120px; }
ul.icon_links li .icon_plus { position:absolute; bottom: -15px; right:-11px; z-index:9999;}
ul.icon_links li .icon_plus img{ width:25px; position:absolute; bottom: 6px; right:2px; z-index:9999;}

.icon_hover { opacity:0px; display:none; }

ul.icon_links li:hover > .icon_active{ opacity:0px; display:none;}
ul.icon_links li:hover > .icon_hover { display:block; }


.icon_active  {transform: scaleY(1); transition: all 0.7s ease-in-out;}
.icon_hover {transition: all 0.5s linear; opacity: 0;}
	
.icon_active:hover { 
    opacity: 0;
}
.icon_hover:hover { 
    opacity: 1;
}


/*.home-link ul{ text-align:center; margin:0px auto; float:none; margin-top:6%;}
.home-link ul li{list-style:none; padding:0 2%; margin:0px auto; display:inline-block; float:none; }
.home-link ul li img{width:100px;}*/


/*---------------Visual Styling---------------*/
/*-------------------------------------------*/



/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; }
#body-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#body-container .left		{width:100%; margin:0px auto; float:left;}
#body-container .left .pic{width:280px; margin:0px auto; float:left; padding-top:10px; display:none;}
#body-container .right		{width:100%; margin:0px auto; float:right;}


#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container .left	{width:100%; margin:0px auto; float:left; border-bottom:1px dashed #ccc; padding-bottom:15px;}
#contact-container .right	{width:100%; margin:0px auto; float:right; padding-top:15px;}




/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/
.contact-int {display:table; width:100%; }
.contact-int ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-int li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:200px; vertical-align:top;  }

.contact-abt {display:table; width:100%; }
.contact-abt ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-abt li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:240px; vertical-align:top;  }

.direction a {display:inline-block; padding: 0px 10px 0px 34px; height:34px; line-height:34px; color:#646464; text-decoration:none; text-transform:normal; margin-bottom:3px; background: url(images/icon-direction.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.direction a:hover { color: #f05a28; background: url(images/icon-direction.png) no-repeat; background-position: 0px -34px; }

.calender a {display:inline-block; padding: 0px 10px 0px 34px; height:34px; line-height:34px; color:#646464; text-decoration:none; text-transform:normal; margin-bottom:3px; background: url(images/conct-calender.png) no-repeat; background-position: 0px 0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.calender a:hover { color: #f05a28; background: url(images/conct-calender.png) no-repeat; background-position: 0px -34px; }

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/


/*---------------Services Page Styling---------------*/
/*-------------------------------------------------*/
.services{ width:100%; padding:0px; margin:0px auto;}
.services ul{ margin:0px auto; padding-top:0px; display:inline-block; vertical-align:top;}
.services ul li{width:220px; list-style-image: url('images/list-bullet.gif'); padding:0px 0px 10px 0px; } 
.services ul li a{text-decoration:none;}
.services ul li a:hover{text-decoration:none; color:#f05a28;} 


.starting-up{ width:100%; padding:0px; margin:0px auto; }
.starting-up ul{ margin:0px auto; padding-top:10px;  vertical-align:top;}
.starting-up ul li{width:120px; list-style:none; padding:0px 5px 0px 0px; margin-left:0px; display:inline-block;} 
.starting-up ul li img{wdth:110px; margin-bottom:10px;} 

/*---------------Services Page Styling---------------*/
/*-------------------------------------------------*/


/*---------------Our Team Page Styling---------------*/
/*-------------------------------------------------*/
.div-our-team {display:table; width:98%; padding:10px 10px 0px 10px;  margin: 0px 0px; line-height:14pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.div-our-team-col{width:100%; display:block; padding: 0px 0px 0px 0px; vertical-align:top;  }
.div-our-team-col img{width:120px; }
.div-our-team-col1{width:100%; display:table-cell; padding: 0px 0px 0px 10px; vertical-align:top;}
.div-our-team-col1 .head{width:100%; display:table-cell; padding-bottom: 5px;}
.div-our-team:hover {background:#e9e9e9; color:#4a4949;}
.team-head{font-size:18px; font-style:bold; font-weight:normal; padding:0px; margin:0px; color:#f05a28; }
.img-pic{border: 1px solid #ccc; padding:2px; }
/*---------------Our Team Styling---------------*/
/*-------------------------------------------------*/


/*--------------- Portfolio Page Styling ---------------*/
/*---------------------------------------------------*/
.portfolio {display:table; width:100%; }
.portfolio-col{display:table-cell; padding: 0px 20px 0px 0px; width:100%; vertical-align:top;}
.portfolio-col ul{list-style:none; padding:0px; margin:0px; text-align:center; }
.portfolio-col li{ padding:0px 6px; margin:0px 2px 35px 0px; display:inline-block; width:140px; vertical-align:top;  }
.portfolio-col li img{ width:100px; padding-bottom:5px;}
.portfolio-col li a{ text-decoration:none;  }

span.roll {width: 105px; height:110px; background:url(images/mag.png) center center no-repeat #dfdfdf; position: absolute;  z-index: 10;} 

/*--------------- Portfolio Page Styling ---------------*/
/*---------------------------------------------------*/



/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/

#breadcrumb { max-width:100%; float:none; margin:0px auto; line-height:29px; height:18px; padding:5px 0px 16px 0px; margin-bottom:20px; border-bottom: 2px solid #c1c1c1}
#breadcrumb ul		{list-style:none; padding:0px; margin:0px; color:#666666; }
#breadcrumb ul li	{list-style:none; padding:0px 0px 0px 21px;  margin:0px; display:inline-block; background-image:url(images/bullet-breadcrumb.gif); background-repeat:no-repeat; background-position:left; float:left; font-size:13px;}
#breadcrumb ul li a	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#4a4949}
#breadcrumb ul li a:hover	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#c80000}

#breadcrumb ul li.caps	{list-style:none; padding:0px 0px 0px 21px; margin:0px; font-size:14px; color:#f05a28}
#breadcrumb span a.icon-home  {width:17px; height:15px; text-decoration:none; background:url(images/icon-home.gif); background-repeat:no-repeat; background-position:left; margin-top:6px; display:inline-block; float:left}

/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/


/*---------------Left Menu Styling---------------*/
/*-----------------------------------------------*/

#sub-menu  {width:100%; display:block; margin:0px auto; padding:0px 0px 10px 0px; background:none; float:none; position:relative; }
#sub-menu .hdnav  {padding:0px 0px 0px 5px; }

/* menu icon */
#menu-icon-left          {line-height:28px; height:30px; width:auto; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; margin-top:10px;}
#menu-icon-left          {background:#fff url(images/menu-icon-left.png) no-repeat right center; padding:0px; cursor:pointer; display:block; float:none; text-transform:uppercase; color:#f05a28; border:1px solid #efefef} 
#menu-icon-left:hover	 {color:#000; background:#fff url(images/menu-icon-left.png) no-repeat right center;}
#menu-icon-left.active	 {color:#f05a28; background:#fff url(images/menu-icon-left-active.png) no-repeat right center;}

#sub-menu #navlist    {list-style:none; list-style-image:none; padding:0px; margin:0px; font-size:15px; position:relative; display:none; width:auto; background:#efefef; border-top:1px solid #efefef;}
#sub-menu #navlist li {list-style:none; list-style-image:none; padding:5px 0px 5px 10px; margin:5px; color:#333; }
#sub-menu #navlist li:hover {list-style:none; padding:5px 0px 5px 10px; margin:5px; color:#f05a28}
#sub-menu #navlist li a {text-decoration:none; color:inherit; display:block}
#sub-menu #navlist li a:hover {text-decoration:none; color:inherit;}
#sub-menu #navlist li a.focus {text-decoration:none; color:#f05a28; text-transform:uppercase;}
#sub-menu div   {visibility:visible; position:relative; }


/*---------------Left Menu Styling---------------*/
/*-----------------------------------------------*/





/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
footer{ background:#817e7f; width:100%; }
#footer-container {width:100%;  background:#817e7f;  min-height:100%; margin:0 auto; float:none; padding: 0px 0px; padding-top: 10px; clear:both; font-size:13px; color:#fff;}
#footer-container .left		{display:block; float:none; width:95%; margin:0 auto;  padding-bottom:10px; border-bottom:1px dashed #ccc; background:#817e7f;}
#footer-container .right	{display:inline-block;  float:none; width:100%; margin:0 auto; padding-top:10px; background:#817e7f;}

.left-data {display:table; width:100%;}
.left-data-logo{display:table-cell; padding: 0px; width:140px; vertical-align:top;}
.left-data-logo img{width:70px;}
.left-data-right{display:table-cell; padding: 0px; width:100%; padding-left:10px; vertical-align:top; line-height:16pt;}
.left-data-right a{color:#fff; text-decoration:none}
.left-data-right a:hover{color:#fff; text-decoration:underline}

.send-file{padding-left:10px;}


#footer-container .proud {width:100%;  float:right;}
#footer-container .proud ul{ padding-top:10px; margin:0px; list-style:none;  }
#footer-container .proud li{ padding-left:10px; padding-bottom:10px; margin:0px; list-style:none; display:inline-block  }
.proud-text{padding-left:10px;}

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/



}


@media only screen and ( min-width: 240px) and ( max-width: 480px)
{

/*---------------Header Styling---------------*/
/*-------------------------------------------*/
header { background:#f05a28; height:160px; width:100%; text-align:center; }

#header {width:95%; height:110px; margin:0 auto; float:none; text-align:center; padding: 0px 0px; clear:both;  }
#header .logo	{display:inline-block; float:left; width:100%; padding-top: 5px;}
#header .logo	img {width:150px;}
#header .top-right {display:block; width:100%; float:left; padding-top: 0px; text-align:center;}


#header .social-media { width:100%; padding:0px; margin:0px; margin-right:0px; float:left;}
.social_media{	display:block; height:40px;}
.social_media ul{ width:100%; text-align:center;}
.social_media li:first-child { float:left; width:100%; color:#333; display:none;}
.social_media li{ float:none; display:inline-block; list-style-type:none; list-style-image:none; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;}
.social_media li a{display:block; width:29px; height:29px; text-indent: -9999px; background:transparent url(images/social_media.png) 0 0 no-repeat; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  }
#facebook{background-position: 0 0}#facebook:hover{background-position: 0px -30px}
#linkedin{background-position: -40px 0;  }#linkedin:hover{background-position: -40px -30px}
#blog{background-position: -80px 0}#blog:hover{background-position: -80px -30px}


#header .contact {width:100%; float:left; margin:5px 3px 0px 0px; text-align:center; clear:left; }
#header .contact li{ padding:0px; margin:0px; list-style:none; text-align:center;  }
#header .contact .email a {color:#000; font-size:10pt;  text-decoration:none;}
#header .contact .phone { font-size:13pt; color:#fff;  }

nav {background:#c1c1c1; height:40px; width:100%; text-align:center; }



/*---------------Header Styling---------------*/
/*-------------------------------------------*/

	

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/
#home-containerpan		{width:100%;}
#home-container			{width:95%; margin:0px auto; float:none;}
#home-container .left{width:100%; margin:0px auto; padding:30px 0px; float:left; line-height:16pt}
.home-head{color:#f05a28;}

#home-container .right{width:100%; height:240px; margin:0px auto; padding:0px; float:right;  background:#f05a28 url(images/bg-right.gif) right no-repeat; margin-bottom:20px;}
#home-container .right .right-data{width:95%; float:left; margin:0px auto; height:240px; padding-left:10px; position:relative;}
.schedule{width:100%; float:none; margin:5px 0px 0px 0px}
.schedule-text{display:table-cell; margin:0px; padding:0px; color:#000;}
.schedule-input{display:table-cell; margin:0px; padding:0px; color:#fff;}
.schedule-head{margin:15px 0px; display:block; padding:0px; color:#fff; clear:both}
.tb-text{background:#f05a28; border: 1px solid #FFF; border-width:0px 0px 1px 0px; outline:none; color:#fff;}
.submit-bt { padding:15px 0px;  margin:0px 0px; line-height:0px; background:#f05a28; border:none; font-size:14px; color:#fff; outline:none; cursor:pointer}
.submit{padding:0px; margin:0px; }

/*---------------Home Container Styling---------------*/
/*---------------------------------------------------*/

/*---------------Visual Styling---------------*/
/*-------------------------------------------*/
#visualpan {width:100%; margin:0px auto; float:none; padding:0px; text-align:right;  z-index:99; position:relative;}

.home-link{ width:100%; padding:0px; margin:0px auto; float:none; text-align:center; position:absolute;  }

.home-lik ul{ text-align:center; margin:0px auto; float:none; margin-top:6%;}
.home-lik ul li{list-style:none; padding:0 0; margin:0px auto; display:inline-block; float:none; }

ul.icon_links { text-align:center; margin:0px auto; float:none; margin-top:6%;}
ul.icon_links li { width:70px; height:70px; background:#fff; display:inline-block;  margin: 0 2%; position:relative;}
ul.icon_links li img{ width:70px; }
ul.icon_links li .icon_plus { position:absolute; bottom: -15px; right:-11px; z-index:9999;}
ul.icon_links li .icon_plus img{ width:20px; position:absolute; bottom: 7px; right:1px; z-index:9999;}

.icon_hover { opacity:0px; display:none; }

ul.icon_links li:hover > .icon_active{ opacity:0px; display:none;}
ul.icon_links li:hover > .icon_hover { display:block;}


.icon_active  {transform: scaleY(1); transition: all 0.7s ease-in-out;}
.icon_hover {transition: all 0.5s linear; opacity: 0;}
	
.icon_active:hover { 
    opacity: 0;
}
.icon_hover:hover { 
    opacity: 1;
}  

/*---------------Visual Styling---------------*/
/*-------------------------------------------*/


/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; }
#body-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#body-container .left		{width:100%; margin:0px auto; float:left;}
#body-container .left .pic{width:280px; margin:0px auto; float:left; padding-top:10px; display:none;}
#body-container .right		{width:100%; margin:0px auto; float:right;}


#contact-container			{width:95%; margin:0px auto; float:none; padding-top:10px;}
#contact-container .left	{width:100%; margin:0px auto; float:left; border-bottom:1px dashed #ccc; padding-bottom:15px; }
#contact-container .right	{width:100%; margin:0px auto; float:right; padding-top:15px;}

/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/
.div-contact {display:table; width:95%; }
.div-contact-left{display:block; padding: 0px; width:95%; padding-bottom:20px; }
.div-contact-right{display:block; padding: 0px; width:95%;}

.contact-int {display:table; width:100%; }
.contact-int ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-int li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:200px; vertical-align:top;  }

.contact-abt {display:table; width:100%; }
.contact-abt ul{list-style:none; padding:0px; margin:0px; text-align:left; }
.contact-abt li{ padding:0px 0px; margin:0px 2px 10px 0px; display:inline-block; width:240px; vertical-align:top;  }

/*---------------Contact Page Styling---------------*/
/*---------------------------------------------------*/


/*---------------Our Team Page Styling---------------*/
/*-------------------------------------------------*/
.div-our-team {display:table; width:98%; padding:5px 5px 0px 5px;  margin: 0px 0px; line-height:14pt; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.div-our-team-col{width:100%; display:block; padding: 0px 0px 0px 0px; vertical-align:top;  }
.div-our-team-col img{width:60px; clear:right;}
.div-our-team-col1{width:100%; display:table-cell; padding: 0px 0px 0px 10px; vertical-align:top;}
.div-our-team-col1 .head{width:100%; display:table-cell; padding-bottom: 5px;}
.div-our-team:hover {background:none; color:#4a4949;}
.team-head{font-size:18px; font-style:bold; font-weight:normal; padding:0px; margin:0px; color:#f05a28; }
.img-pic{border: 1px solid #ccc; padding:2px; }
/*---------------Our Team Styling---------------*/
/*-------------------------------------------------*/


/*---------------Services Page Styling---------------*/
/*-------------------------------------------------*/
.services{ width:98%; padding:0px; margin:0px auto; }
.services ul{ margin:0px auto; padding-top:0px; display:inline-block; vertical-align:top;}
.services ul li{width:220px; list-style-image: url('images/list-bullet.gif'); padding:0px 0px 10px 5px;} 
.services ul li a{text-decoration:none;}
.services ul li a:hover{text-decoration:none; color:#f05a28;} 


.starting-up{ width:100%; padding:0px; margin:0px auto; }
.starting-up ul{ margin:0px auto; padding-top:10px;  vertical-align:top;}
.starting-up ul li{width:100%; list-style:none; padding:0px; margin-right:10px;  display:inline;} 
.starting-up ul li img{width:80px; margin-bottom:10px} 

/*---------------Services Page Styling---------------*/
/*-------------------------------------------------*/


/*--------------- Portfolio Page Styling ---------------*/
/*---------------------------------------------------*/
.portfolio {display:table; width:100%; }
.portfolio-col{display:table-cell; padding: 0px 20px 0px 0px; width:100%; vertical-align:top;}
.portfolio-col ul{list-style:none; padding:0px; margin:0px; text-align:center; font-size:10pt; }
.portfolio-col li{ padding:0px 6px; margin:0px 2px 20px 0px; display:inline-block; width:110px; vertical-align:top;}
.portfolio-col li img{width:80px; padding-bottom:5px; }
.portfolio-col li a{ text-decoration:none;  }

span.roll {width: 85px; height: 90px; background:url(images/mag.png) center center no-repeat #dfdfdf; position: absolute;  z-index: 10;} 

/*--------------- Portfolio Page Styling ---------------*/
/*---------------------------------------------------*/



/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/

#breadcrumb { max-width:100%; float:none; margin:0px auto; line-height:29px; height:18px; padding:5px 0px 16px 0px; margin-bottom:20px; border-bottom: 2px solid #c1c1c1}
#breadcrumb ul		{list-style:none; padding:0px; margin:0px; color:#666666; }
#breadcrumb ul li	{list-style:none; padding:0px 0px 0px 21px;  margin:0px; display:inline-block; background-image:url(images/bullet-breadcrumb.gif); background-repeat:no-repeat; background-position:left; float:left; font-size:13px;}
#breadcrumb ul li a	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#4a4949}
#breadcrumb ul li a:hover	{list-style:none; padding:0px; margin:0px; text-decoration:none; color:#c80000}

#breadcrumb ul li.caps	{list-style:none; padding:0px 0px 0px 21px; margin:0px; font-size:14px; color:#f05a28}
#breadcrumb span a.icon-home  {width:17px; height:15px; text-decoration:none; background:url(images/icon-home.gif); background-repeat:no-repeat; background-position:left; margin-top:6px; display:inline-block; float:left}

/*---------------Breadcrumb Styling---------------*/
/*-----------------------------------------------*/


/*---------------Left Menu Styling---------------*/
/*-----------------------------------------------*/

#sub-menu  {width:100%; display:block; margin:0px auto; padding:0px 0px 10px 0px; background:none; float:none; position:relative; }
#sub-menu .hdnav  {padding:0px 0px 0px 5px; }

/* menu icon */
#menu-icon-left          {line-height:28px; height:30px; width:auto; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; margin-top:10px;}
#menu-icon-left          {background:#fff url(images/menu-icon-left.png) no-repeat right center; padding:0px; cursor:pointer; display:block; float:none; text-transform:uppercase; color:#f05a28; border:1px solid #efefef} 
#menu-icon-left:hover	 {color:#000; background:#fff url(images/menu-icon-left.png) no-repeat right center;}
#menu-icon-left.active	 {color:#f05a28; background:#fff url(images/menu-icon-left-active.png) no-repeat right center;}

#sub-menu #navlist    {list-style:none; list-style-image:none; padding:0px; margin:0px; font-size:15px; position:relative; display:none; width:auto; background:#efefef; border-top:1px solid #efefef;}
#sub-menu #navlist li {list-style:none; list-style-image:none; padding:5px 0px 5px 10px; margin:5px; color:#333; }
#sub-menu #navlist li:hover {list-style:none; padding:5px 0px 5px 10px; margin:5px; color:#f05a28}
#sub-menu #navlist li a {text-decoration:none; color:inherit; display:block}
#sub-menu #navlist li a:hover {text-decoration:none; color:inherit;}
#sub-menu #navlist li a.focus {text-decoration:none; color:#f05a28; text-transform:uppercase;}
#sub-menu div   {visibility:visible; position:relative; }


/*---------------Left Menu Styling---------------*/
/*-----------------------------------------------*/


/*---------------common Styling start---------------*/
/*-------------------------------------------------*/

h4{ padding-bottom:5px; margin:0px; font-weight:normal; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial; font-size: 12pt; color: #f05a28;}

/*---------------common Styling end---------------*/
/*-------------------------------------------------*/

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
footer{ background:#817e7f; width:100%; display:block; float:left; }
#footer-container {width:100%;  background:#817e7f;  min-height:100%; margin:0 auto; float:none; padding: 0px 0px; padding-top: 10px; clear:both; font-size:13px; color:#fff;}
#footer-container .left		{display:block; float:none; width:100%; margin:0 auto;  padding-bottom:10px; border-bottom:1px dashed #ccc; background:#817e7f;}
#footer-container .right	{display:inline-block;  float:none; width:100%; margin:0 auto; padding-top:10px; background:#817e7f;}

.left-data {display:table; width:95%; margin:0 auto; float:none;}
.left-data-logo{display:table-cell; padding: 0px; width:140px; vertical-align:top; display:none}
.left-data-right{display:table-cell; padding: 0px; width:100%; padding-left:0px; vertical-align:top; line-height:16pt;}
.left-data-right a{color:#fff; text-decoration:none}
.left-data-right a:hover{color:#fff; text-decoration:underline}

.send-file{padding-left:0px;}


#footer-container .proud {width:100%;  float:right;}
#footer-container .proud ul{ padding-top:10px; margin:0px; list-style:none;  }
#footer-container .proud li{ padding-left:10px; padding-bottom:10px; margin:0px; list-style:none; display:inline-block  }
.proud-text{padding-left:10px;}

/*---------------Footer Styling---------------*/
/*-------------------------------------------*/

/*--------------- Form Table Styling ---------------*/

.form_box { width: 95%; margin: 10px 0; padding: 0px; vertical-align:text-top;  overflow: hidden; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; font-size:11pt;  }
.form_box .float_left {float:left; width:215px;}
.form_box .float_left .normal_input { width: 160px;}

.form_row { width: 95%; overflow: hidden; margin-bottom:10px;}
.form_column { width: 95%; float: left; display: inline; text-align: left; font-size:11pt; margin-bottom:5px;}
.form_left_column { width: 95%; float: left; display: inline; text-align: left; padding-top:4px; font-size:11pt;  }
.form_right_column { width: 95%; float: left; display: inline; vertical-align:text-top; }

.form_row span {color:#FF0000;}
.form_box input { font-size: 11pt; color:#222222; outline:none; }
.form_box input:focus { color: #000; }
.normal_input { width: 200px; padding: 4px 6px; font-size:11pt; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif;  color: #222222; background: #fff; border: 1px solid #dedad4; outline:none;}
.normal_input:focus { color: #222222; border: 1px solid #aaaaaa; }


.form_box .verification_box {display:block; width:100%; float:left;}
.form_box .verification_box .captcha-img {display:inline-block; width:100px; float:left; padding:5px 0px 5px 0px;}
.form_box .verification_box .captcha-code {display:inline-block; width:80px; float:left; }
.form_box .verification_box .captcha-text {display:inline-block; width:100%; float:left; text-align:left; padding:10px 0px;}
.form_box .verification_box .captcha-text a { text-decoration:underline; font-size:13px; color:#c80000;} .form_box .verification_box .captcha-text a:hover { text-decoration:none; font-size:13px; color:#000;}

input.btn_submit { width: 100px; border:0px; text-transform:uppercase; font-family: 'HelveticaNeue', 'HelveticaCE55RomanRegular', Arial, "Lucida Grande", sans-serif; width:auto; height: 24px; padding: 0 15px; line-height: 24px; letter-spacing:1px; font-size: 13px; cursor: pointer; background: #f05a28;  text-decoration: none; color:#ffffff;  -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }
input.btn_submit:hover, input.btn_submit:focus{  background-color: #242424; text-decoration: none; color: #ffffff; }



/*--------------- Form Table Styling ---------------*/

}

@media only screen and ( min-width: 240px) and ( max-width: 640px) 
{

.about-img {float:left; margin-left:0px; position:relative; width:100%; margin-bottom:15px; }
.about-img a img {width:100%; max-width:380px; height:auto;  border:1px #ccc solid; z-index:999;}
.about-img a .roll1 { background:url(images/mag.png) center center no-repeat #dfdfdf;  position: absolute; width:100%; height:99%; z-index: 10; }

}


