@charset "UTF-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

/************************************************************************************
MOBILE
*************************************************************************************/

@media only screen and (max-width: 767px) 
{
/******************************************************************************
COMMON TAGS
******************************************************************************/
.row    {width:95%; margin:0px auto; padding:0px; float:none}

/*---GRID OF THREE---*/
/*------------------*/
.col                {display: block; float:left; margin: 1% 0% 1% 0%;}
.col:first-child    {margin-left: 0;} /* all browsers except IE6 and lower */
.col:last-child     {margin-right: 0;} /* all browsers except IE6 and lower */

/*  GRID OF FOUR  */
.span1 {width:100%;}
.span2 {width:48.0%;}
.span3 {width:68.0%; }
.span4 {width:28.0%;}
.hr-shadow  { display:none;}

/*  GRID OF FOUR  */
.spancol1 {width:100%;}
.spancol2 {width: 100%;}
.spancol3 {width: 100%; }
.spancol4 {width: 23.0%;}    

.intro { width:100%; padding:0px; } 
 .fresults { width:100%; }
 
 
 h1 { font-size:20px;}
 

              
/******************************************************************************
HEADER
******************************************************************************/
#header                          {width:100%; height:inherit; background:#9ceac8; float:left;}
#header .tp-container            {margin:0px auto; padding:0px 0px; background:#9ceac8; height:inherit; float:none;}
#header .tp-container .tp-pannel {width:100%; margin:0px auto; padding:0px; float:left; background:none; height:auto;}

.tp-pannel .logo	    {margin:0px auto; padding:0px 0px 0px 0px; float:left; text-align:center; width:100%; }  

.tp-pannel .company-name	    {margin:0px 10px 0px 0px; padding:0px; float:none; text-align:center; height:auto; font-size:28px; color:#11884b;}

.tp-pannel .mainnav              {margin:10px 0px 0px 0px; padding:0px; float:none; font-size:15px; text-transform:uppercase; color:#fff;}
.tp-pannel .mainnav .nav-left    {margin:0px auto; padding:0px; float:left;}
.tp-pannel .mainnav .nav-right   {margin:0px auto; padding:0px; float:none;  width:auto; margin: 0 0 0 10px; }


/******************************************************************************
BODY
******************************************************************************/
.body-container         {width:100%; margin:0px; padding:0px;}
.body-container-inside  {width:100%; margin:0px; padding:0px; float:left; background:none; margin-bottom:20px;}
.container              {width:100%; margin:0px auto; padding:0px; float:none;}

.readmore           {margin:10px 0px 0px 0px; padding:0px 10px 0px 0px; float:right; background:url(images/bullet.png) no-repeat right; display:block; color:#e78400}
.readmore a         {color:#e78400; text-decoration:none;}
.readmore a:hover   {color:#e78400; text-decoration:underline;}


.container ul   {list-style:none; padding:0px; margin-bottom:10px;}
.container li   {list-style-image:url(images/listbullet.png); padding:0px 0px 4px 5px; margin:0px 0px 0px 15px;}

.container ul.sublist   {list-style:none; padding:0px; margin-bottom:10px;}
.container ul.sublist li {list-style-image:url(images/bullet.png); padding:0px 0px 4px 5px; margin:0px 0px 0px 15px;}


ul.adv   {list-style:none; padding:0px; margin-bottom:10px;}
ul.adv li   {list-style-image:url(images/listbullet.png); padding:0px 0px 4px 5px; margin:0px 0px 0px 15px; width:180px; float:left; }

.container ul.home-services      {list-style:none; padding:0px; margin:0px 0px 4px 0px;}
.container ul.home-services li   {list-style-image:url(images/listbullet.png); padding:0px 0px 8px 0px; margin:0px 0px 0px 20px;}


/***********************************************************/
/******************** Visual Area Style *******************/
.visual-area            {display:block;}
.visual-area .visual    {display:block; width:100%;} 

/***********************************************************/


/***********************************************************/
/******************** Visual Area Style *******************/
.inner-visual { display:none;}
.inner-visual-area            {display:block; display:none;}
.inner-visual-area .inner-visual    {display:block; width:100%;} 
/***********************************************************/

/******************** Home Compliance Style ***************/
.complaince {width:100%; margin:0px 0px 10px 0px; padding:0px;}

.col-comp               {margin:0% 0% 0% 0%; border-right:1px solid #cdcdcd; display:table-cell; padding:0px 10px 0px 10px; vertical-align:top;}
.col-comp:first-child   {margin-left:0;}
.col-comp:last-child    {margin-left:0; border:none;}

.span-comp1 {width:14%; text-align:center; text-transform:uppercase}
.span-comp2 {width:77%; border-left:1px solid #cdcdcd; }

.compdate   {font-size:14px; color:#e78400;}


/***********************************************************/
/******************** Body Area Style *********************/
.left-pan      {width:100%; display:block; background:none; margin:0px; padding:10px 0px 10px 0px; border:0px;}
.left-pic      {display:none;}
.left-pan .ss-left {display:block;}

.right-pan   {width:100%; float:left; margin:0px; padding:0px}
.content     {width:100%; margin:0px; padding:0px;}


/***********************************************************/
/******************** Left Nav Style **********************/
.left-nav {margin:0px; padding:0px; width:100%;}
.left-nav ul.navlist {list-style:none; padding:0px; margin:0px;}
.left-nav ul.navlist li {list-style:none; padding:0px; margin:0px;}
.left-nav ul.navlist li {list-style:none; padding:0px; margin:0px;}


/***********************************************************/
/******************** Contact Us Style ********************/
#contactus                           {width:100%; float:none; margin:0px auto; padding:0px; }
#contactus .content                  {float:none; margin:0px auto; padding:0px; text-align:center;}
.contact-bottom                      {margin:0px; padding:2px; width:100%; float:left; margin:7px 0px 7px 0px;}
.contact-bottom ul.contactus         {float:none; margin:0 auto; list-style:none;}
.contact-bottom ul.contactus li      {margin:0 auto; display:inline-block; list-style:none; line-height:19pt; padding:0px 25px; margin:0px 5px 0px 5px;}
.contact-bottom ul.contactus li a    {color:#505050; line-height:19pt; vertical-align:top;}


.contact-column-col1{display:table-cell; padding: 5px 0px 5px 00px; width:90%; vertical-align:top;    }
.contact-column-col2{display:table-cell; padding: 5px 0px 5px 00px; width:90%; vertical-align:top;   }

.tel{ background:url(images/tel.png) no-repeat; margin:0 auto;}
.fax{ background:url(images/fax.png) no-repeat; margin:0 auto;}
.msg{ background:url(images/msg.png) no-repeat; margin:0 auto;}

/***********************************************************/
/******************** Useful link Style *******************/
ul.links               {list-style:none; padding:0px; margin:0 auto; }
ul.links li            {margin:0 auto; line-height:8px; list-style:none; padding:8px 0px 8px 0px;}
ul.links li a          {color:#434343; text-decoration:none; background:url('images/useful.gif') no-repeat left; padding:5px 25px 5px 25px;}
ul.links li a:hover    {color:#000; text-decoration:none;}
ul.links li  p         {margin:0 auto;  list-style:none; padding:3px 27px 3px 27px; text-align:justify;}


/***********************************************************/
/******************** Apply Now Style *******************/
ul.apply         {width:100%; float:none; padding:0px; margin:0 auto; }
ul.apply li      {width:100%; margin:0 auto; line-height:17px; list-style:none; padding:8px 0px 8px 0px; display:inline-block; vertical-align:top;}
.btn-apply       {float:left; margin-left:0px; margin-top:10px; cursor:pointer;}
.btn-apply-1     {float:left; margin-left:10px; margin-top:10px; cursor:pointer;}
.btn             {cursor:pointer;}
.tb              {width:90%; padding:2px 7px; background:#e8e9ea;}
.tb-1            {width:94%; padding:3px 0px; outline:none; border:0px; background:#e8e9ea; max-height:70%;}
.tb-choose       {width:90%; padding:0px 7px; background:#e8e9ea; padding:2px 7px;}




/***********************************************************/
/******************** Management Team Style *******************/
.team          {display:table; width:100%; padding:10px 0px 0px 0px; 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;}
.team-pic      {display:table-cell; padding: 0px 0px 0px 0px; vertical-align:top; margin:0px; padding:0px; }
.team-pic img  {width:80%; padding: 0px 0px 0px 0px; vertical-align:top; height:auto; margin:0px; padding:0px;}
.team-text     {width:50%; display:table-cell; padding: 0px 0px 0px 0px; vertical-align:top; margin:0px;}


/******************************************************************************
FOOTER
******************************************************************************/
.copyright           {width:100%;  background:#8c8c8c url(images/bg-bottom2.png); text-align:center; color:#fff; font-size:12px;  }
.f-left{ width:100%; margin:0px; text-align:center; padding:5px 0px 5px 0px;  }
.f-right{width:100%; text-align:center; padding:0px 0px 5px 0px;  }  
ul#flinks { margin:0px; padding:0px; width:100%;  text-align:center;   }
ul#flinks li { text-align:center; display:inline-block; float:none;}
 

/******************************************************************************
BREADCRUMB
******************************************************************************/

.wrapper {}


 



/******************************************************************************
SITEMAP STYLE
******************************************************************************/
#sitemapcontainer                           {width:100%; margin:0 auto; float:none;}
#sitemapcontainer .row-site                 {width:100%; margin:0px auto; padding:0px; float:left;}
#sitemapcontainer .site-colum               {width:100%; margin:0px; padding:0px 0px; display:table-row; vertical-align:top;}
#sitemapcontainer  ul.sitemap               {width:260px;  margin:0 auto; float:left;}
#sitemapcontainer  ul.sitemap li            {margin:0 auto; float:left;  list-style:none;  margin:0px 0px 10px 0px; vertical-align:top; }
#sitemapcontainer  ul.sitemap li a          {margin:0 auto; color:#505050; text-decoration:none; font-size:16px; text-transform:uppercase; vertical-align:top; }
#sitemapcontainer  ul.sitemap li a:hover    {color:#e78400;}

#sitemapcontainer  ul.sitemap li li           {width:230px; float:left; background:url('images/bullet-sitemap.png') no-repeat left ; background-position:top left; list-style:none; padding:0px 10px;  margin:0px 10px 5px 10px; vertical-align:top; }
#sitemapcontainer  ul.sitemap li li a         {margin:0 auto; color:#505050; text-decoration:none; font-size:13px; text-transform:none; vertical-align:top;}
#sitemapcontainer  ul.sitemap li li a:hover   {text-decoration:underline;}





/******************************************************************************
Normal TABLE STYLE
******************************************************************************/
table.data-table            {padding:0px; margin:0px; width:100%;}
table.data-table tr         {padding:0px; margin:0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; }
table.data-table td         {padding:5px 6px 5px 6px; margin:0px; border-bottom: 1px solid #ccc; vertical-align:top;}

table.data-table .th        {background:#e78400;  line-height:13pt; color:#fff; text-transform:uppercase;} 
table.data-table .th:hover  {background:#e78400;}

.comp-date  {background:none; padding:5px; margin:0px; padding-left:0px; line-height:16px; font-size:14px; color:#000;}

.comp-1{width:40%;}
.comp-2{width:70%;}



/******************************************************************************
Download TABLE STYLE
******************************************************************************/
table.data-table-d            {padding:0px; margin:0px; width:100%;}
table.data-table-d tr         {padding:0px; margin:0px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; cursor:pointer;}
table.data-table-d td         {padding:5px 6px 5px 6px; margin:0px; border-bottom: 1px solid #ccc; vertical-align:top;}
table.data-table-d td  a       {color:#505050;}

table.data-table-d .th        {background:#e78400;  line-height:13pt; color:#fff; text-transform:uppercase; cursor:auto;} 
table.data-table-d .th:hover  {background:#e78400;}


/***********************************************************/
/******************** Archive Search **********************/
.archive-search                         {width:100%; margin:0px; padding:12px 0px 0px 0px;  margin-top:5px;}
.archive-search ul.arclist              {list-style:none; padding:0px; margin:0px 0px 5px 0px; width:100%; float:left}
.archive-search ul.arclist li           {list-style:none; padding:0px; margin:0px; display:inline-block; float:left;}
.archive-search ul.arclist li.spacer    {width:5px; height:5px; font:left; display:block}

.archive-search ul.arclist li .searchbox         {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.archive-search ul.arclist li .searchbox         {background:#dddddd; margin:0px; padding:5px; border:1px solid #ebebeb; border-right:0px; outline:none; font-family:calibri, 'CalibriRegular'; width:147px; font-size:14px; color:#000;}
.archive-search ul.arclist li .searchbox:hover   {background:#ebebeb; margin:0px; padding:5px; outline:none; color:#000}
.archive-search ul.arclist li .searchbox:focus   {background:#ebebeb; margin:0px; padding:5px; outline:none; color:#000}

.archive-search ul.arclist li .searchbt         {-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.archive-search ul.arclist li .searchbt         {width:30px; height:29px; margin:0px; padding:0px; float:right; background:none; background:#dddddd url(images/icon-search.png); border:1px solid #ebebeb; border-left:0px;}
.archive-search ul.arclist li .searchbt:hover   {width:30px; height:29px; margin:0px; padding:0px; float:right; background:none; background:#dddddd url(images/icon-search.png)}

.archive-search ul.arclist li .dropdown         {background:#dddddd; margin:0px; padding:5px 4px 5px 1px; border:1px solid #ebebeb; outline:none; font-family:calibri, 'CalibriRegular'; width:88px; font-size:14px; color:#000;}
.archive-search ul.arclist li .dropdown:hover   {background:#ebebeb; margin:0px; border:1px solid #ebebeb; outline:none; color:#000}
.archive-search ul.arclist li .dropdown:focus   {background:#ebebeb; margin:0px; border:1px solid #ebebeb; outline:none; color:#000}

.archive-search ul.arclist li .dropdowndate         {background:#dddddd; margin:0px; padding:5px 4px 5px 1px; border:1px solid #ebebeb; outline:none; font-family:calibri, 'CalibriRegular'; width:60px; font-size:14px; color:#000;}
.archive-search ul.arclist li .dropdowndate:hover   {background:#ebebeb; margin:0px; border:1px solid #ebebeb; outline:none; color:#000}
.archive-search ul.arclist li .dropdowndate:focus   {background:#ebebeb; margin:0px; border:1px solid #ebebeb; outline:none; color:#000}

.archive-search ul.arclist li .dropsearch           {width:30px; height:31px; margin:0px; padding:0px; float:right; border:1px solid #ebebeb; background:#dddddd url(images/icon-search.png); -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; cursor:pointer; outline:none}
.archive-search ul.arclist li .dropsearch:hover     {width:30px; height:31px; margin:0px; padding:0px; float:right; border:1px solid #ebebeb; background:#dddddd url(images/icon-search.png);}

.archive         {margin:20px 10px 10px 0px; padding:0px; float:right; text-transform:uppercase; width:186px; background:#dddddd; border:1px solid #ebebeb; height:28px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
.archive:hover   {width:186px; background:#ebebeb; border:1px solid #ebebeb; height:28px;}
.archive:focus   {width:186px; background:#ebebeb; border:1px solid #ebebeb; height:28px;}

.archive .inputbox       {width:146px; height:18px; margin:0px; padding:5px 5px; float:left; border:none; background:#dbdada; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; outline:none; color:#000; font-family:calibri, 'CalibriRegular';}
.archive:hover .inputbox {width:146px; height:18px; margin:0px; padding:5px 5px; float:left; border:none; background:#ebebeb; color:#000;}

.archive .inputsearch        {width:30px; height:28px; margin:0px; padding:0px; float:right; background:none; border:none; background-image:url(images/icon-search.png); -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; cursor:pointer; outline:none;}
.archive:hover .inputsearch  {width:30px; height:28px; margin:0px; padding:0px; float:right; background:none; border:none; background-image:url(images/icon-search.png)}


/***********************************************************/
/******************** Pagging Style ***********************/
.paging         {width:100%; margin:0px auto; float:left; padding:0px; text-align:right; margin-top:10px; font-size:14px;  border-width:1px 0px 1px 0px;}
.paging ul      {display:inline-block; list-style:none; float:none; margin:0px auto; padding:0px; margin-top:5px; text-align:center}
.paging ul li   {display:inline-block; list-style:none; float:none; margin:0px auto; padding:0px; margin-bottom:2px;}
.pgr li         {background:#fd950b; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; float:none; text-align:center}
.pgr li.text    {padding:0px; margin:4px 10px 0px 0px; float:left; background:none;}

.pgr a           {padding: 2px 7px 2px 7px; color:#000; text-decoration:none; display:block; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; float:left; }
.pgr a:hover     {background:#febb62; color:#434343; padding:2px 7px 2px 7px; -ms-transition:all 300ms linear;}
.pgr .focus>a    {background:#febb62; color:#434343; padding:2px 7px 2px 7px;}

.paging .pgr li .inactive {overflow:hidden; position: relative; background:#ccc; padding: 4px 5px 4px 5px;}


/***********************************************************/
/******************** Error Style **********************/
.errors     {margin:0px 25px 0px 0px; float:left;}
.error      {font-size:17px; font-family:Trajan Pro; padding-bottom:5px; margin-bottom:10px; color:#000; line-height:18px; margin:0px 0px 10px 0px;}


.btn-dwn       {font-size:16px; color:#e78400; font-weight:bold;}
.map2          {width:100%; height:auto;}
.chart-mob     {width:95%; height:auto;}
.action-mob    {display:none;}


.investors-bg { border:#ededed; background:#f6f6f6; padding:30px; float:left; color:#444; line-height:170%; width:80%;   }
.investors-bg .col1 { float:left; width:100%; }
.investors-bg .col2 { float:right; width:100%; }
.ss-year-dd { display:block; padding:10px 0px; }



.contact .col1 { float:left; width:100%;}
.contact .col2 { float:left; width:100%; margin-left:0%; border-top:1px solid #ccc; margin-top:20px; padding-top:20px; }


.home-column {display:table; width:94%;   margin: 10px 0px;}
.home-column-row{display:table-row; line-height:12pt; }
.home-column-col1{display:table; padding: 0px 0px 0px 0px; width:100%; vertical-align:top; border:1px solid #c5d4ed; border-width:0px 0px 0px 0px;}
.home-column-col2{display:table; background:none; min-height:100px;   padding: 30px 00px 0px 0px; width:100%; vertical-align:top;  }
 
}