@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

/*font-family: 'Roboto', Arial, sans-serif;

font-family: 'bebas_neueregular';

*/

@font-face {

    font-family: 'bebas_neueregular';

    src: url('bebasneue_regular-webfont.eot');

    src: url('bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('bebasneue_regular-webfont.woff2') format('woff2'),

         url('bebasneue_regular-webfont.woff') format('woff'),

         url('bebasneue_regular-webfont.ttf') format('truetype'),

         url('bebasneue_regular-webfont.svg#bebas_neueregular') format('svg');

    font-weight: normal;

    font-style: normal;



}





body {margin:0; padding:0; font-family:'Roboto', Arial, sans-serif; font-size:14px; color:#717c87; line-height:24px; background:#ffffff; text-align:justify;}

* {border:none}

.clear{ clear:both;}

a:link, a:visited {outline:none; text-decoration:none; color:#127441;}

a:hover { color:#000; text-decoration:none;}

a img{ border:none; outline:none;}

p{ margin:0; padding:0 0 18px 0; font-weight:300;  clear: both; text-align:justify;}

h1, h2, h3, h4, h5{ margin:0px 0 12px 0; padding:0px;}

ol, ul { margin: 0 0 0 4px; padding:0; }

li{list-style: none outside none; margin:0; padding:0px;}

blockquote, q {quotes:none;}

table, table td {padding:0; border:none; border-collapse:collapse;}

embed {vertical-align:top;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}

iframe { border:0; margin:0; padding:0; }



input[type="tel"], input[type="email"], input[type="text"], textarea, select{ font-family:'Roboto', Helvetica, sans-serif; font-size:13px; color:#393939; border:solid 1px #a1a1a1; padding:5px; outline:none; clear:both; background:#fafafa;}

input[type="submit"]{ outline:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; background:#fafafa; padding:5px 12px; text-align:center;}



::-webkit-input-placeholder { /* WebKit browsers */ color:    #717c87;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #717c87; opacity:  1;}

::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #717c87; opacity:  1;}

:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #717c87;}





h1{ margin:0px 0 18px 0; padding:0px; color:#127441; font-size:26px; font-weight:700; font-family: 'Roboto', Arial, sans-serif; line-height: 32px; text-transform:uppercase;}

h2{ margin:0px 0 18px 0; padding:0px; font-size:22px; font-weight:300; font-family: 'Roboto', Arial, sans-serif; line-height:normal; text-transform:uppercase;}

h3{ margin:0px 0 18px 0; padding:0px; clear:both; font-size:18px; font-weight:300; font-family: 'Roboto', Arial, sans-serif; line-height:normal; text-transform:uppercase;}



.fontsize26{ margin:0px 0 18px 0; padding:0px; color:#127441; font-size:26px; font-weight:700; font-family: 'Roboto', Arial, sans-serif; line-height: 32px; text-transform:uppercase;}

.fontsize14{ margin:0px 0 18px 0; padding:0px; color:#127441; font-size:14px; font-weight:bold; line-height:normal; margin-bottom:14px; text-transform:uppercase;}



.wrap{ width:100%; float:left;}

.inner{ width:1060px; margin:0 auto;}



/*header css start*/



header.headerRow {

    float: left;

    width: 100%;

  margin-bottom:6px;

}



.headerRow .logo {

    float: left; padding-top:10px;

}



.headerRow .rightbar {

    float: right;

    text-align: right;

    width: 80%;

}



.headerRow .rightbar .mainmenu {

    float: right;

    width: 100%;

}



.headerRow .rightbar .mainmenu ul {

    margin: 0;

    padding: 0;

}



.headerRow .rightbar .mainmenu ul li {

    display: inline-block; *display:inline; *zoom:1;

    padding:0; line-height: normal; margin:0px; position:relative;

}



.headerRow .rightbar .topmenu {

    padding-top: 25px; padding-bottom: 24px;

}



.headerRow .rightbar .topmenu .search-box{float:left;}

.headerRow .rightbar .topmenu .search-box input[type="text"] {

    display: inline-block;

    padding: 5px 5px 6px;

    vertical-align: top;

    width: 200px;

}

.headerRow .rightbar .topmenu .search-box input[type="submit"] {

    background: #127441 none repeat scroll 0 0;

    display: inline-block;

    vertical-align: top;

    width: 70px;

  line-height:18px;

  height:28px;
  cursor:pointer;

}



.headerRow .rightbar .mainmenu ul li > a {

    font-family: 'Roboto', Arial, sans-serif; font-weight:400; font-size: 14px; transition:all 0.3s ease; transition:all 0.3s ease; display:inline-block; padding:8px 10px;

}

.headerRow .rightbar .mainmenu ul li > a:hover, .headerRow .rightbar .mainmenu ul li.active > a, .headerRow .rightbar .mainmenu ul > li:hover > a{ background: none repeat scroll 0 0 #127441;

    color: #fff;}







.headerRow .rightbar .mainmenu ul ul {   

    background: none repeat scroll 0 0 #ffffff;

    border:1px solid #127441;

    display: none;    

    position: absolute;    

    width: 200px;

    z-index: 9;

}

.headerRow .rightbar .mainmenu ul ul.sub-menu{left: 0; top: 33px;}

.headerRow .rightbar .mainmenu ul ul.sub-menu.right ul.sub-sub-menu{right:100%;}

.headerRow .rightbar .mainmenu ul ul.sub-sub-menu, .headerRow .rightbar .mainmenu ul ul ul.sub-sub-sub-menu{border-top: 1px solid #127441; right:-101%; top: 0px;}

.headerRow .rightbar .mainmenu ul ul li {

    margin: 0 !important;

    padding: 0 !important;

    text-align: left;

    width: 100%; position:relative;

}

.headerRow .rightbar .mainmenu ul ul a {

    display: block;

    padding: 8px 10px !important;

}

.headerRow .rightbar .mainmenu ul ul a:hover, .headerRow .rightbar .mainmenu ul ul li:hover > a{

    background: none repeat scroll 0 0 #127441;

    color: #fff !important;

}

.headerRow .rightbar .mainmenu ul li:hover ul.sub-menu, .headerRow .rightbar .mainmenu ul li ul li:hover ul.sub-sub-menu, .headerRow .rightbar .mainmenu ul li ul ul li:hover ul.sub-sub-sub-menu{display:block;}



.mobilenav-wrap{display:none;}





.mobilenav-wrap #menu-button > a {

    font-size: 13px; line-height:30px;

    padding: 0 0 0 30px;

}

.mobilenav-wrap ul li{/*display:none;*/ border-bottom:1px solid #fff;}

.mobilenav-wrap > ul > #menu-button{display:block;}

.mobilenav-wrap ul{width:auto; margin:0px; display:none;}

.mobilenav-wrap ul.open{background:#127441;}

.mobilenav-wrap ul li a{color: #fff;

    display: block;

    font-size: 15px;

    line-height: 18px;

    padding: 7px 10px;

    position: relative;}

.mobilenav-wrap ul li a:hover{background:#127441; color:#fff !important;}

.mobilenav-wrap ul.sub-menu{background:#fff;}

.mobilenav-wrap ul.sub-menu li a{font-size:14px; color:#127441;}

.mobilenav-wrap ul.sub-sub-menu li a{font-size:13px; padding:7px 20px;}

.mobilenav-wrap ul.sub-sub-sub-menu li a{font-size:12px; padding:7px 25px;}

.mobilenav-wrap ul.open #menu-button {   

    width: 73px;

}

.mobilenav-wrap #menu-button::before {

    border-top: 2px solid #127441;

    content: "";

    display: block;

    height: 3px;

    position: absolute;   

    top:10px;

    width: 22px;

}

.mobilenav-wrap #menu-button::after {

    left: 0;    

    top: 13px;

}

.mobilenav-wrap #menu-button::after {

    border-bottom: 2px solid #127441;

    border-top: 2px solid #127441;

    content: "";

    display: block;

    height: 3px;

    position: absolute;

    left:0px;

    top: 15px;

    width: 22px;

}



.mobilenav-wrap ul .hasChild ul{display:none; border-top:1px solid #fff;}

.mobilenav-wrap ul .hasChild.active > ul{display:block;}



.mobilenav-wrap ul .hasChild.hasChild > a span {

    background: none repeat scroll 0 0 rgb(0, 0, 0);

    color: rgb(255, 255, 255);

  display:none;

    float: right;

    font-size: 15px;

    font-weight: bold;

    padding: 7px 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 26px;

}

.mobilenav-wrap ul.open .hasChild.hasChild > a span {

    display: block;

}

.mobilenav-wrap ul .hasChild a span.active:after{content:"-";}

.hasChild > a {

    display: block;    

}

.mobilenav-wrap ul .hasChild > a span:after {

    content: "+";

}

.mobilenav-wrap #menu-button {

    width: 70px;

  cursor:pointer;

}



.headerRow .rightbar .topmenu a.call {

    font-size: 18px;

    font-weight: bold; margin-left: 50px;

}



.headerRow .rightbar .topmenu a.call em {

    background: url("../images/callicon.png") no-repeat scroll left 4px rgba(0, 0, 0, 0);

    display: inline-block; *display:inline; *zoom:1;

    height: 24px;

    margin-right: 8px;

    width: 26px;

}



.headerRow .rightbar .topmenu a {

    margin-left: 24px; font-family: 'Roboto', Arial, sans-serif; font-weight:400; font-size: 12px;

}







.homebanner {

    clear: both;

    height: auto;

    margin: 0 auto;

    width: 100%;

}



.homebanner .flexslider {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    margin: 0;

    position: relative;

}

.homebanner .flexslider .flex-direction-nav {

    display: none;

}

.homebanner .flexslider .slides li {

    position: relative;

}



.homebanner .flexslider .slides img {

    display: block;

    height: auto;

    width: 100%;

}



.homebanner .flexslider .textRow {

    background: none repeat scroll 0 0 rgba(113, 124, 135, 0.8);

    border-bottom: 1px solid #fff;

    border-top: 1px solid #fff;

    bottom: 30px;

    color: #fff;

    float: left;

    height: 64px;

    left: 0;

    line-height: 64px;

    position: absolute;

    width: 100%;

}



.homebanner .flexslider .textRow .texttitle {

    float: left;

    font-size: 36px; font-family: 'bebas_neueregular'; font-weight:bold;

    text-transform: uppercase; z-index: 9; position:relative;

}



.homebanner .flexslider .flex-control-nav {

 bottom: 57px;

    left: 0;

    margin: 0 auto;

    position: absolute;

    right: 0;

    width: 1060px;  z-index: 4;

}



.homebanner .flexslider .flex-control-nav li {

    display: inline-block; *display:inline; *zoom:1;

    float: right;

    margin: 0 3px;

}

.homebanner .flexslider .flex-control-paging li a {

    background: none repeat scroll 0 0 #fff;

    border-radius: 20px;

    box-shadow: none;

    cursor: pointer;

    display: block;

    height: 11px;

    text-indent: -9999px;

    width: 11px;

}

.homebanner .flexslider .flex-control-paging li a.flex-active {

    background: #000;

    cursor: default;

}





/*header css End*/





/*footer css start*/



.footerRow{ width:100%; float:left; background:#e5e5e5; padding:18px 0 12px 0;}



.footerRow .inner .leftbar {

    float: left;

    width: 70%;

}



.footerRow .inner .leftbar .footermenu {

    margin-bottom: 14px;

}

.footerRow .inner .leftbar .footermenu a {

    color: #565656;

    font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight:400; margin-right: 18px;

}

.footerRow .inner .leftbar .footermenu a:hover{ color:#127441;}

.footerRow .inner .leftbar .footerextralink{ color: #565656; font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;}

.footerRow .inner .leftbar .footerextralink a {

 color: #565656; font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;

}

.footerRow .inner .leftbar .footerextralink a:hover{color:#127441;}

.footerRow .inner .rightbar{text-align: right; width:28%; margin-left:2%; float:right; color: #565656; font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;} 



.footerRow .inner .rightbar p {

    padding-bottom: 12px;

}

.footerRow .inner .rightbar a{color: #565656; font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;}

.footerRow .inner .rightbar a:hover{color:#127441;}



/*footer css end*/



/*maincontent wraper start*/

.mainwraper{ width:100%; float:left; padding:30px 0;}



.highlight {

    font-size: 24px;

    line-height: 30px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;

}



ul.productslist {

    margin: 0;

    padding: 0;

}



ul.productslist li {

    float: left;

    margin-bottom: 27px;

    margin-right: 27px;

    width: 244px;

}

ul.productslist li:nth-child(4n){ margin-right:0;}

ul.productslist li .imgfield {

    float: left;

    margin-bottom: 1px;

    width: 100%;

}

ul.productslist li img{ float:left; border-radius: 2px 2px 0 0; width:100%; height:auto;}

ul.productslist li .texttitle, ul.productslist li .texttitle a {

    background: none repeat scroll 0 0 #717c87;

    color: #fff; float:left; width:100%; border-radius: 0 0 2px 2px;

    text-align: center; font-family: 'Roboto', Arial, sans-serif; font-weight:300; font-size:12px;

}

ul.productslist li:hover .texttitle, ul.productslist li:hover .texttitle a{ background:#127441;}

.twoblock {

    float: left;

    margin-right: 8%;

    width: 46%;

}

marquee h3 {

    margin-bottom: 0 !important;

    margin-top: 30px !important;

}



.newslist{ font-size:14px; font-family: 'Roboto', Arial, sans-serif; font-weight:300;}

.newslist .timedate{ font-size:11px;}



.greenpart {

    background: none repeat scroll 0 0 #127441;

    color: #fff;

    font-size: 13px;

    padding:5px 2%;

    text-align: center;

    display: none;

}



/*inner page start here*/

h1.page-title{font-size:20px;}

.homebanner  img {

    width: 100%;

  vertical-align:top;

}



/*breadcrumb start here*/

.breadcrumb{background:#717c87; float:left; width:100%;}

.breadcrumb ul li{float:left; font-size:12px; line-height:38px; font-family: 'Roboto', Arial, sans-serif; font-weight:300; color: #fff;}

.breadcrumb ul li.divider{margin:0 9px;}

.breadcrumb ul li.divider::after {

    color: #fff;    

}

.breadcrumb ul li.divider::after {

    color: #fff;

    content: " | ";    

}

.breadcrumb ul li a{color:#fff; font-family: 'Roboto', Arial, sans-serif;}



/*breadcrumb end here*/

.application-list{margin-left:20px;}

.application-list li{list-style:square; color:#127441;}

.application-list li span{color:#717c87; line-height:30px}



/*phosphate css start here*/

.detail-row .img-row{float:left; width:100%;}

.detail-row .img-sec{float:right; margin:30px 0 15px 17px; width:27.8%;}

.detail-row .img-sec img{max-width:100%; vertical-align:top;}

.detail-row strong{font-size:13px; line-height:20px; color:#127441;}

.detail-row p{clear:none; font-size:13px; line-height:20px;}

.detail-row p a{text-decoration:underline;}

/*phosphate css end here*/



/*enquiry form css start here*/

.enquiry-form{width:278px; position:fixed; top:180px; background:#fff;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #127441 #127441 #127441 -moz-use-text-color;

    border-image: none;

    border-style: solid solid solid none;

    border-width: 1px 1px 1px 0;

    float: left;

    padding: 13px 12px 7px;

    width: 219px; left:-244px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.enquiry-form.active {left:0px;}

.enquiry-form .mod_sef_tr th {

    display: none;

}

.enquiry-form .mod_sef_space{display:none;}

.enquiry-form .mod_sef_tr{margin-bottom: 5px;float: left;    

    width: 100%;}

.enquiry-form .mod_sef_td {

    float: left;    

    width: 100%;

  position:relative;

}



.enquiry-form p {

    font-size: 11px;

    padding-bottom: 6px;

    position: relative;

    text-align: left;

}

.enquiry-form .mod_sef_td span{font-size:12px;}

.enquiry-form .mod_sef_td span font{font-size:16px;}

.enquiry-form .mod_sef_td p span{padding:0px;}

.enquiry-form input[type="text"], .enquiry-form input[type="email"] {

    width: 220px; height:30px; border:1px solid #cccccc; border-radius:3px;

}

.enquiry-form select {

    width: 220px; border:1px solid #cccccc; border-radius:3px;

}

.enquiry-form textarea {

    height: 90px;

    width: 220px;

  resize:none; border:1px solid #cccccc; border-radius:3px;

}

.enquiry-form p.captcha-row img {

    float: left;

    margin-right: 12px;

    width: 60px;

}

.enquiry-form .mod_sef_td span{padding:5px; width:39px; float:left; text-align:center;}

.enquiry-form .mod_sef_td p b span{width:auto; text-align:left;}

.enquiry-form .mod_sef_td span + input[type="text"]{width:166px; margin-left:5px;}

.enquiry-form > a {

    position: absolute;

    right: -35px;

    top: 110px;

}

.enquiry-form > a .desk-img{display:block;}

.enquiry-form > a .mob-img{display:none;}

.enquiry-form .mod_sef_tr input[type="button"], .enquiry-form .mod_sef_tr input[type="submit"]{background:#127441; color:#fff; text-transform:uppercase; width:70px; line-height:16px; cursor:pointer;}

#mod_simpleemailform_reset_2 {

    display: none;

}



.enquiry-form label.error {

    background: #f00 none repeat scroll 0 0;

    color: #fff;

    font-size: 12px;

    line-height: 18px;

    padding: 0 5px;

    position: absolute;

    right: 0;

    top: -5px;

    z-index: 9;

}



/*enquiry form css end here*/

table.contentpaneopen{width:100%;}

table.z1{border:1px solid rgb(204, 204, 204); margin-bottom:20px; width:100%;}

table.z1 td{border:1px solid rgb(204, 204, 204); padding:5px; width:50%;}

table.z1.z2 td{width:25%;}

.align-right{float:right; margin:0 0 10px 10px;}

.site-map{margin:0 0 15px 15px;}

.site-map a{font-family:"Roboto",Arial,sans-serif; font-weight:300; font-size:14px;}

.site-map ul{margin-left:15px;}

.site-map li{margin-bottom:5px; list-style:outside square;}

/*.site-map > li > a{font-size:18px;}

.site-map > li > ul > li > a{font-size:16px;}



.site-map > li > ul > li > ul > li > a{font-size:14px;}*/



.contact-sec{float:left; width:100%; padding-bottom:20px;}

.contact-sec .left-sec{float:left; width:49%; padding-right:1%;}

.contact-sec .right-sec{float:left; width:49%; padding-left:1%;}

.contact-sec .form-sec {

    border-radius: 5px;

    box-shadow: 0 0 7px 1px #ddd;

    padding: 14px;

  float:left;

}

.contact-sec .form-sec label{width:23%; float:left; margin-right:2%;}

.contact-sec .form-sec ul li{margin-bottom:5px; float:left; width:100%;}

.contact-sec .form-sec input[type="tel"], .contact-sec .form-sec input[type="email"], .contact-sec .form-sec input[type="text"], .contact-sec .form-sec textarea, .contact-sec .form-sec select{width:100%; padding:7px 5px;}

.contact-sec .form-sec .input-box{width:75%; float:left;}

.contact-sec .right-sec .form-sec .captcha {

    float:right;

    width:75%;

}

.contact-sec .form-sec .input-box .captcha input[type="text"]{width:100%;}

.contact-sec .form-sec .captcha-img{float: left; width: 50px;}

.contact-sec .form-sec .submit-btn{background:#127441; display: inline-block; vertical-align: middle;}

.contact-sec .pricipalsmain1{float:left; width:100%;}

.contact-sec .pricipalsmain1 .blk{float:left; width:31%; padding-right:2%;}

.contact-sec .pricipalsmain1 .pricipals1{float:left; width:100%; padding-top:20px;}





.listing{margin-left:12px; margin-bottom:18px;}

.listing li{list-style:outside;}



#Layer1 {

    height: auto;

    left: 180px;

    position: absolute;

    top: 237px;

    visibility: hidden;

    width: 45px;

    z-index: 1;

}

#Layer2 {

    height: auto;

    left: 324px;

    position: absolute;

    top: 354px;

    visibility: hidden;

    width: 106px;

    z-index: 2;

}

#Layer3 {

    height: auto;

    left: 461px;

    position: absolute;

    top: 226px;

    visibility: hidden;

    width: 50px;

    z-index: 3;

}

#Layer5 {

    height: auto;

    left: 333px;

    position: absolute;

    top: 224px;

    visibility: hidden;

    width: 70px;

    z-index: 5;

}

#Layer6 {

    height: auto;

    left: 282px;

    position: absolute;

    top: 247px;

    visibility: hidden;

    width: 51px;

    z-index: 6;

}

#Layer8 {

    height: auto;

    left: 330px;

    position: absolute;

    top: 244px;

    visibility: hidden;

    width: 44px;

    z-index: 8;

}

#Layer9 {

    height: auto;

    left: 459px;

    position: absolute;

    top: 292px;

    visibility: hidden;

    width: 72px;

    z-index: 9;

}

#Layer11 {

    height: auto;

    left: 477px;

    position: absolute;

    top: 279px;

    visibility: hidden;

    width: 54px;

    z-index: 11;

}

#Layer12 {

    height: auto;

    left: 510px;

    position: absolute;

    top: 420px;

    visibility: hidden;

    width: 69px;

    z-index: 12;

}

#Layer13 {

    height: auto;

    left: 291px;

    position: absolute;

    top: 218px;

    visibility: hidden;

    width: 61px;

    z-index: 13;

}

#Layer16 {

    height: auto;

    left: 308px;

    position: absolute;

    top: 210px;

    visibility: hidden;

    width: 140px;

    z-index: 16;

}

#Layer17 {

    height: auto;

    left: 294px;

    position: absolute;

    top: 230px;

    visibility: hidden;

    width: 51px;

    z-index: 17;

}

#Layer18 {

    height: auto;

    left: 514px;

    position: absolute;

    top: 254px;

    visibility: hidden;

    width: 51px;

    z-index: 17;

}

#Layer19 {

    height: auto;

    left: 494px;

    position: absolute;

    top: 250px;

    visibility: hidden;

    width: 92px;

    z-index: 17;

}

#Layer20 {

    height: auto;

    left: 496px;

    position: absolute;

    top: 341px;

    visibility: hidden;

    width: 81px;

    z-index: 17;

}

#Layer21 {

    height: auto;

    left: 339px;

    position: absolute;

    top: 253px;

    visibility: hidden;

    width: 92px;

    z-index: 17;

}

#Layer22 {

    height: auto;

    left: 413px;

    position: absolute;

    top: 273px;

    visibility: hidden;

    width: 92px;

    z-index: 17;

}

#Layer23 {

    height: auto;

    left: 449px;

    position: absolute;

    top: 287px;

    visibility: hidden;

    width: 92px;

    z-index: 17;

}



#Layer24 {

    height: auto;

    left: 378px;

    position: absolute;

    top: 268px;

    visibility: hidden;

    width: 92px;

    z-index: 17;

}

.padding {

    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(49, 76, 128);

    color: rgb(49, 76, 128);

    font-size: 11px;

    padding: 3px;

    text-align: center;

}

.item-page {

    position: relative;

}

.mapping {

    margin: 0 auto;

    position: relative;

    width: 715px;  

}



.investor-table .pdf-icon{background:url(../images/pdf-icon.png) no-repeat 0 0; width:30px; height:30px; display:inline-block; vertical-align:middle; margin-right:10px;}



/*inner page end here*/

/*chemical page css strat here by vikash*/

.list_item_wrapper {

    float: left;

    width: 24%; padding-right:1%;

}

.list_item_wrapper .chemical_listing li{ font-size:15px; font-weight:normal; color:#717c87; background: rgba(0, 0, 0, 0) url("../images/arrow_bullet.png") no-repeat scroll left 6px; line-height:normal; margin-bottom:10px;}

.list_item_wrapper .chemical_listing li a{ font-size:15px; font-weight:normal; color:#717c87; padding-left:15px; display:inline-block; line-height:22px;}

.list_item_wrapper .chemical_listing li a:hover{ color:#127441; text-decoration:none;}

.list_item_wrapper .chemical_listing{ margin:0; padding:0; line-height:30px;}

.text_head{ width:70%; float:left; text-align:left;}

.next_prev{ width:30%; float:right; text-align:right;font-family:Roboto;}

.next_prev > .prev{ background:#127441; color:#fff; font-size:12px; font-weight:normal; vertical-align:middle; padding:3px 10px; margin-right:10px;}

.next_prev > .next{ background:#127441; color:#fff; font-size:12px; font-weight:normal;  vertical-align:middle; padding:3px 10px;}

.next_prev > .prev:before{ content:'<'; vertical-align:middle; padding:0px 4px 4px 0px;}

.next_prev > .next:after{ content:'>'; vertical-align:middle; padding:0px 0px 4px 4px;}

.view_all{ text-align:right; font-family:Roboto;}

.view_all > a{background:#127441; color:#fff; font-size:12px; font-weight:normal; vertical-align:middle; padding:6px 15px;}

.view_all > a:after{content:'>'; vertical-align:middle; padding:0px 0px 4px 4px;}







#searchForm button.button {

    background: #127441 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    padding: 5px;

    vertical-align: top;

    width: 70px;

  line-height:18px; height:28px;
  cursor:pointer;

}

#searchForm .searchintro, #searchForm .phrases, #searchForm .only, #searchForm .form-limit, #searchForm .counter {

    display: none;

}

.search-resultRow {

    border-bottom: 1px solid #ddd;

    color: #000;

    float: left;

    margin-bottom: 10px;

    padding: 10px 0;

    width: 100%;

}

.search-resultRow .result-title {

    background: #efefef none repeat scroll 0 0;

    font-size: 18px;

    margin-bottom: 12px;

    padding: 8px;

}

.search-resultRow dd {

    display: block;

}

.search-resultRow span.highlight {
    background-color: #127441;
    color: #fff;    
}

.search-resultRow .result-category {    

    font-size: 18px;

    margin-bottom: 5px;

}

.search-resultRow .result-created {

    float: right;

    margin-top: 10px;

}

.search-resultRow .result-created span {

    background: #efefef none repeat scroll 0 0;

    padding: 8px;

}

.pagination {

    float: left;

    text-align: center;

    width: 100%;

}

.pagination ul li {
    display: inline-block;

    margin: 0 2px;    

    vertical-align: top;
  
  color:#000;

}


.pagination ul li span, .pagination ul li a {

    background: #efefef none repeat scroll 0 0;    

    display: inline-block;    

    min-width: 25px;

    padding: 5px;

    vertical-align: top;

}
.pagination ul li a:hover{color:#000;}

.right{width:50%; padding-left:1%; float:right;}

.right p{text-align:right;}

.left{width:46%; padding-right:1%; float:left;}



@media only screen and (min-width: 300px) and (max-width: 1070px) {

  

h1,h2,h3,h4,h5{ clear:both;}

.inner{ width:96%; margin:0 auto; padding:0 2%;}

.homebanner .flexslider .flex-control-nav {

    width: 94%;

}



ul.productslist li {

    display: inline-block; *display:inline; *zoom:1;

    float: none;

    margin-bottom: 10px;

    margin-left: 10px;

    margin-right: 10px;

    width: 190px;

}



.footerRow .inner .leftbar .footermenu a {

    display: inline-block; *display:inline; *zoom:1;

}



ul.productslist {

    margin: 0;

    padding: 0;

    text-align: center;

}

ul.productslist li {

    display: inline-block; *display:inline; *zoom:1;

    float: none;

    margin-bottom: 5px;

    margin-left: 1px;

    margin-right: 1px;

    width: 180px;

}

ul.productslist li img{ width:100%;}

.twoblock {

    float: left;

    margin-right: 4%;

    width: 48%;

}

.headerRow .rightbar {

    float: right;

    text-align: right;

    width: 74%;

}

.headerRow .rightbar .mainmenu ul li a {

    font-size: 13px;

    font-weight: 400;  

  padding:7px;

}



.headerRow .rightbar .mainmenu ul ul{width:135px;}

.headerRow .rightbar .mainmenu ul ul.sub-menu{top:28px;}

.contact-sec .midtxt.left-sec {

    width: 49%;

}

.contact-sec .left-sec {    

    width: 70%;

}

.headerRow .rightbar .topmenu{padding-bottom: 14px;

    padding-top: 15px;}

.headerRow .rightbar .topmenu .search-box{float:none; margin-bottom:10px;}

.enquiry-form > a .desk-img{display:none;}

.enquiry-form > a .mob-img{display:block;}

}

@media only screen and (max-width: 890px) {

  .list_item_wrapper {

    float: left;

    width: 50%;

  

}

.list_item_wrapper {

    display: inline-block;

    float: none;

    margin-bottom: 20px;

    vertical-align: top;

    width: 49%;

  }

}



@media only screen and (min-width: 300px) and (max-width: 765px) {

  



.headerRow .rightbar {

    float: left;

    text-align: center;

    width: 100%;

}

  

.headerRow a.logo {

    display: block;

    float: none;

    margin: 0 auto;

    padding-top: 10px;

    width: 189px;

}





.headerRow .rightbar .topmenu {

    padding-bottom: 5px;

    padding-top: 5px;

}





.headerRow .rightbar .topmenu a {

    font-family: "Roboto",Arial,sans-serif;

    font-size: 12px;

    font-weight: 400;

    margin-left: 12px;

}



.headerRow .rightbar .topmenu a.call {

    font-size: 18px;

    font-weight: bold;

    margin-left: 18px;

}





.headerRow .rightbar .mainmenu ul li a {

    font-size: 12px;

    margin-left: 6px;

}







.homebanner .flexslider .textRow .texttitle {

    float: left;

    font-size: 24px;

}



h1{text-align:left;}

.highlight {

       font-size: 20px;

    font-weight: 300;

    line-height: 25px;

    text-align: justify;

}



.headerRow .rightbar .mainmenu {

    margin-bottom: 8px;

    width: 100%;

}

.headerRow .rightbar .mainmenu ul li {

    margin-bottom: 6px;

    padding: 0;

}







.homebanner .flexslider .textRow {

    bottom: 0;

    float: left;

    height: 64px;

    left: 0;

    line-height: 64px;

    position: relative;

    width: 100%;

}



.homebanner .flexslider .textRow .texttitle {

    float: left;

    font-size: 22px;

    font-weight: normal;

    text-align: center;

    width: 100%;

}

.homebanner .flexslider .flex-control-nav {

    bottom: 0;

    left: 0;

    margin: 0 auto;

    position: relative;

    right: 0;

    text-align: center;

    width: 100% !important;

    z-index: 4;

}



.homebanner .flexslider .flex-control-paging li a {

    background: none repeat scroll 0 0 #717c87;

}



.homebanner .flexslider .flex-control-nav li {

    display: inline-block; *display:inline; *zoom:1;

    float: none;

    margin: 12px 3px;

}



.mainwraper {

    float: left;

    padding: 10px 0;

}

.enquiry-form{position:absolute; top:20px;}

.enquiry-form > a{top:130px;}







.headerRow .rightbar .mainmenu{display:none;}

/*.mobilenav-wrap ul.open li{display:block;}*/

.mobilenav-wrap{display:block; text-align:left; position:relative; padding-bottom:10px;}

.mapping{display:none;}

.map-table{display:none;}

.contact-sec .left-sec, .contact-sec .right-sec, .contact-sec .pricipalsmain1 .blk{width:100%; padding:0 0 10px;}

.contact-sec .midtxt.left-sec {

    width: 100%;

}

.midtxt .flow-chart-img {

    width: 100%;

}

}



@media only screen and (max-width: 639px) {

  

.captcha-row > label {

    width: auto !important;

}

  .contact-sec .form-sec label {    

    margin-right: 0;

    width: 100%;

}

.contact-sec .form-sec input[type="tel"], .contact-sec .form-sec input[type="email"], .contact-sec .form-sec input[type="text"], .contact-sec .form-sec textarea, .contact-sec .form-sec select {

    padding: 7px 1%;

    width: 100%;

}

.contact-sec .form-sec .input-box{width:100%;}



}

@media only screen and (max-width: 565px) {

  .text_head{ width:100%;}

  .text_head h1{ margin-bottom:5px;}

  .next_prev{ width:100%; text-align:left; margin-bottom:10px;}

  

  

  

  }

@media only screen and (min-width: 300px) and (max-width: 400px) {

  .list_item_wrapper {

    float: left;

    width: 100%;

}

h1, h2, h3, h4, h5 {

    clear: both;

    font-size: 18px;

    margin-bottom: 12px; line-height:normal;

}

.fontsize26 {

    font-size: 18px;

    line-height:normal;

    margin: 0 0 12px;

}

.headerRow .rightbar .topmenu a.call {

    clear: both;

    display: table;

    font-size: 18px;

    font-weight: bold;

    margin: 5px auto 0;

    width: 188px;

}



.twoblock {

    float: left;

    margin-right: 0;

    width: 100%;

}



.footerRow .inner .leftbar {

    float: left;

    text-align: center;

    width: 100%;

}



.footerRow .inner .rightbar {

    float: left;

    font-size: 12px;

    margin-left: 0;

    text-align: center;

    width: 100%;

}

.footerRow .inner .leftbar .footermenu a {

    font-size: 12px;

    margin-right: 10px;

}



.footerRow .inner .leftbar .footermenu {

    margin-bottom: 5px;

}



ul.productslist li {

display: inline-block; *display:inline; *zoom:1;

float: none;

margin-bottom: 5px;

margin-left: 1px;

margin-right: 1px;

width: 150px;

}

ul.productslist li .texttitle, ul.productslist li .texttitle a{ font-size:9px;}



.detail-row .img-sec{margin:0 0 15px; width:100%; float:none; text-align:center;}





.investor-table td{font-size:13px;}

.investor-table td strong{font-size:12px;}

.investor-table td a{font-size:0px;}



}

@media only screen and (max-width: 480px) {  

  .list_item_wrapper {

    display: inline-block;

    float: left;

    margin-bottom: 20px;    

    width: 100%;

  }



  #searchForm .word label {

    display: inline-block;

    vertical-align: top;

    width: 100%;

}

#searchForm .word input[type="text"]{width:74%;}

.left, .right{width:100%; padding-left:0%;}

.right p{text-align:left;}

  }





/* for validation css*/

#careerform label.error,#contactform label.error {

    color: #fb3a3a;

    display: inline-block;

    margin: 0;

    padding: 0;

    width: 100%;

}
/*16 FEB 2021*/

div#top-ticker marquee {
    padding-top: 5px;
}