@import url('bootstrap.css');
@import url('font-awesome.css');
@import url('owl.css');
@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700,900|Merriweather');

/* GLOBALS */
body{color:#292421; padding-top:107px; font-family: 'Merriweather', Helvetica Neue, Helvetica, Arial, sans-serif; line-height:1.6em; }
h1, h2, .h1, .h2, h3, .h3, h4, .h4, h5, .h5, .btn{ font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif; }

.darkText {color: #292421}
.service .scroll-to .description {color:#1dc116; }
.colored {color:#F15A29;}
.dropdown-toggle .caret{}
.section{padding:60px 0; }
.btn{font-weight:700;}
li, .li {font-size:16px;}
p{font-size:16px;margin:0 0 1em}

h1, .h1{ font-size:40px; margin-bottom:20px; font-weight:900; }
h2, .h2 { margin-bottom:35px; font-weight:900; }
h3, .h3 { margin-bottom:30px; font-weight:900; }
h4, .h4 { font-size:25px; font-weight:700; }
h5, .h5 { font-size:20px; font-weight:900; }

@media (max-width:990px){
    .col-md-5.col-md-offset-1{margin-top:50px;}
    body{font-size:16px;}
    h2{font-size:48px;}
    h3{font-size:38px;}
}

@media (max-width:560px){
    .col-md-5.col-md-offset-1{margin-top:40px;}
    body{font-size:15px;}
    h2{font-size:12px;}
    h3{font-size:26px;}
}

#visualization path:nth-child(16) {
    fill:red;
}

.pdf-ss {
	box-shadow:0px 2px 6px rgba(0,0,0,0.1);
}

/* NAVIGATION BAR START */
.navbar { font-family: 'Roboto', Helvetica Neue, Helvetica, sans-serif; font-weight: 300; font-size:16px; background-color:#fff; letter-spacing:-0.05em; }
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; }
.navbar-brand img { height:105%; width:auto; }
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }

@media (max-width:768px){
    .navbar-brand img { height:100%; }
}

@media (min-width:768px) and (max-width:1200px){
    .navbar-default .navbar-nav > li > a{padding-left:5px; padding-right:5px; font-size:12px;}
}

@media (min-width:768px) {
    body { padding-top:100px; }
    .navbar-fixed-top { padding: 25px 0;  -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
    .navbar-fixed-top .navbar-brand { font-size: 2em;  -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
    .navbar-fixed-top.navbar-shrink { padding: 10px 0; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); }
    .navbar-fixed-top.navbar-shrink .navbar-brand { font-size: 1.5em; }
    .navbar .navbar-right > li { padding:15px 15px 15px 0; }
    .navbar .navbar-right > li > a { padding:0 15px 0 0; border-right:1px solid #727782; font-weight:300; letter-spacing:-0.005em; }
    .navbar .contact-btn {background:url(../img/contactbtn.png)left center no-repeat #fff; background-size:100% 80%; padding:15px 20px !important; margin:0 -15px 0 10px; color:#fff; text-emphasis-color: #fff; text-decoration-color: #fff;}
    .navbar .contact-btn:hover {background:url(../img/contactbtn_hover.png)left center no-repeat #fff; background-size:100% 80%; text-decoration-color: #fff;}

    .navbar .contact-btn-active {background:url(../img/contactbtn_hover.png) left center no-repeat #fff; background-size:100% 80%; padding:15px 20px !important; margin:0 -15px 0 10px; color:#fff; }
    .navbar .contact-btn-active a { border:none !important; color:#fff !important; }
    .navbar .contact-btn-active:hover {background:url(../img/contactbtn.png)left center no-repeat #fff; background-size:100% 80%;}

    .navbar .contact-btn a { border:none !important; color:#fff !important; }
    .navbar .contact-btn a:hover {color:#eb693b;}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:transparent; color:#F15A29; border-color:#727782; }
    .navbar-default .navbar-nav > a > li:hover, .navbar-default .navbar-nav > a > li:focus { color:#F15A29; }
    .navbar-brand { padding:0px 15px; }
    .navbar-fixed-top.navbar-shrink .navbar-brand { padding:8px 15px; }

    /* mega menu */
    .mega-menu { min-width:480px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding:15px; border-bottom-color:#fff; border-right-color:#fff; border-left-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); right:-180px !important; }
    .mega-menu:after, .mega-menu:before {content:''; display:block;}
    .mega-menu:before{   border-color: hsla(0, 0%, 0%, 0) hsla(0, 0%, 0%, 0) hsl(0, 0%, 80%); border-style: solid; border-width: 0.8em; height: 0; right: 45%; position: absolute; top: -22px; width: 0;}
    .mega-menu:after {    border-color: hsla(0, 0%, 0%, 0) hsla(0, 0%, 0%, 0) hsl(0, 0%, 100%); border-style: solid; border-width: 0.8em; height: 0; right: 45%; position: absolute; top: -21px; width: 0;}
    .mega-menu li a {padding:5px 12px 5px 25px; font-weight:300; letter-spacing:0; font-size:16px; font-family:inherit; color:#777777;}
    .mega-menu li a:hover, .mega-menu li a:focus { background-color:transparent; color:#F15A29; }
    .bullets { position:relative; }
    .bullets:before { content:''; position:absolute; width:8px; height:8px; top:13px; left:8px; border-radius:50%; }
    .bullets.bullet1:before { background-color:#0C59A9 }
    .bullets.bullet2:before { background-color:#0C59A9 }
    .bullets.bullet3:before { background-color:#0C59A9 }
    .bullets.bullet4:before { background-color:#0C59A9 }
    .bullets.bullet5:before { background-color:#0C59A9; }
    .bullets.bullet6:before{ background-color:#0C59A9; }
}
/* NAVIGATION BAR END */


/* FOOTER START */


/* clients carousel
.clients-carousel {cursor: pointer; text-align:center; vertical-align:middle; background:#fff; padding: 20px 0;}
.clients-carousel img { width:50%; height:auto; }
.clients-carousel .owl-item { padding:20px; height:100px; box-sizing:border-box; }

@media (max-width:768px){
    .clients-carousel {height:100%;}
    .clients-carousel .owl-item { padding:0px; height: auto; box-sizing:border-box; }
}

@media (min-width:768px){
    .clients-carousel {height:100%;}
    .clients-carousel .owl-item { padding:0px; height:auto; box-sizing:border-box; }
}
*/


/* buttons */
.btn{border-radius:0;  box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1); font-size:12px;}
.btn-primary{background-color:#0C59A9; border-color:#0C59A9;}
.btn-primary:hover, .btn-primary:focus{background-color:#37cafe; border-color:#37cafe;}

/* get in touch */
.getintouch { background:#f0f0f0; padding:55px 0 20px; color:#0C59A9; position:relative;}
.getintouch-block { padding:30px 0; }
.getintouch-block .block-title { font-size:23px; font-weight:bold; margin-top:0; }
.getintouch-block .block-subtitle { margin:10px 0 20px; }
.getintouch .getintouch-block { padding: 15px 0; }

/* mailing list */
#newsletter-email-address { float:left; background:#ffffff; width: 220px; height: 42px; border: 1px solid #cccccc;  font-size: 15px; margin: 0px -4px 0px 0px;}

/* sitemap */
.sitemap{padding:60px 0; background: #fff; position:relative;}
.sitemap a, .sitemap a:hover, .sitemap a:focus { color:#0C59A9; }
.ft-nav {float:left; width:14.285714285714285714285714285714%; box-sizing:border-box; padding:0 15px; font-size:14px; }
.ft-nav-header { font-size:16px; font-weight:bold; }
.ft-nav .ft-nav-list { padding:0; margin:0; }
.ft-nav .ft-nav-list li {display:block; margin:6px 0 0 0; list-style:none; font-size:14px; }

/* accreditations */
.accreditations {position:relative; background: #fff;}
.accreditations ul { padding:20px; margin:0; text-align:center; }
.accreditations ul:after { clear:both; }
.accreditations ul:after, .accreditations ul:before { display:table; content:''; }
.accreditations ul li { display:inline-block; list-style:none; min-width:14%; }
.accreditations ul li img { width:auto; height:70px; margin-bottom:20px; }


footer { color: #0C59A9; font-size: 13px; background: #f0f0f0; position: relative; text-align: left;  }
footer .row>div { margin:0px; padding: 10px 20px; text-align: center; margin-left: auto; margin-right: auto; }
footer .row{margin: 0px; }

/* footer bottom */
.footer-container {margin:auto;}

.ZuduLogo{height:auto;}
.copyright{ margin:0; font-size:15px; color:#a3a7a8; text-align:center;}

@media(min-width:768px){
    .copyright{padding-left:6%;text-align:left;}

}

/* FOOTER END */


/* HOME START */

/* slider */
.slide  { background: center center no-repeat; color:#fff;}
.slide1 { background-image:url(../img/slider/global-slide.jpg); background-attachment: fixed;}
.slide2 { background-image:url(../img/slider/quality-slide.jpg);}
.slide3 { background-image:url(../img/slider/accomplished-slide.jpg);}
.slide-table { display:table; width:100%; height:500px; overflow:hidden !important;}
.slide-table .slide-cell { display:table-cell; vertical-align:middle;}
.slide .small-title { display:inline-block; color:#fff; border-bottom:1px solid #f6921f; clear:both; font-size:16px; letter-spacing:2px; font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: normal;}
.slide .slide-title { font-size:40px; font-weight:bold; color:#fff;}

@media (max-width:768px){
    .slide-table {height:500px;}
}

@media (min-width:768px){
    .slide {  background-size:auto; }
    .slide-table {height:500px;}
}

@media (min-width:992px){
    .slide-table {height:500px; }
    .slide {  background-size:auto; }
}

/* custom css transitions for slider */
.css-transition *{ -webkit-transition: margin 2s ease, opacity 3s ease; -moz-transition: margin 2s ease, opacity 3s ease; transition: margin 2s ease, opacity 3s ease; }
.owl-item .slide .small-title{ margin-top:120px; opacity:0; filter:alpha(opacity=0);}
.owl-item .slide .slide-title{ margin-top:60px; opacity:0; filter:alpha(opacity=0);}
.owl-item .slide p{ margin-top:30px; opacity:0; filter:alpha(opacity=0);}
.owl-item .slide .btn{ opacity:0; filter:alpha(opacity=0);}
.owl-item.active .slide .small-title{margin-top:0; opacity:1; filter:alpha(opacity=100);}
.owl-item.active .slide .slide-title{margin-top:20px; opacity:1; filter:alpha(opacity=100);}
.owl-item.active .slide p{margin-top:0; opacity:1; filter:alpha(opacity=100);}
.owl-item.active .slide .btn{opacity:1; filter:alpha(opacity=100);}

/* opening description, USP's and font awesome icons */
.why-us {background:#fff;};
.services{background:#fff; }
.service{text-align:center; padding:20px 0; }
.service .scroll-to{display:block; width:80px; height:80px; box-sizing:border-box; border:2px solid #F15A29; border-radius:100%; margin:0 auto 30px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.service .scroll-to i{line-height:78px; font-size:38px; color:#F15A29; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.service .service-title{color:#000;}
.service:hover a{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.service.style2{position:relative; padding:0 0 0 70px; text-align:left;}
.service.style2 a {position:absolute; left:0; top:10px; width:50px; height:50px; border-width:1px; margin:0; text-align:center;}
.service.style2 i{line-height:50px; font-size:28px;}
.service.style2 .service-title{margin-top:0; font-size:16px;}
.service.style2 .description{margin-bottom:15px;}
.service.style2:hover .service-title {color:#F15A29; font-size:18px;}
.service.style2:hover .description {color:#F15A29; }
.service .service-title {font-size:20px;}

/* parallaxdivider sections */
.parallaxdivider { height:235px; position:relative; background-position:50% 0; background-size:cover; }
#fixedbg{ background:url(../img/home/parfoam2.jpg) no-repeat left top; height:100%; width:100%; z-index:-1; top:0; }



.parallaxdivider .container {position:relative; height:100%; }
.industriesimg { background-image:linear-gradient(to bottom, rgba(0, 119, 182, 0.6), rgba(0, 119, 182, 0.6)), url(../img/home/parfoam2.jpg); background-size: 100%;}
.locationsimg { background-image:linear-gradient(to bottom, rgba(0, 119, 182, 0.4), rgba(0, 119, 182, 0.4)), url(../img/home/parglobe.jpg); background-size: 100%}
.parallaxdivider-text {position:absolute; bottom:30px; left:0; margin:0; line-height:1.2em; color:#fff; font-weight:normal; font-size:60px; z-index:2; }
.parallaxdivider-text small{display:block; font-size:40%; color:#fff; letter-spacing:-0.03em; }
.parallaxdivider-img{ width:70%; height:500px; position:absolute; bottom:0; right:0; background-position:bottom right; background-size:100% auto; background-repeat:no-repeat; }
#paralaxtop {border-style: solid; border-width:0px; border-top-width:0px; border-top-color: #0077b6;}

@media (max-width:1200px){
    .parallaxdivider .container {position:static;}
}



/*STATIC BG FOR MOBILE START */

.staticbg {display:none; width:100%; height:100%; background-position:center center; background-size:100% auto; background-repeat:no-repeat; z-index:-1;}

@media (max-width:1200px){
    .staticbg {display:block;}
}

#industriesweserve-static {background-image:linear-gradient(to bottom, rgba(0, 119, 182, 0.6), rgba(0, 119, 182, 0.6)), url(../img/home/parfoam2.jpg);}
#locationssupply-static {background-image:linear-gradient(to bottom, rgba(0, 119, 182, 0.6), rgba(0, 119, 182, 0.6)), url(../img/home/parglobe.jpg);}

#acoustic-static {background-size:160%; background-image:url(../img/products/acoustic.jpg); }
#filtration-static {background-size:160%; background-image:url(../img/products/filtration.jpg); }
#dampening-static {background-size:160%; background-image:url(../img/products/dampening.jpg); }
#cushioning-static {background-size:160%; background-image:url(../img/products/cushioning.jpg); }
#sealing-static {background-size:160%; background-image:url(../img/products/sealing.jpg); }
#speciality-static {background-size:160%; background-image:url(../img/products/speciality.jpg); }

#automotive-static {background-size:160%; background-image:url(../img/industries/automotive.jpg); }
#agriculture-static {background-size:160%; background-image:url(../img/industries/agriculture.jpg); }
#medical-static {background-size:160%; background-image:url(../img/industries/medical.jpg); }
#construction-static {background-size:160%; background-image:url(../img/industries/construction.jpg); }
#consumer-static {background-size:160%; background-image:url(../img/industries/consumer.jpg); }
#industrial-static {background-size:160%; background-image:url(../img/industries/industrial.jpg); }


/* STATIC BG FOR MOBILE END */


@media (max-width:768px){
    .parallaxdivider-text  {padding-left:20px; font-size:50px;}
}

@media (min-width:768px){
    .parallaxdivider-text  {padding-left:20px;}
}


/* map parallax sections */
.mapparral { height:700px;   }
.mapparral .img-responsive { position:relative; }

/* HOME END */



/*  ~~~~~~~~~~~~~ HERO IMAGE ~~~~~~~~~~~~~ */

.main-banner {
              display: block;
              padding: 0px 40px;
              background-size:cover;
              background-position:center 0;
              background-repeat:no-repeat;
              border-bottom:0px solid #e02c3f;
              color:#fff;
             -webkit-background-size: cover;
             -moz-background-size: cover;
             -o-background-size: cover;
              background-size: cover;
              width: 100%;
              position:relative;
              z-index: 99;
              }

#intro {
  position: relative;
  height: 550px;
}

.table-wrap{display:table; text-align: center;  height:550px; padding:0px 0; box-sizing:border-box; overflow:hidden !important; width:400px; margin: 0 auto;}
.cell-wrap { margin-top:170px; padding:50px 0px 60px 0px; background-color:rgba(255, 255, 255, 0.0); vertical-align:middle; position:relative; }
.cell-wrap h2 { font-size: 66px; font-weight: 700; color: #FFF; text-align: center;}
.cell-wrap p { font-size: 20px; padding: 0 0 40px; margin: 0; text-align: center;}

/* ABOUT START */

.aboutheader { color: #fff; font-size: 32px; text-align: center; min-height: 610px; background: url(../img/about/header2.jpg) repeat 50% 0 fixed; background-size: cover; position:relative;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.aboutheader h2
.aboutheader p

.aboutintro {padding: 0 30px 0 30px; position:relative; background:#fff;  margin-bottom: -40px;}
.aboutintro p {text-align: center;  }

.doublecolumnlist {list-style-position: inside; text-align:left; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 0px; /* Chrome, Safari, Opera */ -moz-column-gap: 0px; /* Firefox */ column-gap: 0px;}

.aboutintro2 { color: #444; font-size: 32px; text-align: center; padding-top: 40px; padding-bottom:40px; background: #fff; position:relative; }
.aboutintro2 .row { margin:0px; }
.aboutintro2  h2 { text-align: left; }
.aboutintro2 .row p { text-align: left; padding: 0 10px 0; }

.ourhistory { background:#f0f0f0; position: relative;}
.ourhistory h2 { margin-top: 50px; text-align: left; }
.ourhistory img {padding:40px;}

.environmental { background:#fff; position: relative;}
.environmental h2 { margin-top: 50px; text-align:left;}
.environmental img {padding:40px;}

.material { background:#fff; position: relative;}
.material h2 { margin-top: 50px; text-align:left;}
.material img {padding:40px;}

.maptitle { height: 50px; line-height: 50px; display: table; margin-left: auto; margin-right: auto; position:relative; background:#fff; width:100%;}
.maptitle .container { position:relative; height:100%; display: table-cell; vertical-align: middle; text-align:center; background:#fff;}
.maptitle h2 { font-size:30px; color: #0C59A9; text-align:center; vertical-align: text-top;  margin-left: auto; margin-right: auto;}

//This comment is required; Removing this will change the background colors of the reponsive areas.

/* responsive area */
#responsive-area { background: #eef2f3; position: relative; padding-top: 20px; padding-bottom: 20px; }

@media screen and (min-width: 768px) {
    #responsive-area { padding-top: 40px; padding-bottom: 40px; }
}

@media screen and (min-width: 992px) {
    #responsive-area { padding-top: 60px; padding-bottom: 60px; }
}

@media screen and (min-width: 1200px) {
    #responsive-area { padding-top: 80px; padding-bottom: 80px; }
}

#responsive-area .content-wrap { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

@media screen and (min-width: 768px) {
    #responsive-area .content-wrap { max-width: 50%; padding: 0 30px; }
}

#responsive-area .content-wrap .section-header { margin: 0 40px; padding: 0 0 10px 0; }

#responsive-area .content-wrap .section-header .section-title { margin: 0; padding: 0; }

#responsive-area .content-wrap .section-header .section-subtitle { margin: 0; padding: 0; }

#responsive-area .content-wrap .entry { margin: 10px 20px 0 20px; padding: 0 10px; font-size: 12px; }

@media screen and (min-width: 992px) {
    #responsive-area .content-wrap .entry { }
}

@media screen and (min-width: 1200px) {
    #responsive-area .content-wrap .entry { }
}

#responsive-area .img-block {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-clip: content-box;
    height: 100%;
    width: calc(100% - 40px);
    height: 400px;
    margin: 0 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media screen and (min-width: 768px) {
    #responsive-area .img-block { height: 100%; width: 50%; position: absolute; right: 0px; top: 0px; margin: 0px; padding:20px; }
}

@media screen and (max-width: 767px) {
    .ourhistory, .environmental { padding: 20px; }
    .img-block {padding:20px 0px;}
}

@media screen and (min-width: 768px) {
    #environment #responsive-area .content-wrap { float:right; }
}

@media screen and (min-width: 768px) {
    #environment #responsive-area .img-block { left: 0px; }
}

#quality-about { padding-bottom:30px; }

/* ABOUT END */


/* PRODUCTS START */

/* parallax images */
.acoustic-img{ background-image:url(../img/products/acoustic.jpg); }
.filtration-img{ background-image:url(../img/products/filtration.jpg); }
.dampening-img{ background-image:url(../img/products/dampening.jpg); }
.cushioning-img{ background-image:url(../img/products/cushioning.jpg); }
.sealing-img{ background-image:url(../img/products/sealing.jpg); }
.speciality-img{ background-image:url(../img/products/speciality.jpg); }

/* modal containers */
.modal-container {padding:40px;}
.modal-container * {padding:0px; margin:0px}
.modal-container h1,h2 {color:#eb693b;}
.modal-container h1 {padding-bottom: 10px;}
.modal-container h2 {padding:30px 0 10px 0;}
.modal-container tbody{font-size: 1.4rem; color: #444; font-weight: 500; font-family: 'Merriweather', Helvetica Neue, Helvetica, Arial, sans-serif; }
.modal-container thead th {padding: .8rem; font-size: 1.8rem; font-weight: 800; font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif; }
.modal-container td {padding:0 0 10px 5px;}

@media (max-width:990px){
   .modal-container h2 {font-size:25px;}
}

@media(max-width:560px){
    .modal-container {padding:10px; line-height:12px;}
    .modal-container tbody{font-size: 1rem; color: #444; font-weight: 500; font-family: 'Merriweather', Helvetica Neue, Helvetica, Arial, sans-serif; }
    .modal-container thead th {padding: .8rem; font-size: 1.1rem; font-weight: 800; font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif; }
}

/* modal tables */
thead {color:#0C59A9;}
tbody {color:blue;}
tfoot {color:red;}
table.spectable {padding: 0 0 20px 0;}
table.spectable col:nth-child(1){width:280px;}
table.spectable col:nth-child(2){width:120px;}
table.spectable col:nth-child(3){width:180px;}

/* PRODUCTS END */


/* INDUSTRIES START */

.industries-header {padding:200px 0; position:relative;}
.industries-header {background:url(../img/industries/industriesheader.jpg) 50% 0 no-repeat;}
.industries-header .slide-title{font-size:40px; font-weight:bold;}

.industries-description { background: #fff; padding: 85px 0 81px; text-align: center; position: relative; z-index: 1;}
.industries-pardivider h2 { text-align: right;}
.industries-description p { color: #444; font-size: 16px; font-weight: 300; line-height: 35px; }

.servicesind{ background:#f0f0f0; background-size: cover;}
.servicesind .padding {height: 20px;}
.servicesind .btn-blue {margin-top:-20px;}
.servicesind .buttonholder {text-align:center; padding-bottom: 15px; }

.servicesind p {text-align:center;}



/* industries parallax sections */
.industries-pardivider {  height:550px; position:relative; background-attachment:fixed; background-size:cover; }
.industries-pardivider .container { position:relative; height:100%; }




.industries-pardivider .pardivider-text { padding-left: 10px; text-align: left; position:absolute; bottom:30px; left:0; margin:0; line-height:1.2em; color:#fff; font-weight:normal; font-size:60px; z-index:0; }
.automotive-img{ background-image:url(../img/industries/automotive.jpg); }
.agriculture-img{ background-image:url(../img/industries/agriculture.jpg); }
.medical-img{ background-image:url(../img/industries/medical.jpg); }
.construction-img{ background-image:url(../img/industries/construction.jpg); }
.consumer-img{ background-image:url(../img/industries/consumer.jpg); }
.industrial-img{ background-image:url(../img/industries/industrial.jpg); }

@media (max-width:1200px){
  .industries-pardivider .container { position:static; }
  .industries-pardivider .pardivider-text { padding-left: 40px; }
}

@media (max-width:768px)
{
    .industries-pardivider .pardivider-text  {font-size:50px;}
}

.text-fixed { position: fixed; top: 40px; left: 0; right: 0; }

@media(max-width:1080px){
.text-fixed { position: static; }
}

@media (min-width:801px){
    .section.servicesind{position:fixed; top:65px; left:0; right:0; width:100%;}
    .services-overlay{width:100%; height:800px;}
    .services-overlay2{width:100%; height:730px; }
    .section.text-center{background:#fff;}
}

@media(max-height:830px){
    .section.servicesind{position:static;}
    .services-overlay{display:none;}
    .services-overlay2{display:none;}
}

.industries-description .scroll-to {color:#0094c9;}
.ind-backtotop { height:42px; padding:10px 0 10px 0px; float:left;}
.backtotop { height:42px; padding:10px 0 10px 30px; float:left;}

/* INDUSTRIES END */


/* QUALITY START */

.qualityheader { color: #fff; text-align: center; min-height: 610px; background: url(../img/quality/header.jpg) repeat 50% 0 fixed; background-size: cover; position:relative;}
.qualityheader h2 { font-size: 66px; font-weight: 700; margin: 140px 0 20px; padding: 170px 0 0; z-index: -2; color: #FFF;}
.qualityheader p { font-size: 20px; padding: 0 0 40px; margin: 0; z-index: -2;}

.accreditationsbottom { height: 50px; display: table;  position:relative; background:#ffffff; width:100%;}
.accreditationsbottom .container {position:relative; height:100%; display: table-cell; text-align:center; background:#ffffff; padding-bottom: 80px;}
.accreditationsbottom h2 { font-size:42px; margin-top: 50px; color: #0C59A9; text-align:center; vertical-align: text-top; }
.accreditationsbottom h3 { font-size:30px; color: #0C59A9;}
.accreditationsbottom p {padding:20px 0px; vertical-align:top;  color:#444;}
.accreditationsbottom img:not(#crisil) {margin-bottom: 20px; height:130px;  padding: 20px 10px 0 }
.accreditationsbottom .row {padding-left:6%;}


/* QUALITY END */


/* CAREERS START */

.careersintro {position:relative; padding: 0 0 60px 0; background-color:#fff;}
.careersintro p {text-align: center; }
.careersintro h3 {text-align: center; font-size: 18px; color:#0c59a9; }

@media(max-width:768px){
    .careersintro .container{padding-top: 50px}
}

.containers{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px; background-color:#f0f0f0; padding: 25px;}

.featured-jobs { background:#f0f0f0;}
.featured-jobs h2 { font-size:30px; color: #0C59A9; text-align:left;}
.featured-jobs h3 { font-size:22px; }
.featured-jobs h4 { font-size:17px; }
.featured-jobs ul {padding-left:40px;}

.job-listing{background:#fff;padding:15px;position:relative;margin-bottom:30px}
.job-listing .job-location{margin-bottom:20px}
.job-listing .button{font-size:12px;padding:.5em 2em .38em;margin:0}

@media screen and (min-width:768px){
    .job-listing .apply-bottom-wrap{margin:30px 0}
}

@media(min-width:768px){
    .containers{width:750px}
}

@media(min-width:992px){
    .containers{width:970px}
}

@media(min-width:1200px){
    .containers{width:1170px}
}

.containers-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}

.row{margin-left:-15px;margin-right:-15px}

@media screen and (min-width:768px)
{
    h2 {font-size:26px}
}

.text-muted,.text-muted a{color:#6f7073}

.text-secondary a,a.text-secondary{color:#222326}

.text-left{text-align:left}.text-right{text-align:right}

.text-center{text-align:center}

/* contact details */

.application-details {  font-size: 14px; line-height: 20px; padding: 0px 0 40px; background: #fff; }
.application-details p { font-size: 16px; line-height: 27px; padding: 0 0 30px; margin: 0; }
.application-details h3 { font-size:30px; color: #0C59A9; text-align:left;}

.application-details .contacts { margin: 0; padding: 20px 0 20px;  padding:20px 0; color:#0C59A9; position:relative; }
.application-details .contacts li { font-weight: 700; line-height: 40px; margin: 0; padding: 0; list-style-type: none; }
.application-details .contacts li span { color: #fff; font-size: 18px; text-align: center; vertical-align: middle; display: inline-block; margin-right: 7px; width: 32px; height: 32px; background: #0C59A9; }
.application-details .contacts li span .fa { position: relative; top: -4px; }
.application-details .contacts z {margin-bottom:1px;}
.application-details .contacts p {color:black; padding:26px 0;}
.application-details .contacts h3 {padding:0px; margin:-10px 0;}
.application-details .contacts .search  input[type="text"]{ width: 220px; height: 39px; border: 1px solid #cccccc;  font-size: 15px; margin: 0px -4px 0px 0px;}
.application-details .contacts .search input[type="submit"], input[type="text"] { line-height:normal !important; display: inline-block;}

#contact button{margin-left:-15px;}
#contact label {font-weight:normal; font-size:16px;}

/* get in touch button */

.contact-btn{padding:5px 10px; text-align:left !important; letter-spacing:3px;}
.application-details .btn { color: #fff; font-size: 16px;  padding: 11px 25px; margin-top: 20px; background: #0C59A9; }
.application-details .btn:hover { background: #F15A29; }
/* CAREERS END */


/* CONTACT START */

/* header image*/
.contactheader { color: #fff; font-size: 32px; text-align: center; min-height: 610px; background: url(../img/contact.jpg) repeat 50% 0 fixed; background-size: cover;}
.contactheader h2 { font-size: 66px; font-weight: 700; margin: 140px 0 20px; padding: 170px 0 0; z-index: -2; color: #FFF;}
.contactheader p { font-size: 20px; padding: 0 0 40px; margin: 0; z-index: -2;}

/* alternating location title*/
.contact-title{margin:40px auto; text-align:center;  position: relative; }

/* get in touch fields */
.form-control, .form-control:hover, .form-control:focus{background:#efeff3; border-color:#efeff3; box-shadow:none; font-size:14px;}
.btn, .form-control{border-radius:0px;}

/* get in touch button */
a, a:hover, a:focus, .contact-row a:hover, .contact-row a:focus{color:#e0004d;}
.contact-btn{padding:15px 20px; text-align:left !important; letter-spacing:3px;}
.contact-details .btn { color: #fff; font-size: 16px;  padding: 11px 25px; margin-top: 20px; background: #0C59A9; }
.contact-details .btn:hover { background: #F15A29; }

.contacts input.form-control { height: 44px; width: 220px; border-radius: 0; border-color: #fff; border-width: 2px; box-shadow: none; display: inline-block; }
.contacts .has-error input.form-control { border-color: #A94442; }
.contacts .error-msg { color: #A94442; font-weight: 700; margin: -10px 0 10px; }
.contacts .success-msg { color: #3e9ba4; font-weight: 700; margin: -10px 0 10px; }

/* contact details */

.contact-details {  font-size: 14px; line-height: 20px; padding: 20px 0 50px; background:#fff; position: relative; }
.contact-details p { font-size: 16px; line-height: 27px; padding: 0 0 30px; margin: 0;}

.contact-details .contacts { margin: 0; padding: 20px 0 20px;  padding:30px 0; color:#0C59A9; position:relative; }
.contact-details .contacts li { font-weight: 700; line-height: 40px; margin: 0; padding: 0; list-style-type: none; }
.contact-details .contacts li span { color: #fff; font-size: 18px; text-align: center; vertical-align: middle; display: inline-block; margin-right: 7px; width: 32px; height: 32px; background: #0C59A9; }
.contact-details .contacts li span .fa { position: relative; top: -4px; }
.contact-details .contacts z {margin-bottom:1px;}
.contact-details h1 {color:#eb693b;}

/* google map */
#map{width:100%; height:310px;}

@media (max-width:768px){
    .contact-details {padding: 0 20px;}
}




@media (max-width:768px){
    .industries-pardivider { height:250px; }
    body{padding-top:60px;}
    .why-us .row > .text-right{text-align:center !important;}
    .owl-buttons{display:none !important;}
}

@media (min-width:560px) and (max-width:768px){
    .ft-nav { width:100%; margin:5px 0; }
    .ft-nav-header, .ft-nav .ft-nav-list li {float:left; margin:10px 10px 0 0; }
}

@media (max-width:559px){
    .ft-nav { width:100%; margin:5px 0; }
    .mapparral { height:200px; position:relative; background-position:50% 0; background-attachment:fixed; background-size:cover; padding:200px; }
    .mapimg{ display: block; height: auto; max-width: 100%;}
}

/* CONTACT END */


/* RESOURCES START */

/* blue button */
.btn-blue {
    background-color: #0094c9;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgNSAyNjAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCA1IDI2MCA0MCI+PHBhdGggZmlsbD0iIzAyN0RCNCIgZD0iTTI2MCA1bC0yMi43MjEgNDBoLTIzNy4yNDhsLS4wMzEtNDBoMjYweiIvPjwvc3ZnPg=="), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgNSAyNjAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCA1IDI2MCA0MCI+PHBhdGggZmlsbD0iIzAyN0RCNCIgZD0iTTAgNDVsMjIuNzIxLTQwaDIzNy4yNDhsLjAzMSA0MGgtMjYweiIvPjwvc3ZnPg==");
    background-position: -260px 50%, calc(100% + 260px) 50%;
    background-repeat: no-repeat;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    opacity: 1;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    transition: background-position 0.3s ease 0s;
}

.btn-blue:visited {color: white; text-decoration:none;}

.ie9 .btn-blue, .lt-ie9 .btn-blue { background-image: none;}

@media not all, not all {
    .btn-blue {background-image: none;}
}

.btn-blue:hover { background-position: calc(50% - 110px) 50%, calc(50% + 110px) 50%; color: #fff; text-decoration:none;}

@media not all, not all {
    .btn-blue:hover {background-color: #027db4;}
}


/* Interactive Map */
.newmap {background:#fff; position: relative; }
.newmap h2 {margin-bottom: -10px; font-size: 30px;}

#regions_div {padding: 55px 30px 55px; max-width: 1000px; width: 100%; height: auto; margin: 0 auto;}

#regions_div
path:nth-child(728), /* USA */
path:nth-child(405), /* INDIA */
path:nth-child(253), /* UK */
path:nth-child(260), /* SCOTTISH ISLANDS */
path:nth-child(255), /* N IRELAND */
path:nth-child(707), /* THAILAND */
path:nth-child(200), /* CHINA */
path:nth-child(469), /* NETHERLANDS */
path:nth-child(458), /* MEXICO */
path:nth-child(774), /* SOUTH AFRICA */
path:nth-child(38), /* BRAZIL */
path:nth-child(12) /* AUSTRALIA */
{fill:#0094c9;}

#regions_div path {
    stroke-width:1; /* control the countries borders width */
    stroke:#ddd; /* choose a color for the border */
}

/*  interactive map key */
.mapkey { padding: 0 0 20px; margin:auto; text-align: center; display: block; height:auto; width:100%; }

#keycontent{ background-color:white; display: inline-block; margin:auto; z-index: 999; position: relative; }

.keycolor { border-radius: 50%; margin:5px; width:24px; height:24px; float:left; }

.keytext { padding:5px; float:left; font-family: 'Lato', Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; }

#kc1 { background-color: #eb693b; }
#kc2 { background-color: #0094c9; margin-left: 50px; }