@charset "utf-8";
.registerForm ul li input.textBox,
.registerForm ul li select.selectBox,
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

body {
    font-size: .625em;
    background: #f5edc9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.clear {
    clear: both;
    margin: 0;
    padding: 0
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

a {
    text-decoration: none
}

.animation {
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

ul.fLinks1 li a,
ul.fLinks2 li a {
    -webkit-transition: All .5s;
    -moz-transition: All .5s;
    -o-transition: All .5s
}

.mainWrapper {
    width: 97.65%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative
}

.banner,
.banner ul,
.logoContainer,
.logoRgt figure,
.logoRgt figure img,
.tabContent,
.tabText ul.tabList,
.tabWrap,
.tablinks,
header,
nav {
    width: 100%
}

header {
    float: left;
    margin: 0 0 1em
}

.topLinks {
    float: right;
    font-size: 1.4em;
    margin: 1.71em 0 .85em
}

.topLinks ul li {
    float: left;
    margin: 0 0 0 1.92em
}

.topLinks ul li a {
    color: #084873;
    font-weight: 700
}

.topLinks ul li a:hover {
    color: #dd522c
}

.logoLeft {
    float: left
}

.logoLeft h6 {
    color: #fff;
    font-size: 2.2em;
    font-weight: 400
}

.tablinks ul li a,
nav>ul>li>a {
    font-weight: 700;
    text-transform: uppercase
}

.logoLeft h2 {
    color: #fff;
    font-size: 1.2em;
    display: block
}

.logoRgt {
    float: right;
    position: relative
}

.logoRgt figure {
    height: 7.8em;
    max-width: 182px;
    max-height: 78px;
    position: absolute
}

.banner,
.container,
.tabContent,
.tabWrap,
.tablinks ul li,
nav>ul>li {
    position: relative
}

.logoRgt figure img {
    height: 100%
}

.logoText {
    float: right;
    color: #02488a;
    font-size: 1.3em;
    font-style: italic;
    margin: 0 2.8em 0 0
}

.banner,
.banner ul li,
.container,
nav,
nav>ul>li {
    float: left
}

nav {
    margin: 0
}

nav>ul {
    margin: 0;
    padding: 0
}

nav>ul>li>a {
    font-size: 1.4em;
    color: #f15714;
    padding: 1.28em 1.16em;
    float: left;
    display: block
}

#cli .cli,
#com .com,
#con .con,
#intrg .intrg,
#key .key,
#tech .tech,
nav>ul>li>a:hover {
    background: #f38555;
    color: #fff
}

.container {
    width: 100%;
    background: #fff;
    border-bottom: #f5edc9 solid 1px
}

.container1 {
    border-left: #f5edc9 solid 1px;
    border-right: #f5edc9 solid 1px
}

.banner ul li figure {
    float: right;
    margin: 0 2em 0 0;
    height: 52.5em
}

.banner ul li figure img {
    height: 100%
}

.banneTextBox {
    float: left;
    margin: 11.2em 0 0 9em
}

.banneTextBox h1 {
    color: #747473;
    font-size: 4em;
    text-transform: uppercase
}

.tablinks ul li a,
a.bannelink {
    display: inline-block;
    font-size: 1.5em
}

a.bannelink {
    background: #1fa3ff;
    border: 1px solid #d8d8d8;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: .5em 1em;
    margin: 8em 0 0
}

a.bannelink:hover {
    background: #d66f2f
}

a.readMore {
    color: #f15714
}

.tabWrap {
    padding: 0 2em 1.7em;
    float: left
}

.tablinks,
.tablinks ul li {
    float: left
}

.tablinks ul li a {
    color: #222;
    padding: 1.5em 4.60em;
    background: #c7e1f8
}

.tablinks a:hover,
.tablinks ul li a.active {
    color: #1597f2;
    background: #fff
}

.tabContent {
    float: left
}

.tabText {
    color: #000
}

.tabText ul.tabList {
    margin: 0
}

.tabText ul.tabList li {
    float: left;
    width: 24.89%;
    height: 24em;
    margin: 0 .1em .1em 0;
    text-align: center
}

.ConBox {
    margin: 7em 0 0
}

.ConBox h2 {
    font-size: 2.2em;
    color: #fff;
    font-weight: 400;
    margin: 1.1em 0 0
}

.solutionText,
.tabTextIn {
    font-size: 1.4em;
    text-align: justify;
    line-height: 1.5em
}

.tabText ul.tabList li.medi {
    background: url(../images/medical.jpg) no-repeat
}

.tabText ul.tabList li.elect {
    background: url(../images/electronics.jpg) no-repeat
}

.tabText ul.tabList li.machine {
    background: url(../images/machine-tools.jpg) no-repeat
}

.tabText ul.tabList li.process {
    background: url(../images/process-controls.jpg) no-repeat
}

.tabText ul.tabList li.railways {
    background: url(../images/railways.jpg) no-repeat
}

.tabText ul.tabList li.elect-syst {
    background: url(../images/electrical-systems.jpg) no-repeat
}

.tabText ul.tabList li.con-elect {
    background: url(../images/consumer-electronics.jpg) no-repeat
}

.tabText ul.tabList li.defence {
    background: url(../images/defence.jpg) no-repeat
}

.tabText ul.tabList li.textile {
    background: url(../images/textile-industry.jpg) no-repeat
}

.tabTextIn {
    padding: 2em 0
}

.solutionText {
    background: #f0efef;
    float: left;
    width: 100%
}

.solutionText ul {
    margin: 0;
    padding: 2em 6em
}

.solutionText ul li {
    border-bottom: #fff solid 1px;
    text-align: center;
    padding: 1.5em 0
}

.solutionText ul li:first-child,
.solutionText ul li:last-child {
    border-bottom: none
}

.solutionText ul li span {
    font-size: 1.18em
}

.innovationContent {
    padding: 4em 2.4em 4em 4em;
    float: left;
    width: 100%
}

.innovationImg {
    float: left;
    width: 36%;
    margin: 0 5em 0 0
}

.innovationImg figure {
    width: 100%;
    height: 17em
}

.innovationImg figure img {
    width: 100%;
    height: 100%
}

.innovationImgCap {
    width: 100%;
    background: #929799;
    color: #fff;
    margin: .1em 0 0;
    padding: 1em
}

.innovationText {
    float: left;
    width: 55%;
    line-height: 1.7em
}

.innovationText span {
    font-size: 1.18em;
    display: block;
    margin: 0 0 1.5em
}

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

.factWrap ul li {
    width: 24.92%;
    height: 24em;
    float: left;
    margin: 0 .1em .1em 0;
    text-align: center
}

.factWrap ul li.yellow {
    background: #ceaf3e;
    padding: 7em 0
}

.factWrap ul li.green {
    background: #3c9f95;
    display: table
}

.factWrap ul li.green figure {
    display: table-cell;
    vertical-align: middle
}

.factWrap ul li.orange {
    background: #df6c4f;
    padding: 7em 0
}

.factWrap ul li.black {
    background: #f9de7c;
    display: table
}

.factWrap ul li.black figure {
    display: table-cell;
    vertical-align: middle
}

.factWrap ul li:last-child {
    margin: 0
}

.factWrap ul li h3 {
    font-size: 1.6em;
    color: #fff
}

.factWrap ul li h2 {
    font-size: 4em;
    color: #fff
}

.factWrap ul li.grey {
    background: #189ee1;
    padding: 7em 0
}

.factWrap ul li.grey h4 {
    font-size: 3em;
    color: #fff;
    margin: .1em 0
}

.factWrap ul li.grey h5,
.factWrap ul li.grey1 h4 {
    color: #fff;
    font-size: 1.6em
}

.factWrap ul li.grey figure {
    margin: 0 0 .8em
}

.factWrap ul li.grey1 {
    background: #7f2b82;
    padding: 3.5em 0
}

.factWrap ul li.grey1 h4 {
    line-height: 1.4em
}

.factWrap ul li.grey1 h5,
.factWrap ul li.pink h4 {
    font-size: 3em;
    color: #fff
}

.factWrap ul li.grey1 h5 {
    line-height: 1.2em
}

.ulMrg {
    margin: 0 0 0 5em
}

ul.bottmList {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

ul.bottmList li {
    float: none;
    display: inline-block
}

.factWrap ul li.pink {
    background: #5cb12f;
    padding: .5em 0
}

.factWrap ul li.pink h5 {
    color: #fff;
    font-size: 1.6em
}

.factWrap ul li.volet {
    background: #bccf03;
    padding: 1em 0
}

.factWrap ul li.volet h4 {
    color: #fff;
    font-size: 3em
}

.factWrap ul li.volet h5 {
    color: #fff;
    font-size: 1.6em
}

.aboutPannel {
    width: 100%;
    float: left;
    padding: 4.6em 3em 3em
}

.aboutPannel h3 {
    color: #747473;
    font-size: 3.6em;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin: 0 0 .77em
}

.aboutPannel p {
    color: #a9a8a8;
    font-size: 1.8em;
    text-align: justify
}

ul.aboutBox li figure,
ul.aboutBox li h4 {
    text-align: center
}

ul.aboutBox {
    margin: 3.8em 0 0
}

ul.aboutBox li {
    width: 30%;
    float: left;
    margin: 0 4.6em 0 0
}

ul.aboutBox li:last-child {
    margin: 0
}

ul.aboutBox li h4 {
    color: #162b3a;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 1.42em 0 1.14em;
    height: 3em
}

ul.aboutBox li span {
    text-align: justify;
    color: #a9a8a8;
    font-size: 1.4em;
    display: block
}

.clientWrap h5,
.clientWrap h6 {
    color: #747473;
    text-align: center
}

.clientWrap {
    width: 100%;
    float: left;
    padding: 4.2em 1em 2.8em;
    background: #f3f3f3
}

.clientWrap h5 {
    font-weight: 400;
    font-size: 2.8em;
    text-transform: uppercase;
    margin: 0 0 .51em
}

.clientWrap h6,
.socialLinks h6,
ul.fLinks1 li a {
    font-weight: 700;
    text-transform: uppercase
}

.clientWrap h6 {
    font-size: 1.4em
}

.clientPannel {
    width: 92%;
    margin: 3.2em auto 0;
    background: #fff;
    padding: 2em 0
}

.clientPannel ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

.clientPannel ul li {
    display: block;
    width: 100%
}

.clientPannel ul li figure {
    display: inline-block;
    margin: 0 3.4em;
    height: 10em
}

footer {
    width: 100%;
    float: left
}

.footerIn {
    padding: 2.8em 1em 1em
}

.fLeft {
    float: left
}

.fRgt {
    float: right
}

.footerLinks {
    float: left;
    margin: 0 2.8em 0 0
}

ul.fLinks1 {
    margin: 0;
    font-size: 1.4em
}

ul.fLinks1 li {
    margin: 0 0 1em
}

ul.fLinks1 li a {
    color: #000
}

ul.fLinks1 li a:hover {
    color: #f15714
}

ul.fLinks2 {
    margin: 0;
    font-size: 1.3em
}

ul.fLinks2 li {
    margin: 0 0 1em
}

ul.fLinks2 li a {
    color: #333
}

ul.fLinks2 li a:hover {
    color: #f15714
}

.btmLogo {
    float: right
}

.socialLinks {
    float: left;
    margin: 0 10em 0 0
}

.socialLinks h6 {
    color: #000;
    font-size: 1.4em;
    margin: 0 0 2.57em
}

.socialLinks ul {
    margin: 0
}

.socialLinks ul li {
    margin: 0 0 2.2em
}

.socialLinks ul li a {
    font-size: 1.4em;
    color: #333;
    display: block
}

a.facebook {
    background: url(../images/icons/facebook-icon.png) no-repeat;
    padding: 0 0 0 2.2em
}

a.facebook:hover {
    background: url(../images/icons/facebook-hover-icon.png.png) no-repeat;
    color: #dd522c
}

a.twitter {
    background: url(../images/icons/twitter-icon.png) no-repeat;
    padding: 0 0 0 2.2em
}

a.twitter:hover {
    background: url(../images/icons/twitter-hover-icon.png.png) no-repeat;
    color: #dd522c
}

.footerIn1,
.footerIn1 .fRgt a {
    color: #333
}

.footerIn1 {
    padding: 1em;
    font-size: 1.3em
}

.footerIn1 .fRgt a:hover {
    text-decoration: underline
}

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

.enquiryContent {
    position: relative;
    margin: 5em auto 0;
    width: 84%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f1f0f0;
    border: 5px solid #d3d3d3;
    height: 55em
}

.enquirybtn {
    width: 45px;
    height: 142px;
    background: url(../images/enquiry-btn.jpg) no-repeat;
    float: left
}

.closeBtn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 2em;
    z-index: 1;
    top: 2em;
    cursor: pointer
}

.enqiur,
.rightSlide {
    position: fixed;
    z-index: 100
}

.registerArea {
    width: 100%;
    float: left;
    background: #f1f0f0;
    padding: 3em 4em
}

.registerArea h4 {
    color: #6e6d6d;
    font-size: 3.6em;
    padding: 0;
    font-weight: 400
}

.registerForm {
    margin: .3em 0 0;
    padding: 2em 0
}

.registerForm ul {
    margin: 0;
    padding: 0;
    width: 100%
}

.registerForm ul li {
    padding: .8em 0;
    width: 49%;
    float: left;
    margin: 0 1em 0 0
}

.registerForm ul li:nth-child(2n) {
    margin: 0
}

.registerForm ul li label.labelText {
    color: #494848;
    padding: 1em;
    display: inline-block;
    width: 100%;
    font-size: 1.4em
}

.registerForm ul li span {
    font-size: 1.4em;
    float: left;
    width: 50%;
    margin: 0 0 .5em
}

.registerForm ul li.big {
    width: 100%
}

.registerForm ul li select.selectBox {
    color: #2a2a2a;
    border: 1px solid #d8d8d8;
    width: 100%;
    display: inline-block;
    padding: .3em .5em;
    border-radius: 2px
}

.registerForm ul li input.textBox {
    color: #000;
    border: 1px solid #d8d8d8;
    width: 100%;
    display: inline-block;
    padding: .8em .5em;
    border-radius: 2px;
    font-size: 1.4em
}

.registerForm ul li .textArea {
    color: #000;
    border: 1px solid #d8d8d8!important;
    width: 100%;
    display: inline-block;
    padding: .8em .5em;
    border-radius: 2px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.registerForm ul li input.resetBtn,
.registerForm ul li input.sentBtn {
    cursor: pointer;
    padding: .9em 1.5em;
    margin: 0 0 0 .3em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    text-transform: uppercase
}

.registerForm ul li input.sentBtn {
    background: #dd522c;
    border: none;
    color: #fafafa;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s
}

.registerForm ul li input.sentBtn:hover {
    background: #0462b9
}

.registerForm ul li input.resetBtn {
    background: 0 0;
    border: none;
    color: #888;
    transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    text-decoration: underline
}

.inHeading h1,
.inHeading h2,
.inHeading h3,
.productWrap ul li h3 {
    font-family: 'Roboto Condensed', sans-serif
}

.protablinks a:hover,
.protablinks1 a:hover {
    text-decoration: none!important
}

.registerForm ul li input.resetBtn:hover {
    color: #000
}

.inHeading h1,
.inHeading h2,
.inHeading h3,
.inHeading span {
    color: #fff;
    font-weight: 400
}

.registerForm ul li select option {
    background: #fff;
    padding: .3em
}

.enqiur {
    top: 20em;
    right: 0
}

.rightSlide {
    background: #aac4d6;
    top: 37.2em;
    right: 1.2em;
}
.rightSlide ul {
    float: left;
    padding: 1.2em 1em
}

.rightSlide ul li {
    margin: 0 0 1.1em
}

.rightSlide ul li:last-child {
    margin: 0
}

.rightSlide ul li a {
    background: #fff;
    border: none;
    border-radius: 100%;
    display: block;
    height: 1em;
    margin: 0;
    position: relative;
    transition: all .3s ease-in-out 0s;
    width: 1em;
    z-index: 105
}

.inHeading,
.productWrap ul {
    border-bottom: #d8d8d8 solid 1px
}

.inHeading {
    background: #f08d54;
    width: 100%;
    float: left;
    position: relative;
    padding: 0 2em 1.4em;
    text-align: center
}

.inHeading:before {
    content: url(../images/icons/arrow.png);
    position: absolute;
    bottom: -9px;
    width: 20px;
    height: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 10
}

.productWrap,
.productWrap ul {
    width: 100%;
    float: left
}

.inHeading h1 {
    font-size: 4.2em;
    margin: .88em 0 .5em
}

.inHeading span {
    font-size: 1.5em
}

.inHeading h2 {
    font-size: 2.4em;
    margin: 1.08em 0 .7em
}

.inHeading h3 {
    font-size: 2.8em;
    margin: 0 0 .7em
}

.otherLink {
    position: absolute;
    right: 0;
    height: 3em;
    bottom: 5px
}

.otherLink ul li,
.productText a {
    position: relative
}

.productWrap ul {
    padding: 3.5em 5em
}

.productWrap ul li {
    float: left;
    width: 28.78%;
    margin: 0 6em 0 0;
    text-align: center
}

.proImg {
    width: 100%;
    background: #f6f6f6;
    border-left: #d7d7d7 solid 1px;
    height: 20em;
    text-align: center
}

.proImg figure img {
    margin: 2.6em 0 0
}

.productWrap ul li:last-child {
    margin: 0
}

.productWrap ul li h3 {
    color: #575757;
    font-size: 2.4em;
    font-weight: 400;
    margin: 1.08em 0 .7em;
    height: 3.5em
}

.productWrap ul li a {
    background: #1fa3ff;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-size: 1.6em;
    padding: .8em 1.56em;
    display: inline-block
}

.productWrap ul li a:hover {
    background: #d66f2f
}

.productBox {
    width: 100%;
    float: left;
    padding: 3.5em 5em
}

.breadCrum {
    width: 100%;
    font-size: 1.4em;
    float: left
}

.breadCrum ul li {
    float: left;
    margin: 0 .5em 0 0;
    color: #414141
}

.breadCrum ul li a {
    color: #414141
}

.breadCrum ul li a:hover {
    color: #f15714
}

.breadCrum ul li span {
    font-weight: 700
}

.productDetail {
    width: 100%;
    float: left;
    margin: 3.6em 0
}

.productBox p {
    font-size: 1.4em;
    margin: 1em 0 0;
    width: 100%;
    float: left
}

.productBanner,
.productBanner1 {
    border: 1px solid #d8d8d8;
    margin: 0 3em 0 0;
    float: left
}

.productBanner {
    width: 40%
}

.productBanner ul li {
    width: 100%;
    height: 100%
}

.productBanner1 {
    width: 40%
}

.productBanner1 figure {
    width: 100%;
    height: 33.3em
}

.productBanner1 figure img {
    width: 100%;
    height: auto
}

.productText {
    float: left;
    font-size: 1.4em;
    width: 50%;
    text-align: justify;
    display: block
}

.productText h5 {
    color: #747473!important;
    font-size: 1.8em;
    margin: 0 0 .4em;
    border-bottom: 1px dotted #e1e1e1;
    padding: 0 0 .5em
}

.productText h4 {
    color: #f06f28;
    font-size: 1.07em;
    margin: 1em 0 .2em
}

.productText h4:first-child {
    margin: 0 0 .2em
}

.productText a {
    background: #dd522c;
    border: 1px solid #d8d8d8;
    color: #fff!important;
    padding: .6em 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.38em;
    display: block;
    width: 42%;
    margin: 1.1em 0 0
}

.productText a:after {
    content: url(../images/icons/arrow1.png);
    position: absolute;
    bottom: 17px;
    width: 11px;
    height: 16px;
    right: 16px;
    margin: 0 auto;
    z-index: 10
}

.proTabWrap,
.protablinks {
    width: 100%;
    float: left
}

.productText a:hover {
    background: #0462b9
}

.proTabWrap {
    position: relative;
    margin: 2.7em 0 0
}

.protablinks ul li {
    float: left;
    position: relative;
    width: 29.55%;
    margin: 0 5em 0 0
}

.protablinks ul li:last-child {
    margin: 0
}

.protablinks ul li a {
    color: #3e3d45;
    font-weight: 700;
    background: url(../images/icons/plus.png) right center no-repeat #f3f3f3;
    display: inline-block;
    font-size: 1.6em;
    border: 1px solid #c6c6c6;
    width: 100%;
    padding: 1em;
    position: relative
}

.protablinks a:hover,
.protablinks ul li a.active {
    background: url(../images/icons/minus1.png) right center no-repeat #666;
    color: #fff
}

.protablinks ul li a.active:after {
    content: url(../images/icons/arrow3.png);
    position: absolute;
    bottom: -7px;
    width: 21px;
    height: 12px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    left: 0
}

.listboxWrap,
.listboxWrap1 {
    border-top: 1px solid #efefef;
    margin: 2.6em 0;
    float: left
}

.protabContent {
    position: relative;
    width: 100%;
    float: left
}

.protabText {
    color: #000
}

.listboxMain {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f5edc9;
    padding: 2em 0
}

.listboxWrap1 {
    width: 60%
}

.listboxWrap {
    width: 100%
}

.listboxImg {
    float: right;
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 185px
}

.listboxImg figure img {
    width: 100%;
    height: 100%;
    border: 1px solid #d8d8d8
}

.listbox {
    border-bottom: 1px solid #efefef;
    float: left;
    width: 100%
}

.listbox ul li {
    font-size: 1.4em;
    display: inline-block;
    width: 40%;
    float: left;
    padding: .8em 0 .8em 1.92em;
    border-right: #efefef solid 1px
}

.proTabWrap1,
.protablinks1 {
    width: 100%;
    float: left
}

.listbox ul li:last-child {
    border: none
}

.listbox:nth-child(even) {
    background: #fafbfb
}

.proTabWrap1 {
    position: relative;
    margin: 2.7em 0 0
}

.protablinks1 ul li {
    float: left;
    position: relative;
    width: 29.55%;
    margin: 0 5em 0 0
}

.protablinks1 ul li:last-child {
    margin: 0
}

.protablinks1 ul li a {
    color: #3e3d45;
    font-weight: 700;
    background: url(../images/icons/plus.png) right center no-repeat #f3f3f3;
    display: inline-block;
    font-size: 1.6em;
    border: 1px solid #c6c6c6;
    width: 100%;
    padding: 1em;
    position: relative
}

.protablinks1 a:hover,
.protablinks1 ul li a.active {
    background: url(../images/icons/minus1.png) right center no-repeat #666;
    color: #fff
}

.dropDown ul li a,
.dropDown1 ul li a {
    padding: 1em 1.42em;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em
}

.protablinks1 ul li a.active {
    text-decoration: none
}

.protablinks1 ul li a.active:after {
    content: url(../images/icons/arrow3.png);
    position: absolute;
    bottom: -7px;
    width: 21px;
    height: 12px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    left: 0
}

.protabContent1 {
    position: relative;
    width: 100%;
    float: left
}

.dropDown,
.dropDown1 {
    position: absolute;
    z-index: 10000;
    float: left
}

.protabText1 {
    color: #000
}

.dropDown {
    left: 0;
    top: 5.3em;
    background: #3e4347;
    display: none
}

.dropDown ul {
    width: 33em
}

.dropDown ul li {
    border-bottom: #535a60 solid 1px;
    width: 100%
}

.dropDown ul li:last-child {
    border: none
}

.dropDown ul li a {
    color: #f38555;
    display: block
}

.dropDown ul li a span,
.dropDown ul li a:hover {
    color: #fff
}

.dropDown1 {
    right: 0;
    top: 3.5em;
    background: #7c4423;
    display: none
}

.dropDown1 ul {
    width: 38em
}

.dropDown1 ul li {
    border-bottom: #c08969 solid 1px;
    width: 100%
}

.dropDown1 ul li:last-child {
    border: none
}

.dropDown1 ul li a {
    color: #fff;
    display: block;
    text-align: left
}

.dropDown1 ul li a:hover {
    color: #d09c7d
}

#menu-icon {
    display: none;
    float: right;
    width: 100%;
    padding: .5em 0;
    text-align: center;
    font-size: 1.4em;
    color: #f1f1f1;
    text-transform: uppercase;
    height: 4em;
    font-weight: 600;
    background: url(../images/icons/menu-icon.png) right .5em no-repeat #0462b9;
    margin: 1em 0 0
}

.aboutWrap {
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 2em 0;
    float: left;
    text-align: justify;
    width: 100%
}

.aboutWrap h3 {
    color: #f06f28;
    font-size: 1.2em;
    margin: 0 0 1em
}

.anoutText {
    width: 93%;
    border-bottom: 1px solid #efefef;
    padding: 1.5em 0;
    float: left
}

.anoutText figure {
    float: left;
    margin: 0 1em 0 0
}

ul.list,
ul.list1 {
    margin: 1em 0 0
}

.anoutText figure img {
    border: 1px solid #ccc;
    background: #efefef;
    padding: .4em
}

ul.list li,
ul.list1 li {
    background: url(../images/icons/bullet.png) left 4px no-repeat;
    padding: 0 0 1em 1.5em
}

ul.list1 li {
    font-size: 1.4em
}

.productDetail a {
    color: #f06f28
}

.productDetail a:hover {
    text-decoration: underline
}

.productDetail h5 {
    color: #f06f28;
    font-size: 1.8em;
    margin: 0 0 .4em
}

.productDetail1 {
    font-size: 1.4em;
    text-align: justify
}

.productDetail1 h5 {
    color: #f06f28;
    font-size: 1.3em;
    margin: 0 0 .4em
}

.tableStyle {
    margin: 2em 0 0
}

.tableStyle table {
    width: 100%;
    text-align: left
}

.tableStyle table tr th {
    background: #7c4423;
    color: #fff;
    padding: 1em
}

.tableStyle table tr td {
    color: #565656;
    padding: 1em;
    border-bottom: 1px solid #efefef
}

.tableStyle table tr:nth-child(odd) {
    background: #fafbfb
}

.conLeft {
    float: left;
    width: 47%;
    border: 1px solid #efefef;
    margin: 0 3.7em 0 0;
    padding: 2em;
    font-size: 1.4em
}

.conLeft h3 {
    color: #f06f28;
    margin: 0 0 1em;
    font-size: 1.1em
}

.conLeft h4 {
    color: #1597f2;
    margin: 1em 0 .5em
}

.conLeft figure img {
    border: 1px solid #d8d8d8
}

.conLeft strong {
    margin: 0 0 .3em;
    display: inline-block
}

.conLeft1 {
    margin: 0
}

.proContent h1 {
    color: #070707 font-size: 1em!important;
    line-height: 1.6em;
    font-weight: 400!important;
    text-transform: none;
    margin: 0;
    display: inline
}

.proContent {
    font-size: 1.4em;
    color: #070707 line-height: 2.2em;
    display: block
}

.colorr {
    color: #1597f2!important
}

.newlogo img {
    width: 100%
}

.logoRgt>h5 {
    font-size: 18px;
    font-style: italic;
    font-weight: 400
}

.newcomp {
    display: inline-block;
    padding: 50px 0 0;
    position: relative;
    float: left
}
.docimage {
    float: right;
}
.docimage span {
    font-size: 14px;
    display: block;
    vertical-align: middle;
    color: #1f2123;
    font-weight: 600;
    padding-top: 8px;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.docimage .img-otr {
    margin:0 auto;
    text-align: center;
}
.docimage .img-otr img {
    vertical-align: middle;
    /* border: 1px solid #c7c1c1; */
    padding: 4px;
}
.newh3 {
    float: left;
    font-size: 16px;
    padding: 117px 0 0
}
.fig-cap {
    padding: 7px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.bx-wrapper .bx-viewport {
    height: 370px !important;
}
.clientPannel  .bx-wrapper .bx-viewport {
    height: 102px !important;
}
.procontenttop{
    margin-top: 20px;
}

/* floating button css */
.rightSideStickyBtn {
    position: fixed;
    top: 28%;
    right: -76px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    z-index: 9999;
}
.downloadBtnSection a, .enquiryBtnSection a {
    text-decoration: none;
    font-weight: 700;
    padding: 12px 20px;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.downloadBtnSection a, .enquiryBtnSection a {
    display: inline-block;
    position: relative;
}
.rightSideStickyBtn .downloadBtnSection {
    right: 10px;
}
.rightSideStickyBtn .downloadBtnSection, .rightSideStickyBtn .enquiryBtnSection {
    display: inline-block;
}
.downloadBtnSection {
    background: #000;
  
}
.enquiryBtnSection {
    background: #e65e22;
   
}
/* floating button css */