body {height:100%; min-height:100%; background:#FFF; margin:0; padding:0; font-size:16px; font-family:'proxima_nova_rgregular', Arial; color: #4f4f4f;}
html {height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

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

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


/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup, details, figure { display: block; }


/* * * * * *  General  * * * * * * */
table { border-collapse:collapse; border-spacing: 0; border:0;  /******  cellspacing="0"  ******/}   
/*cellspacing for table { border-collapse:separate; border-spacing: 5px; } // cellspacing="5"    align (center) =  table { margin: 0 auto; }*/    
th, td { padding:0px; }
a{ color:#3d82b4; text-decoration:none; outline:none;}
a:hover{ color:#3d82b4; text-decoration:underline;}
img{ border: none;}
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
ul, li{ list-style:none; list-style-type:none;}
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}
input[type=text], input[type=password]{ border:#ddd 1px solid; padding:4px; margin:0; font-family:Calibri, Arial; font-size:14px; color:#666;  }
textarea { border:#ddd 1px solid; padding:4px; margin:0; font-family:Calibri, Arial; font-size:14px; color:#666; }
select { border:#ddd 1px solid; margin:0; padding:3px; font-family:Calibri, Arial; font-size:14px; color:#666; }
.inputbutton { background:#517aaa; border:none; height:27px; padding:0 17px; cursor:pointer; font-family:Calibri, Arial; font-size:14px; color:#FFF; vertical-align:middle; overflow:visible; }
.inputbutton:hover{ background:#376293;}
p{ text-align:justify; padding:0 0 12px 0; line-height: 130%;}



/* * * * * *  Wrapper  * * * * * */
#wrapper{ width:100%; min-width:320px; position:relative; min-height:100%; height:auto !important; }
.container{ width:980px; margin:0 auto;}



/* * * * * *  Header  * * * * * */
#header{ background:url(../images/headerbg.png); min-height:90px; color:#e0e0e0; width:100%; position:fixed; z-index:100000;}
#header .container{ position:relative; z-index:10000;}
.logo{ position:absolute; top:10px; left:0;}
.country{ position:absolute; top:0px; right:0; z-index:10000; text-align:right; height:30px; background:url(../images/hdr_spac.png) bottom right no-repeat; width:210px;}
.countrygroup{ position:relative; width:150px; float:right; font-size:12px; background:url(../images/ar-down.png) right 12px no-repeat;}
.countrygroup:hover{background:#1f446f url(../images/ar-down.png) right 12px no-repeat;}
.countrygroup a img{ vertical-align:-2px; padding-right:5px;}
a.firstlink{ display:inline-block; padding:7px 26px 0 10px; height:23px; color:#4dadec; white-space:nowrap; text-decoration:none; }

.countrygroup:hover ul{ display:block;}
.countrygroup ul{ display:none; position:absolute; top:30px; right:0px; width:150px; text-align:left; background:#1f446f; padding:0px; }
.countrygroup ul li a{ color:#e0e0e0;  display:block; padding:8px 8px; line-height:1; text-decoration:none;}
.countrygroup ul li a:hover{ background:#305989; color:#4dadec;}
.countrygroup ul li a img{ vertical-align:-3px;}



.mob-number{position:absolute; top:0px; right:115px; font-size:14px; padding:8px 10px 5px 0; color:#94c2e0; border-right:1px solid #728397;}
.mob-number span{ color:#cdcdcd; padding:0 0 0 20px;}


/* * * * * *  Nav  * * * * * */
#navigation{ position:absolute; right:0px; top:50px; z-index:1000;}
.toggleMenu { display:  none; background: url(../images/menu-icon.png) center center no-repeat; float:right; height:70px; width:66px; color: #fff; }
.nav { list-style: none; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width:200px; }
.nav a.navlink { height:32px; padding:8px 18px 0px 18px; font-size:14px; color:#e0e0e0; text-decoration: none;  }
.nav li { position: relative; }
.nav a.parent:hover, .nav li:hover a.parent{ background:url(../images/nav_h.png) bottom center no-repeat;}
.nav > li { float: left;  }
.nav > li > a { display: block; }
.nav li ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; border-top:5px solid #20a2ce; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a {text-decoration: none; padding:5px 7px; height:auto; color:#3c444e; font-size:14px; display: block; background: #FFF; position: relative; z-index:100; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.nav li li li a {text-decoration: none; padding:5px 7px; height:auto;  color:#3c444e; background:#716d99; z-index:200; border-bottom: 1px solid #e0e0e0; }
.nav li li a:hover{ background:#f9f9f9; color:#20a2ce;}





/* * * * * *  Content  * * * * * */
#content{ padding:0 0 440px 0; }
#footer{ bottom:0; position:absolute; background:#f0f0f0; height:auto; border-top:1px solid #d2d2d2; width:100%;}
#content .container{ padding:18px 0 0 0; overflow:hidden;}
.banner{ background:url(../images/img1.jpg); height:348px;}
.leftside{ float:left; width:725px;}
.rightside{ float:right; width:215px;}
.welcome{  margin-bottom:20px;}
.box{ overflow:hidden;}
.box h2{ color:#4f4f4f; font-family: 'proxima_nova_rgbold', arial; font-weight:normal; font-size:18px; text-transform:uppercase; line-height:1; padding:0 0 5px 0; margin:0 0 14px 0; border-bottom:5px solid #20a2ce;}
.services{ float:left; width:30%; margin-right:5%; }
.industries{ float:left; width:30%;}
.technology{ float:right; width:30%;}
ul.listing li{ margin-bottom:6px; background:url(../images/bullet.png) 0px 5px no-repeat; line-height:115%; padding:0 0 0 14px;}
ul.listing li a{ display:block;}
.contactinfo{ background:#11335c; padding:10px; white-space:nowrap; color:#FFF; font-size:16px;}
.contactinfo ul{ padding:3px 0 6px 0;}
.contactinfo li{ margin-bottom:10px;}
.contactinfo li a{ color:#FFF; text-decoration:none;}
.contactinfo li a:hover{ color:#30c2f3;}
.contactinfo li img{ vertical-align:-5px; padding-right:8px;}
.contactinfo h4{ font-size:18px; font-family: 'proxima_nova_rgbold', arial; font-weight:normal; text-transform:uppercase; padding-bottom:7px;}
.callinfo{padding:0 0 15px 28px;}
.contactinfo p{ padding:0 0 16px 0; }
.mic-cmm-logo{ background:#eaeaea; padding:25px 0; text-align:center;}
.inr_left{  margin-right:240px;}
.inr_right{ width:215px; float:right;  }
.breadcrumb{ color:#4f4f4f; line-height:1; padding:12px 0 12px 0; font-size:14px;}
.breadcrumb a{ color:#4f4f4f;}
.breadcrumb span{ padding:0 7px; display:inline-block;}
h1{ font-weight:normal; font-size:30px; line-height:1; color:#434343; padding:0 0 10px 0; margin:0;}
h2.title{font-family: 'proxima_nova_rgbold', arial; font-weight:normal; font-size:20px; line-height:1; color:#20a2ce; text-transform:uppercase; padding:0 0 8px 0; margin:0;}
.figures{ border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:15px 0px; margin:22px 0 35px 0; overflow:hidden;}
.col4{ width:25%; float:left;}
.col4spac{ border-left:1px solid #ddd; padding-left:10px;}
.figure_detail{ color:#fe9c1d; font-size:36px; line-height:0.8;}
.figure_detail span.sub{ font-size:12px !important; color:#767676 !important; text-transform:uppercase; }
.figure_detail span.name{font-size:24px; font-family: 'proxima_nova_rgbold', arial; color:#767676; font-weight:normal; text-transform:uppercase;}
.hm_stories{ overflow:hidden; padding-bottom:20px;}
.col3{ width:31%; float:left; background:#FFF;}
.col3spac{ margin-right:3.5%;}
.story_block{ border:1px solid #dedede; min-height:475px;}
.storyimage{ padding:9px; text-align:center;}
.storyimage img{ width:100%;}
.storycontent{ background:url(../images/storytop.png) top repeat-x; padding:10px;}
.storycontent h3{ color:#3d82b4; font-weight:normal; font-size:16px; padding:0 0 8px 0; border-bottom:1px solid #e5e5e5; margin:0 0 8px 0;}
.storycontent h3 a{ color:#3d82b4;}
.storycontent h4{ color:#333; font-weight:normal; font-size:16px; padding:0 0 8px 0; border-bottom:1px solid #e5e5e5; margin:0 0 8px 0;}
a.readmore{ background:url(../images/linkarrow2.png) right 4px no-repeat; padding:0 18px 0 0; line-height:110%;}
.storycontent p{ text-align:left;}
.aln_right{ text-align:right; padding:0 0 10px 0;}
.footertop{ overflow:hidden; padding:20px 0 20px 0; color:#464646;}
.footerbottom{ border-top:1px solid #c8c8c8; padding:17px 0 0 0; font-size:14px; color:#4f4f4f;}
.footerbottom span{ padding:0 6px;}
.footerbottom a{color:#4f4f4f;}
.footerlink{ padding-right:15px; padding-bottom:10px; font-size:14px;}
.footerlink .foottitle{ font-family: 'proxima_nova_rgbold', arial; font-weight:normal; font-size:18px; padding:0 0 17px 0; line-height:1;}
.footerlink li{ padding:0 0 10px 0;  line-height:1.1;}
.footerlink li a{color:#464646;}
.companyinfo{ padding-left:18px; border-left:1px solid #c8c8c8;}
.companyinfo .comptitle{ font-family: 'proxima_nova_rgbold', arial; font-weight:normal; font-size:24px; padding:0 0 17px 0; line-height:1;}
.companyinfo a{color:#464646;}
.content_top{ /*min-height:125px;*/ background:#FFF; width:100%;}
.rightlink{ background:#eaeaea;  border-top:3px solid #406a9c;}
.recentpost{   border-top:3px solid #406a9c; margin-bottom:20px;}

.rightlink div{ color:#4f4f4f;  font-family: 'proxima_nova_rgbold', arial; font-weight:normal; font-size:18px; padding:8px 10px; border-bottom:1px solid #c9c9c9; line-height:1;}
.rightlink li{ border-bottom:1px solid #c9c9c9;}
.rightlink li a{ background:url(../images/bullet.png) 11px 12px no-repeat; display:block; padding:7px 10px 7px 28px; color:#4f4f4f; text-decoration:none; }
.rightlink li a:hover, .rightlink li.active a{ color:#20a2ce;}
.submenu{ background:url(../images/subnav.png) top repeat-x; height:44px;}
.submenu ul{ margin:0; padding:0; list-style:none; height:44px; overflow:hidden;}
.submenu ul li{ margin:0; padding:0; list-style-type:none; float:left; height:44px;}
.submenu ul li a{ height:34px; display:block; color:#4f4f4f; padding:10px 15px 0 15px; text-decoration:none;}

.sublist_toggle { display:  none; background: url(../images/sublist_toggle.png) center center no-repeat; float:right; height:34px; width:50px; }



ul.list{ padding:0 0 6px 5px; margin:0; list-style:none;}
ul.list li{padding:0 0 0 18px; margin:0 0 8px 0; list-style-type:none; background:url(../images/bullet4.png) 0px 5px no-repeat;}
ul.tech-list{ overflow:hidden; padding-bottom:15px;}
ul.tech-list li{ float:left; width:185px; *width:178px; height:70px; text-align:center; border:1px solid #e7e7e7; box-sizing:border-box;-moz-box-sizing:border-box;}
.inr_left .story_block{ min-height:450px;}
.tatva_advantage{ background:#11335c url(../images/big_tick.png) right center no-repeat; padding:25px; color:#FFF; margin:15px 0px;}
.tatva_advantage h3{ font-size:32px; font-weight:normal; color:#FFF; line-height:1; padding:0 0 15px 0;}
.tatva_advantage ul{ list-style:none; padding:0; margin:0;}
.tatva_advantage ul li{ list-style-type:none; padding:0 0 0 30px; margin:0 0 10px 0; background:url(../images/bullet5.png) 3px 0px no-repeat;}
h3.subtitle{ color:#2d2d2d; font-weight:normal; line-height:1; font-size:24px; padding:0 0 4px 0;}
.stick { position: fixed; z-index: 1000; top:90px; }
.rightstick { position: fixed; z-index: 1000; top:230px; }
a.nav-active {background:url(../images/subnav_h.png) top center no-repeat; color:#20a2ce;}
#rtl{ width:215px;}
.botpad{ padding-bottom:20px;}
.con_top{ height:125px;}


/************** NEW 16-07-14 ******************/
.no-sub{ height:76px;}
.no-sub h1{ border-bottom:1px solid #ddd; padding:0 0 6px 0;}
.rightlink div{ color:#4f4f4f; font-family: 'proxima_nova_rgbold'; font-weight:normal; padding:8px; border-bottom:1px solid #c9c9c9; font-size:14px;}
.rightlink div a{color:#4f4f4f; text-decoration:none;}
.rightlink div a:hover{ color:#20a2ce;}


.case{ padding:0 0 13px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.case p{ padding-bottom:8px;}
.case_img{ float:left; width:262px; height:185px; border:1px solid #dedede;}
.case_text{ margin-left:280px;}
.case_text h3{ color:#3d82b4;  font-family: 'proxima_nova_rgbold'; font-weight:normal; font-size:16px; padding:0 0 3px 0;}
.case_text h3 a{ color:#3d82b4; text-decoration:none;}
.case_text ul{ list-style:none; padding:0 0 5px 0; margin:0;}

.case_text ul li{ list-style-type:none; padding:0 0 6px 0;}
.case_text span{ color:#000;}
.botlink{ text-align:right;}
.drops{ padding:15px 0 0 0; display:none;}
#page-margins { float: right; padding:0 !important; width: 300px; margin-left:20px !important;}
.port_title{color:#4f4f4f;  font-family: 'proxima_nova_rgbold'; font-weight:normal; font-size:17px; padding:0 0 7px 0;}
ul.list li ul{ padding:7px 0 0 0;}
ul.list li li{padding:0 0 0 14px; margin:0 0 8px 0; list-style-type:none; background:url(../images/bullet6.png) 0px 5px no-repeat;}

.contactlist{ overflow:hidden; padding-bottom:20px;}
.rtlpad{ padding-right:4%;}
.contactlist p{ text-align:left;}
.leftlist{ width:48%; float:left;}
.leftlist b{color:#4f4f4f;  font-family: 'proxima_nova_rgbold'; font-weight:normal !important;}

.chartimg{ text-align:center;}

.pagination a{ display:inline-block; padding:6px 0; text-align:center; width:22px; line-height:1; font-size:13px; text-decoration:none; color:#666; background:#efefef; margin:0 2px 0 0;}
.pagination a:hover{ background:#e7e7e7;}
.pagination strong{ font-weight:normal; display:inline-block; padding:6px 0; text-align:center; width:22px; line-height:1; font-size:13px; color:#FFF; background:#2b578b; margin:0 2px 0 0;}

.search-bar{ position:relative;  margin-bottom:20px; border:1px solid #ddd; overflow:hidden;}
.search-input{  
    padding:6px 5px 6px 5px !important;  

    color:#8a8a8a!important; font-size:14px !important; font-weight:normal; width:85%; box-sizing:border-box; border:0 !important; float:left; }
    .search-btn{background:url(../images/ic-search.png) no-repeat left ;  border:none; cursor:pointer;  width:23px; height:18px; float:right; margin:6px 6px 0 0}


    /************** NEW 16-07-14 End ******************/

    /***** Place iPad view CSS under here (Smaller than 980px) *****/
    @media only screen and (min-width: 768px) and (max-width: 979px) {
        .container{ width:auto; padding:0 10px; box-sizing:border-box;-moz-box-sizing:border-box;}
        #content .container{ padding:18px 10px 0 10px; overflow:hidden;}
        .logo{ left:10px;}
        .country{ right:10px;}
        .mob-number{ right:125px;}
        .nav a.navlink {padding:8px 12px 0 12px;  }
        .ban_content{ width:auto; padding:0 10px; box-sizing:border-box;-moz-box-sizing:border-box;}
        .leftside{ float:none; width:100%;}
        .rightside{ float:none; width:100%; margin:25px 0px 0px 0px; position:relative;}
        .contactinfo{ width:auto; float:none; overflow:hidden; padding:10px 10px 0 10px; min-height:108px;}
        .contactinfo ul{ float:left;}
        .ci2{ padding:33px 0 0 30px !important;}
        .mic-cmm-logo{ float:none; width:215px; padding:25px 0; position:absolute; top:0; right:0;}
        .callinfo{padding:0 0 15px 28px; float:left;}
        .storyimage img{ width:100%;}
        .inr_left{  margin-right:235px; }
        .inr_right .mic-cmm-logo{ float:none; width:215px; padding:25px 0; position:static; top:auto; right:auto;}
        ul.tech-list li{ width:33%; }

        .chartimg img{ max-width:520px;}

        .case_img{ float:left; width:200px; height:141px;}
        .case_img img{ width:100%;}
        .case_text{ margin-left:216px;}

        /***** End *****/
    }






    /***** Place iPhone portrait view CSS under here (320px) *****/
    @media only screen and (max-width: 767px) {
        .container{ width:auto; padding:0 10px;}
        #content .container{ padding:18px 10px 0 10px;}
        #header .container{ padding:0px !important;}
        #header{ min-height:70px; position:static; }
        .main{ padding-top:70px;}
        .logo{ top:7px; left:10px;}
        .logo img{ width:190px;}
        .country{ right:10px; display:none;}
        .mob-number{ display:none;}
        #navigation{ position:static; right:auto; top:50px;}
        .active {display: block;}
        .nav > li {float: none;}
        .nav a.navlink { border-top:1px solid #244874; font-size:18px; height:auto; padding:10px 15px 10px 15px; }
        .nav a.parent:hover, .nav li:hover a.parent{ background-image:none;}
        .nav a.navlink:hover{ background:#193e6b;}
        .nav > li > a.parent { background: url(../images/downArrow.png) center right no-repeat;}
        .nav > li > a:hover.parent { background:#193e6b url(../images/downArrow.png) center right no-repeat;}
        .nav > li.hover > a.parent { background:#193e6b url(../images/upArrow.png) center right no-repeat;}
        .nav ul { display: block; width: 100%;}
        .nav > li.hover > ul, .nav li li.hover ul { position: static;}
        .nav li li a { padding:9px 10px 9px 20px; }
        .nav li li li a { padding:9px 10px 9px 30px;}
        .leftside{ float:none; width:100%;}
        .rightside{ float:none; width:100%;}
        .services{ float:none; width:100%; margin:0 0 25px 0; }
        .industries{ float:none; width:100%; margin:0 0 25px 0; }
        .technology{ float:none; width:100%; margin:0 0 25px 0;  }
        .contactinfo{width:auto; float:none;}
        .welcome{ margin-bottom:20px;}
        .mic-cmm-logo{ float:none; width:auto;  position:static; top:auto; right:auto;}
        .inr_left{  margin-right:0px;}
        .inr_right{ display:none; }
        h1{font-size:24px; border-bottom:1px solid #ddd; padding:0 0 2px 0; margin:12px 0 0 0;}
        .breadcrumb{ display:none;}
        h2.title{font-size:17px;}
        .img_res{ max-width:100%; height:auto;}
        .java_tag{ padding:15px 10px;}
        .technohead{font-size:16px; border-right:0px solid #FFF;}
        .figures{ padding:0px; margin:22px 0 25px 0; }
        .col4{ width:auto; float:none;}
        .col4spac{ border-left:0px solid #ddd; border-top:1px solid #ddd; padding:0;}
        .figure_detail{ padding:15px 0;}
        .col3{ width:auto; float:none;}
        .col3spac{ margin: 0 0 20px 0;}
        .story_block{ min-height:200px;}
        .storyimage{ margin:0 auto; width:280px;}
        #content{ padding:0 0 20px 0; }
        #footer{ bottom:auto; position:static; height:auto; }
        .footertop{ padding:20px 0 20px 0; }
        .footerbottom{ padding:17px 0 17px 0;}
        .footerlink{ padding-right:0px; padding-bottom:15px;}
        .companyinfo{ padding:18px 0 0 0; border-left:0px solid #c8c8c8;  border-top:1px solid #c8c8c8;}
        .footerlink .foottitle{ padding:0 0 10px 0;}
        .companyinfo .comptitle{ padding:0 0 10px 0;}
        ul.tech-list li{ width:50%;  }
        .tatva_advantage{ background:#11335c; padding:15px; }
        .tatva_advantage h3{ font-size:24px;}
        .stick { position: static; top: auto; z-index: 10000; }

        .submenu{ background:#dedede; background-image:none; height:auto;}
        .submenu ul{height:auto; overflow:visible; background:#f2f2f2;}
        .submenu ul li{float:none; height:auto; border-bottom:1px solid #ddd;}
        .submenu ul li a{ height:27px; display:block; color:#4f4f4f; padding:12px 15px 0 15px; text-decoration:none;}
        .submenu ul li a:hover{color:#20a2ce;}
        a.nav-active {background:none; color:#20a2ce;}

        .con_top{ height:auto;}
        .con_top.no-sub.blog-det{height: auto !important}
        /*.sublist_toggle { display:  block;}*/
        .submenu{ display:none;}
        /************** NEW 16-07-14 ******************/
        .case_detail{ padding:0 0 0 0;}
        .case_img{ float:none; margin-bottom:12px;}
        .case_text{ margin-left:0;}
        .drops{display:block;}
        #page-margins { float: none; padding: 0 0 20px 0 !important; width: 300px; margin-left:0px !important;}

        .leftlist{ width:auto; float:none;}
        .contactlist{ padding-bottom:0px;}
        .contactlist .leftlist{ padding-bottom:20px;}
        .chartimg img{ width:100%;}


        /************** NEW 16-07-14 End ******************/
        /***** End *****/
    }

    /***** Place iPhone landscape view CSS under here (480px) *****/
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .img_res{ max-width:none; height:auto;}

        /***** End *****/
    }

    /********************* Inner Banner **************************/
    .inr_banner{height:274px; background:url(../images/inner_ban.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .inr_banner_casestudy{height:274px; background:url(../images/inner_ban2.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .inr_banner_industry{height:274px; background:url(../images/inner_ban3.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


    @media screen and (max-width: 980px) {
        .inr_banner{height:245px;}
        .inr_banner_casestudy{height:245px; }
        .inr_banner_industry{height:245px; }
    }


    @media screen and (max-width: 767px) {
        .inr_banner{display:none;}
        .inr_banner_casestudy{display:none;}
        .inr_banner_industry{display:none;}

    }

    /**************************************** ADD 6-2-14 ***************************************/
    .sa_form{ margin:0; padding:10px 0 0 0;}
    .sa_main{ overflow:hidden; padding-bottom:10px;}
    .sa_left{ float:left; width:47%;}
    .sa_right{ float:right; width:47%;}
    .sa_field{ overflow:hidden; padding-bottom:15px;}
    .sa_field label{ float:left; width:125px; padding:4px 0 0 0;}
    .sa_field .field{ margin-left:130px;}
    .sa_field .field input[type=text], .sa_field .field input[type=password], .sa_field .field textarea{box-sizing:border-box;-moz-box-sizing:border-box; width:100%; *width:70%;  outline:none;}
    .sa_field label span{ color:#F00;}
    .sa_form h2{ padding:0 0 15px 0;}
    .sa_file{ width:100%;}

    @media only screen and (max-width: 767px) {
        .sa_left{ float:none; width:auto;}
        .sa_right{ float:none; width:auto;}
        .sa_field label{ float:none; width:auto; padding:4px 0 6px 0; display:block;}
        .sa_field .field{ margin-left:0px;}
        .field .sa_right{ padding-top:10px;}
        .blank{ display:none !important;}
    }



    /**************************** ADD New Blog CSS 8-8-14 ****************************/
    .blogcontent h1{ margin: 0 0 20px 0; position:relative;} 
    .blogcontent h1 a{ position:absolute; right:0; top:5px; background:url(../images/ar_left.png) left 2px no-repeat;}
    a.backlink{ font-size:12px !important; background:url(../images/ar_left.png) left 3px no-repeat; line-height:1; padding:0 0 0 15px; text-transform: none; }
    .blogcontent{ padding:0;}
    .blogpost{ padding:0 0 28px 0;}
    .blogpost table{ width:auto; border-collapse:collapse; border-spacing: 0; border:0;}
    .posted_date{ width:80px; padding-right:12px; background:url(../images/blog_spac.png) right center no-repeat;}
    .posted_date .date{ float:left; width:40px; background:#5279a5; padding:9px 0; font-size:22px; color:#FFF; text-align:center; border-radius:4px; line-height:1;}
    .month_year{ float:left; padding:5px 0 0 6px;  color:#999; font-size:12px; text-transform:uppercase; line-height:1.2;}
    .post_description{ padding:14px 0; text-align:justify; line-height:18px;}
    .top_bord{border-top:1px solid #ddd; margin-top:15px;}
    .post_title{ font-size:19px; padding:0 0 0 12px; color:#5280b5;}
    .post_title a{ color:#5280b5;}
    .post_title a:hover{ text-decoration:none; color:#254870;}
    .post_footer{ background:url(../images/blog_doted.png) 0px 0px repeat-x;}
    .pf_block{ background:url(../images/blog_doted.png) 0px bottom repeat-x; overflow:hidden; padding:10px 0; font-size:11px; text-transform:uppercase; }
    .pf_block .left{ float:left; color:#999;}
    .pf_block .right{ float:right;}
    a.readmore{ background:url(../images/ar_next.png) right 3px no-repeat; line-height:1; padding:0 15px 0 0;}
    .blog_pager{ overflow:hidden; padding-bottom:10px;}
    .blog_pager .left{ float:left; width:20%;}
    .blog_pager .middle{ float:left; width:58%; text-align:center;}
    .blog_pager .right{ float:right; width:20%; text-align:right;}
    .blog_pager .middle a{ background:#FFF; border:1px solid #ddd; display:inline-block; line-height:1; padding:6px 7px; color:#666; text-decoration:none; margin:0 3px;}
    .blog_pager .middle a.active, .blog_pager .middle a.active:hover{ background:#5279a5; border:1px solid #5279a5; color:#FFF;}
    .blog_pager .middle a:hover{ color:#5280b5;}
    .post_description h2{ color:#de7e20; font-weight:normal; font-size:17px; padding:8px 0 10px 0;}
    .post_description h4{ color:#222; font-size:16px; padding:0 0 2px 0;}
    .post_description p{ padding-bottom:13px;}
    .post_description ul{ padding:0px 0px 0px 5px; margin:0 0 13px 0; list-style:none;}
    .post_description ul li{ padding:0px 0px 0px 12px; margin:5px 0px 5px 0px; background:url(../images/sublink_bul.gif) no-repeat 0px 5px; line-height:16px; }



    @media only screen and (max-width: 767px) {
        .blogcontent{ padding:0;}
        .posted_date .date{ float:none; width:46px; padding:9px 0 0 0;}
        .posted_date{ width:46px; padding-right:10px; background:none;}
        .posted_date .date{ border-radius:4px 4px 0 0; padding:5px 0 0 0;}
        .post_title{ font-size:16px; padding:0; color:#5280b5; }
        .month_year{ float:none;  background:#5279a5; width:46px; text-align:center; color:#FFF; padding:0 0 5px 0; border-radius:0 0 4px 4px; font-size:11px;}
        .blog_pager .left{ display:none;}
        .blog_pager .middle{ float:none; width:auto; padding-bottom:10px;}
        .blog_pager .right{ display:none;}
        .rss-link{width:100% !important;float:left !important;margin-bottom: 5px;}
        /***** End *****/

    }
    .rss-link{
        text-decoration: none;
        background: url("../images/rss.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        font: 14px/25px tahoma,Arial,Helvetica,sans-serif;
        color:#e06a12 !important;
        display:block;
        float:right;
    }
    .rss-link a{padding-left: 30px;color:#e06a12 !important;}
    .headingblog{
        float:left;
        border-bottom: medium none !important;
    }
    .titlerss{
        width:100%;
        float: left;
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .txtsearch{
        width: 80%; 
    }

    .rightlink ul li ul li{
        margin: 0px;
        margin-bottom: 4px;
        padding-left: 12px;
        line-height: 155%;
        list-style-type: none;
    }
	
.blogpost td.post_title h1 {
    padding: 0;
    margin: 0;
    color: #5280b5;
}
.con_top.no-sub.blog-det {
    height: 50px;
}

.footertop {
    padding: 20px 0 0px 0;
}



/* 16/05/2017 */
.post_description ol li {
    list-style:decimal;
    line-height: 16px;
    margin: 5px 0;
    padding: 0 0 0 12px;    
}
.img_spacing {
    margin-top:20px;
    margin-bottom:20px;
}
.post_description.top_bord ol li ul li {
    list-style: outside none none;
}
.post_description .aligncenter {    
    display:block;
    margin-left:auto;
    margin-right:auto;
}


    .social-icon {display: inline-block; }
.social-icon .icon { background: url(../images/social-icon.png) no-repeat 0 0; width: 16px; height: 16px; background-color: #000; background-position:0px 0px;    background-size: 100px;   display: inline-block;}
.social-icon .icon.twitter {background-position: -21px 0px;}
.social-icon .icon.linkedin {background-position: -83px 0px;}
.social-icon .icon.googleplus {background-position: -41px 0px;}
.social-icon .icon{float: left;margin-left: 5px;}
.social-icon a{float: left;}
.social-icon a img{float: left;margin-left: 5px;}
.share-on-flex{display: inline-flex;color:#999;float: right;}
.pf_block .left{padding-top:6px!important;}   
a.backlink{background:url(../images/ar_left.png) left 7px no-repeat !important;line-height:2 !important;p;padding:0 10px 0 15px !important;}

/************************************** ADD CSS for Register page 17-09-17 ***********************************/
/*#navigation .email{position:relative; display:none;}
#navigation .email span{position:absolute; font-size: 18px; padding: 11px 15px 9px 15px; left:0; top: 0;}
#navigation .email a.navlink{padding-left: 75px;}
@media screen and (max-width: 767px) {
    #navigation .email{display:block;}
    }*/
    @media screen and (min-width: 767px) {
        #navigation .email{display:none;}
    }



/* for open image in popup */
.blogcontent img:hover{
    cursor: pointer;
}
.product-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 111111;
    display: none;
}

.product-image-overlay .product-image-overlay-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #eee;
    line-height: 35px;
    font-size: 20px;
    color: #eee;
    text-align: center;
    cursor: pointer;
}

.product-image-overlay img {
    width: auto;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 400px) {
  .product-image-overlay img{
      max-width: 70%;
  }
  .product-image-overlay .product-image-overlay-close{
        top: 5px;
        right: 5px;
  }
}

/* Comment Section : 07/09/2018 */
#commentform p{text-align: unset;}
#commentform p.form-submit{text-align: right;}
.comments-area .comment-metadata a { font-size: 14px; line-height: 18px; }
.comments-area .avatar { border-radius: 50%; position: relative; top: 2px; margin-right: 5px; }
.comments-area .children { padding-left: 30px; }
.comments-area .comment-awaiting-moderation { font-style: italic; }

@media (max-width:479px) {
	.comments-area .children{padding-left: 30px}
	.comments-area .comment-list{padding-left: 20px}
	#rc-imageselect, .g-recaptcha, #commentform .gglcptch  {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.error[for="hiddenRecaptcha"]{margin-top: -20px; margin-bottom: 15px;}
}

#commentform div.error{color: #e45a5a;}
.comment-author b, .comment-author span{vertical-align: super;}
.comments-area .comment-meta {display: flex;justify-content: space-between;align-items: center;}
.comments-area .comment-body .reply{padding-bottom:0; text-align: right;padding-top: 15px;padding-bottom: 12px;}
.comments-area .comment-metadata a { color:#143358; }
.comments-area .comment-content p{ padding-bottom: 0!important; }
.comments-area .comment-body:not(:last-child) { border-bottom: 1px solid #ddd; }
.comments-area .comment-list{border: 1px solid #ddd;padding: 20px 30px 0;margin-bottom: 0;}
.comment-list .comment:not(:first-child){border-top: 1px solid #ddd;}
.comment-list .comment .children{padding-top: 20px;}
.comment-list .depth-1:not(:first-child){padding-top: 20px;}
.comment-metadata .edit-link a{color: #FFF;}
.comment-reply-link, .comment-edit-link,.comment-respond .comment-reply-title a {background: #294e7a;border: none;padding: 6px 20px 6px 20px;cursor: pointer;font-family: Calibri, Arial;font-size: 14px;color: #FFF;vertical-align: middle;overflow: visible;text-decoration: none;}
.comment-reply-link:hover, .comment-edit-link:hover,.comment-respond .comment-reply-title a:hover{color: #FFF!important;text-decoration: none!important;background: #0494c5;}
.comment-respond .comment-reply-title{margin-bottom: 10px;}
.comment-respond .comment-reply-title small{float: right;}
article.comment-body {padding-bottom: 20px;outline: none;}

.comments-area .comment-respond{padding: 20px 30px;}
.comments-area .comment-form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.comments-area .comment-form p,.comments-area .comment-form .g-recaptcha{width: 100%;}
.comments-area .comment-form p input{width: 100%;height: 40px; line-height: 40px; padding: 4px 10px;box-sizing: border-box;border: #ddd 1px solid;margin: 0;font-family: Calibri, Arial;font-size: 14px;color: #666;}
.comments-area .comment-form p.form-submit input{width: auto; height: auto; line-height: initial;background: #294e7a;border: none;padding: 6px 20px 6px 20px;cursor: pointer;font-family: Calibri, Arial;font-size: 16px;color: #FFF;}
.comments-area .comment-form p.form-submit input:hover,.comments-area .comment-form p.form-submit input:focus{color: #FFF!important;background: #0494c5;border: none!important;outline: none;}
.comments-area .comment-form p.form-submit{text-align: right;}
.comments-area .comment-form p textarea{width: 100%;height: 90px;box-sizing: border-box;resize: vertical;max-height: 200px;}
.comments-area .comment-form p input:focus,.comments-area .comment-form p textarea:focus{margin: 0!important; border:1px solid #0494c5!important;outline: none; }
.comments-area .comment-form-author,.comments-area .comment-form-email{width: 48%!important;}
.comments-area .comment-list .comment-respond{padding: 20px 0;border-bottom: 1px solid #ddd;}
.comments-area .comment-author{padding-right: 10px;}
.comments-area .comment-author b{word-break: break-all;}


@media (max-width:767px) {
	.comments-area .comment-list{padding: 15px 20px 0;}
	.comments-area .children{padding-left: 20px;}
	.comments-area .comment-respond{padding: 20px;}
}
@media (max-width:576px) {
	.comments-area .comment-meta{display: block;margin-bottom: 10px;}
	.comments-area .comment-form-author, .comments-area .comment-form-email{width: 100%!important;}
	.comments-area .comment-form{display: block;}
	.comment-respond .comment-reply-title{position: relative;padding-top: 40px}
	.comment-respond .comment-reply-title small{float: none; position: absolute;right: 0;top:0;}
}

/* End : Blog Post Comment */

/* Line Height Changes */
.post_description ul li{line-height: 130%;} 
.post_description ul li p{line-height: 130%;} 
.post_description ol li{line-height: 130%;} 
.post_description ol li p{line-height: 130%;}