/********************Investor-relations page css start here***********************/

.outer-investors{ float:left; width:100%; margin-top:0px;}
.investors{ float:left; width:100%;}
.left-side{display:table-cell;box-sizing:border-box; vertical-align:top; padding-left:30px;}
.banner-inner{float:left; width:100% ;background:url(../images/investors-banner.html) no-repeat center top / cover; }
.banner-inner.product{background:url(../images/prd-banner.html) no-repeat center top / cover;}
.banner-inner.about{background:url(../images/about-banner.html) no-repeat center top / cover;}
.banner-inner.media-news{background:url(../images/media-banner.html) no-repeat center top / cover;}
.banner-inner.int-buisiness{background:url(../images/international-buisiness.html) no-repeat center top / cover;}
.banner-inner.int-buisiness.career{background:url(../images/career-banner.html) no-repeat center top / cover;}
.banner-inner h2{ font-family:Century Schoolbook, regular,smooth; font-size:60px; color:#27282b; float:right; text-align:center; text-transform:uppercase; line-height:60px; font-weight:bold; margin: 200px 70px 156px 0; text-align:justify;}

.top-banner{position: relative;}
.top-banner .set-on-banner{ font-size:24px; color:#27282b; text-transform:uppercase; line-height:60px; font-weight:bold; position:absolute; top:200px; right: 70px; width: 400px}
.banner-inner.int-buisiness h2{margin: 220px 70px 210px 0;}

.banner-inner.int-buisiness h2{margin: 220px 70px 210px 0;}
.left-side h2 span{ font-weight:normal;font-size:57px;}
.corporate{ float:left; width:100%;}
.breadcrumb{float:left; width:100%; margin:0px 0 0px 0; background:none;}
.breadcrumb a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;color:#000; display:inline-block; padding:8px 10px 8px 0;} 
.breadcrumb a:hover{color:#007ab9;}
.breadcrumb a.sel{color:#ff7c00 ;}
.corporate ul{width:auto; float:left; width:100%}
.corporate ul li{list-style:none; display:inline-block; width:48%; box-sizing:border-box; padding:0px 0px 20px 0; float:left; margin-right: 4%; margin-bottom: 10px}
.corporate ul li:nth-child(even){margin-right: 0px;}
.content1{float:left; width:100%;}
.content1 h3{font-size:16px; color:#3a3a3a; padding:10px 0 5px 0; border-bottom:1px solid #ff7c00;}
.content1 p{font-size:13px; color:#262626; padding:5px 0 0px 0;}
.content1 a{float:right; padding:0px; width:auto; background:#ff7c00; color:#fff; padding:4px 8px; text-transform:capitalize;  text-decoration:none; transition:all 0.3s ease-in-out; font-size: 11px;}
.content1 a:hover{background:#007ab9 }

.content1 ul{width:auto; margin-top:20px;}
.content1 ul li{list-style:none; font-size:13px; color:#262626; width:98%; padding:0px 0 0 0; margin:0px; line-height:18px;}

/*.right-side{display:table-cell; vertical-align:top; background:#f3f3f3 }
.right-side h3{font-size:14px; color:#007ab9; border-bottom:1px dashed #99999b; padding:15px 0px 10px 0; text-transform:uppercase}
.right-side h4{font-size:14px; color:#007ab9;  padding:10px 0px 5px 5px; border-bottom:1px dashed #99999b; }
.right-side h4.selectd{text-transform:uppercase;background:#007ab9;color:#fff; }
.right-side ul{width:auto;}
.right-side ul li{list-style:none; color:#7b7b7e; font-size:13px; padding:7px 0 7px 5px; border-bottom:1px dashed #cfcfd0;}
.right-side ul li a{text-decoration:none; color:#7b7b7e}
.right-side ul li a:hover{color:#007ab9}
.right-side p{font-size:12px; color:#7b7b7e; line-height:20px; border-bottom:1px dashed #99999b; padding:8px 0 17px 7px;} 
.right-side a{color:#0084cf}*/


.banner-mobile{display:none}
.hemburg-menu{display:none}
.outer-top{float:left;}
select.top-menu{display:none}

.img-full{width:100%}
.stock-info{width:100%}
.top-categories li ul.share-table{display:table; width:95%}
.top-categories li ul.share-table li{display:table-row; width:100%; }
.share-table li span{display:table-cell; float:none; padding:5px 0px;border-bottom:1px #dadadd solid}
.share-table li span:nth-child(even){text-align:right}

.menu-product{position:absolute; display:none; width:1280px; left:-472px; top:23px; height:auto; background:#FFF; z-index:1000; padding:10px; box-sizing:border-box;box-shadow: 0px 5px 10px #888888;}
.menu-product ul{ display:table; width:100%;border-spacing: 10px; border-collapse: separate;}
.menu-product li{ display:table-cell; float:none; color:#000; width:25%}
.menu-product li a{color:#333!important; padding:2px!important; text-transform:capitalize!important; font-size:11px!important; font-weight:normal!important; clear:both; margin:0 6px 5px 0; text-decoration:underline!important}
.menu-product li a:hover{text-decoration:none!important; color:#E2380E!important}
.menu-product li h5{font-size:14px; color:#007AB9; margin:0 0 5px 0}
.menu-product .img-drp{width:95%;}
.menu-product .img-drp img{ box-sizing:border-box; padding:3px; text-align:center;  border:1px #CCC solid; display:inline-block; vertical-align:middle; margin-bottom:15px; width:100%}
.opt-dro-down{}

.overlay{position:fixed; top:0px; left:0px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:100; display:none}




/************** Submenu Start***********************/
.menu-product{position:absolute; display:none; width:1280px; left:-472px; top:23px; height:auto; background:#FFF; z-index:1000; padding:10px; box-sizing:border-box;box-shadow: 0px 5px 10px #888888; text-align: left;}
.menu-product ul{ display:table; width:100%;border-spacing: 10px; border-collapse: separate;}
.menu-product li{ display:table-cell; float:none; color:#000; width:25%}
.menu-product li a{color:#333!important; padding:2px!important; text-transform:capitalize!important; font-size:11px!important; font-weight:normal!important; clear:both; margin:0 6px 5px 0; text-decoration:underline!important; display: block;border-bottom: none!important;}
.menu-product li a:hover{text-decoration:none!important; color:#E2380E!important; border-bottom: none!important;}
.menu-product li h5{font-size:14px; color:#007AB9; margin:0 0 5px 0}
.menu-product .img-drp{width:95%;}
.menu-product .img-drp img{ box-sizing:border-box; padding:3px; text-align:center;  border:1px #CCC solid; display:inline-block; vertical-align:middle; margin-bottom:15px; width:100%}
.opt-dro-down{}

.investor-rel .menu-product{right: -100px; left: auto; display: none!important;}

.overlay{position:fixed; top:0px; left:0px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:100; display:none}
.submenu{position:relative; z-index:10000000;}
.submenu:hover > a{background:#FFF!important;color:#007AB9!important}

header{
    position: relative!important;
    z-index: 10000000!important;
}
/************** Submenu End***********************/


/******************* BAck To Top ***********************/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}

#back-top a {
    width: auto;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}

#back-top a:hover span{background: #ff7c00 url("../images/up-arrow.png") no-repeat scroll center center / 30px 30px}

/* arrow icon (span tag) */
#back-top span {
    background: #ddd url("../images/up-arrow.png") no-repeat scroll center center / 30px 30px;
    border-radius: 15px;
    display: block;
    height: 40px;
    margin-bottom: 7px;
    padding: 10px;
    transition: all 1s ease 0s;
    width: 40px;
	margin-left:15px;
}
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}


/*************** Social Icon Start ************************/
.social-outter { padding:5px; /*box-shadow:0 0 5px #333;*/ position:fixed; right:0; top:40%; z-index:1000000000; /*background:#fff*/ list-style: none }
.social-outter li { background:url(../images/social-media-icons.png) 0 0 no-repeat; width:30px; height:30px; cursor:pointer; text-indent:-10000000px; transition: all 0.2s linear;list-style: none }
.social-outter li.facebook { background-position:-37px 0 }
.social-outter li:hover.facebook { background-position:-37px -103px }
.social-outter li.twitter { background-position:1px 0 }
.social-outter li:hover.twitter { background-position:1px -103px }
.social-outter li.linkin { background-position:-74px 0 }
.social-outter li:hover.linkin { background-position:-74px -103px }
.social-outter li.rss { background-position:-74px -73px }
.social-outter li:hover.rss { background-position:-74px -176px }

/*************** Social Icon End ************************/

.media{background: url(../images/media-news.html) no-repeat top center ; height: 1218px;}

/****************Product Page start*****************/
.prd-sec{float:left; width:100%; list-style:none; padding:20px 0; margin: 0px; }
.prd-sec li{width:33.3%; float:left; margin-bottom:30px; position:relative; min-height:270px;}
.prd-sec li:last-child:before{display:none;}
.prd-sec li h3{color:#007ab9; font-size:16px; font-weight:normal; padding:5px 0px;}
.prd-sec li img{border:1px #5ec8ff solid}
.prd-sec li:before{position:absolute; bottom:-10px; content:""; height:1px; background:#cfcfcf; left:0px; width:100%}
.prd-box{width:254px;}
.prd-box .readmore{float:right; margin:10px 0 0 0;}
.prd-box .readmore:hover{text-decoration:none}

/****************Product Page end*****************/
.read-more2{float:right; padding:0px; width:auto; background:#ff7c00; color:#fff; padding:4px 8px; text-transform:uppercase; font-weight:bold; text-decoration:none; transition:all 0.3s ease-in-out; font-size: 11px; position:relative}
.read-more2:before{background:#fbd6b5; height:1px; content:""; width:254px;position:absolute; top:0px; right:0px}
.read-more2:hover{background:#007ab9 }
/****************news & media start*****************/
.white-bg{float:left; width:100%; /*background:#fff;*/}
.archive{float:left; width:100%; border-bottom:1px solid #cfcfcf; padding-bottom:0px; margin-bottom:28px;}
.archive ul{width:auto; margin-top:0px;}
.archive ul li{list-style:none; display:inline-block; font-size:18px; line-height:34px; color:#7b7b7e;}
.archive ul li a{text-decoration:none; margin-right:40px; display:inline-block; color:#6e6e6e; position:relative;}
.archive ul li a.active{color:#007ab9;}
.archive ul li a.active:before{border-bottom: 3px solid #007ab9; bottom: -2px; content: ""; position: absolute; width: 100%;}
.archive h3{font-size:20px; line-height:34px; color:#007ab9; }
.archive h3 span{width:17%; display:inline-block;}
.archive h3 span:hover{border-bottom:3px solid #007ab9;}
.trends{float:left; width:100%; }
.trends h3{font-family:"myriad Pro"; font-size:20px; line-height:34px; color:#007ab9; margin-top:18px; font-weight:normal;}
.trends p{font-family:"myriad Pro"; font-size:15px; line-height:26px; color:#6e6e6e; margin:0px 0 12px 0;}
.trends h4{font-family:"myriad Pro"; font-size:20px; line-height:50px; color:#6e6e6e; font-weight:normal;}
.archive2{float:left; width:100%; padding-bottom:0px; cursor:pointer; }
.archive2 h3{font-size:20px; line-height:34px; color:#007ab9; }
/*.archive2 h3:hover{border-bottom:3px solid #007ab9;}*/
/****************news & media end*****************/
.tab-content{display:none}
/***************************About us page css start here********************************/
.spectrum{float:left; width:50%;}
.solution{float:left; width:100%; margin-top:0px;}
.solution h3{font-size:20px; line-height:34px; color:#007ab9;  width:95%; border-bottom:1px solid #ffd4ab; }
.directors .solution h3{width:100%;}
.solution h3:hover{background:url(../images/heading-hover.html) no-repeat left bottom; }
.solution span{float:left; width:100%; text-align:center; }
.solution span img{text-align:center;}
.solution p{font-size:14px;color:#6e6e6e; margin-top:15px; }
a.readmore{background:#f4821f/* url("../images/read-arrow.png") no-repeat scroll right 0px*/; color: #fff; font-size: 12px; padding: 4px 10px 4px 10px; line-height:18px;  display:inline-block;/* border-bottom:1px solid #ffb670;*/}
a.readmore:hover{background:#d86909 /*url("../images/read-arrow.png") no-repeat scroll right 0px*/; color:#fff; text-decoration:none;}
/*a.readmore:before{background:#fbd6b5; content: ""; left: 0;position: absolute; width: 99.5%; height: 1px;}*/
.prd-box p{position: relative;}
.solution h4,.sector-sec h4{font-size:20px; line-height:34px; color:#007ab9; margin-top:20px; border-bottom:1px solid #ffd4ab; margin-bottom:0px;}
.solution h4:hover,.sector-sec h4:hover{background:url(../images/heading-hover.html) no-repeat left bottom; }
.solution h5{font-size:15px; line-height:22px; color:#ff7c00; }
.solution h6{font-size:13px; line-height:22px; color:#6e6e6e; font-weight:normal; border-bottom:1px solid #ffd4ab; padding-bottom:15px;}
.genesis{float:left; width:100%;}
.genesis h6{ border: medium none; color: #f4821f; font-size: 13px; font-weight: bold; line-height: 22px; margin-top: 10px; padding: 0; text-align: left;}
.genesis ul{width:auto;}
.genesis ul li{list-style:none; color:#6e6e6e; font-size:13px; line-height:22px;}
.directors{float:left; width:50%; padding-left:10px}
.board{float:left; width:100%; margin: 0px 0px; text-align: center;}
.board ul{width:auto; border-bottom:1px solid #ffd4ab;}
.board ul li{list-style:none; display:inline-block; display:inline-block; width:32%; vertical-align:top;padding:15px 0 5px 0px}
.board h5{font-size:14px; line-height:22px; color:#ff7c00; text-align:center; margin:0px;}
.board h6{font-size:11px; line-height:normal; color:#6e6e6e; text-align:center; font-weight:normal; border:none; margin:0px;border: none; padding-bottom:5px;}

.awards{float:left; width:100%; margin-top:20px;}
.awards ul{width:auto;}
.corporate2{float:left; width:48%;list-style:none; display:inline-block; vertical-align:top; padding-right:10px; box-sizing:border-box; margin-bottom:10px; min-height:412px;}
.corporate2:last-child{float:right;}
.corporate2 h3{font-size:16px; line-height:24px; color:#007ab9;  border-bottom:1px solid #ffd4ab; margin:0px;}
.corporate2 h3:hover{background:url(../images/heading-hover.html) no-repeat left bottom; }
.corporate2 h6{font-size:11px; line-height:18px; color:#f4821f; min-height:50px; margin:0px}
.corporate2 h6 span{color:#007ab9;}
.corporate2 img{width:100%;}
/**.corporate2 a.readmore{background: rgba(0, 0, 0, 0) url("../images/material/arr_link.png") no-repeat scroll 0 3.5px; color: #0084cf; font-size: 12px; padding: 0 0 0 14px; float:right !important; padding-right:15px !important; display:inline-block;/* border-bottom:1px solid #ffb670;*/}**/
.corporate2 p{font-size:12px; line-height:20px; color:#6e6e6e;}
.corporate2 p span{color:#e7730e; padding:0px; margin:0px;}

/***************************About us page css end here********************************/
.abt-slider{width:100%; float:left; padding:0 10px 0 0; box-sizing:border-box;}
.awards ul li ul li{width:100%}
.board-box{float:left; width:100%; display:table; border:1px #f0eeee solid; padding:0px; box-sizing:border-box; transition:all 0.3s ease-in-out;}
.board-box img{padding-left:15px; width:200px; max-width:200px;}
.board-box span{display:table-cell;}
.board-box span img{padding:0px;float:left}
.board-box .board-cont{display:table-cell; vertical-align:top; padding:20px 10px 0 10px; box-sizing:border-box;}
.board-cont h5,.board-cont h6{ font-size:12px; line-height:18px;}
.board-cont h5{font-size:16px; margin-bottom:10px; margin-top:0px;}
.board-cont h6{margin:0px;}

.board-box:hover{background:#ffa03a; cursor:pointer}
.board-box:hover .board-cont h5,.board-box:hover .board-cont h6{color:#fff}

.board-box:hover a.readmore{color:#FFF!important}
.board-box:hover a.readmore:hover{color:#FFF!important; text-decoration:none!important}

.social-small{float:left; width:100%; text-align:center; margin:20px 0 0 0}
.social-small ul{margin:0px;}
.social-small li{display:inline-block; margin:0 10px 0 0}
.social-small li a{float:left; width:24px; height:24px; background:url(../images/social-small.png) no-repeat 0 0; text-decoration:none;transform:scale(0.8); transition:all 0.3s ease-in-out; text-indent:875px; overflow:hidden; color:#fff;}
.board-box:hover .social-small li a{color:#ffa03a}
.social-small li a:hover{transform:scale(1)}
.social-small li.linkedin a{background-position:0 0px}
.social-small li.twitter a{background-position:-44px 0px}
.social-small li.facebook a{background-position:-80px 0px;}

.board-box:hover .social-small li.linkedin a{background-position:0 -30px}
.board-box:hover .social-small li.twitter a{background-position:-44px -30px}
.board-box:hover .social-small li.facebook a{background-position:-80px -30px;}

.int-buisiness{}

.foot-map{float:left; width:100%; background:url(../images/footprint-map.png) no-repeat center top / cover; height:400px}
.int-inner{display:table; float:left; width:100%}
.int-inner .left-sec{float:left; vertical-align:top; width:53%; box-sizing:border-box}
.int-inner .left-sec p{font-size:13px; line-height:23px; color:#6e6e6e; text-align:justify; position: relative;}
.int-inner .left-sec ul{list-style:none}
.int-inner .left-sec li{font-size:13px; line-height:23px; color:#6e6e6e; text-align:justify; background:url(../images/grey-arrow.jpg) no-repeat 0 8px; padding:0 0 0 15px;}
.int-inner .right-sec{padding-left:15px; float:left;width:47%; box-sizing:border-box}
.int-inner .right-sec img{width:100%}
.solution h3,.int-inner h3{font-weight:normal; color:#007ab9; font-size:20px;border-bottom:1px solid #ffd4ab; margin-bottom:10px; position:relative; padding-bottom:7px; margin-top:0px; }
.solution h3:before,.int-inner h3:before{position:absolute; height:3px; background:#007ab9; content:""; width:150px; bottom:-1px; left:0px}
.board-cont p{margin-top:0px;}
.abt-slider .bx-controls-direction{display:none;}
.corporate2 a.readmore{float:right}


.right-container h2,.right-container h3/**,.right-container h4,.right-container h5**/{color: #007ab9;}

.prd-bottom{float: left; width: 100%;}

/**********************CSS Use For About Us Bottom Part ***********************/
.sector-sec{float:left; width: 100%; display: table; border-spacing:10px 0;}
.sector-sec .colum2{display: table-cell; vertical-align: top; width: 50% }
.tabbed-content{display: table; width: 100%; border-spacing:0;  padding: 0 0px 0px 0px; box-sizing:border-box;}
.tabbed-content .content-area{display: table-cell; vertical-align: top;}
.tabbed-content .map-area{display: table-cell;vertical-align: top; display:none}
.tab-menu{float:left; width: 100%; margin: 10px 0px;}
.tab-menu li{float: left; margin-right: 20px;}
.tab-menu li a{padding: 2px 5px; font-size: 12px; background: #9c9b9c; text-decoration: none; color: #fff;}
.tab-menu li a.select{background: #fda219;}

.orange-color{color: #fda219;}

.sector-sec .content-area{padding: 10px 10px 0 0;}

.osc-res-tab ul.tab-content{border:none; border-top: none; display: block;}
.osc-tabs-left-ul{margin: 10px 0 0 0}
.osc-res-tab .nav-tabs > li > a{background: #ebebeb;}
.osc-res-tab .nav-tabs > li.active > a, .osc-res-tab .nav-tabs > li.active > a:hover, .osc-res-tab .nav-tabs > li.active > a:focus{background: #007ab9; color: #fff; border:none;}
.osc-res-tab .nav > li > a{padding: 2px 15px; color:#666666; font-weight:bold; }


/*****************Global CSS For Right Editor *************************/
.right-container ul,.solution ul{list-style:none}
/*.right-container >ul >li,.solution > ul > li{font-size:13px; line-height:20px; margin-bottom: 0px; color:#6e6e6e; text-align:justify; background:url(../images/grey-arrow.jpg) no-repeat 0 8px; padding:0 0 0 15px;}*/

.right-container,.right-container p{/**color: #6e6e6e; font-size: 13px; margin-top: 10px;**/}
.right-container h3{font-weight:normal; color:#007ab9; font-size:20px;<!-- border-bottom:1px solid;--> margin-bottom:10px;<!--position:relative;--> padding-bottom:7px; margin-top:0px; }
.right-container h3:before{position:absolute; height:3px; background:#007ab9; content:""; width:150px; bottom:-2px; left:0px}

/*.right-container h4{font-weight:normal; color:#007ab9; font-size:18px;border-bottom:1px solid #ffd4ab; margin-bottom:10px; position:relative; padding-bottom:7px; margin-top:0px; }
.right-container h4:before{position:absolute; height:3px; background:#007ab9; content:""; width:150px; bottom:-2px; left:0px}*/

img.right-img{ padding:3px; float:right; margin:0 0 0 10px; width:250px;}
.form-right{padding:3px; float:left; margin:0 0 0 0px; width:500px; position:relative; z-index:100}
.form-right .wpcf7 input,.form-right .wpcf7 textarea,.form-right .wpcf7 select{width:100%;}
.wpcf7 input,.wpcf7 textarea,.wpcf7 select{border:1px #cdcdcd solid; margin-top:3px; width:100%;}
/********************Client Approval Section*******************/
.int_clients_logo {
    float: left;
    text-align: center;
    width: 100%;
}
.int_clients_logo a {
    border: 1px solid #c4c4c4;
    display: inline-block;
    float: none;
    margin: 5px;
    overflow: hidden;
    padding: 0;
    transition: all 0.5s linear 0s;
    vertical-align: top;
}
.int_clients_logo a {
    background: #fff none repeat scroll 0 0;
    color: #000;
    text-decoration: none;
}
.int_clients_logo a img {
    float: left;
    transition: all 0.2s linear 0s;
    width: 100%;
}
.int_clients_logo a:hover {
    border-color: #a8d5fb;
    box-shadow: 0 0 10px #a8d5fb;
    transform: scale(1.1);
}
.int_clients_logo a p {
    color: #000;
    display: inline-block;
    font-size: 12px;
    padding: 10px 0 0;
    text-transform: uppercase;
}

.int_clients_logo .colum{width:25%; float:left; box-sizing:border-box; margin:0px; padding-right:10px; min-height:350px; }
.int_clients_logo.key-logo .colum{min-height:208px;}

.menu  .sub-menu{margin:5px 0px;}
.menu  .sub-menu li{background:url("../images/grey-arrow-left.jpg") no-repeat scroll 3px 10px; padding-left:20px;}

.left-container .menu li{background:url("../images/grey-arrow-left.jpg") no-repeat scroll 3px 10px; padding-left:20px;}
.left-container .widget_nav_menu .sub-menu li:last-child{border:none}


.solution span .wpcf7-not-valid-tip{text-align:left;}


.img-border{border:1px #e1e1e1 solid; padding:3px;}
.slider-opt .bx-viewport{float:left; width:100%; padding:20px;}
.slider-opt ul{list-style:none; margin:0px;}
.slider-opt ul li {background:none; padding:0px; margin:0px;}

.abt-slider > img{padding:3px; border:1px #cdcdcd solid ; margin-bottom:10px;}

.osc-res-tab .nav-tabs{border:none;}

@media screen and (min-width:1024) and (max-width:1280px){
	#container,.content-outer,content-bred{width:98%}
	.logo img{width:100px}
	.wr-mega-menu > li > a{padding:8px !important}
	.bxslider li{width:100%!important}
	}